@font-face{font-family:'Sora';font-style:normal;font-weight:100 800;font-display:swap;src:url(/fonts/sora.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:100 700;font-display:swap;src:url(/fonts/ibm-plex-sans.woff2) format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:100 800;font-display:swap;src:url(/fonts/jetbrains-mono.woff2) format('woff2')}
:root{
  --fs-xs:12px;            /* Mono-Labels, Bildunterschriften, Status */
  --fs-s:14px;             /* Hinweise, Nebentext, Formular-Labels */
  --fs-m:16px;             /* Karten, Tabellen, Legenden */
  --fs-l:clamp(18px,1.5vw,21px);   /* Lead, Hero-Untertext */
  --fs-xl:clamp(20px,1.9vw,26px);  /* Kartentitel, Zwischentitel klein */
  --fs-xxl:clamp(26px,2.9vw,40px); /* Untertitel, Zitate, Storytelling */
  --fs-titel:clamp(34px,4.4vw,60px); /* Abschnittstitel */
  --gruen:#5FD3A0; --warn:#F09A7E;
}
:root{
  --tiefe:#0A1416; --tiefe-2:#0F1C1F; --leit:#071012;
  --nebel:#E3E8E5;
  --hellton:#EEF1EE; --hellton-2:#A7B6B3;
  --dunkelton:#0F1C1E; --dunkelton-2:#46524F;
  --licht:#E2B567; --licht-dunkel:#75531A;
  --holo:#8EB8B0;
  --linie-d:rgba(226,234,231,.14); --linie-h:rgba(15,28,30,.17);
  --text:var(--hellton); --text-2:var(--hellton-2); --linie:var(--linie-d);
  --schrift-d:'Sora',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
  --schrift-t:'IBM Plex Sans',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
  --schrift-m:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --rand:clamp(20px,5vw,64px);
  --kopf:76px;
  --ease:cubic-bezier(.2,.7,.2,1);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--kopf) + 8px);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--tiefe);color:var(--text);font:400 17px/1.65 var(--schrift-t);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}
html{background:#0A1416}
/* Volle Fensterbreite, auch wenn GHL den Code in eine schmale, zentrierte Spalte setzt */
.arche-seite{position:relative;left:50%;width:100vw;max-width:none;margin-left:-50vw;margin-right:0;padding:0;background:var(--tiefe);overflow-x:clip;text-align:left}
img,video{display:block;max-width:100%;height:auto}
figure{margin:0}
p{margin:0 0 1em;color:var(--text-2);text-wrap:pretty}
h1,h2,h3,h4{color:var(--text);margin:0}
a{color:inherit}
:focus-visible{outline:2px solid var(--licht);outline-offset:3px;border-radius:2px}
.hell{--text:var(--dunkelton);--text-2:var(--dunkelton-2);--linie:var(--linie-h);background:var(--nebel);color:var(--text)}
.hell :focus-visible{outline-color:var(--licht-dunkel)}
.rahmen{max-width:1320px;margin-inline:auto;padding-inline:var(--rand)}
.unsichtbar{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:16px;top:-80px;z-index:100;background:var(--licht);color:var(--tiefe);padding:12px 18px;border-radius:4px;text-decoration:none;font-weight:500}
.skip:focus{top:16px}
.mono{font-family:var(--schrift-m);font-size:var(--fs-xs);letter-spacing:.04em;color:var(--holo)}

/* Filmkorn und Fortschritt */
.korn{position:fixed;inset:-50%;z-index:90;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:korn 1.2s steps(6) infinite}
@keyframes korn{0%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,3%)}100%{transform:translate(0,0)}}
.fortschritt{position:fixed;left:0;right:0;top:0;height:2px;z-index:60;pointer-events:none}
.fortschritt span{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--holo),var(--licht));transform-origin:left;transform:scaleX(var(--sp,0))}

/* Typografie */
.titel{font-family:var(--schrift-d);font-weight:300;font-size:var(--fs-titel);line-height:1.04;letter-spacing:-.028em;text-wrap:balance}
.untertitel{font-family:var(--schrift-d);font-weight:300;font-size:var(--fs-xxl);line-height:1.14;letter-spacing:-.02em;text-wrap:balance}
.lead{font-size:var(--fs-l);line-height:1.5;color:var(--text)}

/* Wort- und Buchstabenanimation */
.wort{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.1em;margin-bottom:-.1em}
.wort > span{display:inline-block}
.js .ani .wort > span{transform:translateY(108%);transition:transform 1s var(--ease);transition-delay:calc(var(--i) * 60ms)}
.js .ani.da .wort > span{transform:none}
.bs{display:inline-block}
.js .held__wort .bs{opacity:0;transform:translateY(40%);filter:blur(12px);transition:opacity 1s ease,transform 1.2s var(--ease),filter 1.2s ease;transition-delay:calc(.15s + var(--i) * 70ms)}
.js.ist-geladen .held__wort .bs{opacity:1;transform:none;filter:none}

/* Einblenden */
.js .rv{opacity:0;transform:translateY(28px);filter:blur(6px);transition:opacity 1s ease,transform 1.1s var(--ease),filter 1s ease}
.js .rv.da{opacity:1;transform:none;filter:none}
.js .rv-bild{clip-path:inset(14% 0 0 0);transition:clip-path 1.4s var(--ease)}
.js .rv-bild.da{clip-path:inset(0 0 0 0)}
[data-parallax]{overflow:hidden}
[data-parallax] img{transform:translate3d(0,calc(var(--py,0) * 1px),0) scale(1.18);will-change:transform}

/* Knöpfe */
.knopf{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 28px;border:0;border-radius:999px;background:var(--licht);color:#10191A;font:500 var(--fs-m)/1 var(--schrift-t);text-decoration:none;cursor:pointer;overflow:hidden;isolation:isolate;transition:box-shadow .3s ease}
.knopf::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translateX(-120%);transition:transform .8s var(--ease)}
.knopf:hover::before{transform:translateX(120%)}
.knopf:hover{box-shadow:0 0 0 6px rgba(226,181,103,.16),0 10px 40px -10px rgba(226,181,103,.6)}
.knopf--klein{min-height:42px;padding:0 20px;font-size:var(--fs-s)}
.knopf--voll{width:100%}
.knopf--dunkel{background:var(--dunkelton);color:var(--hellton)}
.knopf--dunkel:hover{box-shadow:0 0 0 6px rgba(15,28,30,.12)}
.textlink{font-size:var(--fs-m);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.textlink--hell{color:var(--hellton)}
.textlink:hover{text-decoration-color:var(--licht)}
.led{display:inline-block;flex:none;width:9px;height:9px;border-radius:50%;background:var(--holo);box-shadow:0 0 0 4px rgba(142,184,176,.16),0 0 14px rgba(142,184,176,.8);animation:led 2.4s ease-in-out infinite}
@keyframes led{50%{opacity:.45}}

/* Kopf */
.kopf{position:fixed;inset:0 0 auto;z-index:50;border-bottom:1px solid transparent;transition:background-color .35s ease,border-color .35s ease}
.kopf.ist-fest{background:rgba(10,20,22,.78);-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);border-bottom-color:var(--linie-d)}
.kopf__innen{max-width:1320px;margin-inline:auto;height:var(--kopf);padding-inline:var(--rand);display:flex;align-items:center;gap:32px}
.marke{display:inline-flex;align-items:center;gap:12px;color:var(--hellton);text-decoration:none}
.marke__zeichen{width:38px;height:38px;flex:none}
.marke__licht{fill:var(--licht)}
.marke__name{display:flex;flex-direction:column;gap:3px;line-height:1}
.marke__projekt{font:500 9px/1 var(--schrift-m);letter-spacing:.42em;text-transform:uppercase;color:var(--holo)}
.marke__arche{font:500 17px/1 var(--schrift-d);letter-spacing:.3em;text-transform:uppercase;margin-right:-.3em}
.kopf__nav{display:flex;gap:26px;margin-left:auto}
.kopf__nav a{position:relative;color:var(--hellton);text-decoration:none;font-size:var(--fs-m);opacity:.8;padding:10px 0;transition:opacity .2s}
.kopf__nav a::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:1px;background:var(--licht);transform:scaleX(0);transform-origin:right;transition:transform .4s var(--ease)}
.kopf__nav a:hover{opacity:1}
.kopf__nav a:hover::after{transform:scaleX(1);transform-origin:left}
/* Sprachumschalter: beide Sprachen stehen im Code, eine wird ausgeblendet */
.arche-en .sp-de,html:not(.arche-en) .sp-en{display:none!important}
.sprache{position:relative;display:inline-flex;align-items:center;padding:3px;border:1px solid rgba(238,241,238,.22);border-radius:999px;flex:none}
.sprache button{appearance:none;-webkit-appearance:none;margin:0;min-height:30px;min-width:38px;padding:0 10px;border:0;border-radius:999px;background:transparent;color:var(--hellton-2);font:500 var(--fs-xs)/1 var(--schrift-m);letter-spacing:.08em;cursor:pointer;transition:color .25s,background-color .25s,box-shadow .25s}
.sprache button:hover{color:var(--hellton)}
.sprache button[aria-pressed="true"]{background:rgba(226,181,103,.16);color:var(--licht);box-shadow:inset 0 0 0 1px rgba(226,181,103,.45)}
.sprache button:focus-visible{outline:2px solid var(--licht);outline-offset:2px}
.sprache--fuss button{min-height:36px;padding:0 16px;font-size:var(--fs-xs);letter-spacing:.04em}

