/* ============================================================
   WirStellenDichEin.de — Startseite (Design V4, Oktober 2026)
   Wird NACH style.css geladen und gilt nur für index.html.
   Prinzip: Abschnitte wechseln fest zwischen Navy und Hell.
   Türkis = unser Weg, Koralle = klassische Wege / das Problem.
   ============================================================ */

:root{
  --navy:#0E1320; --navy-2:#161D2E; --navy-3:#1E2740;
  --paper:#F0F4F8; --white:#FFFFFF; --ink:#0F172A;
  --teal:#00BAC1; --teal-ink:#00767B; --teal-soft:rgba(0,186,193,.12);
  --coral:#FF6B4A; --coral-ink:#C2410C; --coral-soft:rgba(255,107,74,.12);
}

html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body.home{background:var(--navy)}
.home :focus-visible{outline:3px solid var(--teal);outline-offset:3px;border-radius:6px}

/* ---------- Bänder: jedes setzt seine eigenen Farb-Tokens ---------- */
.band{padding:104px 24px}
.band-inner{max-width:1160px;margin:0 auto}
.band--dark{
  background:var(--navy);color:#F1F5F9;
  --bg:#0E1320;--bg-card:#161D2E;--bg-card-2:#121929;--bg-muted:#1E2740;
  --text:#F1F5F9;--text-muted:#A3B0C4;--border:rgba(255,255,255,.09);
  --hl:var(--teal);--hl-problem:var(--coral);
}
.band--light,.band--white{
  background:var(--paper);color:var(--ink);
  --bg:#F0F4F8;--bg-card:#FFFFFF;--bg-card-2:#E8EDF4;--bg-muted:#E8EDF4;
  --text:#0F172A;--text-muted:#4B5A70;--border:rgba(15,23,42,.10);
  --shadow:0 1px 2px rgba(15,23,42,.06),0 8px 24px rgba(15,23,42,.06);
  --hl:var(--teal-ink);--hl-problem:var(--coral-ink);
}
.band--white{background:var(--white)}
@media(max-width:700px){.band{padding:72px 20px}}

.h2{font-size:clamp(1.9rem,3.8vw,2.9rem);font-weight:800;line-height:1.08;letter-spacing:-.022em;max-width:22ch;margin-bottom:18px}
.lead{font-size:17px;line-height:1.7;color:var(--text-muted);max-width:60ch}
.lead strong{color:var(--text)}
.kicker{font-size:15px;font-weight:700;color:var(--hl);margin-bottom:14px}
.head-row{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;margin-bottom:48px}
.head-row .lead{margin:0}

