.elementor-944 .elementor-element.elementor-element-fdc2a98{--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-944 .elementor-element.elementor-element-9390b81{--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-944 .elementor-element.elementor-element-6b397cd{--spacer-size:50px;}/* Start custom CSS *//************************************************************
  elbe3D • Widerruf (seitenlokal)
  – nutzt dieselben Selektoren wie Impressum/Datenschutz
************************************************************/

/* Variablen & Grundlayout wie auf den anderen Rechteseiten */
.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 – Full-bleed + Card */
#legal-hero.hero--overlay::after{ content:none !important; display:none !important }
#legal-hero.hero--overlay{ background:transparent !important; box-shadow:none !important }
#legal-hero, #legal-hero > .e-con, #legal-hero > .elementor-container, #legal-hero > .e-con > .e-con{ background:transparent !important }
#legal-hero{
  position:relative; width:100vw; max-width:100vw !important; left:50%; margin-left:-50vw; margin-right:-50vw;
  min-height:clamp(420px,62vh,820px); display:flex; align-items:center;
  padding:clamp(32px,7vw,110px) clamp(16px,3vw,24px);
  background-size:cover !important; background-position:50% var(--hero-y,38%) !important; background-repeat:no-repeat !important;
  isolation:isolate;
}
#legal-hero .card{
  position:relative; z-index:1; max-width:min(980px,94vw); margin-inline:auto;
  padding:clamp(18px,3vw,34px); 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);
}
#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 – Pille + Hover wie auf Impressum */
#legal-hero .chip-row{ display:flex; flex-wrap:wrap; gap:8px; margin-top:10px }
#legal-hero .chip{
  display:inline-flex; align-items:center; justify-content:center; padding:10px 16px;
  border-radius:999px; 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) }

/* Buttons – CI-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 !important;
  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;
}
#legal-hero .btn:hover, .legal-scope .btn:hover{ background:var(--brand-600); transform:translateY(-1px) }
.legal-scope .btn--glass{ background:var(--glass-strong); color:var(--ink); border:1px solid rgba(255,255,255,.55); box-shadow:0 12px 28px rgba(2,6,23,.08) }
.legal-scope .btn--glass:hover{ background:#fff; box-shadow:0 16px 40px rgba(2,6,23,.12) }

/* Responsive */
@media (max-width:980px){ #legal-hero{ min-height:clamp(380px,58vh,700px); padding-block:clamp(28px,7vw,72px) } #legal-hero .card{ padding:clamp(16px,4vw,24px) } }
@media (max-width:540px){ #legal-hero .btn{ width:100% } }

/* GRID / CARD */
.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%) }
@media (min-width:1024px){ .legal-scope .card.span-2{ grid-column:1 / -1 } }

/* Typo & Links */
.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 .card p, .legal-scope .card li{ color:var(--muted); margin:.35em 0 }
.legal-scope .legal-list{ margin:.4rem 0 0; padding-left:18px }
.legal-scope a{ color:var(--brand); text-decoration:none; border-bottom:1px solid rgba(26,86,255,.25); transition:color .2s ease, border-color .2s ease }
.legal-scope a:hover{ color:var(--brand-600); border-bottom-color:rgba(26,86,255,.5) }
.legal-scope .meta{ display:flex; flex-wrap:wrap; gap:12px; margin:.25rem 0 .5rem; color:var(--muted); font-size:.95rem }

/* Kopierbares Textfeld */
.copy-area{
  width:100%; display:block; padding:1em; background:rgba(255,255,255,.96);
  border:1px solid var(--line); border-radius:12px; color:var(--ink);
  font:inherit; line-height:1.4; resize:vertical; box-shadow:0 8px 24px rgba(2,6,23,.06);
}
.copy-area:focus{ outline:2px solid var(--brand); outline-offset:2px; box-shadow:0 0 0 3px rgba(26,86,255,.18) }