/* 1 · Hero */
.held{position:relative;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;isolation:isolate;background:#05090A}
.held__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;transform:scale(1.06);animation:heldzoom 24s ease-in-out infinite alternate}
@keyframes heldzoom{to{transform:scale(1.14) translateY(-1.5%)}}
.held__schleier{position:absolute;inset:0;z-index:-2;background:radial-gradient(120% 90% at 70% 30%,rgba(10,20,22,.15) 0%,rgba(10,20,22,.55) 60%,rgba(10,20,22,.9) 100%),linear-gradient(180deg,rgba(10,20,22,.7) 0%,rgba(10,20,22,.2) 30%,rgba(10,20,22,.35) 55%,var(--tiefe) 100%)}
.held__rahmen{position:absolute;inset:calc(var(--kopf) + 14px) 18px 18px;z-index:-1;pointer-events:none}
.held__rahmen i{position:absolute;width:22px;height:22px;border-color:rgba(238,241,238,.45);border-style:solid;border-width:0}
.held__rahmen i:nth-child(1){left:0;top:0;border-left-width:1px;border-top-width:1px}
.held__rahmen i:nth-child(2){right:0;top:0;border-right-width:1px;border-top-width:1px}
.held__rahmen i:nth-child(3){left:0;bottom:0;border-left-width:1px;border-bottom-width:1px}
.held__rahmen i:nth-child(4){right:0;bottom:0;border-right-width:1px;border-bottom-width:1px}
.held__inhalt{width:100%;padding-top:calc(var(--kopf) + 64px);padding-bottom:clamp(64px,8vw,104px)}
.held__titel{font-weight:inherit;color:var(--hellton)}
.held__wort{display:block;font-family:var(--schrift-d);font-weight:200;font-size:clamp(78px,16vw,248px);line-height:.8;letter-spacing:-.05em;margin-left:-.045em;text-shadow:0 10px 60px rgba(0,0,0,.35)}
.held__horizont{display:block;position:relative;width:100vw;height:1px;margin:clamp(18px,2.2vw,30px) 0 clamp(22px,2.6vw,36px) calc(50% - 50vw);background:linear-gradient(90deg,rgba(238,241,238,.15),rgba(238,241,238,.65) 40%,rgba(238,241,238,.15))}
.held__licht{position:absolute;top:50%;left:calc(50vw + min(500px,30vw));width:9px;height:9px;border-radius:50%;background:var(--licht);transform:translate(-50%,-50%);box-shadow:0 0 0 6px rgba(226,181,103,.14),0 0 40px 10px rgba(226,181,103,.45);animation:licht 3.6s ease-in-out infinite}
@keyframes licht{50%{box-shadow:0 0 0 10px rgba(226,181,103,.08),0 0 60px 16px rgba(226,181,103,.3)}}
.held__zeile{display:block;font-family:var(--schrift-d);font-weight:300;font-size:var(--fs-xxl);line-height:1.12;letter-spacing:-.018em;max-width:22ch;text-wrap:balance}
.held__fuss{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:28px 48px;margin-top:clamp(24px,3vw,40px)}
.held__sub{max-width:46ch;margin:0;font-size:var(--fs-l);line-height:1.55;color:#CBD4D1}
.held__aktion{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.hud{position:absolute;right:calc(max(0px,(100vw - 1320px) / 2) + var(--rand));top:calc(var(--kopf) + 44px);width:250px;padding:16px 18px;border:1px solid rgba(142,184,176,.3);border-radius:6px;background:rgba(7,16,18,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.hud__titel{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-family:var(--schrift-m);font-size:var(--fs-xs);letter-spacing:.06em;color:var(--hellton)}
.hud__live{width:7px;height:7px;border-radius:50%;background:#5FD3A0;box-shadow:0 0 10px #5FD3A0;animation:led 1.6s ease-in-out infinite}
.hud__liste{margin:0;display:grid;gap:6px}
.hud__liste div{display:flex;justify-content:space-between;gap:12px;padding-top:6px;border-top:1px dashed rgba(142,184,176,.22);font-family:var(--schrift-m);font-size:var(--fs-xs)}
.hud__liste dt{color:var(--hellton-2)}
.hud__liste dd{margin:0;color:var(--hellton)}
.geschwaerzt{display:inline-block;min-width:7.5em;color:transparent;background:#000;border-radius:1px;position:relative;overflow:hidden}
.geschwaerzt::after{content:"";position:absolute;top:0;bottom:0;width:2px;right:4px;background:var(--licht);animation:cursor 1s steps(1) infinite}
@keyframes cursor{50%{opacity:0}}
.held__weiter{position:absolute;left:50%;bottom:22px;width:22px;height:38px;margin-left:-11px;border:1px solid rgba(238,241,238,.4);border-radius:12px}
.held__weiter span{position:absolute;left:50%;top:8px;width:2px;height:8px;margin-left:-1px;border-radius:1px;background:var(--hellton);animation:weiter 1.8s ease-in-out infinite}
@keyframes weiter{0%{transform:translateY(0);opacity:1}70%{transform:translateY(12px);opacity:0}100%{opacity:0}}
.js .held__horizont{transform:scaleX(0);transform-origin:left center;transition:transform 1.8s var(--ease) .5s}
.js .held__licht,.js .held__zeile,.js .held__fuss,.js .hud{opacity:0;transition:opacity 1.2s ease 1.4s}
.js .hud{transform:translateY(12px);transition:opacity 1.2s ease 1.8s,transform 1.2s var(--ease) 1.8s}
.js.ist-geladen .held__horizont{transform:none}
.js.ist-geladen .held__licht,.js.ist-geladen .held__zeile,.js.ist-geladen .held__fuss{opacity:1}
.js.ist-geladen .hud{opacity:1;transform:none}

/* Abschnitte */
.typen,.arche,.massstab,.usp,.pruefung,.netz,.fragen{padding-block:clamp(80px,9vw,136px)}
.typen,.arche,.pruefung,.massstab,.netz{background-image:linear-gradient(90deg,rgba(142,184,176,.035) 1px,transparent 1px);background-size:calc((min(100vw,1320px) - 2 * var(--rand)) / 12) 100%;background-position:center top}
.kopfzeile{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,80px);align-items:start;margin-bottom:clamp(56px,7vw,96px)}
.kopfzeile__text{max-width:62ch}
.kopfzeile__text > :last-child{margin-bottom:0}
.kopfzeile--eng{margin-bottom:clamp(48px,6vw,80px)}

/* 2 · Lage (ohne Anhalten) */
.lage{position:relative;overflow:hidden;isolation:isolate;padding-block:clamp(88px,10vw,150px);background:#05090A}
.lage__bild{position:absolute;top:0;right:0;width:50%;height:100%;z-index:-1;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 45%);mask-image:linear-gradient(90deg,transparent 0%,#000 45%)}
.lage__bild img{width:100%;height:100%;object-fit:cover;opacity:.6}
.lage__text{position:relative}
.lage__satz{max-width:24ch;margin:0 0 .7em;font-family:var(--schrift-d);font-weight:300;font-size:var(--fs-xxl);line-height:1.2;letter-spacing:-.018em;color:var(--hellton)}
.lage__satz--kern{font-weight:400}
.js .lage__satz .w{opacity:.14;transition:opacity .6s ease,color .6s ease;transition-delay:calc(.15s + var(--i) * 45ms)}
.js .lage__satz.da .w{opacity:1}
.js .lage__satz--kern.da .w{color:var(--licht)}
.lage__schluss{margin:28px 0 0;font-family:var(--schrift-m);font-size:var(--fs-s);letter-spacing:.06em;color:var(--holo)}

/* 3 · Leitstand mit Lageplan */
.leitstand{position:relative;margin-bottom:clamp(88px,11vw,160px);padding-block:clamp(40px,5vw,72px);background:radial-gradient(80% 60% at 40% 45%,rgba(142,184,176,.09),transparent 70%),var(--leit);border-block:1px solid rgba(142,184,176,.18);overflow:hidden}
.leitstand::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(142,184,176,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(142,184,176,.05) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(70% 70% at 50% 50%,#000,transparent);mask-image:radial-gradient(70% 70% at 50% 50%,#000,transparent)}
.leitstand > .rahmen{position:relative}
.leitstand__kopf{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:20px 24px;padding-bottom:24px;border-bottom:1px solid rgba(142,184,176,.18)}
.leitstand__label{margin:0 0 8px}
.leitstand__status{display:flex;align-items:center;gap:12px;margin:0;font-family:var(--schrift-d);font-weight:300;font-size:var(--fs-xl);color:var(--hellton)}
.leitstand[data-modus="ernstfall"] .led{background:var(--licht);box-shadow:0 0 0 4px rgba(226,181,103,.2),0 0 16px rgba(226,181,103,.9)}
.schalter{position:relative;display:inline-flex;padding:4px;gap:4px;border:1px solid rgba(142,184,176,.3);border-radius:999px;background:rgba(255,255,255,.02)}
.schalter__knopf{min-height:42px;min-width:44px;padding:0 20px;border:0;border-radius:999px;background:transparent;color:var(--hellton-2);font:500 var(--fs-m)/1 var(--schrift-t);cursor:pointer;transition:background-color .25s ease,color .25s ease}
.schalter__knopf:hover{color:var(--hellton)}
.schalter__knopf[aria-pressed="true"]{background:var(--hellton);color:var(--tiefe)}
.leitstand[data-modus="ernstfall"] .schalter__knopf[aria-pressed="true"]{background:var(--licht)}
.schalter__hinweis{position:absolute;right:calc(100% + 14px);top:50%;transform:translateY(-50%);white-space:nowrap;font-family:var(--schrift-m);font-size:var(--fs-xs);color:var(--licht);animation:hinweis 2.4s ease-in-out infinite;transition:opacity .4s}
.schalter__hinweis::after{content:" \2192"}
.leitstand.beruehrt .schalter__hinweis{opacity:0}
@keyframes hinweis{50%{transform:translate(-6px,-50%)}}
.leitstand__feld{display:grid;grid-template-columns:minmax(0,8.4fr) minmax(0,3.6fr);gap:clamp(20px,3vw,48px);align-items:center;padding-top:clamp(16px,2vw,28px)}
.leitstand__plan{position:relative}
.legende{list-style:none;margin:0;padding:0;display:grid;gap:2px;counter-reset:none}
.legende li{display:flex;gap:12px;align-items:flex-start;padding:9px 10px;border-radius:6px;cursor:default;transition:background-color .25s}
.legende li:hover,.legende li.aktiv{background:rgba(226,181,103,.08)}
.legende__nr{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--licht);color:var(--tiefe);font:600 12.5px/1 var(--schrift-d)}
.legende strong{display:block;font-family:var(--schrift-d);font-weight:400;font-size:var(--fs-m);color:var(--hellton)}
.legende span span,.legende li > span:last-child{font-size:var(--fs-s);line-height:1.4;color:var(--hellton-2)}
.leitstand__fuss{padding-top:24px;margin-top:8px;border-top:1px solid rgba(142,184,176,.18)}
.leitstand__fazit{margin:0 0 10px;font-family:var(--schrift-d);font-weight:300;font-size:var(--fs-xxl);line-height:1.2;letter-spacing:-.015em;color:var(--hellton)}
.leitstand__note{margin:0;font-size:var(--fs-s)}

/* Plan-Grafik */
.plan{display:block;width:100%;height:auto;overflow:visible}
.plan *{vector-effect:non-scaling-stroke}
.plan .platte{fill:rgba(142,184,176,.05);stroke:rgba(142,184,176,.38);stroke-width:1}
.plan .platte-kante{fill:#081315;stroke:rgba(142,184,176,.3);stroke-width:1}
.plan .raster{fill:none;stroke:rgba(142,184,176,.08);stroke-width:1}
.plan .hoehe{fill:none;stroke:rgba(142,184,176,.16);stroke-width:1;stroke-dasharray:2 4}
.plan .perim{fill:none;stroke:rgba(142,184,176,.8);stroke-width:1.4;transition:stroke .6s,stroke-width .6s,filter .6s}
.plan .pfosten{fill:none;stroke:rgba(142,184,176,.5);stroke-width:1}
.plan .turm{fill:#0C191B;stroke:rgba(142,184,176,.85);stroke-width:1}
.plan .turmlicht{fill:var(--licht);filter:drop-shadow(0 0 4px rgba(226,181,103,.9))}
.plan .ext{fill:none;stroke:rgba(238,241,238,.6);stroke-width:1.1;transition:stroke .6s,opacity .6s,stroke-dasharray .6s}
.plan .ext-rohr{stroke-width:2.2}
.plan .schnitt{opacity:0;transition:opacity .5s}
.plan .schnitt circle{fill:var(--leit);stroke:var(--licht);stroke-width:1.4}
.plan .schnitt path{stroke:var(--licht);stroke-width:1.6;fill:none}
.plan .solar{fill:rgba(50,100,135,.4);stroke:rgba(142,184,176,.9);stroke-width:1}
.plan .speicher{fill:#0C191B;stroke:rgba(142,184,176,.85);stroke-width:1}
.plan .wind-mast{fill:none;stroke:rgba(238,241,238,.8);stroke-width:1.2}
.plan .wind-blatt{stroke:rgba(238,241,238,.9);stroke-width:1.4}
.plan .wind-nabe{fill:var(--hellton)}
.plan .rotor{animation:dreh 6s linear infinite}
@keyframes dreh{to{transform:rotate(360deg)}}
.plan .gh-front{fill:rgba(142,184,176,.14);stroke:rgba(142,184,176,.95);stroke-width:1}
.plan .gh-linie{fill:none;stroke:rgba(142,184,176,.95);stroke-width:1}
.plan .gh-rippe{fill:none;stroke:rgba(142,184,176,.35);stroke-width:1}
.plan .feld{fill:none;stroke:rgba(150,200,140,.45);stroke-width:1}
.plan .feld-rand{fill:rgba(150,200,140,.05);stroke:rgba(150,200,140,.35);stroke-width:1}
.plan .see{fill:rgba(80,150,175,.28);stroke:rgba(142,205,215,.95);stroke-width:1}
.plan .see-welle{fill:none;stroke:rgba(142,205,215,.45);stroke-width:1;transform-box:fill-box;transform-origin:center;animation:welle 4s ease-in-out infinite}
@keyframes welle{50%{opacity:.25}}
.plan .tank{fill:rgba(80,150,175,.28);stroke:rgba(142,205,215,.9);stroke-width:1}
.plan .tank-l,.plan .wturm{fill:none;stroke:rgba(142,205,215,.85);stroke-width:1}
.plan .wturm-dach{fill:#0C191B;stroke:rgba(142,205,215,.85);stroke-width:1}
.plan .platz{fill:none;stroke:rgba(226,181,103,.35);stroke-width:1}
.plan .kuppel-boden{fill:rgba(7,16,18,.9);stroke:none}
.plan .kuppel{fill:none;stroke:rgba(226,181,103,.9);stroke-width:1}
.plan .kuppel-licht{fill:var(--licht);opacity:.45;filter:blur(4px);animation:atmen 4s ease-in-out infinite}
@keyframes atmen{50%{opacity:.2}}
.plan .med{fill:#0C191B;stroke:rgba(238,241,238,.85);stroke-width:1}
.plan .med-kreuz{fill:none;stroke:var(--licht);stroke-width:2}
.plan .haus{fill:#0E1C1F;stroke:rgba(238,241,238,.5);stroke-width:1}
.plan .haus.f-t{fill:#152A2D}
.plan .fenster{fill:var(--licht)}
.plan .weg{fill:none;stroke:rgba(238,241,238,.18);stroke-width:1}
.plan .fluss{fill:none;stroke-width:1.8;stroke-dasharray:3 7;animation:fliess 1.4s linear infinite}
.plan .fluss-w{stroke:rgba(142,205,215,.95)}
.plan .fluss-e{stroke:rgba(226,181,103,.95)}
.plan .fluss-n{stroke:rgba(160,215,150,.95)}
@keyframes fliess{to{stroke-dashoffset:-20}}
.plan .patrouille{fill:var(--licht);filter:drop-shadow(0 0 5px rgba(226,181,103,1))}
.plan .marke{cursor:default}
.plan .marke-ring{fill:none;stroke:rgba(226,181,103,.6);stroke-width:1;transform-box:fill-box;transform-origin:center;animation:puls 2.8s ease-out infinite}
@keyframes puls{0%{transform:scale(.9);opacity:1}100%{transform:scale(2);opacity:0}}
.plan .marke-punkt{fill:var(--licht);transition:fill .25s}
.plan .marke-zahl{fill:#0A1416;font:600 16px var(--schrift-d);text-anchor:middle;pointer-events:none}
.leitstand[data-hl] .plan .marke{opacity:.35;transition:opacity .25s}
.leitstand[data-hl="1"] .plan .marke[data-k="1"],.leitstand[data-hl="2"] .plan .marke[data-k="2"],.leitstand[data-hl="3"] .plan .marke[data-k="3"],.leitstand[data-hl="4"] .plan .marke[data-k="4"],.leitstand[data-hl="5"] .plan .marke[data-k="5"],.leitstand[data-hl="6"] .plan .marke[data-k="6"],.leitstand[data-hl="7"] .plan .marke[data-k="7"],.leitstand[data-hl="8"] .plan .marke[data-k="8"],.leitstand[data-hl="9"] .plan .marke[data-k="9"]{opacity:1}
.leitstand[data-hl] .plan .marke .marke-punkt{fill:#fff}
.leitstand[data-modus="ernstfall"] .plan .ext{stroke:var(--licht);opacity:.4;stroke-dasharray:4 6}
.leitstand[data-modus="ernstfall"] .plan .schnitt{opacity:1}
.leitstand[data-modus="ernstfall"] .plan .perim{stroke:var(--licht);stroke-width:2.4;filter:drop-shadow(0 0 6px rgba(226,181,103,.8))}
/* Aufbau des Plans */
.js .plan-bau .l-boden,.js .plan-bau .l-extern,.js .plan-bau .l-wege,.js .plan-bau .l-marken{opacity:0;transition:opacity 1s ease}
.js .plan-bau .l-extern{transition-delay:.3s}
.js .plan-bau .l-wege{transition-delay:1.6s}
.js .plan-bau .l-marken{transition-delay:2.6s}
.js .plan-bau .perim{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 2s var(--ease) .4s,stroke .6s,stroke-width .6s,filter .6s}
.js .plan-bau .l-koerper > g{opacity:0;transform:translateY(-14px);transition:opacity .6s ease,transform .8s var(--ease);transition-delay:calc(.7s + var(--i) * 14ms)}
.js .plan-bau .fenster{opacity:0}
.js .plan-bau.gebaut .l-boden,.js .plan-bau.gebaut .l-extern,.js .plan-bau.gebaut .l-wege,.js .plan-bau.gebaut .l-marken{opacity:1}
.js .plan-bau.gebaut .perim{stroke-dashoffset:0}
.js .plan-bau.gebaut .l-koerper > g{opacity:1;transform:none}
.js .plan-bau.gebaut .fenster{animation:fensteran .5s ease forwards,flackern 7s ease-in-out infinite;animation-delay:calc(2s + var(--d)),calc(3s + var(--d))}
@keyframes fensteran{to{opacity:1}}
@keyframes flackern{0%,100%{opacity:1}50%{opacity:.6}}
.plan .fenster{opacity:1}

/* Zitat */
.zitat{margin:0 0 clamp(72px,9vw,128px);padding-left:clamp(0px,8vw,120px)}
.zitat blockquote{margin:0}
.zitat blockquote p{max-width:24ch;margin:0;font-family:var(--schrift-d);font-weight:300;font-size:var(--fs-xxl);line-height:1.18;letter-spacing:-.02em;color:var(--hellton)}

/* Mosaik */
.mosaik{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:clamp(150px,15vw,220px);gap:clamp(10px,1.2vw,18px)}
.kachel{position:relative;overflow:hidden;border-radius:4px;grid-column:span 4;grid-row:span 2}
.kachel--gross{grid-column:span 8;grid-row:span 3}
.kachel--breit{grid-column:span 8;grid-row:span 2}
.mosaik .kachel:nth-child(2){grid-column:span 4;grid-row:span 3}
.mosaik .kachel:nth-child(3){grid-column:span 4;grid-row:span 2}
.kachel__bild{position:absolute;inset:0}
.kachel__bild img{width:100%;height:100%;object-fit:cover;transition:filter .6s}
.kachel:hover .kachel__bild img{filter:brightness(1.12)}
.kachel figcaption{position:absolute;left:0;right:0;bottom:0;display:flex;gap:12px;align-items:baseline;padding:40px 18px 16px;background:linear-gradient(0deg,rgba(7,16,18,.85),transparent);font-size:var(--fs-m);color:var(--hellton)}
.kachel figcaption .mono{color:var(--licht)}
.mosaik__note{margin:16px 0 clamp(88px,11vw,160px);font-size:var(--fs-s);color:var(--hellton-2)}

/* Band mit Video und Zahlen */
.band{position:relative;overflow:hidden;isolation:isolate;padding-block:clamp(88px,10vw,140px);margin-bottom:clamp(88px,11vw,160px)}
.band__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.band__schleier{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,var(--tiefe) 0%,rgba(10,20,22,.72) 22%,rgba(10,20,22,.72) 78%,var(--tiefe) 100%)}
.band__raster{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,3vw,40px)}
.zahl{display:flex;flex-direction:column;gap:10px;padding-top:18px;border-top:1px solid rgba(226,181,103,.6)}
.zahl__wert{font-family:var(--schrift-d);font-weight:200;font-size:clamp(48px,6vw,92px);line-height:1;letter-spacing:-.04em;color:var(--hellton);font-variant-numeric:tabular-nums}
.zahl__wert--wort{font-size:clamp(36px,4vw,60px);font-weight:300;letter-spacing:-.03em;padding-block:.14em}
.zahl__text{font-size:var(--fs-m);line-height:1.45;color:var(--hellton-2);max-width:22ch}

/* Kriterien-Karten */
.kriterien__kopf{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(20px,5vw,80px);align-items:end;margin-bottom:clamp(36px,4vw,56px)}
.kriterien__kopf p{margin:0;max-width:60ch}
.karten{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.2vw,16px)}
.karte-k{position:relative;min-height:360px;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(20px,2.2vw,28px);border:1px solid rgba(142,184,176,.16);border-radius:6px;overflow:hidden;isolation:isolate;background:var(--tiefe-2)}
.karte-k__bild{position:absolute;inset:0;z-index:-2}
.karte-k__bild img{width:100%;height:100%;object-fit:cover;opacity:.42;transform:scale(1.04);transition:opacity .7s ease,transform 1.2s var(--ease)}
.karte-k::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,20,22,.25) 0%,rgba(10,20,22,.65) 45%,rgba(10,20,22,.95) 100%)}
.karte-k::after{content:"";position:absolute;left:0;top:0;height:2px;width:100%;background:linear-gradient(90deg,var(--licht),transparent);transform:scaleX(.18);transform-origin:left;transition:transform .8s var(--ease)}
.karte-k:hover .karte-k__bild img{opacity:.62;transform:scale(1.1)}
@media (hover:none){.karte-k__bild img{opacity:.58}}
.karte-k:hover::after{transform:scaleX(1)}
.karte-k__kopf{position:absolute;top:clamp(20px,2.2vw,28px);left:clamp(20px,2.2vw,28px);right:clamp(20px,2.2vw,28px);display:flex;justify-content:space-between;align-items:center}
.karte-k__nr{font-family:var(--schrift-m);font-size:var(--fs-s);color:var(--licht)}
.karte-k__icon{width:30px;height:30px;fill:none;stroke:var(--hellton);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.karte-k__titel{margin-bottom:8px;font-family:var(--schrift-d);font-weight:400;font-size:var(--fs-xl)}
.karte-k__text{margin:0;font-size:var(--fs-m);line-height:1.5;color:#C3CDCA}

/* Prinzipien */
.prinzipien{margin-top:clamp(72px,8vw,120px)}
.prinzipien__titel{max-width:24ch;margin-bottom:clamp(36px,4vw,56px)}
.prinzipien__raster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,28px)}
.prinzip{display:grid;grid-template-columns:clamp(130px,13vw,190px) minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:clamp(20px,2.5vw,36px);align-items:start;padding:clamp(22px,2.6vw,36px);border:1px solid rgba(142,184,176,.16);border-radius:6px;background:linear-gradient(160deg,rgba(142,184,176,.06),transparent 60%)}
.prinzip__grafik{grid-row:span 2}
.prinzip h4{margin:4px 0 10px;font-family:var(--schrift-d);font-weight:400;font-size:var(--fs-xl)}
.prinzip p{margin:0}
.schichtring{width:100%;height:auto;overflow:visible}
.schichtring__spur{fill:none;stroke:rgba(142,184,176,.15);stroke-width:10}
.schichtring__seg{fill:none;stroke-width:10;stroke-dasharray:.96 2.04;transform:rotate(-90deg);transform-origin:100px 100px}
.schichtring .s1{stroke:var(--licht)}
.schichtring .s2{stroke:var(--holo);stroke-dashoffset:-1}
.schichtring .s3{stroke:#5B7C86;stroke-dashoffset:-2}
.schichtring__zeiger{transform-origin:100px 100px;animation:dreh 20s linear infinite}
.schichtring__zeiger line{stroke:var(--hellton);stroke-width:1.5}
.schichtring__zeiger circle{fill:var(--hellton)}
.schichtring__t1{fill:var(--hellton);font:300 30px var(--schrift-d);text-anchor:middle;letter-spacing:-.03em}
.schichtring__t2{fill:var(--hellton-2);font:400 9.5px var(--schrift-m);text-anchor:middle}
.stimmen{display:grid;grid-template-columns:repeat(20,1fr);gap:3px;aspect-ratio:1/1.25}
.stimmen i{display:block;aspect-ratio:1;border-radius:50%;background:rgba(142,184,176,.22)}
.js .prinzip.da .stimmen i{animation:stimme .5s ease forwards;animation-delay:calc(.3s + var(--i) * 3ms)}
@keyframes stimme{to{background:var(--licht);box-shadow:0 0 6px rgba(226,181,103,.6)}}

/* Pyramide (3D) */
.pyramide{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,96px);align-items:center;margin-top:clamp(96px,12vw,176px)}
.pyramide__grafik{display:grid;place-items:center;min-height:500px;perspective:1600px}
.stapel{position:relative;width:360px;height:360px;transform:rotateX(60deg) rotateZ(-45deg);transform-style:preserve-3d}
.platte{position:absolute;left:50%;top:50%;border:1px solid rgba(142,184,176,.7);transform:translate(-50%,-50%) translateZ(var(--z));transition:transform 1.4s var(--ease);background:linear-gradient(135deg,rgba(142,184,176,.16),rgba(142,184,176,.03));box-shadow:0 0 0 1px rgba(142,184,176,.08) inset}
.platte::before,.platte::after{content:"";position:absolute;inset:14%;border:1px dashed rgba(142,184,176,.25)}
.platte::after{inset:32%}
.platte--c{width:350px;height:350px;--z:0px}
.platte--b{width:240px;height:240px;--z:85px;border-color:rgba(238,241,238,.6)}
.platte--a{width:130px;height:130px;--z:170px;border-color:var(--licht);background:linear-gradient(135deg,rgba(226,181,103,.5),rgba(226,181,103,.12));box-shadow:0 0 40px rgba(226,181,103,.5),0 0 0 1px rgba(226,181,103,.3) inset}
.js .pyramide__grafik:not(.da) .platte{transform:translate(-50%,-50%) translateZ(0)}
.js .pyramide__grafik .platte--a{transition-delay:.25s}
.js .pyramide__grafik .platte--b{transition-delay:.1s}
.pyramide__text .untertitel{margin-bottom:28px}
.stufen{list-style:none;margin:0;padding:0;display:grid;gap:0}
.stufe{display:grid;grid-template-columns:72px minmax(0,1fr);grid-template-areas:"t n" "t x";column-gap:16px;padding:18px 0;border-top:1px solid var(--linie)}
.stufe__typ{grid-area:t;padding-top:6px}
.stufe--a .stufe__typ{color:var(--licht)}
.stufe__name{grid-area:n;font-family:var(--schrift-d);font-size:var(--fs-xl);color:var(--hellton)}
.stufe__text{grid-area:x;font-size:var(--fs-m);color:var(--hellton-2)}
.pyramide__notiz{margin:24px 0 0;padding-top:20px;border-top:1px solid var(--linie);font-size:var(--fs-m)}

/* 4 · Maßstab: Postkarte reißt beim Scrollen */
.riss{position:relative;height:clamp(440px,58vw,700px);border-radius:6px;overflow:hidden;isolation:isolate;background:#05090A}
.riss__hinten{position:absolute;inset:0;z-index:-1;opacity:calc(.25 + var(--t,0) * .75);transform:scale(calc(1.12 - var(--t,0) * .12))}
.riss__hinten img{width:100%;height:100%;object-fit:cover}
.riss__hinten::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,16,18,.92) 0%,rgba(7,16,18,.25) 45%,rgba(7,16,18,.1) 100%)}
.riss__karte{position:absolute;left:50%;top:44%;width:min(640px,74%);transform:translate(-50%,-50%) rotate(-2.5deg)}
.riss__haelfte{filter:drop-shadow(0 30px 40px rgba(0,0,0,.55));will-change:transform}
.riss__haelfte--l{transform-origin:15% 95%;transform:translate3d(calc(var(--t,0) * -62%),calc(var(--t,0) * 6%),0) rotate(calc(var(--t,0) * -10deg))}
.riss__haelfte--r{position:absolute;inset:0;transform-origin:85% 95%;transform:translate3d(calc(var(--t,0) * 62%),calc(var(--t,0) * 10%),0) rotate(calc(var(--t,0) * 12deg))}
.riss__papier{padding:12px 12px 44px;background:#F4F2EE}
.riss__foto{aspect-ratio:3/2;background-image:var(--karte);background-size:cover;background-position:center}
.riss__text{position:absolute;left:clamp(18px,3vw,40px);right:clamp(18px,3vw,40px);bottom:clamp(18px,3vw,36px);display:grid}
.riss__text p{grid-area:1/1;max-width:46ch;margin:0;font-family:var(--schrift-d);font-weight:300;font-size:var(--fs-xl);line-height:1.35;color:var(--hellton)}
.riss__text .mono{display:block;margin-bottom:8px}
.riss__a{opacity:calc(1 - var(--t,0) * 2.4)}
.riss__b{opacity:calc((var(--t,0) - .5) * 2.4)}
.vergleich{overflow-x:auto;margin-block:clamp(56px,7vw,96px);-webkit-overflow-scrolling:touch}
.vergleich table{width:100%;min-width:660px;border-collapse:collapse}
.vergleich caption{text-align:left;padding-bottom:16px;font-family:var(--schrift-m);font-size:var(--fs-xs);color:var(--holo)}
.vergleich th,.vergleich td{text-align:left;vertical-align:top;padding:20px 24px 20px 0;border-bottom:1px solid var(--linie);font-size:var(--fs-m);line-height:1.5}
.vergleich thead th{padding-top:14px;padding-bottom:14px;font-size:var(--fs-s);font-weight:500;color:var(--hellton-2);border-bottom-color:rgba(226,234,231,.3)}
.vergleich tbody th{width:22%;font-family:var(--schrift-d);font-weight:400;color:var(--hellton)}
.vergleich td{width:39%;color:var(--hellton-2)}
.vergleich .vergleich__arche{padding-left:20px;background:rgba(226,181,103,.07);color:var(--hellton);box-shadow:inset 2px 0 0 rgba(226,181,103,.7)}
.vergleich thead .vergleich__arche{color:var(--licht)}
.satz-gross{margin:0}
.satz-gross p{max-width:24ch;margin:0;font-family:var(--schrift-d);font-weight:300;font-size:var(--fs-xxl);line-height:1.14;letter-spacing:-.022em;color:var(--hellton)}

/* 5 · Unterschied (hell, Akte) */
.usp{--text:var(--dunkelton);--text-2:var(--dunkelton-2);--linie:var(--linie-h);background:var(--nebel);color:var(--text)}
.usp :focus-visible{outline-color:var(--licht-dunkel)}
.titel--breit{max-width:20ch;margin-bottom:clamp(44px,6vw,80px)}
.akte{margin-bottom:clamp(56px,7vw,96px);padding:clamp(24px,4vw,56px);border:1px solid var(--linie);border-radius:6px;background:#EDF1EE}
.akte__satz{margin:0;font-family:var(--schrift-d);font-weight:300;font-size:var(--fs-xxl);line-height:1.2;letter-spacing:-.02em;color:var(--dunkelton)}
.akte__satz--b{color:var(--licht-dunkel)}
.akte__balken{display:flex;flex-wrap:wrap;gap:12px 14px;margin:22px 0}
.akte__balken span{display:block;height:clamp(22px,2.4vw,34px);width:var(--w);background:#0A0F10;border-radius:2px;transform-origin:left;transform:scaleX(1)}
.js .akte:not(.da) .akte__balken span{transform:scaleX(0)}
.js .akte .akte__balken span{transition:transform .7s var(--ease)}
.js .akte .akte__balken span:nth-child(2){transition-delay:.15s}
.js .akte .akte__balken span:nth-child(3){transition-delay:.3s}
.js .akte .akte__balken span:nth-child(4){transition-delay:.45s}
.js .akte .akte__balken span:nth-child(5){transition-delay:.6s}
.verborgen{position:relative;margin-bottom:clamp(56px,7vw,96px);border-radius:4px;overflow:hidden}
.verborgen__bild{position:relative;aspect-ratio:21/9}
.verborgen__bild img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.verborgen::after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(7,16,18,.8) 0%,rgba(7,16,18,.3) 38%,rgba(7,16,18,0) 62%);pointer-events:none}
.verborgen__text{position:absolute;left:clamp(20px,4vw,56px);top:clamp(20px,4vw,52px);z-index:1;max-width:23ch;font-family:var(--schrift-d);font-weight:300;font-size:var(--fs-xl);line-height:1.3;color:var(--hellton)}
.drei{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.4vw,18px)}
.drei__spalte{padding:clamp(22px,2.6vw,32px);border:1px solid var(--linie);border-radius:6px;background:#EDF1EE;transition:transform .5s var(--ease),box-shadow .5s}
.drei__spalte:hover{transform:translateY(-4px);box-shadow:0 24px 50px -30px rgba(15,28,30,.35)}
.drei__nr{display:block;margin-bottom:28px;color:var(--licht-dunkel)}
.drei__spalte h3{margin-bottom:14px;font-family:var(--schrift-d);font-weight:400;font-size:var(--fs-xl);line-height:1.2}
.drei__spalte p{margin:0;font-size:var(--fs-m)}
.register{margin-top:clamp(56px,7vw,96px);padding:clamp(22px,3vw,36px);border-radius:8px;background:var(--leit);color:var(--hellton)}
.register__kopf{display:flex;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid rgba(142,184,176,.2)}
.register__kopf p{margin:0}
.register__status{color:#5FD3A0}
.register__tabelle{width:100%;border-collapse:collapse;margin-top:6px}
.register__tabelle th{text-align:left;padding:12px 16px 10px 0;font-family:var(--schrift-m);font-size:var(--fs-xs);font-weight:400;color:var(--hellton-2)}
.register__tabelle td{padding:14px 16px 14px 0;border-top:1px solid rgba(142,184,176,.12);font-size:var(--fs-m);color:var(--hellton-2);vertical-align:middle}
.register__tabelle td:last-child{font-family:var(--schrift-m);font-size:var(--fs-xs);color:#5FD3A0}
.balken{display:inline-block;height:16px;width:var(--w);background:#000;border-radius:1px;vertical-align:middle;box-shadow:0 0 0 1px rgba(142,184,176,.12)}
.platzhalter{color:var(--licht)}
.register__zahlen{display:flex;flex-wrap:wrap;gap:12px 40px;margin-top:18px;padding-top:18px;border-top:1px solid rgba(142,184,176,.2)}
.register__zahlen p{margin:0;font-size:var(--fs-m);color:var(--hellton-2)}
.register__wert{margin-right:8px;font-family:var(--schrift-d);font-size:var(--fs-xl);font-weight:300}
.register__note{margin:16px 0 0;font-size:var(--fs-s);color:var(--hellton-2)}

/* 6 · Prüfung */
.karte{position:relative;margin-bottom:clamp(48px,6vw,80px);padding:clamp(16px,2.4vw,32px);border:1px solid rgba(142,184,176,.16);border-radius:8px;background:radial-gradient(70% 90% at 70% 60%,rgba(142,184,176,.07),transparent 70%),var(--leit);overflow:hidden}
.welt{display:block;width:100%;height:auto}
.welt__land{fill:none;stroke:rgba(142,184,176,.32);stroke-width:3.4;stroke-linecap:round}
.welt__scan{fill:url(#scanverlauf);animation:scan 7s linear infinite}
@keyframes scan{from{transform:translateX(-160px)}to{transform:translateX(1100px)}}
.welt__ort circle.k{fill:var(--licht)}
.welt__ort circle.r{fill:none;stroke:var(--licht);stroke-width:1.2;transform-box:fill-box;transform-origin:center;animation:puls 2.4s ease-out infinite}
.welt__ort--offen line{stroke:rgba(226,181,103,.7);stroke-width:1}
.welt__ort--offen text{fill:var(--hellton);font:500 15px var(--schrift-t)}
.welt__ort--offen text.u{fill:var(--licht);font:400 11px var(--schrift-m)}
.welt__ort--zu circle{fill:#071012;stroke:rgba(167,182,179,.75);stroke-width:1.2}
.welt__ort--zu line{stroke:rgba(242,184,162,.85);stroke-width:1.3;stroke-dasharray:13;stroke-dashoffset:0;transition:stroke-dashoffset .8s var(--ease) .6s}
.js .karte:not(.da) .welt__ort--zu line{stroke-dashoffset:13}
.welt__ort--zu text{fill:var(--hellton-2);font:400 10.5px var(--schrift-m);letter-spacing:.03em}
.karte__legende{list-style:none;display:flex;flex-wrap:wrap;gap:8px 24px;margin:14px 0 0;padding:0;font-size:var(--fs-s);color:var(--hellton-2)}
.karte__legende li{display:flex;align-items:center;gap:10px}
.kl{display:inline-block;width:10px;height:10px;border-radius:50%}
.kl--offen{background:var(--licht);box-shadow:0 0 10px rgba(226,181,103,.8)}
.kl--zu{border:1.2px solid rgba(167,182,179,.75);background:linear-gradient(135deg,transparent 45%,rgba(242,184,162,.9) 45%,rgba(242,184,162,.9) 58%,transparent 58%)}
.karte__stand{position:absolute;left:clamp(16px,2.4vw,32px);top:clamp(14px,2vw,26px);margin:0}
.pruefung__raster{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,6vw,96px);align-items:start}
.radar svg{display:block;width:100%;max-width:420px;height:auto}
.radar__ring{fill:none;stroke:rgba(142,184,176,.35);stroke-width:1}
.radar__kern{fill:rgba(226,181,103,.12);stroke:var(--licht);stroke-width:1.2}
.radar__achse{stroke:rgba(142,184,176,.14);stroke-width:1}
.radar__sweep{transform-origin:160px 160px;animation:dreh 5s linear infinite}
.radar__sweep path{fill:url(#radarverlauf)}
.radar__t{fill:var(--hellton-2);font:400 11.5px var(--schrift-m);text-anchor:middle}
.radar__t--kern{fill:var(--licht);font:500 13px var(--schrift-d)}
.radar__text{margin:16px 0 0;font-size:15px}
.zulassung{display:flex;flex-direction:column;gap:40px}
.tacho svg{display:block;width:100%;max-width:440px;height:auto;overflow:visible}
.tacho__spur{fill:none;stroke:rgba(238,241,238,.1);stroke-width:14;stroke-linecap:butt}
.tacho__zone{fill:none;stroke:var(--licht);stroke-width:14;stroke-dasharray:30 100;stroke-dashoffset:-70;filter:drop-shadow(0 0 8px rgba(226,181,103,.5))}
.js .tacho:not(.da) .tacho__zone{stroke-dasharray:0 100;stroke-dashoffset:-70}
.js .tacho .tacho__zone{transition:stroke-dasharray 1.6s var(--ease) .3s}
.tacho__tick{stroke:rgba(238,241,238,.35);stroke-width:1}
.tacho__tick--70{stroke:var(--hellton);stroke-width:2}
.tacho__z{fill:var(--hellton-2);font:400 11px var(--schrift-m);text-anchor:middle}
.tacho__wert{fill:var(--hellton);font:200 52px var(--schrift-d);text-anchor:middle;letter-spacing:-.03em}
.tacho__label{fill:var(--licht);font:400 11.5px var(--schrift-m);text-anchor:middle}

/* 7 · Betreuung */
.wache{position:relative;min-height:min(96vh,920px);display:flex;align-items:flex-end;overflow:hidden;isolation:isolate;padding-block:clamp(96px,12vw,176px)}
.wache__bild{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 60%;z-index:-3}
.wache__schleier{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(10,20,22,.94) 0%,rgba(10,20,22,.6) 42%,rgba(10,20,22,.05) 100%),linear-gradient(0deg,var(--tiefe) 0%,rgba(10,20,22,0) 32%),linear-gradient(180deg,var(--tiefe) 0%,rgba(10,20,22,0) 22%)}
.wache__scan{position:absolute;left:0;right:0;top:0;height:140px;z-index:-1;background:linear-gradient(180deg,transparent,rgba(142,184,176,.09) 70%,rgba(142,184,176,.5) 99%,transparent);animation:scanv 6s linear infinite;mix-blend-mode:screen}
@keyframes scanv{from{transform:translateY(-140px)}to{transform:translateY(110vh)}}
.wache__hud{position:absolute;right:calc(max(0px,(100vw - 1320px) / 2) + var(--rand));top:calc(var(--kopf) + 64px);display:grid;gap:8px;text-align:right}
.wache__hud span{padding:6px 10px;border:1px solid rgba(142,184,176,.3);border-radius:3px;background:rgba(7,16,18,.5);font-size:var(--fs-xs)}
.wache__inhalt{width:100%}
.wache__inhalt > *{max-width:620px}
.wache__vorspann{margin:0 0 14px;color:var(--licht)}
.wache__inhalt .titel{margin-bottom:24px}
.wache__pruefung{margin-top:28px}
.wache__pruefung p{margin:0}
.wache__liste{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 0;padding:0}
.wache__liste li{padding:8px 18px;border:1px solid rgba(238,241,238,.3);border-radius:999px;font-size:var(--fs-m);color:var(--hellton)}

/* 8 · Zugang */
.zugang{position:relative;overflow:hidden;isolation:isolate;padding-block:clamp(96px,12vw,176px)}
.zugang__bild{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 75%;z-index:-2}
.zugang__schleier{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,var(--tiefe) 0%,rgba(10,20,22,.6) 38%,rgba(10,20,22,.5) 100%)}
.zugang__gitter{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(40px,6vw,96px);align-items:start}
.zugang__weg .titel{margin-bottom:20px}
.zugang__weg .lead{max-width:30ch}
.schritte{position:relative;list-style:none;margin:40px 0 0;padding:0}
.schritte::before{content:"";position:absolute;left:21px;top:24px;bottom:24px;width:1px;background:rgba(226,181,103,.25)}
.schritte::after{content:"";position:absolute;left:21px;top:24px;bottom:24px;width:1px;background:var(--licht);transform-origin:top;transform:scaleY(var(--sf,0))}
.schritt{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:20px;padding:20px 0}
.schritt__nr{position:relative;z-index:1;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--licht);border-radius:50%;background:var(--tiefe);font-family:var(--schrift-d);font-size:var(--fs-l);color:var(--licht)}
.schritt h3{margin:0 0 6px;font-family:var(--schrift-d);font-weight:400;font-size:var(--fs-xl)}
.schritt p{margin:0;font-size:var(--fs-m);max-width:46ch}
.zugang__notiz{margin:16px 0 0;padding-top:24px;border-top:1px solid var(--linie);font-size:var(--fs-m);color:var(--hellton)}
.formular{position:relative;padding:clamp(24px,3vw,40px);border:1px solid rgba(142,184,176,.25);border-radius:10px;background:rgba(7,16,18,.8);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 40px 100px -40px rgba(0,0,0,.8)}
.formular__kopf{display:flex;align-items:center;gap:10px;margin:0 0 16px}
.formular__titel{margin:0 0 24px;font-family:var(--schrift-d);font-weight:400;font-size:var(--fs-xl)}
.feld{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}
.feld label{font-size:var(--fs-s);color:var(--hellton)}
.feld__optional{margin-left:6px;font-size:var(--fs-s);color:var(--hellton-2)}
.feld input[type="text"],.feld textarea{width:100%;min-height:50px;padding:12px 14px;border:1px solid rgba(238,241,238,.28);border-radius:6px;background:rgba(238,241,238,.04);color:var(--hellton);font:400 var(--fs-m)/1.5 var(--schrift-t);transition:border-color .2s ease,box-shadow .2s ease}
.feld textarea{min-height:116px;resize:vertical}
.feld input[type="text"]:focus,.feld textarea:focus{border-color:var(--licht);box-shadow:0 0 0 4px rgba(226,181,103,.12)}
.feld [aria-invalid="true"]{border-color:#F2B8A2}
.feld--check{flex-direction:row;align-items:flex-start;gap:12px;margin-top:4px}
.feld--check input{flex:none;width:20px;height:20px;margin:3px 0 0;accent-color:var(--licht)}
.feld--check label{font-size:var(--fs-s);line-height:1.55;color:var(--hellton-2)}
.feld--check a{color:var(--hellton);text-underline-offset:3px}
.formular__fehler{margin:0 0 14px;font-size:var(--fs-s);color:#F2B8A2}
.formular__fehler:empty{display:none}
.formular__hinweis{margin:14px 0 0;text-align:center;font-size:var(--fs-s)}
.formular__teil{margin:0;padding:0;border:0;min-width:0}
.formular__start p{margin:0 0 22px;color:var(--hellton-2)}
.formular:not([data-schritt="0"]) .formular__start,.formular[data-schritt="0"] .formular__stand{display:none}
.feld--sonstiges{margin:12px 0 0}
.feld--sonstiges[hidden]{display:none}
.wahl.wahl--pw{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.pw{position:relative;display:flex;flex-direction:column;border:1px solid rgba(238,241,238,.2);border-radius:8px;overflow:hidden;background:rgba(238,241,238,.03);cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}
.pw input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.pw__bild{display:block;aspect-ratio:16/9;overflow:hidden;background:#05090A}
.pw__bild img{display:block;width:100%;height:100%;object-fit:cover;opacity:.82;transition:opacity .2s ease;user-select:none;-webkit-user-drag:none}
.pw__text{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 14px}
.pw__name{font-size:var(--fs-m);color:var(--hellton)}
.pw__art{font-size:var(--fs-xs);color:var(--hellton-2)}
.pw::after{content:"";position:absolute;top:12px;right:12px;width:22px;height:22px;border-radius:50%;border:1.5px solid rgba(238,241,238,.7);background:rgba(7,16,18,.6)}
.pw:hover{border-color:rgba(238,241,238,.45)}
.pw:hover .pw__bild img{opacity:1}
.pw:has(input:checked){border-color:var(--licht);box-shadow:0 0 0 1px var(--licht)}
.pw:has(input:checked)::after{border-color:var(--licht);background:var(--licht) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 9.2 7.8 12 13 6.5' fill='none' stroke='%230A1416' stroke-width='2'/%3E%3C/svg%3E") center/100% no-repeat}
.pw:has(input:focus-visible){outline:2px solid var(--licht);outline-offset:2px}
.fb-frage.ist-offen .pw{border-color:rgba(242,184,162,.6)}
.formular__teil[hidden]{display:none}
.formular__stand{display:flex;flex-direction:column;gap:10px;margin:-8px 0 26px}
.formular__stand .mono{font-size:var(--fs-xs);color:var(--hellton-2)}
.formular__balken i{display:block;height:3px;border-radius:2px;background:rgba(238,241,238,.14);transition:background-color .4s ease}
.fb-frage{margin:0 0 22px}
.frage__titel{margin:0 0 10px;font-size:var(--fs-m);line-height:1.45;color:var(--hellton)}
.frage__nr{display:inline-block;min-width:20px;margin-right:6px;font-size:var(--fs-xs);color:var(--licht)}
.wahl{display:flex;flex-wrap:wrap;gap:8px}
.chip{position:relative;display:inline-flex;cursor:pointer}
.chip input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.chip > span{display:inline-flex;align-items:center;min-height:40px;padding:8px 14px;border:1px solid rgba(238,241,238,.24);border-radius:999px;background:rgba(238,241,238,.03);font-size:var(--fs-s);line-height:1.3;color:var(--hellton-2);transition:border-color .2s ease,background-color .2s ease,color .2s ease}
.chip:hover > span{border-color:rgba(238,241,238,.45);color:var(--hellton)}
.chip input:checked + span{border-color:var(--licht);background:rgba(226,181,103,.14);color:var(--hellton)}
.chip input:focus-visible + span{outline:2px solid var(--licht);outline-offset:2px}
.fb-frage.ist-offen .chip > span{border-color:rgba(242,184,162,.6)}
.feld input[type="email"],.feld input[type="tel"]{width:100%;min-height:50px;padding:12px 14px;border:1px solid rgba(238,241,238,.28);border-radius:6px;background:rgba(238,241,238,.04);color:var(--hellton);font:400 var(--fs-m)/1.5 var(--schrift-t);transition:border-color .2s ease,box-shadow .2s ease}
.feld input[type="email"]:focus,.feld input[type="tel"]:focus{border-color:var(--licht);box-shadow:0 0 0 4px rgba(226,181,103,.12)}
.feld input::placeholder{color:rgba(167,182,179,.6)}
.feld--telegram{margin-top:-6px}
.feld--telegram input:disabled + label{opacity:.55}
.feld--telegram input:not(:disabled) + label [data-tg-hinweis]{display:none}
.formular__zurueck{display:block;margin:14px auto 0;padding:6px 4px;border:0;background:none;color:var(--hellton-2);font:400 var(--fs-s) var(--schrift-t);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.formular__zurueck:hover{color:var(--hellton)}
.formular__danke{display:none}
.formular.ist-gesendet > :not(.formular__danke){display:none}
.formular.ist-gesendet .formular__danke{display:block;outline:none}
.formular__danke h3{margin-bottom:10px;font-family:var(--schrift-d);font-weight:400;font-size:var(--fs-xl)}
.formular__danke p{margin:0 0 12px}
.formular__danke p:last-child{margin:0;color:var(--hellton-2)}

/* FAQ */
.fragen__raster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(32px,5vw,80px);margin-top:clamp(40px,5vw,64px)}
.frage{padding:28px 0 32px;border-top:1px solid var(--linie)}
.frage h3{margin-bottom:12px;font-family:var(--schrift-d);font-weight:400;font-size:var(--fs-xl);line-height:1.25}
.frage p{margin:0;max-width:60ch}
.fragen__cta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px 24px;margin-top:40px;padding-top:32px;border-top:1px solid var(--linie)}
.fragen__cta p{margin:0;font-family:var(--schrift-d);font-weight:300;font-size:var(--fs-xl);color:var(--text)}

/* Fuß */
.fuss{padding:72px 0 40px;background:var(--tiefe)}
.fuss__oben{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px;padding-bottom:36px;border-bottom:1px solid var(--linie)}
.fuss__nav{display:flex;flex-wrap:wrap;gap:8px 28px}
.fuss__nav a{padding:8px 0;font-size:var(--fs-m);color:var(--hellton-2);text-decoration:none}
.fuss__nav a:hover{color:var(--hellton)}
.fuss__mitte{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px 48px;padding:36px 0}
.fuss__mitte p{margin:0;font-size:var(--fs-s);line-height:1.6}
.fuss__mitte strong{display:block;margin-bottom:6px;font-weight:500;color:var(--hellton)}
.fuss__unten{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;padding-top:24px;border-top:1px solid var(--linie)}
.fuss__unten p{margin:0;font-size:var(--fs-s)}
.fuss__recht{display:flex;gap:24px}
.fuss__recht a{color:var(--hellton-2);text-underline-offset:3px}
.fuss__recht a:hover{color:var(--hellton)}

/* Responsiv */
@media (max-width:1180px){
  .hud{display:none}
  .leitstand__feld{grid-template-columns:minmax(0,1fr)}
  .legende{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:980px){
  .kopfzeile,.kriterien__kopf,.pruefung__raster,.zugang__gitter,.fuss__mitte,.pyramide{grid-template-columns:minmax(0,1fr)}
  .karten{grid-template-columns:repeat(2,minmax(0,1fr))}
  .band__raster{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:48px}
  .prinzipien__raster{grid-template-columns:minmax(0,1fr)}
  .legende{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lage__bild{width:100%;-webkit-mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent);mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent)}
  .lage__bild img{opacity:.28}
  .riss__karte{width:80%}
  .wache__schleier{background:linear-gradient(0deg,var(--tiefe) 0%,rgba(10,20,22,.85) 45%,rgba(10,20,22,.25) 100%),linear-gradient(180deg,var(--tiefe) 0%,rgba(10,20,22,0) 22%)}
  .wache__hud{display:none}
  .pyramide__grafik{min-height:340px}
  .mosaik{grid-template-columns:repeat(6,minmax(0,1fr))}
  .kachel,.kachel--gross,.kachel--breit,.mosaik .kachel:nth-child(2),.mosaik .kachel:nth-child(3){grid-column:span 6;grid-row:span 2}
  .schalter__hinweis{display:none}
}
@media (max-width:860px){
  :root{--kopf:64px}
  .kopf__nav{display:none}
  .kopf .knopf--klein{margin-left:auto}
}
@media (max-width:700px){
  .drei{grid-template-columns:minmax(0,1fr)}
  .fragen__raster{grid-template-columns:minmax(0,1fr)}
  .verborgen__bild{aspect-ratio:4/3}
  .verborgen__text{max-width:none;right:20px;font-size:var(--fs-l)}
  .karten{grid-template-columns:minmax(0,1fr)}
  .karte-k{min-height:300px}
  .prinzip{grid-template-columns:minmax(0,1fr)}
  .prinzip__grafik{grid-row:auto;max-width:180px;margin-bottom:16px}
  .legende{grid-template-columns:minmax(0,1fr)}
  .stapel{transform:rotateX(60deg) rotateZ(-45deg) scale(.72)}
  .pyramide__grafik{min-height:360px}
  .register__tabelle thead{display:none}
  .register__tabelle tr{display:grid;grid-template-columns:1fr auto;gap:6px 12px;padding:12px 0;border-top:1px solid rgba(142,184,176,.12)}
  .register__tabelle td{border:0;padding:0}
  .register__tabelle td.platzhalter{grid-column:1/-1;order:3}
  .vergleich{overflow:visible}
  .vergleich table,.vergleich tbody,.vergleich tr,.vergleich th,.vergleich td{display:block;width:auto}
  .vergleich table{min-width:0}
  .vergleich caption{display:block}
  .vergleich thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .vergleich tr{padding:20px 0;border-bottom:1px solid var(--linie)}
  .vergleich th,.vergleich td{padding:0;border:0}
  .vergleich tbody th{width:auto;margin-bottom:12px;font-size:var(--fs-l)}
  .vergleich td{width:auto;font-size:var(--fs-m)}
  .vergleich td::before{content:attr(data-label);display:block;margin-bottom:2px;font-size:var(--fs-xs);color:var(--hellton-2)}
  .vergleich .vergleich__arche{margin-bottom:10px;padding:10px 12px;border-radius:4px}
  .vergleich .vergleich__arche::before{color:var(--licht)}
  .vergleich td:last-child{padding:0 12px}
  .leitstand__plan{margin-inline:-20vw}
  .karte .welt__ort--offen text{font-size:36px}
  .karte .welt__ort--offen text.u{display:none}
  .karte .welt__ort--zu text{display:none}
  .karte .welt__ort--zu circle{r:8}
  .karte .welt__ort circle.k{r:7}
  .karte__stand{position:static;margin-bottom:10px}
}
@media (max-width:560px){
  .band__raster{grid-template-columns:minmax(0,1fr);row-gap:36px}
  .marke__arche{font-size:16px}
  .kopf .knopf--klein{padding:0 16px;font-size:var(--fs-s)}
  .schalter{width:100%}
  .schalter__knopf{flex:1}
}


/* Kicker */
.vorspann{margin:0 0 14px;color:var(--licht)}

/* PBRI: Klarstellung */
.klarstellung{padding:22px 24px;border:1px solid rgba(226,181,103,.35);border-radius:6px;background:rgba(226,181,103,.05)}
.klarstellung__satz{margin:0 0 10px;font-family:var(--schrift-d);font-weight:300;font-size:var(--fs-xl);line-height:1.25;color:var(--hellton)}
.klarstellung p:last-child{margin:0;font-size:var(--fs-m)}

/* PBRI: Tabelle */
.index{margin-top:clamp(56px,7vw,96px);padding:clamp(18px,2.6vw,36px);border:1px solid rgba(142,184,176,.16);border-radius:8px;background:radial-gradient(80% 60% at 20% 0%,rgba(142,184,176,.07),transparent 70%),var(--leit)}
.index__kopf{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px 32px;margin-bottom:22px}
.index__titel{margin:0 0 8px;font-family:var(--schrift-d);font-weight:400;font-size:var(--fs-xl);letter-spacing:-.015em}
.index__meta{margin:0 0 6px;color:var(--hellton-2)}
.index__erweiterung{margin:0;font-size:var(--fs-s);color:var(--licht)}
.index__legende{list-style:none;display:flex;flex-wrap:wrap;gap:8px 18px;margin:0;padding:0;font-size:var(--fs-s);color:var(--hellton-2)}
.index__legende li{display:flex;align-items:center;gap:8px}
.p{display:inline-block;width:9px;height:9px;border-radius:50%}
.p--g{background:#4DB37E}.p--a{background:#D9A441}.p--o{background:#E07B39}.p--r{background:#CF4B42}
.index__tabelle{display:grid;gap:6px}
.index__zeile{position:relative;display:grid;grid-template-columns:28px 40px minmax(0,1.15fr) minmax(0,2.3fr) 52px 60px 52px 92px 128px;gap:0 14px;align-items:center;min-height:52px;padding:8px 16px 8px 18px;border-radius:6px;background:rgba(238,241,238,.035);overflow:hidden}
.index__zeile--kopf{min-height:0;padding-block:4px 6px;background:none;font:400 var(--fs-xs) var(--schrift-m);color:var(--hellton-2);letter-spacing:.03em}
.index__zeile--kopf .ix-pbri,.index__zeile--kopf .ix-typa{color:var(--hellton)}
.index__zeile--kopf .ix-typa{color:var(--licht)}
.index__zeile--zulassung{background:rgba(226,181,103,.06)}
.index__zeile--zulassung::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:2px;background:var(--licht)}
.ix-nr{color:var(--hellton-2)}
.ix-code{display:inline-grid;place-items:center;height:22px;border:1px solid rgba(142,184,176,.35);border-radius:3px;font-size:11px;color:var(--holo)}
.index__zeile--kopf .ix-code{border:0}
.ix-name{font-family:var(--schrift-d);font-weight:400;font-size:17px;color:var(--hellton)}
.ix-kern{font-size:14.5px;line-height:1.4;color:var(--hellton-2)}
.ix-w{text-align:center;font-size:14px;color:var(--hellton)}
.ix-pbri,.ix-typa{display:flex;align-items:center;gap:8px}
.ix-pbri{justify-content:center}
.ix-leer{width:56px;text-align:center;color:var(--hellton-2)}
.ix-werte{display:none}
.pill{display:inline-grid;place-items:center;min-width:56px;height:30px;padding:0 10px;border-radius:999px;font:600 16px/1 var(--schrift-d);font-variant-numeric:tabular-nums;color:#fff}
.pill--g{background:#2F8A5B}.pill--a{background:#B9862B;color:#140F05}.pill--o{background:#C9652A}.pill--r{background:#B53A33}
.pill--typa{background:rgba(77,179,126,.14);border:1.5px solid #D9B04F;color:var(--hellton)}
.delta{font-size:var(--fs-xs);color:var(--hellton-2)}
.ix-balken{position:absolute;left:18px;right:16px;bottom:0;height:2px;background:rgba(238,241,238,.06)}
.ix-balken::after{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--wert);background:linear-gradient(90deg,rgba(142,184,176,.2),var(--holo));transform-origin:left;transform:scaleX(1);transition:transform 1.4s var(--ease) .3s}
.index__zeile--zulassung .ix-balken::after{background:linear-gradient(90deg,rgba(226,181,103,.2),var(--licht))}
.js .index__zeile:not(.da) .ix-balken::after{transform:scaleX(0)}
.js .index__zeile.rv{transition-delay:calc(var(--i) * 50ms)}
.index__fuss{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:12px 32px;margin-top:20px;padding-top:18px;border-top:1px solid rgba(142,184,176,.16)}
.index__fuss p{margin:0;font-size:var(--fs-s)}
.index__fuss .mono{color:var(--hellton-2)}

/* Archen weltweit */
.netz .karte{margin-bottom:clamp(40px,5vw,64px)}
.projekte{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.6vw,22px)}
.projekt{position:relative;display:flex;flex-direction:column;border:1px solid rgba(142,184,176,.18);border-radius:8px;overflow:hidden;background:var(--tiefe-2);transition:border-color .4s}
.js .projekt.rv{transition-delay:calc(var(--i) * 120ms)}
.projekt:hover{border-color:rgba(226,181,103,.45)}
.projekt--gross{grid-column:1/-1;border-color:rgba(226,181,103,.35)}
.projekt__galerie{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2px;background:#05090A}
.projekt__bild{position:relative;margin:0;aspect-ratio:16/9;overflow:hidden;background:#05090A}
.projekt__bild img{width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform 1.4s var(--ease)}
.projekt__bild:hover img{transform:scale(1.06)}
.projekt__bild::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(7,16,18,.75));pointer-events:none}
.projekt__voll{position:relative;margin:0;background:#05090A;line-height:0}
.projekt__voll img{display:block;width:100%;height:auto;aspect-ratio:2560/1429;object-fit:cover;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}
.projekt__voll .projekt__label{line-height:1.2}
.projekt__label{position:absolute;left:12px;bottom:10px;z-index:1;padding:4px 8px;border-radius:3px;background:rgba(7,16,18,.7);font-size:var(--fs-xs);color:var(--hellton-2)}
.projekt__inhalt{display:flex;flex-direction:column;flex:1;padding:clamp(18px,2vw,28px)}
@media (min-width:981px){.projekt--gross .projekt__name,.projekt--breit .projekt__name{white-space:nowrap}}
.projekt__status{display:flex;align-items:center;gap:8px;margin:0 0 14px;color:#5FD3A0}
.projekt--gross .projekt__status{color:var(--licht)}
.projekt__led{width:7px;height:7px;border-radius:50%;background:#5FD3A0;box-shadow:0 0 10px #5FD3A0;animation:led 1.8s ease-in-out infinite}
.projekt--gross .projekt__led{background:var(--licht);box-shadow:0 0 10px var(--licht)}
.projekt__typ{margin:0 0 6px;color:var(--licht)}
.projekt__name{margin:0 0 4px;font-family:var(--schrift-d);font-weight:400;font-size:var(--fs-xl);letter-spacing:-.01em}
.projekt--gross .projekt__name,.projekt--breit .projekt__name{font-size:var(--fs-xxl);font-weight:300}
.projekt__region{margin:0;font-size:var(--fs-s)}
.projekt__titelblock{margin-bottom:14px}
.projekt--gross .projekt__titelblock,.projekt--breit .projekt__titelblock{margin:0}
.projekt__text{margin:0 0 20px;font-size:var(--fs-m);color:#C3CDCA}
.projekt__pbri{display:flex;align-items:center;gap:12px;margin:auto 0 0;padding-top:16px;border-top:1px solid rgba(142,184,176,.16)}
.projekt__pbri .mono{color:var(--hellton-2)}
.projekt__verdeckt{display:flex;flex-direction:column;justify-content:flex-end;gap:10px;height:150px;padding:0 clamp(18px,2vw,28px) 22px;background:repeating-linear-gradient(135deg,rgba(142,184,176,.035) 0 8px,transparent 8px 16px),#071012;border-bottom:1px solid rgba(142,184,176,.14)}
.projekt__verdeckt span{display:block;height:14px;width:var(--w);background:#000;border-radius:1px;box-shadow:0 0 0 1px rgba(142,184,176,.12);transform-origin:left;transition:transform .8s var(--ease) .3s}
.js .projekt--verdeckt:not(.da) .projekt__verdeckt span{transform:scaleX(0)}
.projekt__anfrage{position:absolute;top:clamp(14px,1.4vw,18px);right:clamp(14px,1.6vw,22px);margin:0;padding:4px 8px;border:1px solid rgba(226,181,103,.4);border-radius:3px;font-size:var(--fs-xs);color:var(--licht)}
.projekt--breit{grid-column:1/-1}
@media (min-width:701px){
  .projekt--gross,.projekt--breit{display:grid;grid-template-columns:minmax(0,9fr) minmax(0,11fr);align-items:stretch}
  .projekt--gross .projekt__voll{height:100%;border-right:1px solid rgba(142,184,176,.14)}
  .projekt--gross .projekt__voll img{height:100%;aspect-ratio:auto!important;object-fit:cover}
  .projekt--breit .projekt__verdeckt{height:auto;min-height:170px;border-bottom:0;border-right:1px solid rgba(142,184,176,.14)}
  .projekt--breit .projekt__anfrage{right:auto;left:clamp(14px,1.6vw,22px)}
  .projekt--gross .projekt__inhalt,.projekt--breit .projekt__inhalt{justify-content:center}
}
/* 9.1: Symbolbilder der Regionen, ganze Karte führt zum Fragebogen */
.projekte--symbol{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:980px){.projekte--symbol{grid-template-columns:minmax(0,1fr)}}
.projekt__symbol{position:relative;margin:0;aspect-ratio:16/9;overflow:hidden;background:#05090A;border-bottom:1px solid rgba(142,184,176,.14)}
.projekt__symbol img{display:block;width:100%;height:100%;object-fit:cover;filter:brightness(.72) saturate(.85);transition:transform 1.2s var(--ease),filter .5s ease;user-select:none;-webkit-user-drag:none}
.projekt__mehr{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:8px;max-width:calc(100% - 32px);padding:9px 14px;border:1px solid rgba(226,181,103,.6);border-radius:999px;background:rgba(7,16,18,.62);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:var(--fs-xs);letter-spacing:.04em;color:var(--licht);white-space:nowrap}
.projekt__pfeil{transition:transform .3s var(--ease)}
.projekt--symbol{cursor:pointer}
.projekt--symbol:hover{border-color:rgba(226,181,103,.45)}
.projekt--symbol:hover .projekt__symbol img{transform:scale(1.04);filter:brightness(.82) saturate(.9)}
.projekt--symbol:hover .projekt__pfeil{transform:translateX(4px)}
.projekt__link{margin-top:18px;font-family:var(--schrift-m);font-size:var(--fs-xs);letter-spacing:.04em;color:var(--licht);text-decoration:none}
.projekt__link::after{content:"";position:absolute;inset:0;z-index:2;border-radius:8px}
.projekt__link:focus-visible{outline:none}
.projekt__link:focus-visible::after{outline:2px solid var(--licht);outline-offset:2px}
.projekte__note{margin:16px 0 0;font-size:var(--fs-s)}

.geschlossen{margin-top:clamp(72px,9vw,128px)}
.geschlossen__kopf{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(20px,5vw,80px);align-items:end;margin-bottom:clamp(28px,3.4vw,44px)}
.geschlossen__kopf p{margin:0;max-width:60ch}
.geschlossen__liste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(24px,4vw,64px)}
@media (max-width:980px){.geschlossen__liste{grid-template-columns:minmax(0,1fr)}}
.zu{display:grid;grid-template-columns:34px minmax(0,1fr) auto;grid-template-areas:"nr name status" "nr art status";column-gap:14px;align-items:center;padding:16px 0;border-top:1px solid var(--linie)}
.zu__nr{grid-area:nr;color:var(--hellton-2)}
.zu__name{grid-area:name;font-family:var(--schrift-d);font-weight:300;font-size:var(--fs-l);color:var(--hellton-2)}
.zu__name s{text-decoration:none;background:linear-gradient(rgba(242,184,162,.85),rgba(242,184,162,.85)) no-repeat 0 56%/100% 1.5px;-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background-size .9s var(--ease);transition-delay:calc(.2s + var(--i) * 90ms)}
.js .geschlossen__liste:not(.da) .zu__name s{background-size:0 1.5px}
@media (min-width:981px){.zu{grid-template-areas:"nr name name" "nr art status";row-gap:6px}.zu__name{font-size:var(--fs-l)}}
.zu__art{grid-area:art;font-size:var(--fs-s);color:var(--hellton-2);opacity:.8}
.zu__status{grid-area:status;padding:5px 10px;border:1px solid rgba(242,184,162,.4);border-radius:3px;color:#F2B8A2;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em}

/* Zugang: Passung */
.passung{margin:24px 0 0;padding:20px 22px;border-left:2px solid var(--licht);background:rgba(7,16,18,.55)}
.passung__titel{margin:0 0 8px;color:var(--licht)}
.passung p:last-child{margin:0;font-size:var(--fs-m);color:var(--hellton)}

@media (max-width:1180px){
  .index__zeile{grid-template-columns:28px 40px minmax(0,1fr) minmax(0,1.6fr) 44px 52px 44px 84px 112px;gap:0 10px}
}
@media (max-width:1080px){
  .kopf__nav{gap:20px}
  .kopf__nav a{font-size:var(--fs-s)}
}
@media (max-width:980px){
  .geschlossen__kopf,.index__fuss{grid-template-columns:minmax(0,1fr)}
  .index__zeile--kopf{display:none}
  .index__zeile{grid-template-columns:24px 36px minmax(0,1fr) auto auto;grid-template-areas:"nr code name pbri typa" "nr . kern kern kern" "nr . werte werte werte";gap:6px 12px;padding:14px 14px 16px 16px}
  .ix-nr{grid-area:nr;align-self:start;padding-top:5px}.ix-code{grid-area:code}.ix-name{grid-area:name}.ix-pbri{grid-area:pbri}.ix-typa{grid-area:typa}.ix-kern{grid-area:kern}
  .index__zeile > .ix-w{display:none}
  .ix-werte{display:block;grid-area:werte;font-size:12px;color:var(--hellton-2)}
}
@media (max-width:860px){
  .kopf__innen{gap:14px}
  .sprache{margin-left:auto}
  .kopf .knopf--klein{margin-left:0}
}
@media (max-width:700px){
  .projekte{grid-template-columns:minmax(0,1fr)}
  .projekt__voll .projekt__label{font-size:var(--fs-xs);left:10px;max-width:calc(100% - 20px)}
  .projekt__galerie{grid-template-columns:minmax(0,1fr)}
.projekt--gross .projekt__inhalt,.projekt--breit .projekt__inhalt{display:flex;align-items:stretch}
.projekt--gross .projekt__titelblock,.projekt--breit .projekt__titelblock{margin-bottom:14px}
.projekt--gross .projekt__text,.projekt--breit .projekt__text{margin-bottom:20px}
.projekt--gross .projekt__pbri,.projekt--breit .projekt__pbri{padding-top:16px;border-top:1px solid rgba(142,184,176,.16)}
  .index__zeile{grid-template-columns:22px 34px minmax(0,1fr) auto;grid-template-areas:"nr code name pbri" "nr . kern kern" "nr . typa typa" "nr . werte werte"}
  .ix-typa{justify-content:flex-start}
  .ix-typa:has(.ix-leer){display:none}
  .ix-typa::before{content:attr(data-l);font:400 11.5px var(--schrift-m);color:var(--licht)}
}
@media (max-width:420px){
  .kopf .marke__name{display:none}
  .kopf .knopf--klein{white-space:nowrap}
  .kopf .sprache button{min-width:34px;padding:0 8px}
}
@media (prefers-reduced-motion:reduce){
  .js .ix-balken::after,.js .projekt__verdeckt span{transform:none}
  .js .welt__ort--zu line{stroke-dashoffset:0}
  .js .zu__name s,.js .geschlossen__liste:not(.da) .zu__name s{background-size:100% 1.5px}
}

/* Reduzierte Bewegung: alles sichtbar, nichts gepinnt */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .korn{display:none}
  .js .rv,.js .rv-bild,.js .ani .wort > span,.js .held__wort .bs,.js .held__horizont,.js .held__licht,.js .held__zeile,.js .held__fuss,.js .hud{opacity:1!important;transform:none!important;filter:none!important;clip-path:none!important}
  .js .lage__satz .w{opacity:1}
  .js .plan-bau .l-boden,.js .plan-bau .l-extern,.js .plan-bau .l-wege,.js .plan-bau .l-marken,.js .plan-bau .l-koerper > g,.js .plan-bau .fenster{opacity:1;transform:none}
  .js .plan-bau .perim{stroke-dashoffset:0}
  [data-parallax] img{transform:scale(1.05)}
}


/* ===== v10 ===== */
/* Storytelling am PC kleiner */
.lage__satz{font-size:clamp(22px,2.3vw,32px);max-width:30ch}
.arche{padding-bottom:clamp(56px,6vw,88px)}
.massstab{padding-top:clamp(56px,6vw,88px)}

/* Typ C · B · A */
.typen{position:relative;background-color:var(--tiefe)}
.stufenbild{list-style:none;margin:0 0 clamp(48px,6vw,80px);padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,20px);align-items:end}
.stufenbild__stufe{position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(20px,2.2vw,28px);border:1px solid rgba(142,184,176,.18);border-radius:8px;background:linear-gradient(180deg,rgba(142,184,176,.06),rgba(142,184,176,0) 70%),var(--tiefe-2)}
.stufenbild__stufe--c{min-height:230px}
.stufenbild__stufe--b{min-height:290px}
.stufenbild__stufe--a{min-height:360px;border-color:rgba(226,181,103,.55);background:radial-gradient(90% 70% at 50% 0%,rgba(226,181,103,.16),transparent 70%),var(--tiefe-2);box-shadow:0 30px 70px -40px rgba(226,181,103,.45)}
.stufenbild__stufe::before{content:"";position:absolute;left:clamp(20px,2.2vw,28px);right:clamp(20px,2.2vw,28px);top:0;height:2px;background:rgba(142,184,176,.35)}
.stufenbild__stufe--a::before{background:var(--licht);box-shadow:0 0 14px rgba(226,181,103,.8)}
.stufenbild__typ{margin-bottom:auto;padding-bottom:20px;font-size:var(--fs-xs);color:var(--holo)}
.stufenbild__stufe--a .stufenbild__typ{color:var(--licht)}
.stufenbild__stufe h3{margin:0 0 10px;font-family:var(--schrift-d);font-weight:300;font-size:var(--fs-xl)}
.stufenbild__stufe--a h3{font-weight:400}
.stufenbild__stufe p{margin:0;font-size:var(--fs-m);color:var(--hellton-2)}
.stufenbild__stufe--a p{color:var(--hellton)}
.typen .vergleich{margin-block:0 clamp(48px,6vw,80px)}
.typen .vergleich table{min-width:760px}
.typen .vergleich tbody th{width:19%}
.typen .vergleich td{width:27%}
.typen .satz-gross{margin-bottom:clamp(28px,3vw,40px)}
.typen__notiz{max-width:70ch;margin:0;font-size:var(--fs-m);color:var(--hellton-2)}
@media (max-width:860px){
  .stufenbild{grid-template-columns:minmax(0,1fr)}
  .stufenbild__stufe--c,.stufenbild__stufe--b,.stufenbild__stufe--a{min-height:0}
  .stufenbild__typ{padding-bottom:12px}
  .typen .vergleich table{min-width:0}
}

/* Leitstand: Ernstfall deutlich sichtbar */
.leitstand{transition:background-color .6s ease}
.leitstand[data-modus="ernstfall"] .leitstand__status{color:var(--licht)}
.plan .schnitt circle{fill:var(--leit);stroke:var(--warn);stroke-width:2.2}
.plan .schnitt .schnitt__ring{fill:none;stroke:var(--warn);stroke-width:1.4;opacity:.6;transform-box:fill-box;transform-origin:center;animation:puls 1.8s ease-out infinite}
.plan .schnitt path{stroke:var(--warn);stroke-width:2.6}
.leitstand[data-modus="ernstfall"] .plan .ext{stroke:var(--warn);opacity:.35;stroke-dasharray:3 7}
.leitstand[data-modus="alltag"] .plan .ext{stroke-dasharray:6 6;animation:fluss 1.6s linear infinite}
@keyframes fluss{to{stroke-dashoffset:-24}}
.leitstand__stempel{position:absolute;left:0;top:0;display:flex;flex-direction:column;gap:4px;padding:10px 14px;border:1px solid rgba(142,184,176,.35);border-radius:6px;background:rgba(7,16,18,.82);font-family:var(--schrift-m);font-size:var(--fs-xs);letter-spacing:.04em;color:var(--holo);pointer-events:none;transition:border-color .5s,color .5s}
.leitstand__stempel strong{font-family:var(--schrift-d);font-weight:400;font-size:var(--fs-m);letter-spacing:0;color:var(--hellton)}
.leitstand__stempel .sp-alltag{display:flex;flex-direction:column;gap:4px}
.leitstand__stempel .sp-ernst{display:none}
.leitstand[data-modus="ernstfall"] .leitstand__stempel{border-color:var(--warn);color:var(--warn)}
.leitstand[data-modus="ernstfall"] .leitstand__stempel .sp-alltag{display:none}
.leitstand[data-modus="ernstfall"] .leitstand__stempel .sp-ernst{display:flex;flex-direction:column;gap:4px}

/* Postkarte: am PC kompakter, Hintergrund als Platzhalter */
.riss{height:clamp(420px,46vw,600px)}
.riss__karte{top:42%;width:min(560px,64%)}
.riss__hinten--platzhalter{background:repeating-linear-gradient(135deg,rgba(142,184,176,.05) 0 14px,transparent 14px 28px),radial-gradient(80% 70% at 50% 40%,#13262a,#071012)}
.riss__platzhalter{position:absolute;right:16px;top:14px;padding:4px 8px;border:1px dashed rgba(142,184,176,.5);border-radius:3px;font-size:var(--fs-xs);color:var(--holo)}
@media (min-width:981px){.riss{height:clamp(560px,46vw,660px)}.riss__karte{top:38%;width:min(440px,38%)}.riss__text{bottom:clamp(28px,3vw,44px)}}

/* Worauf es ankommt */
.usp .vorspann{color:var(--licht-dunkel)}
.usp .titel{margin-bottom:clamp(36px,4vw,56px)}
.drei__spalte h3{font-size:var(--fs-xl)}
.bewerbung-hinweis{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px 32px;margin-top:clamp(28px,3vw,40px);padding:clamp(20px,2.4vw,32px);border:1px solid var(--linie);border-radius:8px;background:#EDF1EE}
.bewerbung-hinweis p{max-width:62ch;margin:0;font-size:var(--fs-m);color:var(--dunkelton)}

/* PBRI: grün ab 70, Spalte mit Arche */
.pill--arche{box-shadow:0 0 0 2px rgba(95,211,160,.35)}
.pill--g{background:#2F8A5B}
.index__zeile--zulassung{background:rgba(95,211,160,.06)}
.index__zeile--zulassung::before{background:var(--gruen)}
.index__zeile--kopf .ix-typa{color:var(--gruen)}
.index__zeile--zulassung .ix-balken::after{background:linear-gradient(90deg,rgba(95,211,160,.2),var(--gruen))}
.delta{color:var(--gruen)}

/* Karte und Projekte: grün offen, gelb in Planung */
.welt__ort--offen line{stroke:rgba(95,211,160,.75)}
.welt__ort--offen .k{fill:var(--gruen)}
.welt__ort--offen .r{stroke:var(--gruen)}
.welt__ort--offen text.u{fill:var(--gruen)}
.welt__ort--planung line{stroke:rgba(226,181,103,.7);stroke-width:1}
.welt__ort--planung .k{fill:var(--licht)}
.welt__ort--planung .r{fill:none;stroke:var(--licht);stroke-width:1.2;opacity:.6}
.welt__ort--planung text{fill:var(--hellton);font:500 15px var(--schrift-t)}
.welt__ort--planung text.u{fill:var(--licht);font:400 11px var(--schrift-m)}
.kl--offen{background:var(--gruen);box-shadow:0 0 10px rgba(95,211,160,.8)}
.kl--planung{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--licht);box-shadow:0 0 8px rgba(226,181,103,.6)}
.projekt--symbol.projekt--offen{border-color:rgba(95,211,160,.45)}
.projekt--offen .projekt__status{color:var(--gruen)}
.projekt--offen .projekt__led{background:var(--gruen);box-shadow:0 0 10px var(--gruen)}
.projekt--planung .projekt__status{color:var(--licht)}
.projekt--planung .projekt__led{background:var(--licht);box-shadow:0 0 10px var(--licht);animation:none}
.projekt--planung .projekt__symbol img{filter:grayscale(.85) brightness(.6)}
.pw__phase{font-size:var(--fs-xs);color:var(--gruen)}
.pw--planung .pw__phase{color:var(--licht)}
.pw__text{flex-wrap:wrap}
.pw__text .pw__name{flex:1 1 100%}

/* FAQ */
.frage--gross{grid-column:1/-1}
.frage--gross p{max-width:80ch}
.frage h3{font-size:var(--fs-xl)}

/* Impressum */
.fuss__recht-text{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,5fr) minmax(0,4fr);gap:24px 40px;padding:32px 0;border-top:1px solid var(--linie)}
.fuss__recht-text h3{margin:0 0 10px;font-size:var(--fs-xs);color:var(--holo)}
.fuss__recht-text p{margin:0 0 10px;font-size:var(--fs-s);line-height:1.6}
.fuss__recht-text .platzhalter{color:var(--licht)}
@media (max-width:860px){.fuss__recht-text{grid-template-columns:minmax(0,1fr)}}
@media (max-width:860px){
  .typen .vergleich tbody th,.typen .vergleich td{width:auto}
}
@media (max-width:700px){
  .leitstand__stempel{position:relative;left:auto;top:auto;display:flex;width:max-content;max-width:calc(100% - 40vw);margin:12px 0 0 20vw}
  .typen .vergleich td{margin-bottom:8px}
}

/* v10.1 · Typ-Übersicht mit Symbolbildern */
.stufenbild{align-items:end}
.stufenbild__stufe{padding:0;overflow:hidden;justify-content:flex-start;min-height:0!important}
.stufenbild__stufe::before{z-index:2}
.stufenbild__bild{position:relative;margin:0;overflow:hidden;background:#05090A;border-bottom:1px solid rgba(142,184,176,.14)}
.stufenbild__stufe--c .stufenbild__bild{aspect-ratio:16/9}
.stufenbild__stufe--b .stufenbild__bild{aspect-ratio:3/2}
.stufenbild__stufe--a .stufenbild__bild{aspect-ratio:5/4;border-bottom-color:rgba(226,181,103,.35)}
.stufenbild__bild img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease),filter .5s ease;user-select:none;-webkit-user-drag:none}
.stufenbild__stufe--c .stufenbild__bild img{filter:saturate(.7) brightness(.8)}
.stufenbild__stufe--b .stufenbild__bild img{filter:saturate(.85) brightness(.88)}
.stufenbild__stufe:hover .stufenbild__bild img{transform:scale(1.03)}
.stufenbild__label{position:absolute;left:10px;bottom:8px;z-index:1;padding:4px 8px;border-radius:3px;background:rgba(7,16,18,.7);font-size:var(--fs-xs);color:var(--hellton-2)}
.stufenbild__text{display:flex;flex-direction:column;padding:clamp(18px,2vw,26px)}
.stufenbild__typ{margin-bottom:8px;padding-bottom:0}
@media (max-width:860px){
  .stufenbild__stufe--c .stufenbild__bild,.stufenbild__stufe--b .stufenbild__bild,.stufenbild__stufe--a .stufenbild__bild{aspect-ratio:16/9}
  .stufenbild__typ{padding-bottom:0}
}

/* v10.1 · Projektkarten in Planung: grau, Schloss, nicht anklickbar */
.projekt--planung{cursor:default}
.projekt--planung.projekt--symbol:hover{border-color:rgba(142,184,176,.18)}
.projekt--planung .projekt__symbol img,.projekt--planung:hover .projekt__symbol img{filter:grayscale(1) brightness(.55);transform:none}
.projekt__mehr--gesperrt{border-color:rgba(238,241,238,.35);color:var(--hellton)}
.projekt__mehr .schloss{flex:none}

/* v10.1 · Fragebogen: eine Frage pro Seite, kompaktes Fenster */
.formular{width:100%;max-width:480px;justify-self:end}
.formular__balken{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.formular__balken i.ist-an{background:var(--licht)}
.formular__teilname [data-zeige]{display:none}
.formular[data-schritt="1"] [data-zeige="1"],.formular[data-schritt="2"] [data-zeige="2"],.formular[data-schritt="3"] [data-zeige="3"],.formular[data-schritt="4"] [data-zeige="4"],.formular[data-schritt="5"] [data-zeige="5"],.formular[data-schritt="6"] [data-zeige="6"],.formular[data-schritt="7"] [data-zeige="7"]{display:inline}
.formular__teil:not([hidden]){display:flex;flex-direction:column;min-height:300px;animation:teilein .35s var(--ease)}
@keyframes teilein{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}
.formular__teil > .frage__titel,.formular__teil .fb-frage > .frage__titel{margin:0 0 16px;font-family:var(--schrift-d);font-weight:400;font-size:var(--fs-l);line-height:1.35;color:var(--hellton);outline:none}
.formular__teil .fb-frage{margin:0 0 8px}
.frage__hinweis{margin:-8px 0 14px;font-size:var(--fs-s);color:var(--hellton-2)}
.formular__nav{display:flex;align-items:center;gap:18px;margin-top:auto;padding-top:18px}
.formular__nav .knopf{flex:1 1 auto;width:auto}
.formular__nav .formular__zurueck{flex:none;margin:0}
.fb-frage[role="radiogroup"] .wahl{flex-direction:column;align-items:stretch}
.fb-frage[role="radiogroup"] .chip > span{flex:1;min-height:50px;padding:12px 16px;border-radius:8px;font-size:var(--fs-m)}
.formular__start{min-height:0}
/* Projektwahl als kompakte Zeilen: Bild links, Text rechts */
.wahl.wahl--pw{gap:10px}
.pw{flex-direction:row;align-items:stretch}
.pw__bild{position:relative;flex:0 0 clamp(120px,40%,176px)}
.pw__text{flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;padding:10px 44px 10px 14px}
.pw__text .pw__name{flex:none}
.pw::after{top:50%;transform:translateY(-50%);right:14px}
.pw--planung{cursor:not-allowed;border-color:rgba(238,241,238,.1);background:transparent}
.pw--planung:hover{border-color:rgba(238,241,238,.1)}
.pw--planung::after{display:none}
.pw--planung .pw__bild img,.pw--planung:hover .pw__bild img{filter:grayscale(1) brightness(.6);opacity:1}
.pw__sperre{position:absolute;inset:0;display:grid;place-items:center;color:var(--hellton);background:rgba(7,16,18,.2)}
.pw__sperre .schloss{box-sizing:content-box;padding:8px;border:1px solid rgba(238,241,238,.4);border-radius:50%;background:rgba(7,16,18,.6)}
.pw--planung .pw__name,.pw--planung .pw__phase{color:var(--hellton-2)}
@media (max-width:980px){.formular{max-width:none;justify-self:stretch}}
@media (prefers-reduced-motion:reduce){.formular__teil:not([hidden]){animation:none}}
@media (min-width:561px) and (max-width:860px){
  .stufenbild{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .stufenbild__stufe--c .stufenbild__bild,.stufenbild__stufe--b .stufenbild__bild,.stufenbild__stufe--a .stufenbild__bild{aspect-ratio:4/3}
  .stufenbild__text{padding:16px}
  .stufenbild__stufe p{font-size:var(--fs-s)}
}

/* v10.2 · Ernstfall: außen rot, innerhalb des Zauns bleibt alles neutral */
.plan .aussen{fill:var(--warn);opacity:0;pointer-events:none;transition:opacity .6s ease}
.leitstand[data-modus="ernstfall"] .plan .aussen{opacity:.2}
.leitstand__kopf,.leitstand .legende,.leitstand__fuss{position:relative;z-index:1}
/* v10.2 · Bali (Bewerbung offen) im Fragebogen mit größerem Bild */
.pw--offen .pw__bild{flex-basis:58%}
.pw__phase{white-space:nowrap}
.pw--offen .pw__text{padding-right:40px}
/* v10.2 · Postkarte: Hintergrund zeigt die Arche (Symbolbild) */
.riss__hinten img{display:block;object-position:50% 60%}
.riss__label{position:absolute;right:14px;top:12px;z-index:1;padding:4px 8px;border-radius:3px;background:rgba(7,16,18,.7);font-size:var(--fs-xs);color:var(--hellton-2)}
.pw--offen::after{top:12px;left:12px;right:auto;transform:none}
.pw--offen .pw__text{padding-right:14px}
@media (max-width:560px){.pw--offen{flex-direction:column}.pw--offen .pw__bild{flex:none;width:100%}}
/* v10.4 · Neues Hero-Video: ruhiger, abgedunkelt, Text links zusätzlich abgeschirmt */
.held__video{transform:scale(1.02);animation:none;filter:brightness(.8) saturate(.88)}
.held__schleier{background:linear-gradient(90deg,rgba(10,20,22,.62) 0%,rgba(10,20,22,.32) 42%,rgba(10,20,22,0) 70%),radial-gradient(120% 90% at 70% 30%,rgba(10,20,22,.12) 0%,rgba(10,20,22,.5) 60%,rgba(10,20,22,.88) 100%),linear-gradient(180deg,rgba(10,20,22,.7) 0%,rgba(10,20,22,.2) 30%,rgba(10,20,22,.35) 55%,var(--tiefe) 100%)}
.held__label{position:absolute;right:clamp(24px,3vw,44px);bottom:clamp(24px,3vw,40px);z-index:1;font-size:var(--fs-xs);color:rgba(238,241,238,.55)}
@media (max-width:700px){.held__schleier{background:linear-gradient(180deg,rgba(10,20,22,.55) 0%,rgba(10,20,22,.3) 30%,rgba(10,20,22,.55) 55%,var(--tiefe) 100%)}.held__label{right:16px;bottom:16px}}
@media (max-width:700px){.held__label{top:84px;bottom:auto;right:24px}}

/* v11 · Lesefluss beim Scrollen: knappere Abstände, Kopfzeilen bündig unten, Arche-Definition im Leitstand */
.typen,.arche,.massstab,.usp,.pruefung,.netz,.fragen{padding-block:clamp(64px,7vw,108px)}
.zugang{padding-block:clamp(72px,8vw,124px)}
.lage{padding-block:clamp(72px,8vw,120px)}
.kopfzeile{align-items:end;margin-bottom:clamp(40px,4.6vw,68px)}
.kopfzeile--eng{margin-bottom:clamp(36px,4vw,56px)}
.kopfzeile__text .lead{margin-bottom:.7em}
.arche{padding-top:0}
.leitstand{margin-bottom:clamp(64px,7vw,108px);padding-top:clamp(56px,6vw,96px)}
.leitstand__intro{margin-bottom:clamp(40px,4.6vw,64px)}
.leitstand__intro .kopfzeile{margin-bottom:0}
.band{margin-bottom:clamp(64px,7vw,108px);padding-block:clamp(72px,8vw,120px)}
.stufenbild{margin-bottom:clamp(40px,4.6vw,64px)}
@media (max-width:860px){
  .kopfzeile{gap:20px;margin-bottom:36px}
}
@media (max-width:700px){
  .typen,.arche,.massstab,.usp,.pruefung,.netz,.fragen{padding-block:56px}
  .arche{padding-top:0}
  .leitstand{padding-top:48px;margin-bottom:56px}
  .leitstand__intro{margin-bottom:32px}
  .band{margin-bottom:56px;padding-block:64px}
  .band__raster{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;row-gap:28px}
  .karte-k{min-height:220px}
  .zugang{padding-block:64px}
  .lage{padding-block:64px}
}
.leitstand__intro{position:relative;z-index:1}
.leitstand__intro .kopfzeile{align-items:start}
.typen,.arche,.massstab,.usp,.pruefung,.netz,.fragen{padding-block:clamp(56px,6vw,88px)}
.arche{padding-top:0}
@media (max-width:700px){.typen,.arche,.massstab,.usp,.pruefung,.netz,.fragen{padding-block:52px}.arche{padding-top:0}}
@media (max-width:700px){
  .zahl__wert{font-size:44px}
  .zahl__wert--wort{font-size:30px;padding-block:.24em}
  .prinzipien{margin-top:56px}
  .prinzip{grid-template-columns:96px minmax(0,1fr);column-gap:18px;padding:20px}
  .prinzip__grafik{grid-row:span 2}
  .prinzip h4{font-size:var(--fs-l)}
  .zu{padding-block:12px}
  /* Fragebogen direkt nach den drei Schritten, Erklärung danach */
  .zugang__weg{display:contents}
  .zugang__gitter{row-gap:0}
  .zugang__gitter .formular{order:1;margin-top:28px}
  .zugang__gitter .passung,.zugang__gitter .zugang__notiz{order:2}
  .zugang__gitter .passung{margin-top:40px}
}


/* ==== Site-Erweiterung: Unterseiten, Blog, Rechtsseiten, Sprachlinks ==== */
.sprache a,.sprache span{appearance:none;display:inline-flex;align-items:center;justify-content:center;margin:0;min-height:30px;min-width:38px;padding:0 10px;border:0;border-radius:999px;background:transparent;color:var(--hellton-2);font:500 var(--fs-xs)/1 var(--schrift-m);letter-spacing:.08em;text-decoration:none;cursor:pointer;transition:color .25s,background-color .25s,box-shadow .25s}
.sprache a:hover{color:var(--hellton)}
.sprache span[aria-current="page"]{background:rgba(226,181,103,.16);color:var(--licht);box-shadow:inset 0 0 0 1px rgba(226,181,103,.45);cursor:default}
.sprache a:focus-visible{outline:2px solid var(--licht);outline-offset:2px}
.sprache--fuss a,.sprache--fuss span{min-height:36px;padding:0 16px;letter-spacing:.04em}
@media (max-width:720px){.sprache a,.sprache span{min-width:34px;padding:0 8px}}

.kopf.kopf--fest{background:rgba(10,20,22,.86);-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);border-bottom-color:var(--linie-d)}
.kopf__nav a[aria-current="page"]{color:var(--licht)}

.seite{position:relative;padding:calc(var(--kopf) + clamp(48px,7vw,96px)) 0 clamp(72px,8vw,128px);background:var(--tiefe);color:var(--hellton)}
.seite::before{content:"";position:absolute;inset:0 0 auto;height:min(60vh,560px);background:radial-gradient(60% 60% at 50% 0%,rgba(142,184,176,.14),transparent 70%);pointer-events:none}
.rahmen--schmal{max-width:860px}
.seite__kopf{max-width:860px;margin-bottom:clamp(40px,5vw,64px)}
.seite__kopf h1{margin:10px 0 18px;font:600 var(--fs-titel)/1.08 var(--schrift-d);letter-spacing:-.02em;color:var(--hellton)}
.seite__intro,.artikel__intro{font:400 var(--fs-l)/1.6 var(--schrift-t);color:var(--hellton-2);max-width:62ch}

.brotkrumen{margin-bottom:28px;font-family:var(--schrift-m);font-size:var(--fs-xs);letter-spacing:.04em;color:var(--hellton-2)}
.brotkrumen ol{display:flex;flex-wrap:wrap;gap:6px 0;margin:0;padding:0;list-style:none}
.brotkrumen li+li::before{content:"/";margin:0 10px;opacity:.5}
.brotkrumen a{color:var(--hellton-2);text-decoration:none}
.brotkrumen a:hover{color:var(--licht)}
.brotkrumen [aria-current]{color:var(--holo)}

.artikel{position:relative}
.artikel__kopf{margin-bottom:clamp(36px,4vw,56px);padding-bottom:28px;border-bottom:1px solid var(--linie-d)}
.artikel__kicker{margin:0 0 12px;color:var(--holo)}
.artikel__kopf h1{margin:0 0 18px;font:600 clamp(30px,3.8vw,52px)/1.1 var(--schrift-d);letter-spacing:-.02em;color:var(--hellton)}
.artikel__meta{margin:20px 0 0;color:var(--hellton-2)}
.artikel__meta a{color:var(--hellton-2)}
.artikel__text{font:400 clamp(16px,1.2vw,18px)/1.75 var(--schrift-t);color:var(--hellton)}
.artikel__text>*{max-width:68ch}
.artikel__text h2{margin:2.2em 0 .6em;font:600 var(--fs-xxl)/1.2 var(--schrift-d);letter-spacing:-.015em;color:var(--hellton)}
.artikel__text h3{margin:1.8em 0 .5em;font:600 var(--fs-xl)/1.3 var(--schrift-d);color:var(--hellton)}
.artikel__text p{margin:0 0 1.2em}
.artikel__text a{color:var(--licht);text-decoration:underline;text-decoration-color:rgba(226,181,103,.45);text-underline-offset:3px}
.artikel__text a:hover{text-decoration-color:var(--licht)}
.artikel__text ul,.artikel__text ol{margin:0 0 1.4em;padding-left:1.3em}
.artikel__text li{margin:0 0 .5em;padding-left:.2em}
.artikel__text li::marker{color:var(--licht)}
.artikel__text strong{font-weight:600;color:var(--hellton)}
.artikel__text blockquote{margin:1.8em 0;padding:4px 0 4px 22px;border-left:2px solid var(--licht);font:500 var(--fs-xl)/1.4 var(--schrift-d);color:var(--hellton)}
.artikel__text blockquote p{margin:0}
.artikel__text .merksatz{margin:1.8em 0;padding:22px 24px;border:1px solid var(--linie-d);border-radius:14px;background:var(--tiefe-2)}
.artikel__text .merksatz p:last-child{margin:0}
.artikel__text .merksatz .mono{margin-bottom:8px}
.artikel__text table{width:100%;max-width:none;margin:1.6em 0;border-collapse:collapse;font-size:var(--fs-s);line-height:1.5}
.artikel__text th,.artikel__text td{padding:12px 14px;border-bottom:1px solid var(--linie-d);text-align:left;vertical-align:top}
.artikel__text th{font:500 var(--fs-xs)/1.3 var(--schrift-m);letter-spacing:.04em;color:var(--holo)}
.artikel__text .tabelle{overflow-x:auto;max-width:none;-webkit-overflow-scrolling:touch}
.artikel__text figure{margin:1.8em 0}
.artikel__text figcaption{margin-top:8px;font:400 var(--fs-xs)/1.4 var(--schrift-m);color:var(--hellton-2)}
.artikel__text .raster-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:1.6em 0;padding:0;list-style:none;max-width:none}
.artikel__text .raster-3 li{margin:0;padding:18px;border:1px solid var(--linie-d);border-radius:14px;background:var(--tiefe-2)}
.artikel__text .raster-3 li strong{display:block;margin-bottom:6px;font-family:var(--schrift-d)}
.artikel__text .raster-3 li .mono{margin-bottom:6px}
@media (max-width:720px){.artikel__text .raster-3{grid-template-columns:minmax(0,1fr)}}

.artikel__cta{margin:clamp(48px,6vw,72px) 0 0;padding:clamp(24px,3vw,40px);border:1px solid rgba(226,181,103,.35);border-radius:18px;background:linear-gradient(135deg,rgba(226,181,103,.12),rgba(142,184,176,.06))}
.artikel__cta h2{margin:6px 0 10px;font:600 var(--fs-xxl)/1.2 var(--schrift-d);letter-spacing:-.015em;color:var(--hellton)}
.artikel__cta p{margin:0 0 20px;max-width:60ch;font:400 var(--fs-m)/1.65 var(--schrift-t);color:var(--hellton-2)}
.artikel__cta .knopf{text-decoration:none}
.artikel__weiter{margin-top:clamp(40px,5vw,64px);padding-top:28px;border-top:1px solid var(--linie-d)}
.artikel__weiter ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}
.artikel__weiter a{display:block;height:100%;padding:18px;border:1px solid var(--linie-d);border-radius:14px;background:var(--tiefe-2);color:var(--hellton);font:500 var(--fs-m)/1.4 var(--schrift-d);text-decoration:none;transition:border-color .25s,transform .35s var(--ease)}
.artikel__weiter a:hover{border-color:rgba(226,181,103,.5);transform:translateY(-3px)}
.artikel__weiter a .mono{margin-bottom:8px;color:var(--holo)}
@media (max-width:720px){.artikel__weiter ul{grid-template-columns:minmax(0,1fr)}}

.blog-raster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none}
.blog-karte a{display:flex;flex-direction:column;height:100%;padding:26px 24px 22px;border:1px solid var(--linie-d);border-radius:18px;background:var(--tiefe-2);color:var(--hellton);text-decoration:none;transition:border-color .25s,transform .35s var(--ease),box-shadow .35s}
.blog-karte a:hover{border-color:rgba(226,181,103,.5);transform:translateY(-4px);box-shadow:0 24px 60px -30px rgba(0,0,0,.8)}
.blog-karte .mono{color:var(--holo)}
.blog-karte h2{margin:8px 0 12px;font:600 var(--fs-xl)/1.25 var(--schrift-d);letter-spacing:-.01em}
.blog-karte p{margin:0 0 18px;font:400 var(--fs-s)/1.6 var(--schrift-t);color:var(--hellton-2)}
.blog-karte__meta{margin-top:auto!important;margin-bottom:0!important;color:var(--hellton-2)}
@media (max-width:980px){.blog-raster{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.blog-raster{grid-template-columns:minmax(0,1fr)}}

.artikel--recht .artikel__text h2{font-size:var(--fs-xl)}
.artikel--recht .platzhalter{display:inline-block;padding:0 6px;border-radius:6px;background:rgba(226,181,103,.14);color:var(--licht)}
.artikel--recht address{font-style:normal}