@font-face{font-family:sora;src:url(../media/sora_latin_wght_normal-s.p.2o7d_x-bmx02y.woff2)format("woff2");font-display:swap;font-weight:100 800}@font-face{font-family:sora Fallback;src:local(Arial);ascent-override:85.11%;descent-override:25.44%;line-gap-override:0.0%;size-adjust:113.97%}.wfD6Da_className{font-family:sora,sora Fallback}.wfD6Da_variable{--font-sora:"sora", "sora Fallback"}
@font-face{font-family:manrope;src:url(../media/manrope_latin_wght_normal-s.p.1p_a2k8qd5zhp.woff2)format("woff2");font-display:swap;font-weight:200 800}@font-face{font-family:manrope Fallback;src:local(Arial);ascent-override:106.45%;descent-override:29.96%;line-gap-override:0.0%;size-adjust:100.14%}._9fRM9q_className{font-family:manrope,manrope Fallback}._9fRM9q_variable{--font-manrope:"manrope", "manrope Fallback"}
:root{--bg:#050506;--bg2:#0b0b0d;--txt:#f4f4f5;--mut:#fff9;--mut2:#fff6;--line:#ffffff1a;--line2:#ffffff2e;--fill:#ffffff09;--fill2:#ffffff0f;--ok:#4ade80;--rad:22px;--rad-sm:14px;--pad:clamp(16px, 4vw, 56px);--max:1320px;--ease:cubic-bezier(.2, .7, .1, 1);--display:var(--font-sora), "Segoe UI", system-ui, sans-serif;--text:var(--font-manrope), "Segoe UI", system-ui, sans-serif;--mono:ui-monospace, "SFMono-Regular", "Cascadia Mono", Consolas, monospace;--start:1.45s;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html.intro-gesehen{--start:.15s}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:80px}html.lenis,html.lenis body{height:auto}.lenis-smooth{scroll-behavior:auto!important}.lenis-stopped{overflow:hidden}body{background:var(--bg);color:var(--txt);font-family:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.6;overflow-x:clip}html.menue-offen body{overflow:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit}button{font:inherit;color:inherit}h1,h2,h3,p{margin:0}::selection{color:#050506;background:#ffffffd9}:focus-visible{outline-offset:3px;border-radius:6px;outline:2px solid #fff}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sprunglink{z-index:200;color:#050506;background:#fff;border-radius:10px;padding:10px 16px;font-weight:700;text-decoration:none;transition:top .2s;position:fixed;top:-60px;left:16px}.sprunglink:focus{top:16px}main{z-index:1;position:relative}.rahmen{width:min(var(--max), 100% - 2 * var(--pad));margin-inline:auto}.kicker{font-family:var(--display);letter-spacing:.32em;text-transform:uppercase;color:var(--mut);margin-bottom:18px;font-size:12px;font-weight:600}.titel{font-family:var(--display);letter-spacing:-.045em;text-wrap:balance;font-size:clamp(40px,6.4vw,104px);font-weight:800;line-height:.95}.chrom{background:linear-gradient(100deg,#0000 30%,#ffffffe6 45%,#0000 60%) 200% 0/250% 100% no-repeat,linear-gradient(#fff 0%,#e4e4e7 30%,#85858d 52%,#f4f4f5 70%,#a1a1aa 100%);color:#0000;-webkit-background-clip:text;background-clip:text;animation:8s ease-in-out infinite chromGlanz}@keyframes chromGlanz{0%,72%{background-position:200% 0,0 0}to{background-position:-110% 0,0 0}}.glas{isolation:isolate;border:1px solid var(--line);border-radius:var(--rad);-webkit-backdrop-filter:blur(16px)saturate(120%);backdrop-filter:blur(16px)saturate(120%);background:linear-gradient(#fff1,#ffffff05);position:relative;box-shadow:inset 0 1px #ffffff12,0 30px 80px #00000059}.glas:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;opacity:0;background:linear-gradient(#fff6,#ffffff0f 45%,#ffffff05);padding:1px;transition:opacity .4s;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glas:hover:before{opacity:1}.btn{border-radius:var(--rad-sm);height:54px;font:650 15px/1 var(--display);letter-spacing:.005em;white-space:nowrap;cursor:pointer;transition:transform .4s var(--ease), background-color .25s, box-shadow .4s, border-color .25s;border:1px solid #0000;justify-content:center;align-items:center;gap:10px;padding:0 26px;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn svg{flex:none}.btn--primaer{color:#09090b;background:#f4f4f5;box-shadow:0 10px 40px #ffffff1f,inset 0 -2px #00000014}.btn--primaer:after{content:"";transition:transform .8s var(--ease);background:linear-gradient(105deg,#0000 35%,#fffffff2 50%,#0000 65%);position:absolute;inset:0;transform:translate(-120%)}.btn--primaer:hover{background:#fff;box-shadow:0 16px 56px #ffffff3d}.btn--primaer:hover:after{transform:translate(120%)}.btn--primaer>*{z-index:1;position:relative}.btn--glas{border-color:var(--line2);color:var(--txt);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0d}.btn--glas:hover{background:#ffffff1a;border-color:#fff6}.btn--klein{border-radius:11px;height:40px;padding:0 16px;font-size:13px}.textlink{color:var(--txt);border-bottom:1px solid var(--line2);transition:border-color .25s, gap .3s var(--ease);align-items:center;gap:8px;padding-bottom:2px;font-weight:650;text-decoration:none;display:inline-flex}.textlink:hover{border-color:#fff;gap:12px}.textlink svg{width:16px;height:16px}.rundknopf{border:1px solid var(--line2);cursor:pointer;width:52px;height:52px;transition:background-color .25s, border-color .25s, transform .3s var(--ease);background:#ffffff0d;border-radius:50%;place-items:center;display:grid}.rundknopf:hover{background:#ffffff1f;border-color:#ffffff73}.rundknopf:active{transform:scale(.94)}.statuspunkt{color:var(--mut);align-items:center;gap:9px;font-size:13px;font-weight:600;display:inline-flex}.statuspunkt i{background:#71717a;border-radius:50%;flex:none;width:8px;height:8px}.statuspunkt.is-online i{background:var(--ok);animation:2.2s infinite puls}.statuspunkt.is-laden i{animation:1s infinite alternate blinken}@keyframes puls{0%{box-shadow:0 0 #4ade808c}70%{box-shadow:0 0 0 10px #4ade8000}to{box-shadow:0 0 #4ade8000}}@keyframes blinken{to{opacity:.3}}.kopierzeile{color:var(--mut2);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 12px;font-size:13px;display:flex}.kopierzeile__knopf{border:1px solid var(--line);cursor:pointer;background:#ffffff0a;border-radius:11px;align-items:center;gap:12px;height:38px;padding:0 6px 0 14px;transition:border-color .25s,background-color .25s;display:inline-flex}.kopierzeile__knopf:hover{border-color:var(--line2);background:#ffffff14}.kopierzeile__knopf code{font-family:var(--mono);color:var(--txt);font-size:13px}.kopierzeile__status{height:28px;color:var(--mut);background:#ffffff12;border-radius:8px;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:650;transition:background-color .25s,color .25s;display:inline-flex}.kopierzeile__status svg{width:14px;height:14px}.kopierzeile__status.is-kopiert{color:#09090b;background:#f4f4f5}.kopierzeile__knopf code{white-space:nowrap}@media (max-width:420px){.kopierzeile__knopf code{font-size:12px}.kopierzeile__status{gap:0;padding:0 8px;font-size:0}.kopierzeile__status svg{width:15px;height:15px}}[data-reveal]{opacity:0;transition:opacity 1s var(--ease), transform 1s var(--ease), filter 1.2s var(--ease);transition-delay:calc(var(--d,0) * .11s);transform:translateY(28px)}[data-reveal].titel{filter:blur(14px);transform:translateY(40px)scale(.985)}[data-reveal].is-in{opacity:1;filter:none;transform:none}.atmosphaere{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.atmosphaere i{filter:blur(30px);background:radial-gradient(circle,#ffffff0d,#0000 65%);border-radius:50%;width:60vmax;height:60vmax;animation:42s ease-in-out infinite alternate wandern;position:absolute}.atmosphaere i:first-child{top:-10vmax;left:-20vmax}.atmosphaere i:nth-child(2){animation-duration:55s;animation-delay:-12s;top:30vh;right:-25vmax}.atmosphaere i:nth-child(3){opacity:.7;animation-duration:63s;animation-delay:-30s;bottom:-30vmax;left:20vw}@keyframes wandern{0%{transform:translate(0,0)scale(1)}50%{transform:translate(8vw,-6vh)scale(1.15)}to{transform:translate(-6vw,8vh)scale(.95)}}.korn{z-index:80;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:.9s steps(6,end) infinite korn;position:fixed;inset:-50%}@keyframes korn{0%{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-4%)}60%{transform:translate(-4%,-2%)}80%{transform:translate(3%,3%)}to{transform:translate(0)}}.blende{z-index:95;background:var(--bg);pointer-events:none;animation:blende .75s var(--ease) forwards;position:fixed;inset:0}@keyframes blende{to{opacity:0;visibility:hidden}}.intro{z-index:100;cursor:pointer;animation:0s linear 1.95s forwards introWeg;position:fixed;inset:0}@keyframes introWeg{to{visibility:hidden;pointer-events:none}}.intro__vorhang{background:var(--bg);height:50.5%;position:absolute;left:0;right:0}.intro__vorhang--oben{animation:vorhangOben .85s var(--ease) 1.1s forwards;top:0}.intro__vorhang--unten{animation:vorhangUnten .85s var(--ease) 1.1s forwards;bottom:0}@keyframes vorhangOben{to{transform:translateY(-100%)}}@keyframes vorhangUnten{to{transform:translateY(100%)}}.intro__logo{width:150px;height:150px;animation:logoIntro 1.25s var(--ease) forwards;position:absolute;top:50%;left:50%;translate:-50% -50%}.intro__logo img{object-fit:contain;filter:drop-shadow(0 20px 40px #0009);width:100%;height:100%}@keyframes logoIntro{0%{opacity:0;filter:blur(10px);transform:scale(.84)}35%{opacity:1;filter:blur();transform:scale(1)}80%{opacity:1;transform:scale(1.02)}to{opacity:0;filter:blur(4px);transform:scale(1.12)}}.intro__glanz{background:linear-gradient(105deg,#0000 38%,#fff 50%,#0000 62%) 130% 0/260% 100% no-repeat;animation:.85s .35s forwards introGlanz;position:absolute;inset:0;-webkit-mask:url(/brand/logo.png) 50%/contain no-repeat;mask:url(/brand/logo.png) 50%/contain no-repeat}@keyframes introGlanz{to{background-position:-40% 0}}.nav{z-index:60;transition:transform .55s var(--ease);position:fixed;top:0;left:0;right:0}.nav--weg{transform:translateY(-110%)}.nav__leiste{height:72px;padding:0 var(--pad);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;gap:24px;transition:background-color .35s,border-color .35s,-webkit-backdrop-filter .35s,backdrop-filter .35s;display:flex}.nav--fest .nav__leiste,.nav--offen .nav__leiste{-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);border-color:var(--line);background:#0505069e}.nav__marke{font:750 18px var(--display);letter-spacing:-.02em;align-items:center;gap:10px;text-decoration:none;display:flex}.nav__marke img{object-fit:contain;width:36px;height:36px;transition:transform .6s var(--ease)}.nav__marke:hover img{transform:rotate(-8deg)scale(1.08)}.nav__links{gap:2px;display:flex}.nav__links a{color:var(--mut);border-radius:10px;padding:8px 12px;font-size:14px;font-weight:650;text-decoration:none;transition:color .2s,background-color .2s}.nav__links a:hover,.nav__links a[aria-current=page]{color:var(--txt);background:#ffffff0f}.nav__rechts{align-items:center;gap:16px;display:flex}.nav__menueknopf{border:1px solid var(--line2);cursor:pointer;background:#ffffff0d;border-radius:12px;place-items:center;width:44px;height:44px;display:none}.menue{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:32px var(--pad) 40px;background:#050506f5;flex-direction:column;justify-content:space-between;display:flex;position:fixed;inset:72px 0 0;overflow-y:auto}.menue[hidden]{display:none}.menue nav{flex-direction:column;display:flex}.menue nav a{font:800 clamp(34px, 9vw, 56px)/1.15 var(--display);letter-spacing:-.04em;border-bottom:1px solid var(--line);opacity:0;animation:menueRein .6s var(--ease) forwards;animation-delay:calc(var(--i) * 45ms);padding:6px 0;text-decoration:none;transform:translateY(16px)}@keyframes menueRein{to{opacity:1;transform:none}}.menue__unten{flex-direction:column;align-items:flex-start;gap:18px;margin-top:32px;display:flex}@media (max-width:1240px){.nav__status{display:none}}@media (max-width:1100px){.nav__links{display:none}.nav__menueknopf{display:grid}}@media (max-width:520px){.nav__rechts .btn{display:none}}.hero{background:var(--bg);justify-content:center;align-items:flex-end;height:100svh;min-height:680px;display:flex;position:relative;overflow:hidden}.hero__bild,.hero__szene{position:absolute;inset:0}.hero__bild img{object-fit:cover;width:100%;height:100%;transition:opacity 1.2s}.hero__canvas{opacity:0;width:100%;height:100%;transition:opacity 1.4s;display:block}.hero--3d .hero__canvas{opacity:1}.hero--3d .hero__bild img{opacity:0}.hero__schatten{pointer-events:none;background:linear-gradient(to bottom, #050506bf, transparent 18%), linear-gradient(to top, var(--bg) 0%, #050506d9 22%, #05050633 52%, transparent 70%), radial-gradient(120% 80% at 50% 40%, transparent 50%, #0009 100%);position:absolute;inset:0}.hero__inhalt{z-index:2;width:100%;padding:0 var(--pad) clamp(32px, 6vh, 76px);text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex;position:relative}.hero__kicker{color:#ffffffd9;text-shadow:0 1px 12px #000c;animation:auf 1s var(--ease) both;animation-delay:var(--start);margin:0}.hero__titel{font:800 clamp(60px, 11vw, 200px)/.82 var(--display);letter-spacing:-.055em;text-transform:uppercase;justify-content:center;gap:.16em;display:flex}.hero__zeile{padding:.02em .02em .06em;display:inline-block;overflow:hidden}.hero__zeile>span{animation:zeileHoch 1.2s var(--ease) forwards, chromGlanz 8s ease-in-out 3s infinite;display:inline-block;transform:translateY(110%)}.hero__zeile:nth-child(2)>span{animation-delay:calc(var(--start) + 50ms), 3s}.hero__zeile:nth-child(3)>span{animation-delay:calc(var(--start) + .15s), 3.3s}@keyframes zeileHoch{to{transform:none}}.hero__unter{font:600 clamp(18px, 2vw, 26px)/1.3 var(--display);letter-spacing:-.02em;color:#ffffffd1;animation:auf 1s var(--ease) both;animation-delay:calc(var(--start) + .35s)}.hero__status{animation:auf 1s var(--ease) both;animation-delay:calc(var(--start) + .45s);border-radius:999px;padding:9px 16px}.hero__aktionen{animation:auf 1s var(--ease) both;animation-delay:calc(var(--start) + .55s);flex-wrap:wrap;justify-content:center;gap:12px;margin-top:6px;display:flex}.hero__inhalt .kopierzeile{animation:auf 1s var(--ease) both;animation-delay:calc(var(--start) + .65s)}.hero__hinweis{color:var(--mut2);animation:auf 1s var(--ease) both;animation-delay:calc(var(--start) + .75s);font-size:13px}@keyframes auf{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.hero__scroll{right:var(--pad);z-index:3;background:#ffffff24;width:1px;height:72px;position:absolute;bottom:clamp(36px,7vh,84px);overflow:hidden}.hero__scroll span{width:1px;height:40%;animation:scrollLinie 2.2s var(--ease) infinite;background:#fff;position:absolute;top:0;left:0}@keyframes scrollLinie{0%{transform:translateY(-100%)}to{transform:translateY(260%)}}@media (max-width:899px){.hero{min-height:640px}.hero__scroll{display:none}.hero__aktionen .btn{flex:220px}}@media (max-height:840px) and (min-width:900px){.hero__inhalt{gap:10px}.hero__titel{font-size:clamp(56px,8.4vw,150px)}.hero__unter{font-size:20px}.hero__hinweis{display:none}}.tag{z-index:1;position:relative}.tag__buehne{height:100svh;min-height:620px;position:relative;overflow:hidden}.tag__himmel{background:linear-gradient(to bottom, var(--himmel-oben,#1c1c20), var(--himmel-unten,#707078));position:absolute;inset:0}.tag__himmel:before{content:"";opacity:calc(var(--nacht,0) * .9);background-image:radial-gradient(1px 1px at 12% 18%,#fff,#0000),radial-gradient(1px 1px at 27% 8%,#fff,#0000),radial-gradient(1.5px 1.5px at 41% 26%,#fff,#0000),radial-gradient(1px 1px at 58% 12%,#fff,#0000),radial-gradient(1px 1px at 69% 31%,#fff,#0000),radial-gradient(1.5px 1.5px at 83% 16%,#fff,#0000),radial-gradient(1px 1px at 92% 36%,#fff,#0000),radial-gradient(1px 1px at 6% 40%,#fff,#0000),radial-gradient(1px 1px at 35% 44%,#fff,#0000),radial-gradient(1px 1px at 77% 6%,#fff,#0000);position:absolute;inset:0 0 40%}.tag__sonne{left:var(--sonne-x,8%);top:var(--sonne-y,78%);aspect-ratio:1;width:30vmin;opacity:var(--sonne,1);background:radial-gradient(circle,#fff 0 18%,#ffffff59 30%,#ffffff14 50%,#0000 70%);border-radius:50%;position:absolute;translate:-50% -50%}.tag__mond{aspect-ratio:1;width:9vmin;opacity:var(--mond,0);transform:translateY(calc((1 - var(--mond,0)) * 40px));border-radius:50%;position:absolute;top:20%;left:78%;box-shadow:inset -2.4vmin .6vmin #e4e4e7,0 0 60px #ffffff1f}.tag__skyline{width:100%;height:58%;position:absolute;bottom:0;left:0}.tag__haus{fill:#08080a}.tag__fenster rect{fill:#fff3df;opacity:calc(var(--nacht,0) * (.15 + var(--d) * .85))}.tag__fenster rect:nth-child(7n){animation:5s step-end infinite fensterFlackern;animation-delay:calc(var(--d) * -5s)}@keyframes fensterFlackern{0%,70%{fill:#fff3df}71%,to{fill:#08080a}}.tag__inhalt{text-shadow:0 2px 30px #00000059;grid-template-rows:auto 1fr auto;grid-template-columns:1.1fr 1fr;column-gap:48px;padding:120px 0 36px;display:grid;position:absolute;inset:0}.tag__kopf{grid-area:1/1}.tag__uhr{grid-area:2/1;align-self:center}.tag__uhr span{font:800 clamp(80px, 14vw, 230px)/.85 var(--display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;background:linear-gradient(#ffffffeb 0%,#ffffff47 100%);color:#0000;-webkit-background-clip:text;background-clip:text;display:block}.tag__phasen{grid-area:1/2/3;align-self:center;min-height:300px;margin:0;padding:0;list-style:none;position:relative}.tag__phase{opacity:0;filter:blur(6px);transition:opacity .7s var(--ease), transform .7s var(--ease), filter .7s var(--ease);flex-direction:column;justify-content:center;display:flex;position:absolute;inset:0;transform:translateY(30px)}.tag__phase.is-aktiv{opacity:1;filter:none;transform:none}.tag__wort{font:600 13px var(--display);letter-spacing:.32em;text-transform:uppercase;color:#ffffffbf;margin-bottom:14px}.tag__titel{font:800 clamp(34px, 4.4vw, 68px)/1 var(--display);letter-spacing:-.04em;margin-bottom:22px}.tag__phase ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.tag__phase li li,.tag__phase ul li{color:#ffffffe0;align-items:center;gap:14px;font-size:clamp(16px,1.4vw,19px);font-weight:600;display:flex}.tag__phase ul li:before{content:"";background:#fff9;flex:none;width:22px;height:1px}.tag__fortschritt{grid-area:3/1/auto/-1;grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.tag__fortschritt span{font:600 11px var(--display);letter-spacing:.28em;text-transform:uppercase;color:#ffffff73;border-top:1px solid #fff3;padding-top:12px;transition:color .4s,border-color .4s}.tag__fortschritt span.is-an{color:#fff;border-color:#fff}@media (max-width:899px){.tag__inhalt{grid-template-rows:auto auto 1fr auto;grid-template-columns:1fr;padding-top:100px}.tag__uhr{grid-area:2/1;margin:10px 0}.tag__uhr span{font-size:clamp(64px,22vw,120px)}.tag__phasen{grid-area:3/1;align-self:start;min-height:240px}.tag__fortschritt{grid-row:4}}.tag--statisch .tag__buehne{height:auto}.tag--statisch .tag__himmel{--himmel-oben:#050506;--himmel-unten:#141417;--nacht:1;--sonne:0;--mond:1}.tag--statisch .tag__inhalt{padding:120px var(--pad) 200px;display:block;position:relative}.tag--statisch .tag__uhr,.tag--statisch .tag__fortschritt{display:none}.tag--statisch .tag__phasen{gap:40px;margin-top:40px;display:grid}.tag--statisch .tag__phase{opacity:1;filter:none;position:static;transform:none}.frak{z-index:1;padding-top:clamp(96px,12vw,160px);position:relative}.frak__kopf{grid-template-columns:1.2fr 1fr;align-items:end;gap:12px 48px;margin-bottom:48px;display:grid}.frak__kopf .kicker{grid-column:1/-1;margin-bottom:0}.frak__kopf .titel{font-size:clamp(36px,5vw,80px)}.frak__text{color:var(--mut);max-width:460px}.frak__spur{padding:36px var(--pad) 8px;will-change:transform;gap:18px;width:max-content;display:flex}.frak__karte,.frak__ende{flex-direction:column;flex:none;width:clamp(270px,25vw,360px);height:clamp(360px,50vh,470px);padding:26px;display:flex}.frak__karte{transition:border-color .3s,background-color .3s;container-type:inline-size}.frak__karte:hover{border-color:#ffffff38}.frak__karte--start{margin-left:28px}.frak__karte--start:first-child{margin-left:0}.frak__karte[data-gruppe] .frak__gruppe{color:var(--txt)}.frak__nr{font:600 12px var(--mono);color:var(--mut2)}.frak__gruppe{font:600 11px var(--display);letter-spacing:.26em;text-transform:uppercase;color:var(--mut2);position:absolute;top:26px;right:26px}.frak__kuerzel{font:800 min(92px, calc(100cqi / (var(--len,4) * .68))) / 1 var(--display);letter-spacing:-.02em;white-space:nowrap;background:linear-gradient(#ffffff42 0%,#ffffff0a 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin-top:auto;margin-bottom:14px;transition:opacity .4s}.frak__kuerzel::selection{color:#050506}.frak__karte:hover .frak__kuerzel{background-image:linear-gradient(#fff 0%,#d4d4d8 45%,#8b8b93 60%,#f4f4f5 100%)}.frak__name{font:750 22px/1.2 var(--display);letter-spacing:-.02em;margin-bottom:8px}.frak__satz{color:var(--mut);min-height:3em;font-size:15px;line-height:1.5}.frak__mehr{cursor:pointer;color:var(--txt);border:0;border-bottom:1px solid var(--line2);transition:gap .3s var(--ease), border-color .3s;background:0 0;align-self:flex-start;align-items:center;gap:8px;margin-top:18px;padding:0;font-size:14px;font-weight:700;display:inline-flex}.frak__mehr svg{width:16px;height:16px}.frak__mehr:hover{border-color:#fff;gap:12px}.frak__ende{justify-content:flex-end;gap:14px;margin-left:28px}.frak__ende-text{font:700 24px/1.25 var(--display);letter-spacing:-.02em;margin-bottom:8px}.frak__ende .btn{align-self:flex-start}@media (min-width:900px){.frak{flex-direction:column;justify-content:center;height:100svh;min-height:760px;padding-top:72px;display:flex}.frak__kopf{margin-bottom:8px}}@media (max-width:899px){.frak__kopf{grid-template-columns:1fr}.frak__spur{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;width:auto;padding-bottom:24px;overflow-x:auto}.frak__spur::-webkit-scrollbar{display:none}.frak__karte,.frak__ende{scroll-snap-align:start;width:min(82vw,340px);height:420px}}.fenster{color:inherit;background:0 0;border:0;width:min(640px,100% - 32px);max-height:calc(100% - 32px);padding:0;overflow:visible}.fenster::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009}.fenster[open] .fenster__innen{animation:fensterAuf .5s var(--ease)}@keyframes fensterAuf{0%{opacity:0;transform:translateY(24px)scale(.98)}}.fenster__innen{background:#0e0e10eb;padding:clamp(28px,5vw,48px)}.fenster__innen .frak__gruppe{margin-bottom:18px;display:block;position:static}.fenster__zu{border:1px solid var(--line);cursor:pointer;background:#ffffff0f;border-radius:12px;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:18px;right:18px}.fenster__zu:hover{background:#ffffff1f}.fenster__kuerzel{font:800 clamp(64px, 12vw, 120px)/.9 var(--display);letter-spacing:-.05em;margin-bottom:18px;display:block}.fenster__titel{font:750 28px/1.15 var(--display);letter-spacing:-.02em;margin-bottom:12px}.fenster__text{color:var(--mut);margin-bottom:28px;font-size:17px}.fenster__aktionen{flex-wrap:wrap;gap:12px;display:flex}.sys{z-index:1;padding-block:clamp(110px,14vw,200px) clamp(60px,8vw,120px);position:relative}.sys__kopf{grid-template-columns:1.2fr 1fr;align-items:end;gap:12px 48px;margin-bottom:56px;display:grid}.sys__kopf .kicker{grid-column:1/-1;margin-bottom:0}.sys__text{color:var(--mut);max-width:460px}.bento{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-areas:"handy handy handy handy handy bank bank bank bank ampel ampel ampel""handy handy handy handy handy haus haus haus markt markt markt markt""jobs jobs jobs jobs jobs jobs jobs unter unter unter unter unter""ermi ermi ermi ermi funk funk funk unter unter unter unter unter""chars chars chars chars craft craft craft craft leben leben leben leben";gap:16px;display:grid}.kachel{flex-direction:column;gap:10px;min-width:0;min-height:200px;padding:26px;display:flex;overflow:hidden}.kachel p{color:var(--mut);max-width:44ch;font-size:15px;line-height:1.55}.kachel__kopf{align-items:center;gap:12px;display:flex}.kachel__kopf svg{width:22px;height:22px;color:var(--txt);flex:none}.kachel__kopf h3{font:750 19px/1.2 var(--display);letter-spacing:-.02em}.kachel--handy{grid-area:handy}.kachel--bank{grid-area:bank}.kachel--ampel{grid-area:ampel}.kachel--haus{grid-area:haus}.kachel--auto{grid-area:markt}.kachel--jobs{grid-area:jobs}.kachel--untergrund{grid-area:unter}.kachel--ermittlung{grid-area:ermi}.kachel--funk{grid-area:funk}.kachel--chars{grid-area:chars}.kachel--craft{grid-area:craft}.kachel--leben{grid-area:leben}.kachel--dunkel{background:linear-gradient(160deg,#ffffff0a,#00000080)}.handy{border:1px solid var(--line2);background:linear-gradient(#121215,#0a0a0c);border-radius:34px;width:210px;height:300px;margin:auto auto 0;padding:10px;transform:translateY(40px);box-shadow:0 30px 60px #00000080,inset 0 1px #ffffff14}.handy__schirm{background:radial-gradient(120% 60% at 50% 0,#ffffff1a,#0000 70%),#050506;border-radius:26px;flex-direction:column;gap:10px;height:100%;padding:18px 12px;display:flex}.handy__zeit{font:700 30px var(--display);text-align:center;letter-spacing:-.03em;margin:6px 0 8px}.handy__karte{border:1px solid var(--line);animation:karteRein 6s var(--ease) infinite;background:#ffffff14;border-radius:14px;flex-direction:column;gap:2px;padding:10px 12px;font-size:11px;line-height:1.3;display:flex}.handy__karte b{font-size:12px}.handy__karte span{color:var(--mut)}.handy__karte--2{animation-delay:.6s}@keyframes karteRein{0%{opacity:0;transform:translateY(-12px)scale(.96)}8%,80%{opacity:1;transform:none}88%,to{opacity:0;transform:translateY(6px)}}.handy__karte:first-of-type{animation:karteRein 6s var(--ease) infinite, notruf 1.2s ease-out infinite;box-shadow:0 0 #fff6}@keyframes notruf{0%{box-shadow:0 0 #ffffff59}to{box-shadow:0 0 0 10px #fff0}}.zaehler{font:800 clamp(34px, 3.4vw, 48px)/1 var(--display);letter-spacing:-.04em;align-items:baseline;gap:8px;margin-top:auto;display:flex}.zaehler>span:first-child{color:var(--mut2);font-size:.6em}.zaehler__rolle{font-variant-numeric:tabular-nums;flex-direction:column;height:1em;display:inline-flex;overflow:hidden}.zaehler__rolle span{height:1em;animation:rolle 9s var(--ease) infinite;line-height:1;display:block}@keyframes rolle{0%,22%{transform:translateY(0)}30%,55%{transform:translateY(-100%)}63%,88%{transform:translateY(-200%)}96%,to{transform:translateY(-300%)}}.ampel{gap:10px;margin-top:auto;display:flex}.ampel i{border:1px solid var(--line);background:#ffffff14;border-radius:50%;width:22px;height:22px;animation:4.5s step-end infinite ampel}.ampel i:nth-child(2){animation-delay:-3s}.ampel i:nth-child(3){animation-delay:-1.5s}@keyframes ampel{0%{background:#fff;box-shadow:0 0 18px #fff9}33%,to{box-shadow:none;background:#ffffff14}}.haus{grid-template-columns:repeat(6,1fr);gap:6px;max-width:220px;margin-top:auto;display:grid}.haus i{aspect-ratio:1;animation:7s step-end infinite fenster;animation-delay:calc(var(--i) * -.83s);background:#ffffff0f;border-radius:3px}.haus i:nth-child(3n){animation-duration:5s}@keyframes fenster{0%,55%{background:#ffffff0f}56%,to{background:#fff4e1d9;box-shadow:0 0 10px #fff4e159}}.auktion{grid-template-columns:auto 1fr;align-items:baseline;gap:6px 14px;margin-top:auto;display:grid}.auktion__label{font:600 11px var(--display);letter-spacing:.24em;text-transform:uppercase;color:var(--mut2)}.auktion__wert{font:800 28px var(--display);letter-spacing:-.03em}.auktion__balken{background:#ffffff1a;border-radius:3px;grid-column:1/-1;height:3px;overflow:hidden}.auktion__balken i{transform-origin:0;background:#fff;height:100%;animation:8s linear infinite countdown;display:block}@keyframes countdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.laufband{margin:auto -26px 0;overflow:hidden;-webkit-mask:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.laufband>div{gap:12px;width:max-content;animation:30s linear infinite laufband;display:flex}.laufband span{border:1px solid var(--line2);font:650 14px var(--display);white-space:nowrap;color:#ffffffd9;border-radius:999px;padding:10px 16px}@keyframes laufband{to{transform:translate(-50%)}}.kachel--untergrund{justify-content:space-between}.kachel--untergrund p:not(.neon){font-size:17px}.neon{letter-spacing:-.03em;text-shadow:0 0 8px #fffc,0 0 30px #fff6;align-self:flex-end;animation:6s step-end infinite neon;font:800 clamp(44px, 5vw, 76px)/1 var(--display)!important;color:#fff!important;max-width:none!important}@keyframes neon{0%,18%,22%,60%,63%,to{opacity:1}19%,21%,61%{opacity:.25;text-shadow:none}}.radar{border:1px solid var(--line2);background:repeating-radial-gradient(circle,#0000 0 15px,#ffffff0f 15px 16px);border-radius:50%;align-self:flex-end;width:96px;height:96px;margin-top:auto;position:relative;overflow:hidden}.radar i{background:conic-gradient(#fff6,#0000 25%);animation:3s linear infinite drehen;position:absolute;inset:0}.radar b{background:#fff;border-radius:50%;width:6px;height:6px;animation:3s ease-out infinite blip;position:absolute;top:30%;left:62%}@keyframes drehen{to{transform:rotate(360deg)}}@keyframes blip{0%,20%{opacity:0}25%{opacity:1;box-shadow:0 0 #fff9}70%{opacity:.2;box-shadow:0 0 0 10px #fff0}to{opacity:0}}.welle{align-items:center;gap:4px;height:44px;margin-top:auto;display:flex}.welle i{transform-origin:50%;height:100%;animation:1.4s ease-in-out infinite welle;animation-delay:calc(var(--i) * -.09s);background:#ffffffbf;border-radius:2px;flex:1}@keyframes welle{0%,to{transform:scaleY(.15)}50%{transform:scaleY(1)}}@media (max-width:1100px){.bento{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-areas:"handy handy handy bank bank bank""handy handy handy ampel ampel ampel""haus haus haus markt markt markt""jobs jobs jobs jobs jobs jobs""unter unter unter unter unter unter""ermi ermi ermi funk funk funk""chars chars craft craft leben leben"}}@media (max-width:899px){.sys__kopf{grid-template-columns:1fr}}@media (max-width:640px){.bento{grid-template-columns:1fr;grid-template-areas:none}.bento>*{grid-area:auto!important}}.show{z-index:1;padding-top:clamp(80px,10vw,140px);position:relative;overflow:hidden}.show__buehne{outline:none;height:clamp(460px,78vh,820px);position:relative}.show__licht{pointer-events:none;background:radial-gradient(36% 70% at 50% 0,#ffffff29,#0000 72%),radial-gradient(34% 30% at 50% 58%,#ffffff1f,#0000 72%);position:absolute;inset:0}.show__art-gross{font:800 clamp(70px, 13vw, 240px)/.9 var(--display);letter-spacing:-.03em;text-transform:uppercase;white-space:nowrap;background:linear-gradient(#ffffff1a 0%,#fff0 85%);color:#0000;pointer-events:none;animation:artRein 1.2s var(--ease);-webkit-background-clip:text;background-clip:text;position:absolute;top:6%;left:50%;translate:-50%}@keyframes artRein{0%{opacity:0;letter-spacing:.04em}}.show__auto{width:min(960px,94vw);animation:autoRein 1.1s var(--ease);position:absolute;top:52%;left:50%;translate:-50% -50%}.show__auto img{z-index:1;filter:brightness(1.3)contrast(1.05);position:relative}.show__schatten{z-index:0;filter:blur(6px);background:radial-gradient(closest-side,#000000bf,#0000);height:12%;position:absolute;top:72%;left:18%;right:18%}@keyframes autoRein{0%{opacity:0;transform:translateX(calc(var(--r,1) * 6vw)) scale(.97)}}.show__info{justify-content:space-between;align-items:flex-end;gap:24px;display:flex;position:absolute;bottom:64px;left:0;right:0}.show__zahl{font:600 13px var(--mono);color:var(--mut)}.show__zahl i{color:var(--mut2);font-style:normal}.show__art{font:800 clamp(30px, 3.6vw, 52px)/1 var(--display);letter-spacing:-.04em;margin:8px 0 6px}.show__text{color:var(--mut)}.show__knoepfe{gap:10px;display:flex}.show__punkte{gap:8px;display:flex;position:absolute;bottom:24px;left:0;right:0}.show__punkte button{cursor:pointer;width:28px;height:3px;transition:background-color .3s, width .4s var(--ease);background:#fff3;border:0;border-radius:3px;padding:0}.show__punkte button.is-aktiv{background:#fff;width:56px}.show__punkte button:hover{background:#fff9}.show__fuss{color:var(--mut2);padding:18px 0 0;font-size:14px}@media (max-width:640px){.show__buehne{height:520px}.show__auto{top:40%}.show__info{flex-direction:column;align-items:flex-start;bottom:52px}}.zahlen{z-index:1;padding-block:clamp(80px,10vw,140px) 0;position:relative}.zahlen__reihe{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.zahl{animation:auf .9s var(--ease) both;flex-direction:column;gap:8px;padding:32px;display:flex}.zahl__wert{font:800 clamp(60px, 7vw, 112px)/.95 var(--display);letter-spacing:-.05em;font-variant-numeric:tabular-nums}.zahl__text{color:var(--mut);font-weight:600}.zahl__live{font:600 11px var(--display);letter-spacing:.2em;text-transform:uppercase;color:var(--mut2);align-items:center;gap:7px;display:inline-flex;position:absolute;top:24px;right:24px}.zahl__live i{background:var(--ok);border-radius:50%;width:6px;height:6px;animation:2.2s infinite puls}.ein{z-index:1;padding-block:clamp(110px,14vw,200px) clamp(60px,8vw,100px);position:relative}.ein .titel{margin-bottom:56px}.ein__schritte{counter-reset:schritt;grid-template-columns:repeat(3,1fr);gap:16px;margin:0;padding:0;list-style:none;display:grid}.ein__schritt{flex-direction:column;align-items:flex-start;gap:12px;padding:30px;display:flex}.ein__schritt h3{font:750 24px/1.15 var(--display);letter-spacing:-.02em}.ein__schritt p{color:var(--mut)}.ein__nr{font:800 64px/1 var(--display);letter-spacing:-.03em;background:linear-gradient(#ffffff42 0%,#ffffff0a 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:8px}.ein__links{flex-wrap:wrap;gap:16px;margin-top:auto;display:flex}.ein__schritt .textlink{margin-top:auto}.ein__schritt--los{border-color:var(--line2);background:linear-gradient(#ffffff1a,#ffffff08)}.ein__schritt--los .btn{width:100%;margin-top:auto}.ein__schritt--los .kopierzeile{justify-content:flex-start}@media (max-width:960px){.ein__schritte{grid-template-columns:1fr}}.mit{z-index:1;padding-bottom:clamp(60px,8vw,100px);position:relative}.mit__raster{grid-template-columns:1fr 1fr;gap:16px;display:grid}.mit__karte{min-height:280px;transition:border-color .3s, transform .5s var(--ease);flex-direction:column;gap:10px;padding:clamp(28px,4vw,44px);text-decoration:none;display:flex}.mit__karte .kicker{margin-bottom:4px}.mit__karte h3{font:800 clamp(30px, 3.2vw, 46px)/1.05 var(--display);letter-spacing:-.04em}.mit__karte p{color:var(--mut);max-width:42ch}.mit__pfeil{border:1px solid var(--line2);width:56px;height:56px;transition:background-color .3s, color .3s, transform .5s var(--ease);border-radius:50%;align-self:flex-end;place-items:center;margin-top:auto;display:grid}.mit__karte:hover{border-color:#ffffff40}.mit__karte:hover .mit__pfeil{color:#050506;background:#fff;transform:rotate(-45deg)}@media (max-width:760px){.mit__raster{grid-template-columns:1fr}}.faq{z-index:1;grid-template-columns:1fr 1.3fr;gap:48px;padding-block:clamp(80px,10vw,140px);display:grid;position:relative}.faq__kopf p:not(.kicker){color:var(--mut);max-width:34ch;margin-top:18px}.faq__kopf{align-self:start;position:sticky;top:110px}.faq__liste{border-top:1px solid var(--line)}.faq__eintrag{border-bottom:1px solid var(--line)}.faq__eintrag summary{cursor:pointer;font:700 clamp(18px, 1.6vw, 22px)/1.3 var(--display);letter-spacing:-.02em;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;list-style:none;display:flex}.faq__eintrag summary::-webkit-details-marker{display:none}.faq__eintrag summary i{flex:none;width:18px;height:18px;position:relative}.faq__eintrag summary i:before,.faq__eintrag summary i:after{content:"";height:1.5px;transition:transform .4s var(--ease);background:currentColor;position:absolute;top:50%;left:0;right:0}.faq__eintrag summary i:after{transform:rotate(90deg)}.faq__eintrag[open] summary i:after{transform:rotate(0)}.faq__antwort{color:var(--mut);padding:0 48px 26px 0}.faq__antwort a{color:var(--txt)}.faq__eintrag[open] .faq__antwort{animation:auf .5s var(--ease)}@media (max-width:899px){.faq{grid-template-columns:1fr}.faq__kopf{position:static}}.finale{z-index:1;min-height:92svh;padding:120px var(--pad);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:28px;display:flex;position:relative;overflow:hidden}.finale__licht{background:radial-gradient(circle,#ffffff1a,#0000 60%);width:120vmin;height:120vmin;animation:8s ease-in-out infinite atmen;position:absolute;top:50%;left:50%;translate:-50% -50%}@keyframes atmen{50%{opacity:.7;transform:scale(1.12)}}.finale__logo{object-fit:contain;filter:drop-shadow(0 20px 40px #0009);width:104px;height:104px}.finale__titel{font:800 clamp(52px, 10vw, 180px)/.9 var(--display);letter-spacing:-.055em}.finale__aktionen{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.fuss{z-index:1;border-top:1px solid var(--line);background:linear-gradient(#0000,#ffffff05);padding:48px 0 36px;position:relative}.fuss__oben{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding-bottom:32px;display:flex}.fuss__marke{font:750 20px var(--display);letter-spacing:-.02em;align-items:center;gap:12px;text-decoration:none;display:flex}.fuss__marke img{object-fit:contain;width:44px;height:44px}.fuss__marke i{color:var(--mut2);font-style:normal;font-weight:600}.fuss__links{flex-wrap:wrap;gap:8px 22px;display:flex}.fuss__links a{color:var(--mut);font-size:14px;font-weight:600;text-decoration:none;transition:color .2s}.fuss__links a:hover{color:var(--txt)}.fuss__unten{color:var(--mut2);flex-wrap:wrap;justify-content:space-between;gap:12px 32px;padding-top:24px;font-size:13px;display:flex}.fuss__unten p:first-child{max-width:70ch}.recht{z-index:1;padding-block:150px 120px;position:relative}.recht__kopf{margin-bottom:56px}.recht__kopf .titel{margin-bottom:18px}.recht__stand{color:var(--mut2);font-size:14px}.recht__hinweis{border-radius:var(--rad-sm);color:var(--mut);max-width:640px;margin-top:24px;padding:16px 20px}.recht__raster{grid-template-columns:260px 1fr;align-items:start;gap:64px;display:grid}.recht__inhalt{position:sticky;top:110px}.recht__inhalt-titel{font:600 12px var(--display);letter-spacing:.28em;text-transform:uppercase;color:var(--mut2);margin-bottom:14px}.recht__inhalt ol{gap:2px;margin:0;padding:0;list-style:none;display:grid}.recht__inhalt a{color:var(--mut);border-radius:10px;gap:10px;padding:8px 12px;font-size:14px;font-weight:600;text-decoration:none;transition:color .2s,background-color .2s;display:flex}.recht__inhalt a span{color:var(--mut2);font-family:var(--mono);padding-top:2px;font-size:12px}.recht__inhalt a:hover{color:var(--txt);background:#ffffff0d}.recht__text{max-width:760px}.recht__abschnitt{padding-block:8px 40px;scroll-margin-top:100px}.recht__abschnitt h2{font:750 clamp(22px, 2.2vw, 30px)/1.2 var(--display);letter-spacing:-.02em;margin-bottom:16px}.recht__abschnitt h2 span{color:var(--mut2);margin-right:6px;font-weight:600}.recht__abschnitt p{color:#ffffffc7;margin-bottom:12px}.recht__abschnitt a{color:var(--txt)}.recht__einleitung{font-size:17px}.recht__regeln{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.recht__regeln li{border-bottom:1px solid var(--line);grid-template-columns:56px 1fr;gap:12px;padding:16px 0;display:grid}.recht__regeln li p{margin:0}.recht__nr{font:600 13px var(--mono);color:var(--mut2);padding-top:3px}.recht__adresse{color:#ffffffd9;font-style:normal;line-height:1.8}.recht__schluss{color:var(--mut);margin-top:16px}.recht__schluss a{color:var(--txt)}.recht--schmal .recht__text{max-width:820px}@media (max-width:899px){.recht__raster{grid-template-columns:1fr;gap:32px}.recht__inhalt{position:static}}.leer{z-index:1;flex-direction:column;justify-content:center;align-items:flex-start;gap:18px;min-height:80svh;padding-top:100px;display:flex;position:relative}.leer p:not(.kicker){color:var(--mut)}html.nur-szene .nav,html.nur-szene .hero__inhalt,html.nur-szene .hero__scroll,html.nur-szene .hero__schatten,html.nur-szene .hero__bild,html.nur-szene .korn,html.nur-szene .atmosphaere,html.nur-szene .intro,html.nur-szene .blende,html.nur-szene .fuss,html.nur-szene main>:not(.hero){display:none!important}html.nur-szene .hero__canvas{opacity:1;transition:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}[data-reveal],[data-reveal].titel{opacity:1;filter:none;transform:none}.intro{display:none}.korn{animation:none}.hero__zeile>span{transform:none}}