.elementor-875 .elementor-element.elementor-element-560b1c6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-875 .elementor-element.elementor-element-1f3f54b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-875 .elementor-element.elementor-element-9f0a858{--spacer-size:50px;}.elementor-875 .elementor-element.elementor-element-bfbb77a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS *//************************************************************
  3DDruck-Magdeburg • Datenschutz (seitenlokales CSS, CLEAN)
  - 1 Quelle der Wahrheit, keine Doppel-Selektoren
  - Hero wie Impressum (Glass-Card, Radius, Shadow)
  - Buttons wie Impressum (solides Blau + Hover)
************************************************************/

/* ===== Lokale CI-Variablen (nur innerhalb .legal-scope) ===== */
.legal-scope{
  --brand:#1A56FF;
  --brand-600:#184EE6;
  --ink:#0B1324;
  --muted:#334155;
  --line:#E5E7EB;
  --glass:rgba(255,255,255,.72);
  --glass-strong:rgba(255,255,255,.84);
  --radius:22px;
  --chip-radius:999px;
  --shadow:0 24px 60px rgba(2,6,23,.14);
}

.legal-scope .wrap{
  max-width:1200px;
  margin-inline:auto;
  padding-inline:clamp(16px,3vw,24px);
}

/* ========================= HERO ========================= */

/* Theme/Elementor-Overlays neutralisieren */
#legal-hero.hero--overlay::after{ content:none; display:none; }
#legal-hero.hero--overlay{ background:transparent; box-shadow:none; }
#legal-hero, #legal-hero > .e-con, #legal-hero > .elementor-container, #legal-hero > .e-con > .e-con{
  background:transparent;
}

/* Full-bleed + Spacing (inkl. Safe-Area) */
#legal-hero{
  position:relative;
  width:100vw; max-width:100vw;
  left:50%; margin-left:-50vw; margin-right:-50vw;
  min-height:clamp(420px,62vh,820px);
  display:flex; align-items:center;
  padding:
    clamp(32px,7vw,110px)
    max(clamp(18px,4vw,36px), env(safe-area-inset-right))
    clamp(32px,7vw,110px)
    max(clamp(18px,4vw,36px), env(safe-area-inset-left));
  background-size:cover;
  background-position:50% var(--hero-y,38%);
  background-repeat:no-repeat;
  isolation:isolate;
}

/* Glass-Card wie Impressum */
#legal-hero .card{
  position:relative; z-index:1;
  max-width:min(980px,94vw);
  margin-inline:auto;
  padding:clamp(20px,3.4vw,36px);
  background:var(--glass);
  border:1px solid rgba(255,255,255,.45);
  border-radius:var(--radius);
  backdrop-filter:saturate(140%) blur(10px);
  -webkit-backdrop-filter:saturate(140%) blur(10px);
  box-shadow:var(--shadow);
}

/* Schattenfahne */
#legal-hero .card::after{
  content:"";
  position:absolute; left:10%; right:10%; bottom:-12px; height:22px;
  border-radius:999px; pointer-events:none;
  background:radial-gradient(60% 120% at 50% 50%, rgba(2,6,23,.20), rgba(2,6,23,0) 70%);
  filter:blur(8px);
}

/* Typo */
#legal-hero .eyebrow{
  margin:0 0 6px; letter-spacing:.08em; text-transform:uppercase;
  font-weight:800; font-size:12px; color:#6B7280;
}
#legal-hero .title{
  margin:.12em 0 .38em; color:var(--ink);
  line-height:1.12; font-weight:800;
  font-size:clamp(28px,4.2vw,44px);
}
#legal-hero .lead{ color:var(--muted); max-width:70ch; margin:0; }

/* Chips (AGB / Über uns / Impressum) */
#legal-hero .chip-row{ display:flex; flex-wrap:wrap; gap:8px; margin-top:12px }
#legal-hero .chip{
  display:inline-flex; align-items:center; justify-content:center;
  padding:7px 12px; border-radius:var(--chip-radius);
  background:rgba(238,242,255,.92);
  border:1px solid #E0E7FF; color:#0F172A;
  font-weight:800; font-size:.94rem; text-decoration:none;
  transition:transform .06s ease, box-shadow .25s ease, background-color .25s ease;
}
#legal-hero .chip:hover{
  transform:translateY(-1px); background:#E6ECFF;
  box-shadow:0 0 0 3px rgba(37,99,235,.22);
}

