@font-face{font-family:"Inter Tight";font-weight:900;font-display:block;src:url(fonts/InterTight-900.woff2) format("woff2")}
@font-face{font-family:"Inter";font-weight:400 700;font-display:swap;src:url(fonts/Inter-var.woff2) format("woff2")}
:root{--ink:#050608;--text:#fff;--cyan:#1bd8e2}
*{box-sizing:border-box;margin:0}
html,body{height:100%}
body{font-family:Inter,system-ui,sans-serif;font-size:17px;line-height:1.5;color:var(--text);background:var(--ink);-webkit-font-smoothing:antialiased}
::selection{background:var(--cyan);color:var(--ink)}
.seite{min-height:100svh;display:flex;flex-direction:column;width:100%;overflow:hidden}
header{display:flex;justify-content:space-between;align-items:center;padding:20px clamp(16px,4vw,48px);flex:none}
.logo{font-family:"Inter Tight",sans-serif;font-weight:900;font-size:22px;letter-spacing:-.01em}
header a{color:inherit;font-size:15px;font-weight:600;text-underline-offset:4px}
main{flex:1;display:flex;flex-direction:column;min-height:0;padding-bottom:clamp(20px,4vh,44px)}
h1{font-family:"Inter Tight",sans-serif;font-weight:900;letter-spacing:-.02em;line-height:1.02;font-size:62px;text-align:center;padding:clamp(8px,3vh,28px) 16px 0}
h1 .liste{display:block;color:var(--cyan)}
html:not(.d3) main{justify-content:center;gap:48px}
.buehne{flex:1;min-height:0;position:relative;display:none}
.d3 h1 .liste{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.d3 .buehne{display:block;min-height:220px}
.vorab{position:absolute;inset:0;display:grid;place-items:center;font-family:"Inter Tight",sans-serif;font-weight:900;font-size:clamp(64px,17vw,250px);letter-spacing:-.02em;color:#fff}
.buehne canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.warte{width:min(560px,calc(100% - 32px));margin:0 auto;flex:none}
.warte label{display:block;font-weight:600;font-size:15px;margin-bottom:8px;text-align:center}
.zeile{display:flex;gap:8px}
.warte input[type=email]{flex:1;min-width:0;font:inherit;padding:14px 22px;border-radius:999px;border:1px solid rgba(255,255,255,.55);background:rgba(255,255,255,.06);color:#fff}
.warte input[type=email]::placeholder{color:rgba(255,255,255,.72)}
.warte input[type=email]:focus{outline:2px solid var(--cyan);outline-offset:0;border-color:var(--cyan)}
.warte button{font-family:"Inter Tight",sans-serif;font-weight:900;font-size:16px;padding:14px 26px;border:0;border-radius:999px;background:#fff;color:var(--ink);cursor:pointer;white-space:nowrap;transition:background-color .15s}
.warte button:hover{background:var(--cyan)}.warte button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
.falle{position:absolute;left:-9999px;height:1px;overflow:hidden}
.hinweis{font-size:14px;color:rgba(255,255,255,.76);text-align:center;margin-top:10px}.hinweis a{color:inherit}
@media(max-width:900px){h1{font-size:44px}}
@media(max-width:520px){h1{font-size:30px}.zeile{flex-direction:column}.warte button{width:100%}header{padding:14px 16px}}