/* Zielgruppen-Einstieg (Startseite, Optik 1-5) und Vertiefungsseiten /auto-verkaufen/<typ>. Kein Inline-Style (CSP). */
.zg-kopf{max-width:46rem;margin-bottom:32px}.zg-kopf.center{margin-left:auto;margin-right:auto}.zg-kopf .sub{color:var(--muted)}
.zg-einw{margin:.4em 0 1.1em;font-size:.95rem;color:var(--muted)}.zg-einw b{color:#fff;font-weight:600}
.zg a{text-decoration:none}
/* 1 Kartenraster */
.zg1-grid{list-style:none;display:grid;gap:16px;grid-template-columns:1fr}
.zg1-k{display:flex;flex-direction:column;height:100%;background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;color:var(--ink);transition:border-color .3s,transform .3s var(--ease)}
.zg1-k:hover{border-color:var(--accent);transform:translateY(-3px);color:var(--ink)}
.zg1-b{display:block;aspect-ratio:4/3;overflow:hidden;background:#000}.zg1-b img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}.zg1-k:hover .zg1-b img{transform:scale(1.04)}
.zg1-t{display:flex;flex-direction:column;gap:6px;padding:16px 18px 18px;flex:1}.zg1-t b{font:700 1.08rem/1.25 var(--head);overflow-wrap:anywhere}.zg1-t span{color:var(--muted);font-size:.93rem}
.zg1-t em{margin-top:auto;padding-top:8px;font-style:normal;font-weight:700;color:var(--accent);font-size:.93rem}
@media (min-width:640px){.zg1-grid{grid-template-columns:1fr 1fr}}
@media (min-width:1040px){.zg1-grid{grid-template-columns:repeat(5,1fr)}}
/* 2 Grosse Zeilen */
.zg2-grid{display:grid;gap:28px}
.zg2-liste{list-style:none;border-top:1px solid var(--line2)}
.zg2-z{display:grid;grid-template-columns:auto 1fr auto;gap:6px 18px;align-items:center;padding:20px 4px;border-bottom:1px solid var(--line2);color:var(--ink)}
.zg2-z:hover{color:var(--ink)}.zg2-z:hover b,.zg2-z:hover i{color:var(--accent)}
.zg2-n{font:700 .85rem var(--mono);color:var(--accent)}.zg2-t{display:flex;flex-direction:column;gap:4px;min-width:0}
.zg2-t b{font:800 clamp(1.15rem,3vw,1.6rem)/1.2 var(--head);letter-spacing:-.02em;overflow-wrap:anywhere;transition:color .3s}.zg2-t span{color:var(--muted);font-size:.95rem}
.zg2-z i{font-style:normal;font-size:1.4rem;transition:transform .3s var(--ease),color .3s}.zg2-z:hover i{transform:translateX(6px)}
@media (min-width:960px){.zg2-grid{grid-template-columns:5fr 7fr;gap:56px;align-items:start}.zg2-grid .zg-kopf{position:sticky;top:96px}}
/* 3 Reiter + Vorschau, 4 Chips + Antwort (gemeinsame Panes) */
.zg3-grid{display:grid;gap:18px}
.zg3-tabs{list-style:none;display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
.zg3-tab{display:flex;gap:10px;align-items:baseline;min-height:48px;padding:10px 14px;border:1px solid var(--line2);border-radius:10px;background:var(--card);color:var(--muted);font:600 .95rem/1.3 var(--sans);text-align:left;cursor:pointer;white-space:nowrap}
.zg3-tab span{font:700 .78rem var(--mono);color:var(--accent)}.zg3-tab.on,.zg3-tab:hover{color:#fff;border-color:var(--accent)}.zg3-tab.on{background:var(--accent-soft)}
.zg3-pane,.zg4-pane{display:none}.zg3-pane.on,.zg4-pane.on{display:grid;animation:zgin .5s var(--ease-x)}
@keyframes zgin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.zg3-pane,.zg4-pane{gap:20px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px}
.zg3-bild,.zg4-bild{border-radius:10px;overflow:hidden;aspect-ratio:4/3}.zg3-bild img,.zg4-bild img{width:100%;height:100%;object-fit:cover}
.zg3-txt h3,.zg4-txt h3{font-size:clamp(1.2rem,2.6vw,1.6rem);overflow-wrap:anywhere}.zg3-txt p,.zg4-txt p{color:var(--muted)}
@media (min-width:860px){.zg3-pane.on,.zg4-pane.on{grid-template-columns:5fr 6fr;align-items:center;padding:20px}}
@media (min-width:1040px){.zg3-grid{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:28px;align-items:start}
.zg3-tabs{flex-direction:column;overflow:visible}.zg3-tab{white-space:normal;width:100%}}
.zg4-chips{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:22px}
.zg4-chip{min-height:46px;padding:10px 18px;border:1.5px solid var(--line2);border-radius:999px;background:transparent;color:#fff;font:600 .98rem/1.3 var(--sans);cursor:pointer;max-width:100%;text-align:center}
.zg4-chip:hover{border-color:var(--accent)}.zg4-chip.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.zg4-panes{max-width:980px;margin:0 auto}
/* 5 Bildstreifen */
.zg5-track{list-style:none;display:grid;grid-auto-flow:column;grid-auto-columns:min(78vw,300px);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;scrollbar-width:thin}
.zg5-track li{scroll-snap-align:start}
.zg5-k{position:relative;display:block;height:100%;min-height:420px;border-radius:14px;overflow:hidden;color:#fff;background:#000}
.zg5-b,.zg5-b picture{position:absolute;inset:0}.zg5-b img{width:100%;height:100%;object-fit:cover;opacity:.62;transition:transform .8s var(--ease),opacity .5s}
.zg5-k:hover .zg5-b img{transform:scale(1.05);opacity:.5}.zg5-k:hover{color:#fff}
.zg5-t{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:6px;padding:20px 18px;background:linear-gradient(0deg,rgba(0,0,0,.92) 30%,transparent)}
.zg5-t small{font:700 .78rem var(--mono);color:var(--accent)}.zg5-t b{font:800 1.2rem/1.2 var(--head);overflow-wrap:anywhere}.zg5-t span{color:#d4d4d4;font-size:.93rem}.zg5-t em{font-style:normal;font-weight:700;color:var(--accent)}
@media (min-width:1040px){.zg5-track{grid-auto-columns:calc((100% - 56px)/5)}}

/* Vertiefungsseiten */
.zgs-hero{padding:56px 0 40px;border-bottom:1px solid var(--line)}.zgs-hero .eyebrow{color:var(--accent)}
.zgs-hero h1{font-size:clamp(1.9rem,5.6vw,3.4rem);max-width:20em}.zgs-hero h1 .ac{color:var(--accent)}.zgs-hero .lead{max-width:44rem;color:#d6d6d6;font-size:1.12rem}
.zgs-grid{display:grid;gap:28px;align-items:center}.zgs-foto{border-radius:var(--r);overflow:hidden}
@media (min-width:960px){.zgs-grid{grid-template-columns:7fr 5fr;gap:48px}}
.zgs-sek{padding:52px 0;border-bottom:1px solid var(--line)}.zgs-sek h2{font-size:clamp(1.4rem,3.6vw,2rem)}
.zgs-zwei{display:grid;gap:28px}@media (min-width:860px){.zgs-zwei{grid-template-columns:1fr 1fr;gap:48px}}
.zgs-schmerz{list-style:none;display:grid;gap:10px}.zgs-schmerz li{position:relative;padding-left:28px;color:#d6d6d6}
.zgs-schmerz li::before{content:"";position:absolute;left:4px;top:.72em;width:12px;height:2px;background:var(--accent)}
.zgs-wunsch{padding:20px 22px;border-left:3px solid var(--accent);background:var(--card);border-radius:0 var(--r) var(--r) 0;font-size:1.08rem}
.zgs-einw{display:grid;gap:12px}.zgs-einw details{background:var(--card);border:1px solid var(--line);border-radius:10px}
.zgs-einw summary{cursor:pointer;list-style:none;padding:16px 48px 16px 18px;position:relative;font:700 1.02rem/1.35 var(--head)}
.zgs-einw summary::-webkit-details-marker{display:none}.zgs-einw summary::after{content:"+";position:absolute;right:18px;top:12px;font-size:1.5rem;color:var(--accent)}
.zgs-einw details[open] summary::after{content:"–"}.zgs-einw details p{margin:0;padding:0 18px 18px;color:#d0d0d0}
.zgs-tab{width:100%;border-collapse:collapse;font-size:.97rem;table-layout:fixed}.zgs-tab th,.zgs-tab td{overflow-wrap:break-word;hyphens:auto}.zgs-tab thead th:first-child{width:40%}@media (max-width:520px){.zgs-tab{font-size:.88rem}.zgs-tab th,.zgs-tab td{padding:10px 6px}}.zgs-tab th,.zgs-tab td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.zgs-tab thead th{font:700 .78rem var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.zgs-tab td.wir{color:var(--accent);font-weight:700}
.zgs-liste{list-style:none;display:grid;gap:14px}@media (min-width:860px){.zgs-liste{grid-template-columns:1fr 1fr}}
.zgs-liste li{padding:16px 18px;background:var(--card);border:1px solid var(--line);border-radius:10px}.zgs-liste b{display:block;font-family:var(--head);margin-bottom:4px}.zgs-liste span{color:var(--muted)}
.zgs-schritte{list-style:none;display:grid;gap:12px;counter-reset:s}@media (min-width:860px){.zgs-schritte{grid-template-columns:repeat(3,1fr)}}
.zgs-schritte li{counter-increment:s;padding:18px;background:var(--card);border:1px solid var(--line);border-radius:10px}
.zgs-schritte li::before{content:counter(s,decimal-leading-zero);display:block;font:700 .8rem var(--mono);color:var(--accent);margin-bottom:6px}
.zgs-schritte b{display:block;font-family:var(--head)}.zgs-schritte span{color:var(--muted)}
.zgs-rechnung{display:grid;gap:14px}@media (min-width:860px){.zgs-rechnung{grid-template-columns:1fr 1fr}}
.zgs-rechnung div{padding:20px;background:var(--card);border:1px solid var(--line);border-radius:10px}.zgs-rechnung h3{color:var(--accent)}
.zgs-rechnung ol{list-style:none;display:grid;gap:8px;font-family:var(--mono);font-size:.95rem}.zgs-rechnung li:last-child{padding-top:8px;border-top:1px solid var(--line2);color:#fff;font-weight:700}
.zgs-fakten{list-style:none;display:grid;gap:12px;margin-top:22px}@media (min-width:860px){.zgs-fakten{grid-template-columns:repeat(4,1fr)}}
.zgs-fakten li{padding:16px;border:1px solid var(--line);border-radius:10px}.zgs-fakten b{display:block;font:800 1.5rem var(--head);color:var(--accent)}.zgs-fakten span{display:block;color:#d0d0d0;font-size:.93rem}
.zgs-fakten small{display:block;margin-top:6px;color:var(--muted);font-size:.78rem}
.zgs-quelle{margin-top:12px;font-size:.82rem;color:var(--muted)}
.zgs-cta{padding:60px 0;text-align:center}.zgs-cta .btn-row{justify-content:center}.zgs-fh{margin-top:28px}.zgs-cta .sub{color:var(--muted)}
.zgs-weitere{list-style:none;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:18px}.zgs-weitere a{display:inline-flex;min-height:44px;align-items:center;padding:8px 16px;border:1px solid var(--line2);border-radius:999px;color:#fff;text-decoration:none}
.zgs-weitere a:hover{border-color:var(--accent);color:var(--accent)}