:root{

  --knopf-rund:999px;

  --nacht:#242933;
  --nacht-tief:#12151a;
  --stahl:#536f97;
  --stahl-tief:#3d5474;
  --graublau:#7f96b7;
  --eis:#cfdae6;
  --wolke:#b6c3d0;

  --papier:#f5f7fa;
  --weiss:#ffffff;
  --eis-hell:#e9eef5;
  --kontur:#b9c5d2;
  --rand:#d7dfe8;

  --warn:#d99a2b;

  --tinte:#1c2129;
  --tinte-dim:#46505e;
  --tinte-faint:#68727f;

  --ink:#f2f5f9;
  --ink-dim:#c3ccd8;
  --maxw:1160px;
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-padding-top:5.5rem}

html.geladen{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html.geladen{scroll-behavior:auto}}

@font-face{font-family:'Cambay';src:url('/commons/fonts/cambay-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'DM Sans';src:url('/commons/fonts/dm-sans-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'DM Sans';src:url('/commons/fonts/dm-sans-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'DM Sans';src:url('/commons/fonts/dm-sans-700.woff2') format('woff2');font-weight:700;font-display:swap}

body{
  font-family:'DM Sans',system-ui,sans-serif;
  font-size:1.0625rem;line-height:1.65;
  background:var(--papier);color:var(--tinte);
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
dialog{margin:auto}

.shell{max-width:var(--maxw);margin-inline:auto;padding-inline:clamp(1.25rem,4vw,2.5rem)}
.kicker{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:var(--stahl-tief)}
.dunkel .kicker{color:var(--graublau)}
h1,h2,h3{font-family:'Cambay',sans-serif;font-weight:700;line-height:1.04;text-wrap:balance;color:var(--nacht)}
.dunkel h1,.dunkel h2,.dunkel h3{color:var(--ink)}
h1{font-size:clamp(2.5rem,5vw,4.4rem);letter-spacing:-.015em}
h2{font-size:clamp(1.9rem,3.6vw,2.8rem);letter-spacing:-.01em;margin:.55rem 0 1rem}
h3{font-size:1.28rem;line-height:1.25}
p{max-width:62ch;color:var(--tinte-dim)}
.dunkel p{color:var(--ink-dim)}
.zahl{font-variant-numeric:tabular-nums}

.skip{position:absolute;left:-9999px;top:0;z-index:100;background:var(--nacht);color:var(--ink);font-weight:700;padding:.6rem 1rem}
.skip:focus{left:0}
:focus-visible{outline:2.5px solid var(--stahl-tief);outline-offset:2px}
.dunkel :focus-visible,.finale :focus-visible{outline-color:var(--eis)}

section{position:relative}
.s-pad{padding-block:clamp(4.5rem,10vh,7rem)}
.s-kompakt{padding-block:clamp(2.6rem,6vh,3.6rem)}
.weissflaeche{background:var(--weiss)}
.eisflaeche{background:var(--eis-hell)}
.dunkel{background:var(--nacht);color:var(--ink)}

.kopf{
  position:sticky;top:0;z-index:70;
  background:color-mix(in srgb, var(--weiss) 90%, transparent);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--rand);
}
.kopf-inner{display:flex;align-items:center;gap:1.6rem;padding-block:.75rem}
.marke{display:flex;align-items:center;gap:.6rem;text-decoration:none;font-family:'Cambay',sans-serif;font-weight:700;font-size:1.22rem;color:var(--nacht);min-width:0;min-height:44px}
.marke img{width:42px;height:auto}
.marke b{color:var(--stahl)}

.kopf nav{font-size:.95rem}
.wege{display:flex;align-items:center;gap:1.5rem;margin-left:auto}
.wege a{position:relative;display:inline-flex;align-items:center;min-height:44px;text-decoration:none;color:var(--tinte-dim);font-weight:500;white-space:nowrap;transition:color .18s ease}

.wege a::after{content:"";position:absolute;left:0;right:0;bottom:7px;height:2px;background:var(--stahl);transform:scaleX(0);transform-origin:left;transition:transform .22s cubic-bezier(.4,0,.2,1)}
.wege a:hover,.wege a:focus-visible{color:var(--nacht)}
.wege a:hover::after,.wege a:focus-visible::after{transform:scaleX(1)}
.wege a[aria-current="page"]{color:var(--nacht);font-weight:700}
.wege a[aria-current="page"]::after{transform:scaleX(1);transition:none}
@media (prefers-reduced-motion:reduce){.wege a,.wege a::after{transition:none}}

.kopf .tel{display:inline-flex;align-items:center;min-height:44px;margin-left:.9rem;color:var(--nacht);font-weight:700;text-decoration:none;white-space:nowrap;font-variant-numeric:tabular-nums}
.kopf .tel{transition:color .18s ease}
.kopf .tel:hover{color:var(--stahl-tief)}
.kopf a:focus-visible,.kopf summary:focus-visible{outline:2px solid var(--stahl);outline-offset:3px}

.kopf-inner{position:relative}
.menue{display:none}
.menue > summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:.55rem;min-height:44px;padding:0 .85rem;
  border:1.5px solid var(--kontur);font-weight:700;font-size:.95rem;color:var(--nacht);background:var(--weiss)}
.menue > summary::-webkit-details-marker{display:none}
.menue > summary::after{content:"";width:15px;height:2px;background:currentColor;box-shadow:0 -5px 0 currentColor,0 5px 0 currentColor}
.menue[open] > summary::after{box-shadow:none}
.menue-panel{position:absolute;left:0;right:0;top:100%;z-index:70;background:var(--weiss);border:1px solid var(--rand);
  box-shadow:0 14px 34px rgba(36,41,51,.14);padding:.3rem .5rem}
.menue-panel .gruppe{padding:.25rem 0}
.menue-panel .gruppe + .gruppe{border-top:1px solid var(--rand)}
.kopf .menue-panel a{display:flex;align-items:center;min-height:46px;padding:0 .8rem;text-decoration:none;color:var(--tinte-dim);font-weight:500}
.kopf .menue-panel a:hover,.kopf .menue-panel a:focus-visible{color:var(--nacht);background:var(--eis-hell)}
.kopf .menue-panel a[aria-current="page"]{color:var(--nacht);font-weight:700;box-shadow:inset 3px 0 0 var(--stahl)}
.kopf .menue-panel a.portal{color:var(--stahl-tief);font-weight:700}

@media(max-width:1120px){.kopf .tel{display:none}}
@media(max-width:1000px){.wege{gap:1.1rem}.kopf nav{font-size:.9rem}.kopf .cta{padding-inline:1.1rem}}
.cta{
  display:inline-block;background:var(--stahl);color:#fff;
  font-weight:700;text-decoration:none;
  padding:.72rem 1.5rem;border:0;border-radius:var(--knopf-rund);font-size:1rem;cursor:pointer;white-space:nowrap;
}
.cta{transition:background .18s ease}
.cta:hover{background:var(--stahl-tief)}
.cta-rand{background:transparent;border:1.5px solid var(--stahl);color:var(--stahl-tief)}
.cta-rand:hover{background:var(--eis-hell)}
.dunkel .cta-rand{color:var(--ink);border-color:var(--graublau)}
.dunkel .cta-rand:hover{background:#2e3540}

.lasche{
  position:fixed;right:0;top:44vh;z-index:60;
  writing-mode:vertical-rl;
  background:var(--stahl);color:#fff;
  font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  padding:1.1rem .62rem;text-decoration:none;
}
.lasche:hover{background:var(--stahl-tief)}

.lasche{transition:opacity .35s ease,transform .35s ease}
.lasche.weg{opacity:0;transform:translateX(100%);pointer-events:none}
@media (prefers-reduced-motion:reduce){.lasche{transition:none}}
@media(max-width:900px){.lasche{display:none}}

.gate{min-height:100svh;display:flex;flex-direction:column}
.gate-kopf{display:flex;align-items:center;gap:1.5rem;padding:1rem clamp(1.25rem,4vw,2.5rem)}
.gate-kopf .nebenlinks{margin-left:auto;display:flex;align-items:center;gap:1.4rem;font-size:.92rem}
.gate-kopf .nebenlinks a{color:var(--tinte-dim);text-decoration:none;font-weight:500;display:inline-flex;align-items:center;padding-block:.7rem}
.gate-kopf .nebenlinks a:hover{color:var(--nacht)}
.gate-fuss{display:flex;flex-wrap:wrap;row-gap:.3rem;gap:1.4rem;justify-content:center;padding:1rem;font-size:.82rem;color:var(--tinte-faint);margin-top:auto}
.gate-fuss a{color:inherit;text-decoration:none}
.gate-fuss a:hover{color:var(--nacht)}

.heike-zeile{
  display:inline-flex;align-items:center;gap:.7rem;
  background:var(--weiss);border:1px solid var(--rand);border-left:3px solid var(--stahl);
  padding:.7rem 1.1rem;font-size:.95rem;color:var(--tinte-dim);
}
.heike-zeile img{width:34px;height:auto;flex:none}
.heike-zeile b{color:var(--nacht)}
.heike-zeile a{color:var(--stahl-tief);font-weight:700}

.motiv{width:min(640px,90%);margin-inline:auto}
.motiv svg{width:100%;height:auto;display:block}

.halle-mitte{flex:1;display:flex;flex-direction:column;justify-content:center;gap:clamp(.9rem,2.4vh,1.6rem);text-align:center;padding-block:.5rem}
.halle-mitte .kicker{letter-spacing:.22em}
.halle-mitte h1{margin-top:.4rem}
.halle-mitte .claim{font-family:'Cambay',sans-serif;font-weight:700;font-size:clamp(1.15rem,2vw,1.5rem);color:var(--stahl)}
.tueren-a{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;max-width:var(--maxw);width:100%;margin-inline:auto;padding-inline:clamp(1.25rem,4vw,2.5rem)}
.tuer{
  position:relative;display:flex;flex-direction:column;gap:.5rem;text-align:left;
  background:var(--weiss);border:1px solid var(--rand);
  padding:1.55rem 1.5rem 1.35rem;min-height:184px;text-decoration:none;
  clip-path:polygon(0 0, calc(100% - 26px) 0, 100% 26px, 100% 100%, 0 100%);
  transition:transform .3s cubic-bezier(.2,.7,.3,1), background .3s, border-color .3s;
}
.tuer .frage{font-family:'Cambay',sans-serif;font-weight:700;font-size:clamp(1.45rem,1.9vw,1.75rem);line-height:1.12;color:var(--nacht)}
.tuer p{font-size:.95rem}
.tuer .pfeil{margin-top:auto;padding-top:.8rem;font-weight:700;color:var(--stahl-tief)}
.tuer .pfeil::after{content:' →'}
.tuer::before{
  content:'';position:absolute;top:0;right:0;width:52px;height:52px;
  border-left:1.5px solid var(--kontur);border-bottom:1.5px solid var(--kontur);
  clip-path:polygon(0 0,100% 100%,0 100%);
}
.tuer:hover{transform:translateY(-5px);background:var(--nacht);border-color:var(--nacht)}
.tuer:hover .frage,.tuer:hover .pfeil{color:var(--ink)}
.tuer:hover p{color:var(--ink-dim)}
.tuer:hover .kicker{color:var(--graublau)}

.tueren-b{flex:1;display:grid;grid-template-columns:1fr 1fr 1fr}
.panel{
  position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:.6rem;
  padding:clamp(1.6rem,3vw,2.8rem);min-height:min(48svh,470px);text-decoration:none;
  border-top:1px solid var(--rand);
  transition:background .35s;
}
.panel:nth-child(1){background:var(--weiss)}
.panel:nth-child(2){background:var(--eis-hell);border-inline:1px solid var(--rand)}
.panel:nth-child(3){background:var(--eis)}
.panel .nr{font-family:'Cambay',sans-serif;font-weight:700;font-size:.95rem;letter-spacing:.14em;color:var(--stahl-tief)}
.panel .frage{font-family:'Cambay',sans-serif;font-weight:700;font-size:clamp(1.9rem,2.7vw,2.6rem);line-height:1.08;color:var(--nacht)}
.panel p{font-size:.96rem}
.panel .pfeil{font-weight:700;color:var(--stahl-tief);margin-top:.5rem}
.panel .pfeil::after{content:' →'}
.panel::after{
  content:'';position:absolute;top:clamp(1.6rem,3vw,2.8rem);left:clamp(1.6rem,3vw,2.8rem);
  width:56px;height:56px;border:1.5px solid var(--kontur);border-bottom:0;border-right:0;
}
.panel:hover{background:var(--nacht)}
.panel:hover .frage{color:var(--ink)}
.panel:hover p{color:var(--ink-dim)}
.panel:hover .nr,.panel:hover .pfeil{color:var(--eis)}

.empfang{flex:1;display:grid;grid-template-columns:minmax(320px,2fr) 3fr}
.empfang-links{
  background:var(--nacht);color:var(--ink);
  display:flex;flex-direction:column;justify-content:center;gap:1.4rem;
  padding:clamp(2rem,4vw,3.5rem);
  clip-path:polygon(0 0, 100% 0, calc(100% - clamp(2rem,4vw,4.5rem)) 100%, 0 100%);
  padding-right:clamp(3.5rem,7vw,7rem);
}
.empfang-links .marke{color:var(--ink)}
.empfang-links .kicker{color:var(--graublau)}
.empfang-links :focus-visible{outline-color:var(--eis)}
.empfang-links h1{font-size:clamp(2rem,3.2vw,3rem);color:var(--ink)}
.dialog{display:grid;gap:.65rem;max-width:36ch}
.blase{
  background:#313947;border:1px solid #48546a;
  padding:.8rem 1.05rem;font-size:.96rem;color:var(--ink-dim);
  border-radius:0 14px 14px 14px;
}
.blase b{color:var(--eis)}
.dialog .wer{display:flex;align-items:center;gap:.55rem;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--graublau);font-weight:700}
.dialog .wer img{width:30px}
.empfang-rechts{display:flex;flex-direction:column;justify-content:center;padding:clamp(1.5rem,3vw,3rem)}
.tueren-c{display:grid;gap:1rem;max-width:640px;width:100%}
.zeile{
  position:relative;display:flex;align-items:baseline;gap:1.1rem;flex-wrap:wrap;
  background:var(--weiss);border:1px solid var(--rand);border-left:3px solid var(--stahl);
  padding:1.5rem 1.6rem;text-decoration:none;
  transition:transform .3s cubic-bezier(.2,.7,.3,1), background .3s;
}
.zeile .kicker{width:100%}
.zeile .frage{font-family:'Cambay',sans-serif;font-weight:700;font-size:clamp(1.5rem,2.2vw,2rem);line-height:1.1;color:var(--nacht)}
.zeile .pfeil{margin-left:auto;font-weight:700;color:var(--stahl-tief);white-space:nowrap}
.zeile .pfeil::after{content:' →'}
.zeile:hover{transform:translateX(8px);background:var(--nacht);border-color:var(--nacht)}
.zeile:hover .frage{color:var(--ink)}
.zeile:hover .kicker{color:var(--graublau)}
.zeile:hover .pfeil{color:var(--eis)}

.hero{overflow:hidden;background:var(--weiss);border-bottom:1px solid var(--rand)}
.hero-grid{
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:clamp(2rem,5vw,4rem);align-items:center;
  padding-block:clamp(2.2rem,6vh,4rem) clamp(1.8rem,5vh,3rem);
}
.hero .claim{font-family:'Cambay',sans-serif;font-weight:700;font-size:clamp(1.3rem,2.2vw,1.7rem);color:var(--stahl);margin-top:.7rem}
.hero .claim em{font-style:normal;color:var(--nacht)}
.hero p.lede{margin-top:1.1rem}
.hero-bild{position:relative}
.hero-bild img{
  width:100%;aspect-ratio:16/10.5;object-fit:cover;
  clip-path:polygon(8% 0, 100% 0, 100% 100%, 0 100%);
  filter:saturate(.85);
}
.hero-bild::after{
  content:'';position:absolute;left:-5%;bottom:-8%;width:44%;height:24%;
  background:var(--eis);clip-path:polygon(12% 0,100% 0,88% 100%,0 100%);
}
.konturen{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.konturen svg{position:absolute}

.strahl{position:relative;display:grid;grid-template-columns:7.333% 1fr;row-gap:clamp(3rem,7vh,4.5rem);margin-top:2.5rem}
.strahl::before{
  content:'';position:absolute;left:calc(3.6667% - 1.25px);top:-24px;bottom:-4px;width:2.5px;z-index:1;will-change:transform;
  background:linear-gradient(180deg,var(--stahl) 0%,var(--stahl-tief) 100%);
  transform-origin:top;transform:scaleY(var(--fp,1));transition:transform .12s linear;
}

.strahl::after{
  content:'';position:absolute;left:calc(3.6667% - 1.25px);top:-24px;bottom:-4px;width:2.5px;
  background:var(--rand);
}
.strahl--ruhig::before{background:linear-gradient(180deg,var(--stahl) 0%,var(--graublau) 55%,var(--wolke) 100%)}
.station{display:contents}
.station .punkt{
  position:relative;justify-self:center;align-self:start;
  width:15px;height:15px;border-radius:50%;background:var(--papier);
  border:3px solid var(--stahl-tief);margin-top:.55rem;z-index:2;
  transition:background .4s ease,box-shadow .4s ease;
}
.station .punkt.lit,html:not(.js) .station .punkt{background:var(--stahl-tief);box-shadow:0 0 0 5px rgba(83,111,151,.18)}
.station:nth-of-type(2) .punkt{border-color:var(--stahl)}
.station:nth-of-type(3) .punkt{border-color:var(--graublau)}
.strahl--ruhig .station .punkt{border-color:var(--stahl)}
.strahl--ruhig .station:nth-of-type(2) .punkt{border-color:var(--graublau)}
.strahl--ruhig .station:nth-of-type(3) .punkt{border-color:var(--wolke)}
.station-inhalt{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:2.2rem;align-items:start}

.station-inhalt .kicker{margin-bottom:.8rem}
.station-inhalt .gross{
  font-family:'Cambay',sans-serif;font-weight:700;color:var(--nacht);
  font-size:clamp(2rem,4vw,3.1rem);line-height:1;letter-spacing:-.01em;
}
.station-inhalt .gross .akzent{color:var(--stahl-tief)}
.station .zitat{
  margin-top:1rem;background:var(--weiss);border:1px solid var(--rand);
  padding:1rem 1.15rem;font-size:.98rem;color:var(--tinte-dim);max-width:46ch;
}
.station .zitat b{color:var(--nacht)}
.station figure img{clip-path:polygon(0 0,100% 4%,100% 100%,0 96%);filter:saturate(.85)}

.schleuder,.gerade{margin-top:-.35rem}

.spur-svg path{fill:none;transition:stroke-dashoffset .15s linear}
.spur-a{stroke:var(--nacht);stroke-width:15;stroke-linecap:butt;stroke-dasharray:.052 .011 .03 .016 .064 .008 .038 .021}
.spur-b{stroke:var(--stahl);stroke-width:15;stroke-linecap:butt;opacity:.85;stroke-dasharray:.047 .013 .034 .012 .058 .01 .042 .018}
.spur-svg.mobil .spur-a,.spur-svg.mobil .spur-b{stroke-width:8.5}

.spur-svg .zulauf{stroke:var(--stahl-tief);stroke-width:2.5;fill:none}
.spur-stempel{transition:opacity .4s ease}
html:not(.js) .spur-stempel{opacity:1}
@media (prefers-reduced-motion:reduce){.spur-svg path{transition:none}}
.schleuder svg,.gerade svg{width:100%;height:auto;display:block}
.schleuder .mobil{display:none}
@media(max-width:640px){.schleuder .desktop{display:none}.schleuder .mobil{display:block}}
.spur-hinweis{font-size:.85rem;color:var(--tinte-faint);max-width:none;text-align:right;padding-top:.4rem}

.zahlen-band{background:var(--nacht);color:var(--ink)}
.zahlen{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.zahlen div{border-left:2.5px solid var(--stahl);padding-left:1.1rem}
.zahlen .wert{display:block;white-space:nowrap;font-family:'Cambay',sans-serif;font-weight:700;font-size:clamp(1.9rem,3.4vw,2.7rem);line-height:1.05;color:var(--ink)}
.zahlen .label{display:block;font-size:.92rem;color:var(--ink-dim)}
.zahlen small{display:block;font-size:.75rem;color:var(--ink-dim);margin-top:.3rem;border-left:2px dashed var(--graublau);padding-left:.45rem}

.split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(2rem,5vw,4rem);align-items:center}
.split img{clip-path:polygon(0 0,100% 0,94% 100%,0 100%)}
.split ul{list-style:none;margin-top:1.1rem;display:grid;gap:.55rem}
.split li{padding-left:1.5rem;position:relative;color:var(--tinte-dim)}
.split li::before{content:'';position:absolute;left:0;top:.52em;width:.75rem;height:2px;background:var(--stahl)}

.mehrwerte{display:grid;grid-template-columns:repeat(6,1fr);gap:1.1rem;margin-top:2rem}
.mw{
  grid-column:span 2;
  background:var(--weiss);border:1px solid var(--rand);padding:1.5rem 1.35rem;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%);
}
.mw:nth-child(4){grid-column:2 / span 2}
.mw:nth-child(5){grid-column:4 / span 2}
.mw .nr{font-family:'Cambay',sans-serif;font-weight:700;font-size:1rem;color:var(--stahl);letter-spacing:.08em}
.mw h3{margin:.35rem 0 .5rem}
.mw p{font-size:.95rem}

.ap-reihe{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:2.2rem}
.ap{background:var(--weiss);border:1px solid var(--rand);padding:1.4rem}
.ap img{width:132px;clip-path:polygon(14% 0,100% 0,86% 100%,0 100%);margin-bottom:1rem;filter:saturate(.9)}
.ap h3{font-size:1.12rem}
.ap .rolle{font-size:.85rem;color:var(--stahl-tief);letter-spacing:.06em;text-transform:uppercase;margin:.15rem 0 .7rem}
.ap a{display:block;font-size:.95rem;color:var(--tinte-dim);text-decoration:none;padding-block:.14rem}
.ap a:hover{color:var(--nacht)}

.slot{
  display:grid;place-items:center;text-align:center;gap:.4rem;
  border:1.5px dashed var(--stahl);background:color-mix(in srgb,var(--stahl) 7%, #fff);
  color:var(--tinte-dim);font-size:.92rem;padding:1rem;
}
.slot b{font-family:'Cambay',sans-serif;color:var(--stahl-tief);letter-spacing:.08em;text-transform:uppercase;font-size:.8rem}
.slot-video{aspect-ratio:21/9}
.slot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}
.slot-grid .slot{aspect-ratio:4/3}

.finale{position:relative;overflow:hidden;background:var(--nacht);color:var(--ink)}
.finale img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.34;filter:saturate(.7)}
.finale::after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,rgba(18,21,26,.92) 0%,rgba(18,21,26,.72) 55%,rgba(18,21,26,.45) 100%)}
.finale .shell{position:relative;z-index:1}
.finale h2{color:var(--ink)}
.finale p{color:var(--ink-dim)}
.finale .kicker{color:var(--graublau)}