/* ---------- Buttons ---------- */
.btn-primary{display:inline-flex;align-items:center;gap:10px;background:var(--teal);color:var(--navy);font-family:var(--font);font-weight:800;font-size:15px;text-decoration:none;border:0;border-radius:50px;padding:15px 28px;transition:background .2s,transform .2s;cursor:pointer}
.btn-primary:hover{background:#19CDD4;transform:translateY(-1px)}
.btn-primary svg{width:18px;height:18px}
.btn-ghost{display:inline-flex;align-items:center;gap:8px;color:#fff;font-weight:700;font-size:15px;text-decoration:none;border:1.5px solid rgba(255,255,255,.35);border-radius:50px;padding:14px 26px;transition:border-color .2s,color .2s}
.btn-ghost:hover{border-color:var(--teal);color:var(--teal)}
.btn-dark{display:inline-flex;align-items:center;gap:10px;background:var(--navy);color:#fff;font-weight:800;font-size:15px;text-decoration:none;border-radius:50px;padding:15px 28px;transition:transform .2s,background .2s}
.btn-dark:hover{background:#1A2236;transform:translateY(-1px)}
.btn-dark svg{width:18px;height:18px}
.text-link{font-weight:700;font-size:15px;color:var(--hl);text-decoration:none;border-bottom:2px solid currentColor;padding-bottom:2px}
.text-link:hover{opacity:.8}

/* Nav-Button an neuen Stil angleichen */
.home .btn-nav{color:var(--navy);font-weight:800;padding:9px 18px;font-size:13px}

/* ---------- Hero ---------- */
.home .home-hero{padding:132px 24px 112px}
.home .hero-tagline{margin-bottom:10px !important}
.home .hero-sub-line{margin-bottom:34px !important}
.hero-ctas{position:relative;z-index:1;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.home .hero-stats{margin-top:64px;gap:0;justify-content:center}
.home .stat-wrap{padding:0 44px;border-left:1px solid rgba(255,255,255,.18)}
.home .stat-wrap:first-child{border-left:0}
.home .stat-n{font-size:3rem;letter-spacing:-.02em}
.hero-promise{position:relative;z-index:1;margin-top:52px;display:inline-flex;align-items:center;gap:10px;font-weight:700;color:#fff;font-size:16px;background:rgba(14,19,32,.55);border:1px solid rgba(0,186,193,.45);border-radius:50px;padding:10px 20px}
.hero-promise svg{width:18px;height:18px;color:var(--teal)}
@media(max-width:700px){
  .home .home-hero{padding:72px 20px 72px}
  .home .stat-wrap{padding:0 16px}
  .home .stat-n{font-size:2.1rem}
  .home .stat-l{font-size:12px}
}

/* ---------- Logo-Leiste (immer weiß, Logos immer farbig) ---------- */
.logos{background:#fff;color:var(--ink);padding:44px 0 40px;overflow:hidden;border-bottom:1px solid rgba(15,23,42,.08)}
.logos-caption{text-align:center;font-size:15px;font-weight:600;color:#4B5A70;margin:0 20px 28px}
.logos-caption strong{color:var(--ink)}
.marquee{display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.marquee + .marquee{margin-top:14px}
.marquee-track{display:flex;align-items:center;gap:56px;padding-right:56px;flex-shrink:0;animation:marquee 60s linear infinite}
.marquee--rev .marquee-track{animation-direction:reverse;animation-duration:66s}
.marquee:hover .marquee-track{animation-play-state:paused}
.marquee-track img{height:76px;width:auto;flex-shrink:0;filter:none;opacity:1}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-100%)}}
@media(max-width:700px){.marquee-track{gap:36px;padding-right:36px}.marquee-track img{height:54px}}
@media(prefers-reduced-motion:reduce){
  .marquee{overflow-x:auto;-webkit-mask-image:none;mask-image:none}
  .marquee-track{animation:none}
  .marquee-track[aria-hidden="true"]{display:none}
}

/* ---------- Herausforderung: ein Balken statt drei Karten ---------- */
.challenge-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center}
@media(max-width:900px){.challenge-grid{grid-template-columns:1fr;gap:40px}}
.market{background:#fff;border:1px solid var(--border);border-radius:20px;padding:32px;box-shadow:var(--shadow)}
.market-title{font-size:15px;font-weight:700;margin-bottom:22px}
.market-bar{display:flex;height:64px;border-radius:12px;overflow:hidden}
.mb{display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px}
.mb--active{flex:7;background:var(--coral);color:#fff}
.mb--open{flex:66;background:var(--teal);color:var(--navy);font-size:22px}
.mb--no{flex:27;background:#CBD5E1;color:#334155}
.market-legend{list-style:none;display:grid;gap:14px;margin-top:26px}
.market-legend li{display:grid;grid-template-columns:14px 64px 1fr;gap:12px;align-items:baseline;font-size:15px;color:var(--text-muted)}
.market-legend .dot{width:12px;height:12px;border-radius:3px;align-self:center}
.market-legend b{font-size:20px;color:var(--text);font-weight:800}
.dot--active{background:var(--coral)}.dot--open{background:var(--teal)}.dot--no{background:#CBD5E1}
.market-note{margin-top:22px;padding-top:20px;border-top:1px solid var(--border);font-size:15px;line-height:1.65;color:var(--text-muted)}
.market-note strong{color:var(--text)}

/* ---------- Lösung ---------- */
.solution-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:48px}
@media(max-width:800px){.solution-grid{grid-template-columns:1fr}}
.sol-card{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:32px;display:grid;grid-template-columns:52px 1fr;gap:22px}
.sol-ico{width:52px;height:52px;border-radius:14px;background:var(--teal-soft);color:var(--teal);display:flex;align-items:center;justify-content:center}
.sol-ico svg{width:26px;height:26px}
.sol-card h3{font-size:19px;font-weight:800;margin-bottom:8px;letter-spacing:-.01em}
.sol-card p{font-size:15px;line-height:1.7;color:var(--text-muted)}

/* ---------- Referenzen: der Blickfang ---------- */
.case{display:grid;grid-template-columns:1.15fr 1fr;background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 2px 4px rgba(15,23,42,.05),0 24px 64px rgba(15,23,42,.12);margin-bottom:28px}
@media(max-width:960px){.case{grid-template-columns:1fr}}
.case-media{position:relative;background:var(--navy);min-height:360px}
.case-media iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.case-play{position:absolute;inset:0;width:100%;border:0;cursor:pointer;background:radial-gradient(120% 90% at 30% 20%,#1E2B45 0%,#0E1320 70%);color:#fff;font-family:var(--font);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px}
.case-play .pbtn{width:88px;height:88px;border-radius:50%;background:var(--teal);color:var(--navy);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 12px rgba(0,186,193,.18);transition:transform .2s}
.case-play:hover .pbtn{transform:scale(1.06)}
.case-play .pbtn svg{width:34px;height:34px;margin-left:5px}
.case-play .ptitle{font-size:20px;font-weight:800}
.case-play .pnote{font-size:12px;color:#A3B0C4;max-width:36ch;text-align:center;line-height:1.5}
.case-body{padding:44px 44px 40px;color:var(--ink)}
@media(max-width:600px){.case-body{padding:28px 22px}}
.case-logo{height:60px;width:auto;margin-bottom:22px}
.case-quote{font-size:21px;line-height:1.5;font-weight:700;letter-spacing:-.01em;margin-bottom:18px}
.case-who{font-size:14px;color:#4B5A70;margin-bottom:28px}
.case-who b{color:var(--ink)}
.case-steps{display:grid;gap:16px;border-top:1px solid rgba(15,23,42,.1);padding-top:24px}
.case-steps div{display:grid;grid-template-columns:104px 1fr;gap:14px;font-size:14.5px;line-height:1.6;color:#4B5A70}
.case-steps dt{font-weight:800;font-size:14px}
.case-steps .st-start{color:#4B5A70}
.case-steps .st-problem{color:var(--coral-ink)}
.case-steps .st-solution{color:var(--teal-ink)}
@media(max-width:500px){.case-steps div{grid-template-columns:1fr;gap:2px}}

.refs{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media(max-width:1000px){.refs{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.refs{grid-template-columns:1fr}}
.ref{background:#fff;border-radius:22px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}
.ref--big{grid-column:span 2}
@media(max-width:640px){.ref--big{grid-column:auto}}
.ref-photo{position:relative;aspect-ratio:4/3;overflow:hidden;background:#CBD5E1}
.ref--big .ref-photo{aspect-ratio:16/8}
@media(max-width:640px){.ref--big .ref-photo{aspect-ratio:4/3}}
.ref-photo img{width:100%;height:100%;object-fit:cover;display:block}
.ref-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,19,32,0) 35%,rgba(14,19,32,.88) 100%)}
.ref-result{position:absolute;left:24px;right:24px;bottom:20px;z-index:1;color:#fff;display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap}
.ref-num{font-size:64px;font-weight:900;line-height:.85;letter-spacing:-.04em;color:var(--teal)}
.ref--big .ref-num{font-size:96px}
.ref-unit{font-size:17px;font-weight:800;line-height:1.25;padding-bottom:4px}
.ref-unit small{display:block;font-size:14px;font-weight:600;color:rgba(255,255,255,.75)}
.ref-text{padding:24px 24px 26px;display:flex;flex-direction:column;gap:14px;flex:1}
.ref-text q{font-size:15.5px;line-height:1.65;color:#334155;quotes:'„' '“'}
.ref--big .ref-text q{font-size:18px}
.ref-who{margin-top:auto;font-size:14px;color:#4B5A70}
.ref-who b{display:block;color:var(--ink);font-size:15px}
.refs-foot{display:flex;justify-content:center;margin-top:44px}

/* ---------- Videos ---------- */
.home .vgrid{grid-template-columns:repeat(2,1fr);gap:24px}
@media(max-width:700px){.home .vgrid{grid-template-columns:1fr}}
.home .vcard{border-radius:20px;box-shadow:none}
.home .vcard:hover{transform:none}
.home .vthumb video{opacity:.85}
.home .play-btn{width:72px;height:72px;background:var(--teal);color:var(--navy);box-shadow:0 0 0 10px rgba(0,186,193,.18)}
.home .play-btn svg{width:26px;height:26px;color:var(--navy)}
.home .vinfo{padding:20px 22px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.home .vinfo h4{font-size:16px;margin:0}
.home .vinfo p{font-size:14px;color:var(--teal);font-weight:700}
.home .yt-link{margin-top:40px}

/* ---------- Vorteile ---------- */
.benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 40px;margin-top:44px}
@media(max-width:800px){.benefits{grid-template-columns:1fr}}
.benefit{display:grid;grid-template-columns:32px 1fr;gap:16px;padding:22px 0;border-top:1px solid var(--border);font-size:16px;line-height:1.65;color:var(--text-muted)}
.benefit strong{color:var(--text)}
.benefit .chk{width:32px;height:32px;border-radius:50%;background:var(--teal);color:var(--navy);display:flex;align-items:center;justify-content:center}
.benefit .chk svg{width:17px;height:17px}

/* ---------- Ablauf (echte Reihenfolge -> Nummern) ---------- */
.timeline{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:56px;position:relative;counter-reset:st}
.timeline::before{content:'';position:absolute;top:27px;left:28px;right:28px;height:2px;background:linear-gradient(90deg,var(--teal),rgba(0,186,193,.15))}
.timeline li{position:relative;counter-increment:st}
.timeline li::before{content:counter(st);width:56px;height:56px;border-radius:50%;background:var(--navy);border:2px solid var(--teal);color:var(--teal);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:20px;margin-bottom:22px;position:relative}
.timeline h3{font-size:18px;font-weight:800;margin-bottom:8px}
.timeline p{font-size:14.5px;line-height:1.7;color:var(--text-muted)}
@media(max-width:900px){
  .timeline{grid-template-columns:1fr;gap:0}
  .timeline::before{top:28px;bottom:28px;left:27px;right:auto;width:2px;height:auto;background:rgba(0,186,193,.35)}
  .timeline li{display:grid;grid-template-columns:56px 1fr;column-gap:20px;padding-bottom:28px}
  .timeline li::before{grid-row:span 2;margin:0}
}

/* ---------- Pakete ---------- */
.home .pgrid{margin-top:44px}
.home .pkg{border-radius:24px}
.home .pkg.feat{border:2px solid var(--teal);box-shadow:0 20px 50px rgba(0,118,123,.15)}
.home .pkg-badge{background:var(--teal);color:var(--navy)}
.home .pkg-badge.neutral{background:var(--bg-muted);color:var(--text-muted);border:1px solid var(--border)}
.home .pkg-price{color:var(--teal-ink);font-size:14px}
.home .pkg p,.home .pkg li{font-size:14.5px}
.home .pkg p{flex:0}
.home .pkg ul{flex:1}
.home .pkg li::before{color:var(--teal-ink)}
.home .pkg .btn-primary,.home .pkg .btn-dark{align-self:flex-start;margin-top:6px}

/* ---------- FAQ ---------- */
.home .faq-list{max-width:820px;margin:44px 0 0}
.home .faq-h{font-size:16px;padding:20px 22px}
.home .faq-h::before{background:var(--teal)}
.home .faq-b{font-size:15px}

/* ---------- Abschluss-Band in Türkis ---------- */
.cta-final{background:var(--teal);color:var(--navy);padding:88px 24px}
.cta-final .band-inner{display:grid;grid-template-columns:auto 1fr auto;gap:36px;align-items:center}
@media(max-width:860px){.cta-final .band-inner{grid-template-columns:1fr;text-align:center;justify-items:center}}
.cta-final img.avatar{width:112px;height:112px;border-radius:50%;object-fit:cover;object-position:top;border:4px solid var(--navy)}
.cta-final h2{font-size:clamp(1.8rem,3.4vw,2.6rem);font-weight:800;line-height:1.1;letter-spacing:-.02em;margin-bottom:10px}
.cta-final p{font-size:17px;line-height:1.6;max-width:52ch;color:#0E3A42}

.seals-strip{background:#fff;padding:36px 24px}
.seals-strip .band-inner{display:flex;flex-wrap:wrap;gap:28px 40px;justify-content:center;align-items:center}
.seals-strip img{height:52px;width:auto}

/* Mobile: feste Mobil-Navigation des Altbestands behalten */
@media(max-width:1024px){.home .home-hero{padding-top:64px}}

/* Mobil-Feinschliff */
@media(max-width:600px){
  .home .hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:44px}
  .home .stat-wrap{padding:0 6px}
  .home .stat-n{font-size:1.75rem}
  .hero-promise{font-size:14px;padding:9px 16px;margin-top:36px}
  .hero-ctas a{width:100%;justify-content:center}
  .sol-card{grid-template-columns:1fr;gap:16px;padding:26px}
  .market{padding:24px}
  .market-legend li{grid-template-columns:14px 52px 1fr}
  .case-media{min-height:240px}
  .cta-final img.avatar{width:96px;height:96px}
  .seals-strip img{height:40px}
}

/* Videos: Startbild + Abspielen direkt in der Kachel */
.home .vthumb{position:relative;aspect-ratio:16/9;cursor:default;background:#0B1020}
.home .vthumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.home .vthumb::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,19,32,0) 55%,rgba(14,19,32,.45));pointer-events:none}
.home .vthumb.is-playing::after{display:none}
.home .vthumb video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:1;background:#000}
.home .vplay{position:absolute;inset:0;z-index:1;width:100%;border:0;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center}
.home .vplay:hover .play-btn{transform:scale(1.08)}
.home .vplay{align-items:flex-end;justify-content:flex-start;padding:20px}
.home .vplay .play-btn{width:60px;height:60px}

/* Fallstudie: Startbild */
.case-play{justify-content:flex-end;padding:28px}
.case-play .case-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 30%}
.case-play::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,19,32,0) 40%,rgba(14,19,32,.85) 100%)}
.case-play .pbtn,.case-play .ptitle,.case-play .pnote{position:relative;z-index:1}
.case-play .pbtn{margin-bottom:4px}
.case-media iframe{background:#000}
@media(max-width:960px){.case-media{min-height:0;aspect-ratio:16/9}}
.case-play .pbtn{flex-shrink:0}
@media(max-width:960px){.case-media{aspect-ratio:4/3}}
@media(max-width:600px){.case-play{padding:18px;gap:10px}.case-play .pbtn{width:64px;height:64px;box-shadow:0 0 0 8px rgba(0,186,193,.18)}.case-play .pbtn svg{width:26px;height:26px}.case-play .ptitle{font-size:17px}.case-play .pnote{font-size:11px}}

/* ============================================================
   Unterseiten (Über uns, Kundenstimmen, Rechtliches, Danke)
   ============================================================ */
.sub-hero{padding:120px 24px 88px;background:radial-gradient(90% 120% at 85% 0%,rgba(0,186,193,.16) 0%,rgba(14,19,32,0) 60%),var(--navy)}
.sub-hero--small{padding:96px 24px 56px}
.sub-h1{font-size:clamp(2.2rem,5vw,3.6rem);font-weight:800;line-height:1.05;letter-spacing:-.025em;max-width:18ch;margin-bottom:18px;color:#fff}
.sub-hero--small .sub-h1{font-size:clamp(2rem,4vw,2.8rem);margin-bottom:10px}
.sub-hero .lead{color:#A3B0C4}
.home .sub-stats{justify-content:flex-start;margin-top:44px}
.home .sub-stats .stat-wrap{padding:0 40px 0 0;margin-right:40px;border-left:0;border-right:1px solid rgba(255,255,255,.18);text-align:left}
.home .sub-stats .stat-wrap:last-child{border-right:0;margin-right:0}
@media(max-width:700px){.sub-hero{padding:56px 20px 56px}.sub-hero--small{padding:48px 20px 40px}.home .sub-stats .stat-wrap{padding:0 14px 0 0;margin-right:14px}}
@media(max-width:1024px){.home .sub-hero{padding-top:64px}}

/* Über uns: USP-Karten + Team */
.home .usp-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin:40px 0 0}
.home .usp-card{border-radius:20px;box-shadow:var(--shadow)}
.home .usp-card:hover{transform:none;border-color:var(--border)}
.home .usp-icon{background:var(--teal-soft);color:var(--teal-ink)}
.home .usp-icon svg{color:var(--teal-ink);stroke:currentColor}
.home .usp-card h3{font-size:18px;font-weight:800}
.home .usp-card p{font-size:15px}
.home .tm-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px;margin-top:44px}
.home .tm{border-radius:20px;text-align:left;box-shadow:none}
.home .tm:hover{transform:none;border-color:var(--border)}
.home .tm-body{padding:20px 20px 22px}
.home .tm-name{font-size:17px;font-weight:800}
.home .tm-role{font-size:14px;min-height:0;margin:0}

/* Kundenstimmen: große Bildkarten */
.home .tgrid{grid-template-columns:repeat(3,1fr);gap:24px}
@media(max-width:1000px){.home .tgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.home .tgrid{grid-template-columns:1fr}}
.home .tc{display:flex;flex-direction:column;padding:0 0 24px;border-radius:22px;overflow:hidden;box-shadow:var(--shadow);border:0}
.home .tc > *{margin-left:24px;margin-right:24px}
.home .tc .t-img{order:-1;margin:0 0 20px;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:0;opacity:1}
.home .tc .stars{color:#F5B301;margin-bottom:10px;letter-spacing:2px}
.home .tc .tq{font-size:15.5px;line-height:1.65;color:#334155;font-style:normal;margin-bottom:18px}
.home .tc .ta{font-size:15px;font-weight:800;color:var(--ink);margin-top:auto}
.home .tc .tco{font-size:14px;color:#4B5A70}
.home .tc .tstat{align-self:flex-start;background:var(--teal-soft);border-color:rgba(0,118,123,.25);color:var(--teal-ink);font-size:13px;margin-top:14px}

/* Rechtsseiten */
.legal-band{padding-top:64px}
.home .legal-band .legal-wrap{max-width:820px;margin:0 auto;padding:0}
.home .legal-band .toc,.home .legal-band .contact-card,.home .legal-band .legal-note,.home .legal-band .download-card{background:#fff;box-shadow:var(--shadow);border-color:var(--border)}
.home .legal-band .legal-section h2,.home .legal-band .toc h4,.home .legal-band .contact-card h4,.home .legal-band .tag{color:var(--teal-ink)}
.home .legal-band .legal-section h2::before{background:var(--teal)}
.home .legal-band a{color:var(--teal-ink)}
.home .legal-band .legal-section p,.home .legal-band .legal-section li,.home .legal-band .contact-card p,.home .legal-band .legal-note p{color:#334155}
.home .legal-band .tag{background:var(--teal-soft);border-color:rgba(0,118,123,.25)}
.home .legal-band .btn-download{background:var(--teal);color:var(--navy);font-weight:800}
.home .legal-band .download-icon{background:var(--teal-soft);color:var(--teal-ink)}
.home .legal-band .divider{border-top-color:var(--border)}
.home .legal-band .contact-grid{gap:20px}
.home .legal-band .contact-grid .contact-card{margin:0;display:block}