/* v5: dark "Dimension" top section ported from design study 6. Scoped to .zd only. */
.zd{background:#000;color:#F6F8FF;overflow:hidden;--zd-line:#414958;--zd-muted:#BAC0CF;--zd-card:#101319;--zd-accent:#DCE7FF}
.zd .zd-header{background:#000;color:#F6F8FF}
.zd .ed-header-inner{border-bottom:1px solid var(--zd-line);min-height:88px}
.zd .ed-header a{color:#F6F8FF}
.zd .ed-header a:hover{color:#DCE7FF}
.zd .ed-header .ed-wordmark{color:#F6F8FF;font:700 20px/1.2 'Inter',sans-serif;letter-spacing:-.7px}
.zd .ed-logo-accent{color:#DCE7FF}
.zd .ed-symbol{border-color:var(--zd-line);color:#F6F8FF}
.zd .ed-nav{gap:28px;font-size:14px}
.zd .ed-header .ed-clinic-cta{border:1px solid #F6F8FF;border-radius:0;color:#F6F8FF;font-size:14px}
.zd .ed-menu summary{color:#F6F8FF}
.zd .ed-menu nav{background:#101319;border-color:var(--zd-line)}
.zd .ed-menu nav a{color:#F6F8FF;border-bottom-color:var(--zd-line)}
.zd .ed-header a:focus-visible,.zd .ed-header summary:focus-visible,.zd a:focus-visible,.zd select:focus-visible,.zd input:focus-visible,.zd button:focus-visible{outline:3px solid #93CCFF;outline-offset:3px}
.zd-wrap{max-width:1280px;margin:auto;padding:0 48px}
.zd-launch{position:relative;height:590px;isolation:isolate}
.zd-launch picture{position:absolute;top:0;bottom:0;left:-48px;right:-48px;z-index:-2}
.zd-launch picture img{display:block;width:100%;height:100%;object-fit:cover;object-position:70% center}
.zd-shade{position:absolute;top:0;bottom:0;left:-48px;right:-48px;background:linear-gradient(90deg,#000 0%,#000c 20%,#0000 70%);z-index:-1}
.zd-copy{position:relative;padding-top:68px}
.zd-kicker{font:500 10px/1.5 'Inter',sans-serif;letter-spacing:2px;margin:0 0 27px;color:#F6F8FF}
.zd h1{margin:0;max-width:760px;font:600 82px/.98 'Space Grotesk',sans-serif;letter-spacing:-5px;color:#F6F8FF}
.zd h1 span{color:#A5B3CC}
.zd-sub{font:16px/1.6 'Inter',sans-serif;margin:25px 0;max-width:370px;color:#C0C9DC}
.zd-link{font:600 14px/1.5 'Inter',sans-serif;display:inline-flex;gap:24px;align-items:center;padding:15px 0;border-bottom:1px solid currentColor;color:#FFFFFF;text-decoration:none}
.zd-link span{font-size:22px}
.zd-caption{position:absolute;bottom:12px;right:0;font:9px/1.4 'Inter',sans-serif;color:#C4CAD6}
.zd-side{position:absolute;right:-35px;top:45px;font:8px/1 'Inter',sans-serif;writing-mode:vertical-rl;letter-spacing:2px;color:#F6F8FF}
.zd-dock{position:relative;margin:0 0 35px;padding-top:1px}
.zd .filters{margin:22px 0 0;padding:12px;display:grid;grid-template-columns:1fr 1.05fr 1.1fr auto;gap:8px;background:var(--zd-card);border:1px solid var(--zd-line);border-radius:0;box-shadow:none}
.zd .filters label{font:700 11px/1.4 'Inter',sans-serif;letter-spacing:.5px;padding:7px 16px;display:flex;flex-direction:column;border-right:1px solid var(--zd-line);color:var(--zd-muted)}
.zd .filters select,.zd .filters input{background:transparent;color:#F6F8FF;border:0;border-bottom:1px solid var(--zd-muted);border-radius:0;font:600 14px/1.4 'Inter',sans-serif;padding:6px 0 4px;min-height:34px;margin-top:6px;width:100%}
.zd .filters select option{background:#101319;color:#F6F8FF}
.zd .filters input::placeholder{color:#9AA3B5}
.zd .filters .btn{background:var(--zd-accent);color:#050609;border-radius:0;border:0;display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:16px 25px;font:600 14px/1.4 'Inter',sans-serif;min-height:48px;cursor:pointer}
.zd .micro{font-size:11px;color:var(--zd-muted);margin:14px 0 0}
.zd .micro a{color:var(--zd-muted);text-decoration:underline}
.zd-stats{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:18px 0 26px;border-top:1px solid var(--zd-line);font:11px/1.4 'Inter',sans-serif;letter-spacing:1px;color:#F6F8FF}
.zd-stats strong{font:600 24px/1 'Space Grotesk',sans-serif;letter-spacing:-1px;margin-right:4px}
/* Ab-Preisspiegel stays in the light editorial design, full content width below the dark section. */
.editorial-home .zd-index{padding:42px 0 0}
.editorial-home .zd-index .datapanel{width:100%;margin:0;box-shadow:none}
@media(max-width:1100px){
.zd-wrap{padding:0 35px}
.zd-launch picture,.zd-shade{left:-35px;right:-35px}
.zd h1{font-size:66px}
.zd-side{right:-26px}
}
@media(max-width:900px){
.zd .filters{grid-template-columns:1fr 1fr 1fr}
.zd .filters .btn{grid-column:1/-1}
.zd .filters label:nth-child(3){border-right:0}
}
@media(max-width:860px){
.zd-launch{height:560px}
.zd-shade{background:linear-gradient(90deg,#000e 0%,#000a 45%,#0002 85%)}
.zd h1{font-size:58px;letter-spacing:-3.5px}
}
@media(max-width:700px){
.zd-wrap{padding:0 20px}
.zd .ed-header-inner{min-height:68px}
.zd .ed-header .ed-wordmark{font-size:16px}
.zd .ed-header .ed-clinic-cta{font-size:10px}
.zd-launch{height:530px}
.zd-launch picture,.zd-shade{left:-20px;right:-20px}
.zd-launch img{object-position:65% center;opacity:.9}
.zd-shade{background:linear-gradient(90deg,#000d,#0003 80%)}
.zd-copy{padding-top:42px}
.zd-kicker{font-size:8px;letter-spacing:1.5px;margin-bottom:18px}
.zd h1{font-size:46px;letter-spacing:-2.4px;max-width:350px}
.zd-sub{font-size:13px;margin:18px 0;max-width:240px}
.zd-link{font-size:12px;padding:10px 0}
.zd-side{display:none}
.zd-caption{font-size:7px;bottom:9px;left:0;right:0}
.zd-dock{margin-bottom:25px}
.zd .filters{margin-top:17px;padding:8px;grid-template-columns:1fr 1fr;gap:5px}
.zd .filters label{font-size:10px;padding:6px 9px}
.zd .filters label:nth-child(2){border-right:0}
.zd .filters label:nth-child(3){grid-column:auto;border-right:0}
.zd .filters .btn{grid-column:auto;gap:5px;padding:8px;font-size:11px}
.zd .filters select,.zd .filters input{font-size:13px}
.zd .micro{font-size:10px}
.zd-stats{font-size:8px;letter-spacing:.5px;padding-bottom:20px}
.zd-stats strong{font-size:21px}
.editorial-home .zd-index{padding-top:28px}
}
@media(max-width:360px){.zd h1{font-size:40px}}
/* v5 fixes: alignment with header shell, tooth bleed at narrower widths, CTA spacing. */
.zd .ed-header .ed-clinic-cta{gap:7px}

@media(max-width:1100px){.zd-wrap{padding:0 48px}.zd-launch picture,.zd-shade{left:-48px;right:-48px}.zd-launch picture{top:-48px}.zd-side{right:-34px}}
@media(max-width:860px){.zd-side{display:none}.zd-launch picture{top:-30px}}
@media(max-width:700px){.zd-wrap{padding:0 20px}.zd-launch picture,.zd-shade{left:-20px;right:-20px}.zd-launch picture{top:0}}
@media(max-width:1000px) and (min-width:701px){.zd-wrap,.zd .ed-header-shell{padding:0 28px}.zd-launch picture,.zd-shade{left:-28px;right:-28px}}