/* Button-Reihe im Hero */
#legal-hero .card > div{ display:flex; gap:12px; flex-wrap:wrap; margin-top:16px }

/* Buttons wie im Impressum (solides Blau) */
#legal-hero .btn,
.legal-scope .btn{
  display:inline-flex; align-items:center; justify-content:center; gap:.5em;
  padding:.9em 1.2em; border-radius:14px;
  font-weight:800; line-height:1; text-decoration:none;
  background:var(--brand); color:#fff; border:1px solid transparent;
  box-shadow:0 16px 40px rgba(26,86,255,.20);
  transition:transform .08s ease, background .2s ease, color .2s ease, box-shadow .2s ease;
}
#legal-hero .btn:hover,
.legal-scope .btn:hover{
  background:var(--brand-600);
  transform:translateY(-1px);
  box-shadow:0 18px 46px rgba(26,86,255,.24);
}
#legal-hero .btn:focus-visible,
.legal-scope .btn:focus-visible{
  outline:2px solid var(--brand);
  outline-offset:2px;
  box-shadow:0 0 0 3px rgba(26,86,255,.25);
}
@media (max-width:540px){ #legal-hero .btn{ width:100% } }

/* ========================= GRID / INHALT ========================= */

.legal-scope .legal-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(16px,2.4vw,24px);
  align-items:start;
  max-width:1100px;
  margin:clamp(18px,4vw,28px) auto;
  padding-inline:clamp(16px,3vw,24px);
}
@media (min-width:1024px){ .legal-scope .legal-grid{ grid-template-columns:1fr 1fr } }

.legal-scope .card{
  position:relative;
  background:var(--glass);
  border:1px solid rgba(255,255,255,.48);
  border-radius:var(--radius);
  backdrop-filter:saturate(140%) blur(10px);
  -webkit-backdrop-filter:saturate(140%) blur(10px);
  box-shadow:var(--shadow);
  overflow:hidden;
  padding:clamp(18px,3vw,28px);
}
.legal-scope .card::after{
  content:""; position:absolute; left:12%; right:12%; bottom:-12px; height:20px;
  border-radius:999px; filter:blur(7px);
  background:radial-gradient(60% 120% at 50% 50%, rgba(2,6,23,.18), rgba(2,6,23,0) 70%);
  pointer-events:none;
}
@media (min-width:1024px){ .legal-scope .card.span-2{ grid-column:1 / -1 } }

/* Typo in Karten */
.legal-scope .card h2{
  margin:.1em 0 .45em; color:var(--ink);
  line-height:1.18; font-size:clamp(20px,2.4vw,24px);
}
.legal-scope .card h3{
  margin:.6em 0 .25em; color:var(--ink);
  font-size:clamp(16px,1.9vw,18px);
}
.legal-scope .ca







/* ===== Force Pill Buttons (Hero & Inhalt) ===== */

/* 1) Alle Varianten erfassen (Elementor + eigene .btn) */
#legal-hero a.btn,
#legal-hero .btn,
#legal-hero .elementor-button,
#legal-hero .elementor-button-link,
.legal-scope a.btn,
.legal-scope .btn,
.legal-scope .elementor-button,
.legal-scope .elementor-button-link{
  border-radius:999px !important;      /* Pille */
  padding:.9em 1.4em !important;       /* etwas breiter für Pill-Look */
  line-height:1 !important;
  overflow:hidden !important;
}

/* 2) Auch innere Wrapper von Elementor abrunden */
#legal-hero .elementor-button .elementor-button-content-wrapper,
.legal-scope .elementor-button .elementor-button-content-wrapper,
#legal-hero .elementor-button .elementor-button-text,
.legal-scope .elementor-button .elementor-button-text{
  border-radius:999px !important;
}

/* 3) Falls Theme irgendwo border-radius:0 auf <a> setzt, neutralisieren */
#legal-hero a,
.legal-scope a{
  border-radius:inherit;
}

/* 4) Chips optional ebenfalls pillenrund (wirken dann konsistent) */
#legal-hero .chip{ border-radius:999px !important; }/* End custom CSS */