/* Print-Fallback */
@media print{
  #legal-hero{ min-height:auto; padding:0; background:none !important }
  #legal-hero .card, .legal-scope .card{ background:#fff !important; border:1px solid #ddd !important; box-shadow:none !important; -webkit-backdrop-filter:none !important; backdrop-filter:none !important }
  .legal-scope a{ border-bottom:1px solid #999 }
}






/* === Kleinere Hero-Buttons (wie Impressum) === */
#legal-hero .hero-actions .btn,
#legal-hero .btn{
  padding:.72em 1.05em !important;
  font-size:.95rem !important;
  line-height:1 !important;
  border-radius:14px !important;
}

/* Chips pillenrund (falls noch eckig) */
#legal-hero .chip{ border-radius:999px !important; padding:10px 16px !important }

/* Download-/Print-Leiste sauber anordnen */
.legal-downloads{ display:flex; gap:12px; flex-wrap:wrap; margin-top:10px }

/* Textfeld */
.copy-area{
  width:100%; padding:1em; border:1px solid var(--line);
  border-radius:12px; background:rgba(255,255,255,.96);
  font:inherit; line-height:1.4; color:var(--ink); resize:vertical;
  box-shadow:0 8px 24px rgba(2,6,23,.06);
}
.copy-area:focus{ outline:2px solid var(--brand); outline-offset:2px }

/* === Print: Hero nur einmal, schlank; Chips/Buttons ausblenden === */
@media print{
  /* keine extra Hintergründe/Blur */
  #legal-hero{ padding:0; background:none !important; min-height:auto }
  #legal-hero .card{
    background:#fff !important; border:0 !important; box-shadow:none !important;
    padding:0 0 .6rem 0 !important;
  }
  #legal-hero .chip-row,
  #legal-hero .hero-actions{ display:none !important }   /* Buttons & Chips weg im Druck */
  .legal-scope .card{
    background:#fff !important; border:1px solid #ddd !important; box-shadow:none !important;
  }
  /* saubere Seitenaufteilung – Inhalt direkt nach dem Hero weiterdrucken */
  #widerruf{ break-before:auto; page-break-before:auto }
}






/************ WIDERRUF – HERO BUTTON SIZE + GAPS ************/
/* Container für die CTA-Buttons im Hero (nutzt .hero-actions, fallback = 1. Button-Reihe in der Card) */
#legal-hero .hero-actions,
#legal-hero .card > div:is(.hero-actions, :not(.chip-row)) {
  display:flex !important;
  flex-wrap:wrap !important;
  gap: clamp(8px, 1.2vw, 12px) !important;
  margin-top: clamp(8px, 1.2vw, 12px) !important;
}

/* Kompakter Button-Style im Hero – echte Auto-Responsive-Werte */
#legal-hero .btn,
#legal-hero .elementor-button {
  border-radius:14px !important;
  font-weight:800 !important;
  line-height:1 !important;
  /* kleiner als vorher */
  font-size: clamp(.90rem, .25vw + .84rem, .97rem) !important;
  padding: clamp(.52em, .6vw, .68em) clamp(.9em, 1vw, 1.1em) !important;
  min-height:auto !important;
  min-width:auto !important;
  letter-spacing:0 !important;
  box-sizing:border-box !important;
}

/* Chips im Hero etwas kompakter + Pille */
#legal-hero .chip-row{ gap: clamp(6px, 1vw, 10px) !important; margin-top: clamp(8px, 1vw, 12px) !important; }
#legal-hero .chip{
  padding: clamp(8px, .9vw, 10px) clamp(12px, 1.2vw, 16px) !important;
  border-radius:999px !important;
  line-height:1 !important;
}

/************ WIDERRUF – PRINT: NUR DIE INHALTS-CARD ************/
/* Wir nehmen die große Card im Widerrufs-Content (span-2).
   Nur diese wird gedruckt; alles andere wird ausgeblendet. */
