.buehne{isolation:isolate;min-height:100svh;color:var(--text);padding-top:var(--leiste-hoehe);align-items:center;display:flex;position:relative;overflow:hidden}:root{--leiste-hoehe:68px;--geraet-kanten-abstand:15%;--geraet-kanten-abstand-kopf:19%;--geraet-max-breite:25%;--schnitt-oben:64%;--schnitt-unten:40%}.ebene-tief,.ebene-kante,.ebene-hoch{pointer-events:none;position:absolute;inset:0}.ebene-tief{z-index:0;background:0 0}.ebene-kante{z-index:1;clip-path:polygon(0 0, calc(var(--schnitt-oben) + 0.16%) 0, calc(var(--schnitt-unten) + 0.16%) 100%, 0 100%);background:linear-gradient(#c8ff4db3 0%,#c8ff4d80 24%,#70ecbe80 48%,#3ddbff99 76%,#3ddbffa6 100%)}.stufe .ebene-kante{background-image:linear-gradient(#3ddbffa6 0%,#3ddbff99 24%,#70ecbe80 52%,#c8ff4d80 76%,#c8ff4db3 100%)}.ebene-hoch{z-index:1;clip-path:polygon(0 0, var(--schnitt-oben) 0, var(--schnitt-unten) 100%, 0 100%);filter:drop-shadow(14px 0 30px #000000bf);background:#15181f}.buehne-raster{z-index:2;width:min(1240px, 100% - var(--rand) * 2);grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(24px,4vw,56px);margin-inline:auto;display:grid;position:relative}.buehne-inhalt{text-align:left;max-width:42ch}.hero-marke{width:132px;margin:0 0 24px;display:block}.hero-marke svg{width:100%;height:auto;display:block}.hero-marke path{stroke:var(--volt);stroke-width:1.8px;vector-effect:non-scaling-stroke;stroke-linejoin:round;fill:none}.bereiche{letter-spacing:.3em;text-transform:uppercase;color:var(--gedaempft);align-items:center;gap:14px;margin:0 0 14px;font-size:13px;display:flex}.bereiche i{background:var(--volt);border-radius:50%;width:5px;height:5px}.schlagzeile{letter-spacing:-.005em;text-transform:uppercase;white-space:nowrap;margin:0;font-family:Big Shoulders,Arial Narrow,sans-serif;font-size:clamp(52px,7.4vw,96px);line-height:.92}.aia-name b{color:var(--volt);font-weight:inherit}.unterzeile{color:var(--gedaempft);max-width:38ch;margin:22px 0 0;font-size:clamp(15px,1.4vw,18px)}.knopfreihe{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.knopf{transition:transform .2s var(--kurve), background-color .2s, border-color .2s;border-radius:999px;align-items:center;gap:9px;padding:13px 26px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.knopf:active{transform:scale(.97)}.knopf-wartend{background:var(--volt);color:#10130a}.knopf-still{color:var(--cyan);border:1px solid #3ddbff73}.knopf-still:hover{border-color:var(--cyan)}.knopf-klein{border:1px solid #f5f6f740;padding:8px 18px;font-size:13px}.punkt{background:#10130a;border-radius:50%;width:7px;height:7px}.zahlenreihe{gap:clamp(20px,3vw,44px);margin:clamp(40px,6vh,64px) 0 0;padding:0;list-style:none;display:flex}.zahlenreihe b{font-variant-numeric:tabular-nums;color:var(--volt);font-family:Red Hat Mono,ui-monospace,monospace;font-size:22px;font-weight:700;display:block}.zahlenreihe span{letter-spacing:.16em;text-transform:uppercase;color:var(--schwach);font-size:11px}[data-auf]{animation:auftauchen .9s var(--kurve) both;animation-delay:calc(var(--stufe,0) * .13s + .15s)}@keyframes auftauchen{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}[data-auf].da{opacity:1;transition:opacity .9s var(--kurve), transform .9s var(--kurve);transform:none}.buehne:after,.stufe .ebene-kante:after{content:"";z-index:1;pointer-events:none;clip-path:polygon(var(--schnitt-oben) 0, calc(var(--schnitt-oben) + 0.16%) 0, calc(var(--schnitt-unten) + 0.16%) 100%, var(--schnitt-unten) 100%);filter:blur(1px);background:linear-gradient(#c8ff4d 0%,#c8ff4de6 24%,#70ecbee6 48%,#3ddbfff2 76%,#3ddbff 100%);animation:2s ease-in-out infinite kante-rinnen;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 42%,#000 47% 53%,#0000 58%);mask-image:linear-gradient(#0000 42%,#000 47% 53%,#0000 58%);-webkit-mask-position:0 80%;mask-position:0 80%;-webkit-mask-size:100% 300%;mask-size:100% 300%}.stufe .ebene-kante:after{background:linear-gradient(#8cebff 0%,#8cebfff2 24%,#aaf5d7f2 52%,#deff94 76% 100%);-webkit-mask-image:linear-gradient(#0000 36%,#000 43% 57%,#0000 64%);mask-image:linear-gradient(#0000 36%,#000 43% 57%,#0000 64%)}@keyframes kante-rinnen{0%{opacity:0;clip-path:polygon(var(--schnitt-oben) 0, calc(var(--schnitt-oben) + 0.16%) 0, calc(var(--schnitt-unten) + 0.16%) 100%, var(--schnitt-unten) 100%);-webkit-mask-position:0 80%;mask-position:0 80%}20%{opacity:1}45%{clip-path:polygon(calc(var(--schnitt-oben) - 0.06%) 0, calc(var(--schnitt-oben) + 0.32%) 0, calc(var(--schnitt-unten) + 0.32%) 100%, calc(var(--schnitt-unten) - 0.06%) 100%)}90%,to{clip-path:polygon(var(--schnitt-oben) 0, calc(var(--schnitt-oben) + 0.16%) 0, calc(var(--schnitt-unten) + 0.16%) 100%, var(--schnitt-unten) 100%);-webkit-mask-position:0 20%;mask-position:0 20%}}@media (prefers-reduced-motion:reduce){.buehne:after,.stufe .ebene-kante:after{opacity:0;animation:none}}.leiste{top:14px;left:calc(var(--schnitt-oben) / 2);z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:background-color .3s, border-color .3s, left .6s var(--kurve), gap .6s var(--kurve);background:#0c0e13b3;border:1px solid #f5f6f71f;border-radius:999px;align-items:center;gap:30px;padding:10px 12px 10px 22px;display:flex;position:fixed;translate:-50%}.leiste .leiste-nav{white-space:nowrap;max-width:420px;transition:max-width .6s var(--kurve), opacity .35s;overflow:hidden}.leiste.kompakt{left:calc(var(--rand) + 150px);gap:16px}.leiste.kompakt .leiste-nav{opacity:0;pointer-events:none;max-width:0}.leiste.fest{background:#08090dd1;border-color:#f5f6f72e}.leiste .marke-schrift{font-size:21px}.leiste .knopf-klein{background:var(--volt);color:#10130a;border:none}.marke{color:var(--text);align-items:center;gap:10px;text-decoration:none;display:flex}.marke-strich{background:var(--volt);border-radius:2px;width:4px;height:20px;transform:skew(-14deg)}.marke-schrift{letter-spacing:.05em;font-family:Big Shoulders,sans-serif;font-size:25px}.leiste-nav{gap:26px;font-size:14px;display:flex}.leiste-nav a{color:var(--gedaempft);text-decoration:none;transition:color .2s}.leiste-nav a:hover{color:var(--text)}@media (width<=720px){.leiste-nav{display:none}}@media (width<=900px){.leiste{left:50%}}.abschnitt{padding:clamp(80px,14vh,150px) 0}.abschnitt.hell{background:var(--hell-grund);color:var(--hell-text)}@media (width>=901px){.abschnitt[data-segment]{min-height:100svh;padding:var(--leiste-hoehe) 0 0;align-items:center;display:flex}}.marke-klein{letter-spacing:.24em;text-transform:uppercase;color:var(--schwach);margin-bottom:14px;font-size:12px}.abschnitt.hell .marke-klein{color:var(--hell-gedaempft)}.ueberschrift{text-wrap:balance;margin:0 0 8px;font-family:Big Shoulders,sans-serif;font-size:clamp(34px,5.5vw,68px);line-height:.98}.fliesstext{max-width:62ch;color:var(--gedaempft);margin-top:20px}.abschnitt.hell .fliesstext{color:var(--hell-gedaempft)}.raster{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px;margin-top:44px;display:grid}.karte{background:#14161b0d;border:1px solid #14161b1a;border-radius:14px;padding:28px 26px}.karte h3{margin-bottom:8px;font-size:20px}.karte p{color:var(--hell-gedaempft);margin:0;font-size:15px}.verweis{color:var(--volt);text-underline-offset:4px}.verbindungen{margin:34px 0 0;padding:0;list-style:none}.verbindungen li{border-top:1px solid var(--linie);gap:6px;padding:18px 0;display:grid}.verbindungen li:last-child{border-bottom:1px solid var(--linie)}.verbindungen b{letter-spacing:.04em;font-size:15px}.verbindungen .pfeil{color:var(--volt);padding:0 4px}.verbindungen span{color:var(--gedaempft);font-size:15px}.schutz-karten{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:36px;display:grid}.schutz-karte{border:1px solid var(--linie);background:#171a20bf;border-radius:12px;padding:24px 22px}.schutz-karte h3{margin-bottom:8px;font-size:18px}.schutz-karte p{color:var(--gedaempft);margin:0;font-size:15px}.fragen{margin-top:30px}.fragen details{border-top:1px solid var(--linie)}.fragen details:last-child{border-bottom:1px solid var(--linie)}.fragen summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:16px 0;font-weight:600;list-style:none;display:flex}.fragen summary::-webkit-details-marker{display:none}.fragen summary:after{content:"+";color:var(--volt);font-size:20px;font-weight:400;transition:rotate .2s}.fragen details[open] summary:after{rotate:45deg}.fragen details p{color:var(--gedaempft);max-width:60ch;margin:0 0 16px}.finale-inhalt{text-align:center}.finale-inhalt .fliesstext{margin-inline:auto}.finale-inhalt .knopf{margin-top:26px}.fuss{border-top:1px solid var(--linie);padding:40px 0 56px}.fuss-inhalt{color:var(--schwach);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;font-size:14px;display:flex}.fuss nav{flex-wrap:wrap;gap:20px;display:flex}.fuss a{color:var(--gedaempft);text-decoration:none}.fuss a:hover{color:var(--text)}.geraet-buehne{width:min(390px, 36vw, 36svh, var(--geraet-max-breite));perspective:1700px;pointer-events:none;position:relative}.buehne .geraet-buehne{left:calc((var(--schnitt-oben) + var(--schnitt-unten)) / 2 + var(--geraet-kanten-abstand-kopf));top:calc(50% + var(--leiste-hoehe) / 2);margin:0;position:absolute;translate:0 -50%}.geraet-gerahmt{will-change:transform;transform-style:preserve-3d;position:relative}.geraet-rahmen{z-index:2;width:100%;height:auto;display:block;position:relative}.geraet-schirm{z-index:1;object-fit:fill;border-radius:7.4%/3.5%;width:88.2%;height:94.2%;position:absolute;top:2.9%;left:5.9%}.geraet-glanz{z-index:3;mix-blend-mode:screen;will-change:background-position;background:linear-gradient(112deg,#0000 30%,#ffffff0f 44%,#ffffff26 50%,#ffffff0d 57%,#0000 70%) 50%/240% 240%;border-radius:7.4%/3.5%;width:88.2%;height:94.2%;position:absolute;top:2.9%;left:5.9%;overflow:hidden}.buehne [data-glanz],.geraet-schatten{display:none}@media (width<=900px){.buehne-raster{grid-template-columns:1fr;gap:30px}.buehne-inhalt{max-width:none;padding-right:16px}.geraet-buehne{display:none}.bereiche{letter-spacing:.2em;gap:10px;font-size:11px}.ebene-tief,.ebene-kante,.ebene-hoch{display:none}.buehne:after{content:none}.buehne{flex-direction:column;justify-content:center;padding-top:96px}.hero-marke{width:150px}.schlagzeile{font-size:80px;animation:none}@media (width<=350px){.schlagzeile{font-size:64px}}.aia-wort{animation:auftauchen .55s var(--kurve) both;display:inline-block}.aia-wort:first-of-type{animation-delay:1.4s}.aia-wort:nth-of-type(2){animation-delay:1.7s}.aia-wort:nth-of-type(3){animation-delay:2s}.aia-rest{vertical-align:top;animation:aia-rest-zu .6s var(--kurve) both;animation-delay:3.4s;display:inline-block;overflow:hidden}.aia-punkt{color:var(--volt)}.schlagzeile b{animation:aia-weiss .6s var(--kurve) both;animation-delay:3.4s}.aia-wort:nth-of-type(2) b{animation:none}.aia-punkt{vertical-align:top;animation:aia-rest-zu .6s var(--kurve) 3.4s both;display:inline-block;overflow:hidden}.leiste .knopf-klein{color:var(--volt);background:0 0;border:none;padding:8px 0;font-weight:600}.zahlenreihe{gap:0}.zahlenreihe li{border-left:1px solid #262b36;padding:0 14px}.zahlenreihe li:first-child{border-left:none;padding-left:0}html{scroll-snap-type:y mandatory}.buehne{scroll-snap-align:start}.segment-band{scroll-snap-align:start;scroll-snap-stop:always}.fuss{scroll-snap-align:end}[data-segment]+[data-segment],.segment-band>[data-segment]:first-child{position:relative}[data-segment]+[data-segment]:before,.segment-band>[data-segment]:first-child:before{content:"";background:linear-gradient(90deg,#0000,#c9a96e9e,#0000);width:min(360px,90%);height:1px;position:absolute;top:0;left:50%;translate:-50%}}@keyframes aia-rest-zu{0%{opacity:1;max-width:1.5em}to{opacity:0;max-width:0}}@keyframes aia-weiss{to{color:var(--text)}}@media (prefers-reduced-motion:reduce) and (width<=900px){.aia-wort,.aia-rest,.schlagzeile b,.aia-punkt{animation-delay:0s}}.stufe{clip-path:inset(0);height:100vh;position:relative}.stufe-halt{z-index:2;height:100vh;padding-top:var(--leiste-hoehe);align-items:center;display:flex;position:sticky;top:0;overflow:hidden}.stufe-raster{z-index:2;width:min(1240px, 100% - var(--rand) * 2);grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(24px,4vw,56px);margin-inline:auto;display:grid;position:relative}.stufe[data-richtung=rechts] .stufe-text{order:2}.stufe[data-richtung=rechts] .stufe-geraet{order:1;justify-self:center;margin-left:0;margin-right:0}#funktionen{--schnitt-oben:40%;--schnitt-unten:70%}.stufe-text[data-texte]{display:grid}.stufe-textschritt{opacity:0;transition:opacity .22s var(--kurve);pointer-events:none;grid-area:1/1}.stufe-textschritt.da{opacity:1;pointer-events:auto}.stufe-textschritt .marke-klein{color:var(--volt);letter-spacing:.2em;font-size:15px;font-weight:600}.stufe-textschritt.da>*{animation:textschritt-auf .45s var(--kurve) both}.stufe-textschritt.da>:nth-child(2){animation-delay:70ms}.stufe-textschritt.da>:nth-child(3){animation-delay:.14s}@keyframes textschritt-auf{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.stufe .ebene-kante{transition:-webkit-mask-position .45s var(--kurve), mask-position .45s var(--kurve), transform .55s var(--kurve);-webkit-mask-image:linear-gradient(#000 46%,#0000 53%);mask-image:linear-gradient(#000 46%,#0000 53%);-webkit-mask-position:0 100%;mask-position:0 100%;-webkit-mask-size:100% 200%;mask-size:100% 200%}@media (width<=900px){.stufe .ebene-kante{-webkit-mask-image:none!important;mask-image:none!important}}.stufe-text{max-width:46ch}.stufe-text .fliesstext{color:var(--gedaempft)}.stufe .ebene-hoch,.stufe-raster{transition:transform .55s var(--kurve), opacity .4s ease-out}.stufe.abseits-links .ebene-hoch,.stufe.abseits-links .ebene-kante,.stufe.abseits-links .stufe-raster{transform:translate(-75vw)}.stufe.abseits-links .stufe-raster{opacity:0}@media (width<=900px){.stufe.abseits-links .ebene-hoch,.stufe.abseits-links .ebene-kante,.stufe.abseits-links .stufe-raster{opacity:1;transform:none}}.ebene-kante-gespiegelt{clip-path:polygon(calc(var(--schnitt-unten) - 0.16%) 0, 100% 0, 100% 100%, calc(var(--schnitt-oben) - 0.16%) 100%);background:linear-gradient(#c8ff4d99 0%,#c8ff4d61 46%,#c8ff4d3d 100%) fixed}.ebene-hoch-gespiegelt{clip-path:polygon(var(--schnitt-unten) 0, 100% 0, 100% 100%, var(--schnitt-oben) 100%);filter:drop-shadow(-14px 0 30px #000000bf)}.stufe-geraet{left:calc((var(--schnitt-oben) + var(--schnitt-unten)) / 2 + var(--geraet-kanten-abstand));top:calc(50% + var(--leiste-hoehe) / 2);opacity:0;will-change:opacity;margin-top:0;position:absolute;translate:0 -50%}.stufe-geraet .geraet-gerahmt{will-change:transform}.stufe-geraet video.geraet-schirm{z-index:1;object-fit:fill;background:var(--grund);border-radius:7.4%/3.5%;width:88.2%;height:94.2%;position:absolute;top:2.9%;left:5.9%}@media (width<=900px){.stufe{clip-path:none;height:auto}.stufe-halt{height:auto;padding:clamp(60px,12vh,110px) 0;display:block;position:relative}.stufe-raster{grid-template-columns:1fr}.stufe-text[data-texte]{max-width:none;display:block}.stufe-textschritt{opacity:1;pointer-events:auto}.stufe-textschritt.da>*,.stufe-textschritt>*{animation:none}.stufe-text[data-texte]{counter-reset:schritt}.stufe-textschritt{counter-increment:schritt;border:1px solid var(--linie);background:#171a20bf;border-radius:12px;padding:24px 20px 24px 24px;position:relative;overflow:hidden}.stufe-textschritt:before{content:"";background:linear-gradient(180deg, var(--volt), var(--cyan));width:2.5px;position:absolute;top:0;bottom:0;left:0}.stufe-textschritt:after{content:counter(schritt, decimal-leading-zero) " / 08";color:var(--schwach);letter-spacing:.12em;font-size:12px;position:absolute;top:22px;right:18px}.stufe-textschritt+.stufe-textschritt{margin-top:16px}.verbindungen li{border:1px solid var(--linie);background:#171a20bf;border-radius:12px;padding:18px 16px 18px 20px;position:relative;overflow:hidden}.verbindungen li:last-child{border-bottom:1px solid var(--linie)}.verbindungen li:before{content:"";background:linear-gradient(180deg, var(--volt), var(--cyan));width:2.5px;position:absolute;top:0;bottom:0;left:0}.verbindungen li+li{margin-top:14px}}.geraet-schirm.bilder{z-index:1;background:var(--grund);border-radius:7.4%/3.5%;width:88.2%;height:94.2%;position:absolute;top:2.9%;left:5.9%;overflow:hidden}.geraet-schirm.bilder img{object-fit:fill;opacity:0;width:100%;height:100%;transition:opacity .14s linear;position:absolute;inset:0}.geraet-schirm.bilder img.da{opacity:1}@media (prefers-reduced-motion:reduce){.geraet-schirm.bilder img{transition:none}}