.finale .cta-rand{color:var(--ink);border-color:var(--graublau)}
.finale .cta-rand:hover{background:#2e3540}
.kontakt-reihe{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.8rem;align-items:center}
.fussnote{font-size:.8rem;color:var(--ink-dim);margin-top:1.6rem;max-width:none}

footer{background:var(--weiss);border-top:1px solid var(--rand);font-size:.9rem;color:var(--tinte-faint)}
.fuss-inner{display:flex;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;padding-block:2rem}
footer a{color:var(--tinte-dim);text-decoration:none;margin-right:1.2rem}
footer a:hover{color:var(--nacht)}

.heike{
  position:fixed;right:1.15rem;bottom:1.25rem;z-index:65;
  display:flex;align-items:center;gap:.55rem;
  background:var(--nacht);color:var(--ink);font-weight:700;font-size:.98rem;
  border:0;padding:.66rem 1.15rem;cursor:pointer;
  box-shadow:0 8px 24px rgba(28,33,41,.35);
}
.heike img{width:30px;height:auto}
.heike:hover{background:var(--nacht-tief)}

html.js:not(.statisch) .rev{opacity:0;transform:translateY(18px);transition:opacity .6s ease-out,transform .6s ease-out}
html.js .rev.da{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  html.js:not(.statisch) .rev{opacity:1;transform:none;transition:none}
  .tuer,.panel,.zeile{transition:none}
}

@media(max-width:960px){
  .hero-grid,.split,.station-inhalt{grid-template-columns:1fr}
  .tueren-a,.ap-reihe,.slot-grid{grid-template-columns:1fr 1fr}
  .tueren-a > :nth-child(3):last-child{grid-column:1/-1}
  .mehrwerte{grid-template-columns:1fr 1fr}
  .mw,.mw:nth-child(4),.mw:nth-child(5){grid-column:auto}
  .zahlen{grid-template-columns:minmax(0,1fr) minmax(0,1fr);row-gap:1.6rem}
  .hero-bild{max-width:520px}
  .tueren-b{grid-template-columns:1fr}
  .panel{min-height:0;padding-block:1.6rem;border-inline:0 !important}
  .panel::after{display:none}
  .empfang{grid-template-columns:1fr}
  .empfang-links{clip-path:none;padding-right:clamp(2rem,4vw,3.5rem);min-height:0}
}

@media(max-width:900px){
  .wege,.kopf .cta{display:none}
  .menue{display:block;margin-left:.6rem}
  .kopf .tel{display:inline-flex;align-items:center;min-height:44px;
    margin-left:auto;font-size:.95rem}
}
@media(max-width:640px){
  .tueren-a,.ap-reihe,.slot-grid,.mehrwerte{grid-template-columns:1fr}
  .tuer{min-height:0}

  .menue > summary{font-size:0;gap:0;padding:0 .75rem}
  .kopf .marke{font-size:0;gap:0}
  .kopf .marke img{width:38px}
  .kopf-inner{gap:1rem}
  .strahl{grid-template-columns:9% 1fr}
  .strahl::before{left:calc(4.5% - 1.25px)}
  .zahlen{grid-template-columns:minmax(0,1fr)}
  .station figure{display:none}

  .gate-kopf .nebenlinks{gap:1rem}
}

.slot--foto{padding:0;position:relative;overflow:hidden;place-items:stretch;
  display:block;background:var(--eis-hell);margin:0}
.slot--foto img{display:block;width:100%;height:100%;object-fit:cover;
  filter:saturate(.82) contrast(1.03)}
.slot--foto figcaption{position:absolute;left:0;right:0;bottom:0;
  background:linear-gradient(180deg,rgba(18,21,26,0) 0%,rgba(18,21,26,.82) 45%);
  color:var(--ink);font-size:.85rem;line-height:1.4;text-align:left;
  padding:2.2rem .9rem .75rem}
.slot-marke{position:absolute;left:0;top:0;z-index:1;
  background:var(--stahl-tief);color:#fff;
  font-family:'Cambay',sans-serif;font-size:.7rem;letter-spacing:.12em;
  text-transform:uppercase;padding:.3rem .6rem}
.slot-spiel{position:absolute;inset:0;margin:auto;width:64px;height:64px;
  border-radius:50%;background:rgba(255,255,255,.9);
  box-shadow:0 6px 20px rgba(18,21,26,.28)}
.slot-spiel::after{content:'';position:absolute;inset:0;margin:auto;
  width:0;height:0;border-left:19px solid var(--nacht);
  border-top:12px solid transparent;border-bottom:12px solid transparent;
  transform:translateX(3px)}

.slot.slot--schema{padding:0;display:block;position:relative;overflow:hidden;
  background:var(--eis-hell);text-align:left;border:1px solid var(--kontur)}
.slot--schema .slot-marke{left:auto;right:0}
.schema-fenster{background:#fff;width:100%;height:100%;display:flex;
  flex-direction:column;font-size:.78rem;color:var(--tinte-dim)}
.schema-leiste{display:flex;align-items:center;gap:.34rem;padding:.5rem .7rem;
  background:var(--nacht);color:var(--eis);font-size:.7rem;letter-spacing:.06em}
.schema-leiste i{width:7px;height:7px;border-radius:50%;background:#57616f;display:block}
.schema-leiste span{margin-left:.55rem;font-weight:700}
.schema-koerper{display:grid;grid-template-columns:78px minmax(0,1fr);flex:1;min-height:0}
.schema-seite{background:var(--eis-hell);border-right:1px solid var(--kontur);
  padding:.65rem .55rem;display:grid;gap:.45rem;align-content:start}
.schema-seite u{display:block;height:7px;border-radius:2px;background:var(--kontur);
  text-decoration:none}
.schema-seite u.an{background:var(--stahl)}
.schema-tafel{padding:.65rem .8rem;display:grid;gap:.36rem;align-content:start}
.schema-zeile{display:grid;grid-template-columns:54px minmax(0,1fr) auto;
  gap:.55rem;align-items:center;padding:.36rem .5rem;border:1px solid var(--kontur);
  border-radius:3px;background:#fff}
.schema-zeile.kopf{border:0;background:transparent;color:var(--tinte-faint);
  font-size:.66rem;letter-spacing:.09em;text-transform:uppercase;padding-block:0}
.schema-zeile b{font-weight:700;color:var(--nacht);font-variant-numeric:tabular-nums}
.schema-status{font-size:.68rem;padding:.12rem .42rem;border-radius:2px;
  background:var(--eis);color:var(--stahl-tief);white-space:nowrap}
.schema-status.fertig{background:#dde8da;color:#37502f}
.schema-bericht{margin-top:.7rem;border-top:1px solid var(--kontur);
  padding-top:.6rem;display:grid;gap:.4rem}
.schema-bericht i{display:block;font-size:.66rem;letter-spacing:.09em;
  text-transform:uppercase;color:var(--tinte-faint);font-style:normal}
.schema-saeulen{display:flex;align-items:flex-end;gap:.32rem;height:48px}
.schema-saeulen u{display:block;flex:1;background:var(--eis);
  border-radius:2px 2px 0 0;text-decoration:none}
.schema-saeulen u.hoch{background:var(--stahl)}
@media(max-width:700px){

  .slot.slot--schema{aspect-ratio:auto !important}
  .schema-leiste span{display:none}
  .schema-zeile.kopf{display:none}
  .schema-koerper{grid-template-columns:54px minmax(0,1fr)}
  .schema-zeile{grid-template-columns:48px minmax(0,1fr);row-gap:.18rem}
  .schema-zeile .schema-status{grid-column:1/-1;justify-self:start}
}

.slot-hinweis{margin-top:1rem;font-size:.85rem;line-height:1.5;color:var(--tinte-dim);
  max-width:72ch}
@media(max-width:700px){
  .slot-grid{grid-template-columns:1fr}
  .slot--foto figcaption{font-size:.8rem}
}

.ds-hinweis{margin-top:.9rem;font-size:.8rem;line-height:1.5;color:var(--tinte-dim);
  max-width:52ch}
.finale .ds-hinweis{color:var(--ink-dim);margin-top:1.2rem}

.wegflaeche{background:var(--eis-hell)}
.weg-unter{color:var(--tinte-dim);max-width:62ch;margin-top:.7rem}
.wegspur{margin-top:1.8rem;font-size:1.0625rem}
.wegspur-lage{position:relative}
.wegspur-bild{display:block;width:100%;height:auto}
.wegspur-bild--mobil{display:none}
.wegspur-marker{position:absolute;left:0;top:0;width:100%;height:100%}
.wegspur-abbinder{stroke:var(--stahl);stroke-width:1.2;stroke-dasharray:5 4}
.wegspur-knoten{fill:var(--stahl);stroke:var(--eis-hell);stroke-width:2.5}
.wegspur-liste{list-style:none;display:grid;
  grid-template-columns:36.67% 21.67% 21.67% minmax(0,1fr);
  margin:.2rem 0 0;padding:0}
.wegspur-liste li{max-width:32ch;padding-right:1.8rem}
.wegspur-liste li:nth-child(1){grid-column:2}
.wegspur-liste li:nth-child(2){grid-column:3}
.wegspur-liste li:nth-child(3){grid-column:4}
.wegspur-nr{display:block;font-size:clamp(.74rem,1vw,1.1rem);font-weight:700;
  letter-spacing:.16em;text-transform:uppercase;color:var(--stahl-tief)}
.wegspur-titel{display:block;font-family:'Cambay',sans-serif;font-weight:700;
  font-size:clamp(1.3rem,1.83vw,2.1rem);line-height:1.16;color:var(--nacht);
  margin:.3rem 0 .35rem}
.wegspur-text{display:block;font-size:clamp(.95rem,1.1vw,1.15rem);line-height:1.55;
  color:var(--tinte-dim);overflow-wrap:anywhere}

@media(max-width:900px){
  .wegspur{padding-inline:clamp(1.25rem,4vw,2.5rem)}
  .wegspur-bild--desktop{display:none}
  .wegspur-bild--mobil{display:block}
  .wegspur-marker{display:none}
  .wegspur-liste{grid-template-columns:minmax(0,1fr);gap:1.15rem;position:relative;
    margin-top:.9rem;padding-left:1.5rem}
  .wegspur-liste li,.wegspur-liste li:nth-child(1),.wegspur-liste li:nth-child(2),
  .wegspur-liste li:nth-child(3){grid-column:1;max-width:none;padding-right:0;
    position:relative}
  .wegspur-liste::before{content:'';position:absolute;left:3px;top:.45rem;bottom:.45rem;
    width:2px;background:var(--stahl);opacity:.45}
  .wegspur-liste li::before{content:'';position:absolute;left:-1.5rem;top:.5rem;
    width:9px;height:9px;border-radius:50%;background:var(--stahl);
    box-shadow:0 0 0 3px var(--eis-hell)}
}

.weg-fuss{display:grid;gap:clamp(1.5rem,3.5vw,2.75rem);margin-top:clamp(2rem,5vh,3.2rem);
  align-items:start}
@media(min-width:901px){.weg-fuss{grid-template-columns:1fr 1fr}}
.weg-bild{margin:0}

.weg-bild img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;
  background:var(--eis-hell);filter:saturate(.82) contrast(1.03)}
.weg-bild figcaption{margin-top:.55rem;font-size:.78rem;line-height:1.45;
  color:var(--tinte-dim);padding-left:.7rem;border-left:2px dashed var(--kontur)}
.weg-bild figcaption b{color:var(--tinte-dim);margin-right:.4rem}
.weg-fuss-text p{color:var(--tinte-dim);margin:.5rem 0 1.1rem;max-width:52ch}

.finale{isolation:isolate}
.finale::before{content:'';position:absolute;right:clamp(1.5rem,6vw,5rem);bottom:0;width:min(30vw,360px);aspect-ratio:940 / 802;
  z-index:1;background:url('/commons/img/cd-nashorn-weiss.png') center bottom / contain no-repeat;opacity:.11;pointer-events:none}
.finale .shell{z-index:2}
@media (max-width:700px){.finale::before{width:46vw;right:5%}}

.bildnachweis details{margin:0}
.bildnachweis summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:.45rem;
  font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:#5c6573;padding:.55rem 0}
.bildnachweis summary::-webkit-details-marker{display:none}
.bildnachweis summary::before{content:'';width:0;height:0;border-left:.38rem solid currentColor;border-block:.28rem solid transparent;transition:transform .18s}
.bildnachweis details[open] summary::before{transform:rotate(90deg)}
.bildnachweis summary:hover{color:#536f97}
.bildnachweis summary:focus-visible{color:#536f97;outline:2px solid #536f97;outline-offset:3px}
.bildnachweis p{margin:.55rem 0 0;max-width:78ch}

@media (max-width:760px){.s-pad{padding-block:clamp(3.5rem,8vh,4.5rem)}}

@media (max-width:760px){
  html[data-hero][data-final="blatt"] .hero-zeichnung{height:var(--band,46svh)}
  html[data-hero][data-final="blatt"] .hero--zeichnung .hero-text{padding-bottom:calc(var(--band,46svh) + 1rem)}
  html[data-final="blatt"] .hero--zeichnung .halt{top:auto;right:auto;left:.6rem;bottom:.6rem;translate:none;width:44px;height:44px;min-width:44px;min-height:44px;
    padding:0;justify-content:center;gap:0;border-radius:999px;border-color:var(--stahl)}
  html[data-final="blatt"] .hero--zeichnung .halt .halt-zeichen{width:13px;height:13px}
  html[data-final="blatt"] .hero--zeichnung .halt .halt-text{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;white-space:nowrap;border:0;clip-path:inset(50%)}
  html[data-final="blatt"]:has(.rufleiste) .hero--zeichnung .halt{bottom:calc(56px + .6rem)}
}

@media (min-width:761px) and (max-width:1024px){.s-pad{padding-block:clamp(3.5rem,8vh,5rem)}}
@media (max-width:960px){.slot.slot--schema{aspect-ratio:auto !important}}

.ap .rolle{hyphens:auto;overflow-wrap:anywhere}