:root{--accent:#b5121f;--bg:#08090b;--fg:#f2f1ee;--fg-dim:#a8a6a1;--card-bg:#101114;--card-border:#1f2023;--accent-border:color-mix(in srgb, var(--accent) 45%, #1f2023);--accent-glow:color-mix(in srgb, var(--accent) 22%, transparent);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}:root{--font-display:"Helvetica Neue", Arial, sans-serif;--font-body:"Helvetica Neue", Arial, sans-serif}html,body{background:var(--bg);color:var(--fg);font-family:var(--font-body);margin:0;padding:0}body{overflow-x:clip}:root{--leiste:calc(100lvh - 100dvh)}h1,h2,h3{font-family:var(--font-display)}#inhalt{z-index:15;background:var(--naht);position:relative}.abschnitt{padding:clamp(64px,11dvh,120px) 22px}.mitte{max-width:1080px;margin:0 auto}.augbrau{letter-spacing:.26em;text-transform:uppercase;color:var(--accent);margin:0 0 18px;font-size:11px}.abschnitt h3{letter-spacing:-.015em;text-wrap:balance;color:var(--fg);margin:0 0 20px;font-size:clamp(1.75rem,4.6vw,2.9rem);font-weight:800;line-height:1.08}.fliess{color:var(--fg-dim);max-width:62ch;font-size:1.05rem;line-height:1.65}.fliess+.fliess{margin-top:16px}#uebergang{background:linear-gradient(to bottom, var(--naht), var(--card-bg) 55%, var(--card-bg));height:18vh}#beleg{background:var(--card-bg)}.zahlen{background:var(--card-border);grid-template-columns:repeat(2,1fr);gap:1px;margin-top:40px;display:grid}.zahl{background:var(--card-bg);padding:26px 18px}.zahl b{font-family:var(--font-display);color:var(--fg);font-size:clamp(1.9rem,6.4vw,3rem);font-weight:800;line-height:1;display:block}.zahl span{color:var(--fg-dim);margin-top:9px;font-size:12.5px;line-height:1.45;display:block}#fertigung{background:var(--bg)}.schritte{gap:28px;margin-top:40px;display:grid}.schritt{border-top:1px solid var(--card-border);padding-top:20px}.schritt h4{font-family:var(--font-display);letter-spacing:.01em;color:var(--fg);margin:0 0 10px;font-size:1.15rem;font-weight:600}.schritt p{color:var(--fg-dim);margin:0;font-size:.97rem;line-height:1.6}#detail{background:var(--card-bg)}.detail-lage{text-align:left;gap:2.5rem;margin-top:2.5rem;display:grid}.detail-bild{border:1px solid var(--card-border);background:var(--bg);border-radius:16px;margin:0;position:relative;overflow:hidden}.detail-bild img{width:100%;display:block}.detail-punkt{background:var(--accent);color:#14161a;width:30px;height:30px;font-size:.85rem;font-weight:700;font-family:var(--font-display);cursor:pointer;box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 30%, transparent), 0 4px 14px #00000080;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)}.detail-liste{flex-direction:column;gap:1.4rem;margin:0;padding:0;list-style:none;display:flex}.detail-liste li{align-items:flex-start;gap:1rem;display:flex}.detail-num{background:color-mix(in srgb, var(--accent) 18%, transparent);border:1px solid var(--accent-border);width:26px;height:26px;color:var(--accent);font-size:.8rem;font-weight:700;font-family:var(--font-display);border-radius:50%;flex:none;justify-content:center;align-items:center;margin-top:.1rem;display:flex}.detail-liste h4{color:var(--fg);margin:0 0 .3rem;font-size:1.02rem}.detail-liste p{color:var(--fg-dim);margin:0;font-size:.92rem;line-height:1.55}@media (width>=860px){.detail-lage{grid-template-columns:3fr 2fr;align-items:center}}#funktion{background:var(--bg)}#funktion-video{border:1px solid var(--card-border);border-radius:16px;width:100%;max-width:860px;margin:2.5rem auto 0;display:block;box-shadow:0 24px 60px #00000073}#einwaende{background:var(--card-bg)}.frage{border-top:1px solid var(--card-border);padding:22px 0}.frage h4{font-family:var(--font-display);color:var(--fg);margin:0 0 8px;font-size:1.02rem;font-weight:600}.frage p{color:var(--fg-dim);margin:0;font-size:.96rem;line-height:1.6}#abschluss{color:#14181d;text-align:center;background:#f2f4f6}#abschluss h3{color:#0d1014}#abschluss .fliess{color:#46505b;margin:0 auto}#abschluss .augbrau{color:#8a7020}.zweitweg{color:#5b656f;margin-top:1.25rem;font-size:.93rem}.zweitweg a{color:#14181d}footer{color:#78828d;text-align:center;background:#f2f4f6;padding:0 22px clamp(48px,8dvh,80px);font-size:12.5px;line-height:1.7}footer p{margin:0 0 10px}footer a{color:#4c565f}.footer-ueber{letter-spacing:.04em;color:#9aa2ab;border-bottom:1px solid #dfe3e7;padding-bottom:10px;font-size:11px;margin-bottom:14px!important}.footer-loviz{color:#5b656f}.footer-klein{opacity:.72;margin-top:14px!important}@media (width>=1024px){.zahlen{grid-template-columns:repeat(4,1fr)}.schritte{grid-template-columns:repeat(3,1fr);gap:34px}.abschnitt{padding:clamp(90px,13dvh,150px) 40px}}:root{--naht:#080b0d;--stahl:#c8ced6}@supports (animation-timeline:scroll()){html,body{animation:linear both werkzeugleiste;animation-timeline:scroll(root)}}@keyframes werkzeugleiste{0%{background:var(--hero-bg,var(--bg))}88%{background:var(--naht)}to{background:var(--bg)}}#vorlader{z-index:90;background:var(--hero-bg,var(--bg));place-items:center;transition:opacity .9s,visibility .9s;display:grid;position:fixed;inset:0}#vorlader[data-fertig="1"]{opacity:0;visibility:hidden}.vorlader-kranz{width:168px;max-width:calc(100vw - 32px);height:168px;position:relative}.vorlader-kranz svg{width:100%;height:100%;transform:rotate(-90deg)}.vorlader-segment{fill:none;stroke:#2b3138;stroke-width:2.5px;transition:stroke .35s}.vorlader-segment[data-an="1"]{stroke:var(--accent)}.vorlader-wort{font-family:var(--font-display);letter-spacing:.3em;text-indent:.3em;color:var(--stahl);text-align:center;white-space:nowrap;place-items:center;padding:0 8px;font-size:clamp(13px,4.2vw,19px);font-weight:800;display:grid;position:absolute;inset:0}.vorlader-zeile{left:0;right:0;top:calc(50% + var(--kranz,168px) / 2 + 34px);text-align:center;letter-spacing:.22em;text-transform:uppercase;color:#4d565f;font-size:11px;position:absolute}#treiber{position:relative}#buehne{background:var(--hero-bg,var(--bg));height:100lvh;position:sticky;top:0;overflow:hidden}#leinwand,#glanz{width:100%;height:100%;display:block;position:absolute;inset:0}#glanz{z-index:2;pointer-events:none;mix-blend-mode:overlay}#bleed{z-index:0;filter:blur(60px)brightness(.35)saturate(1.35);width:116%;height:116%;display:none;position:absolute;inset:-8%}#korn{z-index:3;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");position:absolute;inset:0}#vignette{z-index:3;pointer-events:none;background:radial-gradient(at 50% 42%,#0000 42%,#000000b8 100%);position:absolute;inset:0}#schleier-oben,#schleier-unten{z-index:9;pointer-events:none;opacity:0;transition:opacity .5s;position:absolute;left:0;right:0}#schleier-oben{background:linear-gradient(#030507d1 0%,#0305078c 42%,#0000 100%);height:62%;top:0}#schleier-unten{background:linear-gradient(#0000 0%,#03050780 54%,#030507e0 100%);height:52%;bottom:0}#nahtblende{z-index:4;pointer-events:none;opacity:0;background:linear-gradient(to bottom, transparent 30%, var(--naht) 100%);position:absolute;inset:0}#bloom{z-index:5;pointer-events:none;opacity:0;mix-blend-mode:screen;background:radial-gradient(circle at 50% 52%, #fff4d6b3 0%, color-mix(in srgb, var(--accent) 30%, transparent) 30%, transparent 66%);position:absolute;inset:0}#staub{z-index:6;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}#filmkopf{z-index:40;padding:max(14px, env(safe-area-inset-top)) 18px 14px;color:var(--stahl);pointer-events:none;justify-content:space-between;align-items:center;transition:opacity .45s,color .5s;display:flex;position:fixed;top:0;left:0;right:0}#filmkopf.auf-hell{color:#1b2026}body[data-nachfilm="1"] #filmkopf,body[data-nachfilm="1"] #tonschalter{opacity:0;pointer-events:none}#wortmarke{font-family:var(--font-display);letter-spacing:.3em;text-indent:.3em;color:currentColor;font-size:15px;font-weight:800}#hud{letter-spacing:.18em;text-transform:uppercase;color:currentColor;opacity:.8;align-items:center;gap:10px;font-size:10.5px;display:flex}#hud-balken{opacity:.28;background:currentColor;width:54px;height:2px;position:relative}#hud-balken i{background:var(--accent);width:var(--fortschritt,0%);position:absolute;inset:0 auto 0 0}.beat{z-index:10;opacity:0;pointer-events:none;will-change:opacity, transform;--beat-y:0px;transform:translateY(var(--beat-y));padding:0 24px;position:absolute;left:0;right:0}.beat.oben{top:max(88px, calc(env(safe-area-inset-top) + 76px))}.beat.unten{bottom:calc(var(--leiste) + max(122px, calc(env(safe-area-inset-bottom) + 118px)))}.beat.frei{bottom:max(calc(100% - var(--beat-unterkante,88%)), calc(var(--leiste) + max(122px, calc(env(safe-area-inset-bottom) + 118px))));top:auto}.beat:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(76% 56% at 26% 40%,#040609e0 0%,#040609b3 38%,#0406094d 66%,#04060900 100%);position:absolute;inset:-26px -12px -32px -14px}.beat h2{font-family:var(--font-display);letter-spacing:-.022em;text-wrap:balance;-webkit-hyphens:auto;hyphens:auto;text-shadow:0 2px 40px #000000bf;margin:0 0 12px;font-size:clamp(1.85rem,min(9.2vw,6.6dvh),4rem);font-weight:800;line-height:1.04}.beat .marke{color:var(--accent)}.beat p{color:#d6dbe1;text-shadow:0 1px 24px #000c;max-width:32ch;margin:0;font-size:clamp(.95rem,2.1dvh,1.15rem);line-height:1.5}#station{z-index:20;left:0;right:0;bottom:calc(var(--leiste) + max(38px, calc(env(safe-area-inset-bottom) + 30px)));opacity:0;pointer-events:none;justify-items:center;gap:14px;transition:opacity .45s;display:grid;position:absolute}#station[data-an="1"]{opacity:1;pointer-events:auto}#raste{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);touch-action:none;cursor:pointer;background:#0a0d1199;border:1px solid #c8ced638;border-radius:50%;place-items:center;width:106px;height:106px;display:grid;position:relative}#raste svg{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}#raste-ring{fill:none;stroke:var(--accent);stroke-width:3px;stroke-linecap:round}#raste-kern{font-family:var(--font-display);letter-spacing:.14em;color:var(--stahl);text-align:center;font-size:12px;font-weight:800}#station-text{letter-spacing:.16em;text-transform:uppercase;color:var(--fg-dim);text-align:center;font-size:12.5px}#tonschalter{z-index:45;right:16px;bottom:max(20px, calc(env(safe-area-inset-bottom) + 16px));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;background:#080b0e9e;border:1px solid #c8ced63d;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;transition:opacity .45s,border-color .3s;display:grid;position:fixed}#tonschalter[data-an="1"]{border-color:color-mix(in srgb, var(--accent) 60%, transparent)}#tonschalter i{align-items:flex-end;gap:3px;height:16px;font-style:normal;display:flex}#tonschalter span{background:var(--stahl);border-radius:2px;width:2.5px;height:7px;display:block}#tonschalter span:nth-child(2){height:14px}#tonschalter span:nth-child(3){height:10px}#schnellweg{z-index:45;left:16px;bottom:max(20px, calc(env(safe-area-inset-bottom) + 16px));background:var(--accent);color:#14161a;font-family:var(--font-display);opacity:0;pointer-events:none;border-radius:999px;padding:12px 18px;font-size:13px;font-weight:600;text-decoration:none;transition:opacity .5s,transform .5s;position:fixed;transform:translateY(12px)}#schnellweg[data-an="1"]{opacity:1;pointer-events:auto;transform:none}#schnellweg[data-aus="1"]{opacity:0;pointer-events:none;transform:translateY(12px)}.film-cta{background:var(--accent);color:#14161a;font-family:var(--font-display);will-change:transform;border-radius:999px;margin-top:1.5rem;padding:.95rem 2rem;font-weight:600;text-decoration:none;display:inline-block}@media (width>=1024px) and (pointer:fine){:root{--film-seitenverhaeltnis:.5625;--buehne-breite:min(50vw, 900px, calc(100lvh * var(--film-seitenverhaeltnis)))}:root[data-filmlage=quer]{--film-seitenverhaeltnis:1.7778;--buehne-breite:min(96vw, 1900px, calc(100lvh * var(--film-seitenverhaeltnis)))}#buehne{place-items:center;display:grid}#bleed{display:block}#leinwand,#glanz{z-index:2;width:var(--buehne-breite);height:100lvh;position:relative;inset:auto;box-shadow:0 0 140px #000000e6}#glanz{position:absolute;left:50%;transform:translate(-50%)}.beat{transform:translateX(-50%) translateY(var(--beat-y));width:var(--buehne-breite);left:50%}.beat h2{font-size:clamp(2.2rem,4.4dvh,3.4rem)}#station{width:var(--buehne-breite);left:50%;transform:translate(-50%)}#bleed{filter:blur(48px)brightness(.5)saturate(1.45)}:root[data-thema=hell] #bleed{filter:blur(48px)brightness()saturate(.55)}#leinwand,#glanz{box-shadow:none;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#00000059 3%,#000 9% 91%,#00000059 97%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#00000059 3%,#000 9% 91%,#00000059 97%,#0000 100%)}#bleed{width:120%;height:120%;inset:-10%}}@media (width>=1440px) and (pointer:fine){:root:not([data-filmlage=quer]) .beat{transform:translateY(calc(-50% + var(--beat-y)));width:calc((100vw - var(--buehne-breite)) / 2 - 4.5rem);text-align:right;margin-left:2.5rem;padding:0;top:50%;left:0;right:auto}:root:not([data-filmlage=quer]) .beat.oben,:root:not([data-filmlage=quer]) .beat.unten{top:50%;bottom:auto}:root:not([data-filmlage=quer]) .beat:before{display:none}:root:not([data-filmlage=quer]) .beat h2{-webkit-hyphens:none;hyphens:none;font-size:clamp(1.5rem,2.6vw,3rem)}:root:not([data-filmlage=quer]) .beat p{max-width:none;margin-left:auto}:root:not([data-filmlage=quer]) #schleier-oben,:root:not([data-filmlage=quer]) #schleier-unten{display:none}#hud{letter-spacing:.24em;opacity:1;z-index:11;flex-direction:column;align-items:flex-end;gap:14px;font-size:12px;position:fixed;top:50%;right:3rem;transform:translateY(-50%)}#hud-balken{width:2px;height:120px}#hud-balken i{width:100%;height:var(--fortschritt,0%);inset:0 0 auto}}.standbilder{display:none}body[data-still="1"] .standbilder{display:block}body[data-still="1"] #buehne,body[data-still="1"] #station,body[data-still="1"] #filmkopf,body[data-still="1"] #tonschalter{display:none}.standbild{background:var(--hero-bg,var(--bg));width:100%;display:block}#scrollruf{z-index:5;left:50%;bottom:calc(2.2rem + var(--leiste,0px));pointer-events:none;text-align:center;flex-direction:column;align-items:center;gap:.7rem;transition:opacity .5s,transform .5s;display:flex;position:absolute;transform:translate(-50%)}#scrollruf.fort{opacity:0;transform:translate(-50%)translateY(10px)}#scrollruf:before{content:"";z-index:-1;background:radial-gradient(ellipse 50% 50% at 50% 50%, color-mix(in srgb, var(--bg) 88%, transparent) 0%, color-mix(in srgb, var(--bg) 55%, transparent) 45%, transparent 72%);width:22rem;height:11rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scrollruf-wort{letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;color:var(--fg);opacity:.85;text-shadow:0 1px 18px var(--bg);font-size:11px}.scrollruf-bahn{background:color-mix(in srgb, var(--fg) 22%, transparent);width:1px;height:46px;position:relative;overflow:hidden}.scrollruf-bahn i{background:var(--accent);width:1px;height:16px;animation:1.9s cubic-bezier(.4,0,.2,1) infinite scrollruf-lauf;position:absolute;top:0;left:0}@keyframes scrollruf-lauf{0%{opacity:0;transform:translateY(-18px)}22%{opacity:1}78%{opacity:1}to{opacity:0;transform:translateY(46px)}}#scrollruf.draengt .scrollruf-wort{opacity:.95}#scrollruf.draengt .scrollruf-bahn i{animation-duration:1.15s}#scrollruf.draengt .scrollruf-bahn{background:color-mix(in srgb, var(--fg) 34%, transparent)}@media (prefers-reduced-motion:reduce){.scrollruf-bahn i{opacity:.9;animation:none;top:12px}}