:root{--nacht: #0b0b12;--nacht-2: #11121c;--gelb: #ffe33b;--orange: #ff8a2b;--hell: #c8cce8;--grau: #9aa0c8;--linie: rgba(255, 255, 255, .09);--karte: rgba(255, 255, 255, .035);--fett: "Arial Black", "Arial Bold", Impact, sans-serif;--text: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--breite: 1120px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--nacht);color:var(--hell);font-family:var(--text);font-size:17px;line-height:1.62;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:var(--gelb)}html[data-lang=de] [data-l=en],html[data-lang=en] [data-l=de]{display:none}.huelle{width:100%;max-width:var(--breite);margin:0 auto;padding:0 24px}.kopf{position:sticky;top:0;z-index:50;background:#0b0b12d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--linie)}.kopf .huelle{display:flex;align-items:center;gap:16px;height:62px}.marke{font-family:var(--fett);font-size:17px;letter-spacing:.02em;color:var(--gelb);text-decoration:none;text-transform:uppercase;margin-right:auto;white-space:nowrap}.sprache{display:flex;border:1px solid var(--linie);border-radius:999px;overflow:hidden}.sprache button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--grau);font:700 12px/1 var(--text);letter-spacing:.08em;padding:7px 11px;cursor:pointer}.sprache button[aria-pressed=true]{background:var(--gelb);color:#16130a}.knopf{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--fett);font-size:16px;letter-spacing:.03em;text-transform:uppercase;text-decoration:none;padding:15px 30px;border-radius:10px;border:2px solid transparent;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.knopf--voll{background:var(--gelb);color:#16130a;box-shadow:0 0 26px #ff8a2b6b}.knopf--voll:hover{transform:translateY(-2px);box-shadow:0 0 40px #ff8a2b9e}.knopf--rand{border-color:var(--linie);color:var(--hell);background:#ffffff0a}.knopf--rand:hover{border-color:var(--grau);transform:translateY(-2px)}.titelbild{position:relative;min-height:min(56vh,470px);display:flex;align-items:center;padding:48px 0 44px;overflow:hidden}.titelbild:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/assets/landing-hero-ByJLyqRo.webp) center 42% / cover no-repeat;opacity:.72}.titelbild:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(11,11,18,.6) 0%,rgba(11,11,18,.42) 38%,var(--nacht) 100%)}.titelbild .huelle{position:relative;z-index:1}.schriftzug{font-family:var(--fett);font-size:clamp(44px,9vw,104px);line-height:.94;letter-spacing:-.015em;text-transform:uppercase;color:var(--gelb);margin:0;text-shadow:0 0 30px rgba(255,138,43,.55),0 4px 0 #000}.unterzeile{font-family:var(--fett);font-size:clamp(13px,1.7vw,16px);letter-spacing:.22em;text-transform:uppercase;color:var(--grau);margin:18px 0 0}.anriss{max-width:46ch;font-size:19px;margin:26px 0 0}.titel-knoepfe{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.kleingedruckt{margin-top:20px;font-size:14px;color:var(--grau)}section{padding:76px 0;border-top:1px solid var(--linie)}section:first-of-type{border-top:0}h2{font-family:var(--fett);font-size:clamp(26px,4vw,38px);line-height:1.1;text-transform:uppercase;letter-spacing:.01em;margin:0 0 12px;color:#fff}.vorspann{color:var(--grau);max-width:62ch;margin:0 0 38px}#spielen{padding-top:30px}.demo{position:relative;display:block;border-radius:14px;overflow:hidden;border:1px solid var(--linie);background:#05060a;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.demo img{width:100%;height:auto}.demo:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,rgba(11,11,18,.72) 0%,rgba(11,11,18,.16) 34%,transparent 58%);transition:opacity .14s ease}.demo-schild{position:absolute;left:50%;bottom:7%;transform:translate(-50%);font-family:var(--fett);font-size:clamp(15px,2.4vw,21px);letter-spacing:.04em;text-transform:uppercase;color:#16130a;background:var(--gelb);padding:14px 30px;border-radius:10px;box-shadow:0 0 34px #ff8a2b80;white-space:nowrap}.demo:hover{transform:translateY(-3px);border-color:#ffe33b6b;box-shadow:0 0 46px #ff8a2b52}.demo:hover:before{opacity:.55}.demo:focus-visible{outline:2px solid var(--gelb);outline-offset:3px}.tasten{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));margin-top:22px}.taste{display:flex;align-items:baseline;gap:14px;padding:12px 16px;background:var(--karte);border:1px solid var(--linie);border-radius:10px;font-size:15px}kbd{font-family:var(--mono);font-size:12.5px;font-weight:700;white-space:nowrap;color:var(--hell);background:#1b1c28;border:1px solid var(--linie);border-bottom-width:2px;border-radius:6px;padding:4px 8px;flex:0 0 auto;min-width:92px;text-align:center}.taste span{color:var(--grau)}.liste{background:linear-gradient(180deg,rgba(255,227,59,.055),transparent 70%)}.formular{display:flex;flex-wrap:wrap;gap:12px;max-width:560px;margin-top:8px}.formular input[type=email]{flex:1 1 260px;min-width:0;font:inherit;font-size:16px;color:var(--hell);background:#14151f;border:1px solid var(--linie);border-radius:10px;padding:14px 16px}.formular input[type=email]::placeholder{color:#5f6484}.formular input[type=email]:focus{outline:2px solid var(--gelb);outline-offset:1px;border-color:transparent}.formular button{flex:0 0 auto}.formular button[disabled]{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.falle,.nur-vorlesen{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.hinweis{margin:16px 0 0;font-size:15px;min-height:1.6em}.hinweis[data-art=ok]{color:#7ee6a4}.hinweis[data-art=fehler]{color:#ff8f8f}.hinweis[data-art=warten]{color:var(--grau)}.datenschutz{margin-top:18px;font-size:13.5px;color:var(--grau);max-width:52ch}footer{border-top:1px solid var(--linie);padding:40px 0 56px;color:var(--grau);font-size:14.5px}footer .huelle{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center}footer p{margin:0}.stand{margin-left:auto;display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--grau)}.stand:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gelb);box-shadow:0 0 10px var(--orange)}@media(max-width:720px){body{font-size:16px}section{padding:56px 0}.titel-knoepfe .knopf{flex:1 1 100%}.demo-schild{padding:11px 20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}