@media print{
  /* Seite entschlacken */
  html, body { background:#fff !important; }
  body * { visibility:hidden !important; }

  /* Nur die Haupt-Card sichtbar + in den Druckfluss setzen */
  .legal-scope .card.span-2,
  .legal-scope .card.span-2 *{
    visibility:visible !important;
  }
  .legal-scope .card.span-2{
    position:absolute !important;
    left:0 !important; top:0 !important; width:100% !important;
    background:#fff !important;
    border:1px solid #ddd !important;
    box-shadow:none !important;
    -webkit-backdrop-filter:none !important; backdrop-filter:none !important;
    padding: 16mm 14mm !important;      /* saubere Druckränder */
  }

  /* Hero komplett ausblenden */
  #legal-hero{ display:none !important; }
  /* Site-Header/Footers/Themestrip ausblenden, falls vorhanden */
  header, footer, .site-header, .site-footer, .elementor-location-header, .elementor-location-footer{
    display:none !important;
  }
}

/************ MISC – kleine kosmetische Auto-Anpassungen ************/
.copy-area{ font-size: clamp(.95rem, .3vw + .88rem, 1rem); }
.legal-downloads{ display:flex; gap: clamp(8px, 1.2vw, 12px); flex-wrap:wrap; }





/************** HERO – kompakte Buttons + saubere Abstände **************/
#legal-hero .hero-actions{
  display:flex !important;
  flex-wrap:wrap !important;
  gap: clamp(8px, 1vw, 12px) !important;
  margin-top: clamp(10px, 1.2vw, 14px) !important;
}
#legal-hero .btn,
#legal-hero .elementor-button{
  border-radius:14px !important;
  font-weight:800 !important;
  line-height:1 !important;
  font-size: clamp(.9rem, .22vw + .86rem, .96rem) !important;
  padding: clamp(.52em, .6vw, .66em) clamp(.9em, 1vw, 1.1em) !important;
  min-height:auto !important; min-width:auto !important;
}
#legal-hero .chip-row{ gap: clamp(6px, 1vw, 10px) !important; margin-top: clamp(8px, 1vw, 12px) !important; }
#legal-hero .chip{ padding: clamp(8px, .9vw, 10px) clamp(12px, 1.2vw, 16px) !important; border-radius:999px !important; line-height:1 !important }

/********************* PRINT – nur die Widerrufs-Card *********************/
/* Ziel: nur DIESE Card drucken (die große Inhaltskarte), in voller Seitenbreite */
@media print{

  /* 1) Alles ausblenden … */
  body * { visibility: hidden !important; }
  /* … außer der Haupt-Card (und ihrem Inhalt) */
  .legal-scope .card.span-2,
  .legal-scope .card.span-2 * { visibility: visible !important; }

  /* 2) Alle Container-Zwänge aufheben: volle Breite drucken */
  html, body { background:#fff !important; }
  #legal-hero,
  header, .site-header, .elementor-location-header,
  footer, .site-footer, .elementor-location-footer { display:none !important; }

  /* Elementor/Wrap-Container neutralisieren */
  .legal-scope,
  .legal-scope .wrap,
  .elementor-section,
  .elementor-container,
  .elementor-row,
  .elementor-column,
  .elementor-widget-container{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    float:none !important;
  }

  /* 3) Die eigentliche Card sauber formatieren */
  .legal-scope .card.span-2{
    position: static !important;   /* NICHT absolute – verhindert die schmale Spalte */
    box-shadow:none !important;
    border-radius:0 !important;
    border:0 !important;
    background:#fff !important;
    padding: 16mm 14mm !important; /* großzügige Druckränder innerhalb */
    width:100% !important;
  }

  /* Links als Text, keine Unterstreichungs-Grafikeffekte im Druck */
  .legal-scope a{ color:#000 !important; border-bottom:0 !important; text-decoration: underline !important; }

  /* Optional: etwas größere Lesetypo im Druck */
  .legal-scope .card h2{ font-size: 13pt !important }
  .legal-scope .card h3{ font-size: 11.5pt !important }
  .legal-scope .card p,
  .legal-scope .card li,
  .copy-area{ font-size: 11pt !important; line-height:1.45 !important }

  /* Textarea-Rahmen dezenter im Druck */
  .copy-area{
    border:1px solid #bbb !important;
    box-shadow:none !important;
    background:#fff !important;
  }

  /* Seitenränder des Browsers */
  @page{ margin: 10mm }
}/* End custom CSS */