/*
 * ZAT v6 – global light design layer.
 * Loaded last on every route so existing content, structure and interactions
 * remain intact while all page families share one visual system.
 */

:root{
  --red:#e30613;
  --red-dark:#b90410;
  --ink:#172126;
  --ink2:#35434a;
  --sub:#6c7a80;
  --paper:#fff;
  --paper-soft:#f6f8f8;
  --surface:#fff;
  --surface-tint:#eef3f5;
  --rule:#dfe6e8;
  --rule-soft:#edf1f2;
  --focus:#315fdb;
  --shadow-card:0 10px 30px rgba(25,43,51,.07);
  --shadow-raised:0 20px 55px rgba(25,43,51,.12);
  --radius-card:22px;
  color-scheme:light;
}

html,body{background:var(--paper);color:var(--ink)}
body[class*="theme-"]{background:var(--paper);color:var(--ink);color-scheme:light}

/* Shared shell */
body[class*="theme-"] .site-header{
  background:rgba(255,255,255,.96);
  color:var(--ink);
  border-bottom:1px solid var(--rule);
  backdrop-filter:blur(16px);
}
body[class*="theme-"] .header-inner{border-color:transparent}
body[class*="theme-"] .brand-sub,
body[class*="theme-"] .top-nav a,
body[class*="theme-"] .menu-toggle{color:var(--ink)}
body[class*="theme-"] .top-nav a:hover{color:var(--red)}
/* Dachreise: das alte Dunkel-Design färbte den ersten Menüpunkt weiß (journey.css); auf hellem Grund unsichtbar. */
.theme-journey .top-nav a:first-child{color:var(--ink)}
.theme-journey .top-nav a:first-child:hover{color:var(--red)}
/* Aktiv-Strich gehört unter „Dachreise“ (zweiter Punkt), nicht unter „Mediathek“. */
.theme-journey .top-nav a:first-child:after{content:none}
.theme-journey .top-nav a:nth-child(2):after{content:"";display:block;height:2px;background:#e30613;margin-top:7px}
body[class*="theme-"] .mobile-nav{background:#fff;color:var(--ink);border-top:1px solid var(--rule)}
body[class*="theme-"] .header-cta .cta.compact{background:var(--red);color:#fff;box-shadow:0 10px 24px rgba(227,6,19,.16)}
body[class*="theme-"] .header-cta .cta.compact:hover{background:var(--red-dark)}

body[class*="theme-"] .site-footer{
  background:var(--surface-tint);
  color:var(--ink);
  border-top:1px solid var(--rule);
}
body[class*="theme-"] .site-footer p{color:var(--sub)}
body[class*="theme-"] .footer-links a:hover{color:var(--red)}
body[class*="theme-"] .footer-bottom{border-color:#cfdadd;color:var(--sub)}
body[class*="theme-"] .mobile-bottom{background:rgba(255,255,255,.96);border-top:1px solid var(--rule)}

.cta.secondary{background:#fff;color:var(--ink);border-color:var(--rule);box-shadow:none}
.cta.dark{background:var(--ink);color:#fff}
.text-link{color:var(--ink)}
.text-link:hover{color:var(--red)}
.cross-cta{background:var(--red)}
.knowledge-strip{background:var(--paper-soft);color:var(--ink)}
.knowledge-strip p{color:var(--sub)}

/* Startseite / Mediathek */
.theme-media{background:var(--paper);color:var(--ink)}
.theme-media .header-inner{min-height:76px}
.theme-media .media-home{background:linear-gradient(180deg,#fff 0%,#fff 34%,#f2f7f8 78%,#f6f8f8 100%);color:var(--ink)}
.theme-media .media-intro{max-width:none;padding:24px 0 16px}
.theme-media .media-intro h1{max-width:1500px;font-size:clamp(38px,3.5vw,64px);line-height:.92;margin:12px auto 10px;color:var(--ink)}
.theme-media .site-search{margin:14px auto 0}
.theme-media .site-search-form{min-height:56px}
.theme-media .site-search input{height:54px}
.theme-media .media-intro-row{margin-top:12px;text-align:left;align-items:center;gap:18px}
.theme-media .media-intro p{color:var(--ink2)}
.theme-media .media-intro-row p{line-height:1.4;margin-bottom:0}
.theme-media .media-intro .media-trust{margin-top:6px!important}
.theme-media .media-intro .media-action{min-height:38px;padding:7px 13px}
.theme-media .media-heading{margin:6px 0 10px}
.theme-media .media-heading h2{color:var(--ink)}
.theme-media .media-heading span,.theme-media .media-note{color:var(--sub)}
.theme-media .media-card{background:#fff;border-color:var(--rule);box-shadow:var(--shadow-card)}
.theme-media .media-card-stage img{aspect-ratio:16/9;object-fit:cover;object-position:center center}
.theme-media .media-card-copy{background:#fff}
.theme-media .media-card-copy h3,.theme-media .media-card-cta{color:var(--ink)}
.theme-media .media-card-copy p{color:var(--sub)}
.theme-media .media-bridge{background:#fff;color:var(--ink);border-top:1px solid var(--rule)}
.theme-media .media-bridge>div>p{color:var(--ink2)}

/* Episode pages: light page shell, deliberately dark technical player. */
.theme-episode{background:var(--paper);color:var(--ink)}
.theme-episode .episode-hero{background:#fff;color:var(--ink);border-bottom:1px solid var(--rule);padding-top:34px}
.theme-episode .episode-nav a,.theme-episode .episode-nav span{color:var(--sub)}
.theme-episode .episode-nav a:hover{color:var(--red)}
.theme-episode .episode-heading h1{color:var(--ink)}
.theme-episode .episode-heading p{color:var(--sub)}
.theme-episode .episode-badge{background:#fff4f4;color:var(--red-dark);border-color:#efb8bd}
.theme-episode .episode-player{box-shadow:0 24px 60px rgba(25,43,51,.18)}
.theme-episode .episode-disclaimer{color:var(--sub)}
.theme-episode .episode-chapter{background:#fff;color:var(--ink2);border-color:var(--rule)}
.theme-episode .episode-chapter span{color:var(--sub)}
.theme-episode .episode-chapter[aria-current="true"]{background:#fff1f2;color:var(--ink);border-color:var(--red)}
.theme-episode .episode-chapter[aria-current="true"] span{color:var(--red)}
.theme-episode .episode-knowledge{background:var(--paper-soft);color:var(--ink)}
.theme-episode .episode-facts div,.theme-episode .episode-callout{border-color:var(--rule);box-shadow:var(--shadow-card)}
.theme-episode .episode-next{background:#fff;color:var(--ink);border-top:1px solid var(--rule)}
.theme-episode .episode-next a{background:var(--paper-soft);color:var(--ink);border-color:var(--rule)}
.theme-episode .episode-next a span{color:var(--sub)}

/* Wissensbasis, Fachartikel, Kontakt und Recht */
.theme-knowledge,.theme-article{background:#fff;color:var(--ink)}
.knowledge-head{background:#fff;border-bottom:1px solid var(--rule)}
.knowledge-head p,.contact-page>p,.article-heading>p{color:var(--sub)}
.filter{background:#fff;border-color:var(--rule);color:var(--ink)}
.filter.active,.filter:hover{background:var(--red);border-color:var(--red);color:#fff}
.article-grid{background:var(--paper-soft)}
.article-card{border:1px solid var(--rule);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}
.article-card:hover{box-shadow:var(--shadow-raised)}
.article-card p{color:var(--sub)}
.article-layout{background:#fff}
.article-checklist,.related{background:var(--paper-soft)}
.article-convert{background:var(--ink);border-radius:18px;box-shadow:var(--shadow-card)}
.source-mini{background:#fff;border-color:var(--rule);border-radius:16px}
.related-link,.contact-lines>div{border-color:var(--rule)}
.contact-page,.legal-page{background:#fff}
.legal-warning{background:#fff8e7;border-color:#d89b0a}

/* Dachnavigator */
.theme-navigator{background:var(--paper-soft);color:var(--ink)}
.theme-navigator .navigator-head{background:#fff;border-bottom:1px solid var(--rule)}
.theme-navigator .navigator-head p{color:var(--sub)}
.theme-navigator .navigator-shell{background:#fff;border:1px solid var(--rule);border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--shadow-raised)}
.theme-navigator .navigator-work{background:#fff}
.theme-navigator .navigator-aside{background:var(--surface-tint);border-color:var(--rule)}
.theme-navigator .choice{background:#fff;border-color:var(--rule);border-radius:14px}
.theme-navigator .choice:hover,.theme-navigator .choice:focus-visible{background:#fff7f7;border-color:var(--red)}
.theme-navigator .choice small,.theme-navigator .wizard-panel>p,.theme-navigator .navigator-info p{color:var(--sub)}
.theme-navigator .selected-summary,.theme-navigator #lead-summary{background:var(--paper-soft)}
.theme-navigator input:not([type=radio]):not([type=checkbox]),
.theme-navigator select,.theme-navigator textarea{background:#fff;color:var(--ink);border-color:#b8c6cb}

/* ROOF OS */
.theme-os{background:var(--paper-soft);color:var(--ink)}
.theme-os .os-workspace{background:var(--paper-soft)}
.theme-os .os-sidebar{background:#fff;border-right:1px solid var(--rule)}
.theme-os .os-sidebar>p,.theme-os .os-sidebar-bottom{color:var(--sub)}
.theme-os .os-canvas{background:var(--surface-tint);border-color:var(--rule)}
.theme-os .canvas-top,.theme-os .canvas-foot{color:var(--sub)}
.theme-os .canvas-foot{border-color:#c8d4d8}
.theme-os .os-detail{background:#fff;border-top:1px solid var(--rule)}
.theme-os .os-detail p{color:var(--sub)}

/* ZERO FALL */
.theme-zero{background:#fff;color:var(--ink)}
.theme-zero .zero-opening{background:#fff}
.theme-zero .zero-index{border-color:var(--ink)}
.theme-zero .zero-outline{-webkit-text-stroke-color:var(--ink)}
.theme-zero .zero-summary small{color:var(--sub)}
.theme-zero .zero-manifest{background:var(--paper-soft)}
.theme-zero .knowledge-strip{background:#fff}

/* THE EDGE: bright image-led hero within the shared light system. */
.theme-edge{background:#fff;color:var(--ink)}
.theme-edge .edge-stage{background:#fff}
.theme-edge .edge-photo img{filter:brightness(.98) contrast(1.02) saturate(.78)}
.theme-edge .edge-photo:after{background:linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.84) 42%,rgba(255,255,255,.16) 82%),linear-gradient(0deg,rgba(255,255,255,.68),transparent 38%)}
.theme-edge .edge-intro{color:var(--ink)}
.theme-edge .edge-intro h1 em{color:var(--ink2)}
.theme-edge .edge-intro .eyebrow,.theme-edge .edge-actions .text-link{color:var(--ink)}
.theme-edge .edge-intro>p,.theme-edge .scroll-hint,.theme-edge .edge-coordinate{color:var(--sub)}
.theme-edge .edge-reveal{background:var(--paper-soft);color:var(--ink)}
.theme-edge .reveal-copy p{color:var(--sub)}
.theme-edge .side-by-side>div{background:#e0e8ea}
.theme-edge .side-by-side>div+div{background:#edf2f3}

/* Dachreise: light editorial shell around the retained technical player. */
.theme-journey{background:#fff;color:var(--ink)}
.theme-journey .journey{background:#fff;color:var(--ink)}
.theme-journey .journey:before{background:linear-gradient(180deg,transparent 70%,#fff)}
.theme-journey .journey-meta{color:var(--sub);border-color:var(--rule)}
.theme-journey .journey-live{color:var(--ink)}
.theme-journey .journey-kicker,.theme-journey .journey-headline-side p,.theme-journey .journey-headline-side>span:last-child{color:var(--sub)}
.theme-journey .journey-headline h1 span{color:var(--ink)}
.theme-journey .journey-layout{background:#fff;border-color:var(--rule);box-shadow:var(--shadow-raised)}
.theme-journey .journey-story{background:#fff;color:var(--ink);border-left:1px solid var(--rule)}
.theme-journey .journey-story>p#jr-description,.theme-journey .journey-story .journey-takeaway{color:var(--sub)}
.theme-journey .journey-story-rule,.theme-journey .journey-chapter-list button{border-color:var(--rule)}
.theme-journey .journey-chapter-list button{background:#fff;color:var(--ink)}
.theme-journey .journey-chapter-list button:hover,.theme-journey .journey-chapter-list button[aria-current=true]{background:#fff2f3;color:var(--ink)}
.theme-journey .journey-story-cta{background:var(--paper-soft);border-color:var(--red)}
.theme-journey .journey-story-cta.is-urgent{background:#fff1f2}
.theme-journey .journey-below{background:var(--paper-soft);color:var(--ink)}
.theme-journey .journey-below p{color:var(--sub)}
.theme-journey .journey-conversion{background:#fff;color:var(--ink);border-top:1px solid var(--rule)}
.theme-journey .journey-conversion-copy>p,.theme-journey .journey-conversion-steps p{color:var(--sub)}
.theme-journey .journey-conversion-actions .text-link{color:var(--ink)}
.theme-journey .journey-conversion-steps{border-color:var(--rule)}
.theme-journey .journey-conversion-steps li{border-color:var(--rule)}
.theme-journey .journey-next{background:var(--paper-soft);color:var(--ink)}
.theme-journey .journey-next .cta.secondary{background:#fff;color:var(--ink);border-color:var(--rule)}
.theme-journey .journey-teaser{background:#fff;color:var(--ink)}
.theme-journey .journey-teaser-copy>p,.theme-journey .journey-teaser-copy>small{color:var(--sub)}

/* Funnel and campaign pages */
.theme-funnel,.theme-campaign{background:#fff;color:var(--ink)}
.theme-funnel .funnel-hero{background:#fff;color:var(--ink)}
.theme-funnel .funnel-hero-media img{filter:brightness(.98) saturate(.78) contrast(1.02)}
.theme-funnel .funnel-hero-media>div{background:linear-gradient(90deg,rgba(255,255,255,.97),rgba(255,255,255,.82) 43%,rgba(255,255,255,.12) 82%),linear-gradient(0deg,rgba(255,255,255,.72),transparent 48%)}
.theme-funnel .funnel-hero p,.theme-funnel .funnel-live,.theme-funnel .funnel-scroll,.theme-funnel .funnel-trustline,.theme-funnel .funnel-hero-coordinate{color:var(--ink2)}
.theme-funnel .funnel-context,.theme-funnel .funnel-knowledge{background:#fff}
.theme-funnel .funnel-process{background:var(--paper-soft);color:var(--ink)}
.theme-funnel .funnel-section-head p,.theme-funnel .funnel-steps p,.theme-funnel .funnel-process-action small{color:var(--sub)}
.theme-funnel .funnel-steps,.theme-funnel .funnel-steps li{border-color:var(--rule)}
.theme-funnel .funnel-film{background:var(--surface-tint)}
.theme-funnel .funnel-close{background:var(--paper-soft)}
.theme-campaign .campaign-proof{background:#fff;color:var(--ink)}
.theme-campaign .campaign-proof li{border-color:var(--rule)}
.theme-campaign .campaign-close{background:var(--paper-soft);color:var(--ink)}
.theme-campaign .campaign-close>a{color:var(--ink)}
.theme-campaign .campaign-funnel{background:#fff;color:var(--ink)}
.theme-campaign .campaign-funnel-media img{filter:brightness(.98) saturate(.78) contrast(1.02)}
.theme-campaign .campaign-funnel-media>div{background:linear-gradient(90deg,rgba(255,255,255,.97) 3%,rgba(255,255,255,.82) 50%,rgba(255,255,255,.12) 88%)}
.theme-campaign .campaign-funnel p,.theme-campaign .campaign-funnel small{color:var(--ink2)}

/* Campaign styles rendered by the older shared system module. */
.theme-campaign .campaign-stage{background:#fff;color:var(--ink)}
.theme-campaign .campaign-text p,.theme-campaign .campaign-text small{color:var(--sub)}
.theme-campaign .campaign-steps{background:var(--paper-soft);color:var(--ink)}
.theme-campaign .campaign-steps>div{border-color:var(--rule)}

@media(max-width:730px){
  body[class*="theme-"] .site-header{background:#fff}
  .theme-media .media-intro{padding:18px 0 12px}
  .theme-media .media-intro h1{max-width:none;font-size:clamp(32px,8.8vw,42px);line-height:.94;margin:10px auto 8px}
  .theme-media .site-search{margin-top:12px}
  .theme-media .media-intro-row{margin-top:10px;gap:10px}
  .theme-media .media-heading{margin:6px 0 9px}
  .theme-episode .episode-hero{padding-top:24px}
  .theme-navigator .navigator-shell{border-radius:16px}
  .theme-journey .journey-story{border-left:0;border-top:1px solid var(--rule)}
}

@media(max-width:430px){
  .theme-media .media-intro h1{font-size:31px}
  .theme-media .media-intro-row{margin-top:8px}
}

@media(prefers-reduced-motion:reduce){
  .theme-edge .edge-photo img{animation:none}
}

/* Search icon alignment: keep the input text clear of both controls. */
.theme-media .site-search-icon{left:auto;right:68px}
.theme-media .site-search input{padding:0 108px 0 28px}
@media(max-width:730px){
  .theme-media .site-search-icon{left:auto;right:60px}
  .theme-media .site-search input{padding:0 98px 0 24px}
}

/* Responsive-Korrekturen (Altlasten aus V8, gemessen bei 390/430/768/1280 px): kein horizontaler Überlauf, keine abgeschnittenen Überschriften. */
@media(min-width:731px) and (max-width:900px){
 .header-inner{gap:12px}
 .top-nav{gap:10px}
 .top-nav a{font-size:11px}
 .header-cta .cta.compact{white-space:nowrap;padding:10px 12px;font-size:12px;min-width:0;gap:12px}
}
@media(max-width:900px){
 .journey-next{grid-template-columns:1fr;gap:30px;padding:75px 6vw}
 .journey-next>div{min-width:0}
}
@media(max-width:560px){
 .journey-next h2{font-size:clamp(28px,8.6vw,42px)}
 .legal-page h1{font-size:clamp(34px,12.5vw,60px)}
 .zero-manifest h2{font-size:clamp(46px,15vw,105px)}
}
.article-card h2{overflow-wrap:break-word;hyphens:auto}
/* Dachreise V10: helle Konstruktionszeichnung (Bühne, Overlays, Hotspots, Teaser). */
.theme-journey .journey{background-attachment:scroll}
.theme-journey .journey-stage{background:#f4f6f6;background-image:linear-gradient(#17212612 1px,transparent 1px),linear-gradient(90deg,#17212612 1px,transparent 1px);background-size:32px 32px;color:var(--ink)}
.theme-journey .journey-stage-grain{display:none}
.theme-journey .journey-stage:after{background:linear-gradient(transparent,#f4f6f6)}
.theme-journey .journey-stage-top,.theme-journey .journey-stage-bottom{color:var(--sub)}
.theme-journey .journey-stage-top b,.theme-journey .journey-stage-bottom{color:var(--ink)}
.theme-journey .journey-stage-bottom span:last-child,.theme-journey .jr-faint{color:var(--sub)}
.theme-journey .jr-light{box-shadow:0 0 0 4px #e3061322}
.theme-journey .journey-graphic{filter:none}
.theme-journey .jr-model{animation:none}
.journey-graphic .jr-tag text,.journey-teaser-art .jr-tag text{stroke:#f4f6f6;stroke-width:4px;paint-order:stroke;stroke-linejoin:round}
.journey-graphic-full .jr-tag text{font-size:15px}
@media(max-width:700px){.journey-graphic-full .jr-tag text{font-size:24px}}
.theme-journey .journey-hotspot{background:var(--red);color:#fff;box-shadow:0 0 0 6px #e3061326,0 4px 14px #17212630}
.theme-journey .journey-hotspot:hover,.theme-journey .journey-hotspot:focus-visible{background:var(--red-dark);color:#fff}
.theme-journey .journey-hotspot::after{background:#fff;color:var(--ink);border-color:var(--rule);box-shadow:0 6px 18px #17212620}
@media(hover:none){.theme-journey .journey-hotspot::after{opacity:1;font-size:9px;padding:5px 7px}}
.theme-journey .journey-launch,.theme-journey .journey-complete{background:#ffffffee;color:var(--ink);backdrop-filter:blur(6px)}
.theme-journey .journey-launch-index,.theme-journey .journey-complete-inner>span{color:var(--red)}
.theme-journey .journey-launch h2 em,.theme-journey .journey-complete h2 em{color:var(--red)}
.theme-journey .journey-launch p,.theme-journey .journey-complete p{color:var(--ink2)}
.theme-journey .journey-launch small,.theme-journey .journey-complete small{color:var(--sub)}
.theme-journey .journey-launch-facts span{border-color:var(--rule);background:#fff;color:var(--ink2)}
.theme-journey .journey-complete-contact{color:var(--ink);border-color:var(--ink)}
.theme-journey .journey-restart{color:var(--ink2)}
.theme-journey .journey-stage.is-complete .journey-model-wrap{opacity:.18}
.journey-teaser-art{background:#f4f6f6;background-image:linear-gradient(#17212612 1px,transparent 1px),linear-gradient(90deg,#17212612 1px,transparent 1px);background-size:32px 32px;color:var(--ink2);box-shadow:var(--shadow-raised);border:1px solid var(--rule)}
.journey-teaser-art-top b{color:var(--red)}
.theme-journey .journey-story-head,.theme-journey .journey-story-label{color:var(--sub)}
.theme-journey .journey-story .journey-takeaway,.theme-journey .journey-story h2{color:var(--ink)}
.theme-journey .journey-chapters-button{color:var(--ink);border-color:var(--rule)}
.theme-journey .journey-chapter-list{background:var(--paper-soft)}
.theme-journey .journey-below{border-color:var(--rule)}
.theme-journey .journey-below>a,.theme-journey .journey-below p strong{color:var(--ink)}
.theme-journey .journey-conversion h2{color:var(--ink)}
.theme-journey .journey-conversion-steps strong{color:var(--ink)}
.theme-journey .journey-player{background:var(--paper-soft)}

/* Footer: drei Spalten (Leistungen, Wissen, Unternehmen), Rechtliches unten */
.footer-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,64px);font-size:13px}
.footer-col{display:flex;flex-direction:column;gap:10px}
.footer-col h2{font-size:11px;font-weight:800;line-height:1.2;letter-spacing:.16em;text-transform:uppercase;margin:0 0 6px;opacity:.6}
.footer-col a{opacity:.85}.footer-col a:hover{opacity:1}
.footer-legal{display:flex;gap:20px}
@media(max-width:1050px){.footer-main{flex-direction:column}.footer-cols{width:100%}}
@media(max-width:730px){.footer-cols{grid-template-columns:1fr 1fr}.footer-legal{flex-wrap:wrap}}