:root{--nacht:#070c1e;--nacht2:#0d1b3a;--gruen:#6fc349;--nebel:#fff9;--rot:#ff3b3b;--otaku:linear-gradient(90deg,#644fff,#2f7bff 42%,#22d2ff);--e:cubic-bezier(.19,1,.22,1);--mono:"SF Mono",Menlo,monospace}*{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}html,body{color:#fff;-webkit-font-smoothing:antialiased;background:#000;height:100%;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}body.leise{cursor:none}#start{background:radial-gradient(120% 95% at 85% -10%,#173a7a 0%,#102559 22%,var(--nacht2) 48%,var(--nacht) 82%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#start:before{content:"";background-image:radial-gradient(#ffffff12 1.2px,#0000 1.6px);background-size:22px 22px;position:absolute;inset:0}#start:after{content:"";background:var(--otaku);height:4px;position:absolute;top:0;left:0;right:0}.marke{letter-spacing:-.01em;align-items:center;font-size:20px;font-weight:700;display:flex;position:absolute;top:34px;left:40px}.marke b{background:var(--otaku);border-radius:6px;width:22px;height:22px;margin-right:12px;display:inline-block;position:relative}.marke b:after{content:"";border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:8px solid #fff;position:absolute;top:6px;left:8px}.marke span{color:var(--gruen);margin-left:6px;font-weight:400}.ablage{text-align:center;width:min(780px,90vw);transition:border-color .25s,background .25s,transform .4s var(--e);border:2px dashed #ffffff40;border-radius:16px;padding:60px 56px;position:relative}.ablage.drueber{border-color:var(--gruen);background:#6fc34914;transform:scale(1.02)}.ablage .mono{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--gruen);font-size:13px}.ablage h1{letter-spacing:-.03em;margin-top:16px;font-size:54px;line-height:1.05}.ablage p{color:var(--nebel);margin-top:16px;font-size:18px;line-height:1.55}.knoepfe-start{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;display:flex}.knopf{background:var(--gruen);color:var(--nacht);border:0;border-radius:30px;padding:14px 26px;font-weight:700;display:inline-block}.knopf.zwei{color:#fff;background:#ffffff14;border:1px solid #fff3}.ablage small{color:#fff6;margin-top:24px;font-size:13px;line-height:1.6;display:block}#buehne{background:#000;display:none;position:fixed;inset:0}#rahmen{transform-origin:0 0;transition:transform .35s var(--e);position:absolute;inset:0}#rahmen.direkt{transition:none}#deck{background:#000;border:0;width:100%;height:100%;position:absolute;inset:0}.ebene{pointer-events:none;position:absolute;inset:0}#zeichnung{z-index:4}#licht{z-index:5;opacity:0;transition:opacity .3s}#licht.an{opacity:1}#zeiger{pointer-events:none;opacity:0;z-index:6;background:radial-gradient(circle,var(--rot) 0 30%,#ff3b3b73 45%,#ff3b3b00 70%);border-radius:50%;width:26px;height:26px;margin:-13px 0 0 -13px;transition:opacity .2s;position:absolute;box-shadow:0 0 24px #ff3b3bcc}#zeiger.an{opacity:1}.welle{border:3px solid var(--gruen);z-index:7;pointer-events:none;width:60px;height:60px;animation:welle .7s var(--e) forwards;border-radius:50%;margin:-30px 0 0 -30px;position:absolute}@keyframes welle{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(1.6)}}#schwarz{z-index:15;opacity:0;pointer-events:none;background:#000;justify-content:flex-end;align-items:flex-end;padding:30px;transition:opacity .5s;display:flex;position:fixed;inset:0}#schwarz.an{opacity:1;pointer-events:auto}#schwarz span{font-family:var(--mono);letter-spacing:.14em;color:#ffffff2e;text-transform:uppercase;font-size:11px}#leiste{z-index:10;-webkit-backdrop-filter:blur(14px);transition:opacity .4s,transform .4s var(--e);background:#070c1ed6;border:1px solid #ffffff1f;border-radius:40px;align-items:center;padding:8px 10px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}#leiste.weg{opacity:0;pointer-events:none;transform:translate(-50%,20px)}#leiste button{background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:17px;display:flex}#leiste button:hover{background:#ffffff1a}#leiste button.an{color:var(--gruen)}#leiste .zahl{font-family:var(--mono);color:var(--nebel);text-align:center;min-width:80px;padding:0 10px;font-size:14px}#leiste .trenn{background:#ffffff26;width:1px;height:22px;margin:0 6px}#leiste .status{color:var(--nebel);white-space:nowrap;align-items:center;padding:0 12px 0 6px;font-size:13px;display:flex}#leiste .status i{background:#777;border-radius:50%;width:8px;height:8px;margin-right:8px}#leiste .status.verbunden i{background:var(--gruen);box-shadow:0 0 10px var(--gruen)}#leiste .tempo{font-family:var(--mono);color:var(--gruen);padding:0 6px;font-size:12px}#fortschritt{background:var(--gruen);z-index:9;height:3px;transition:width .5s var(--e);opacity:.9;position:fixed;bottom:0;left:0}#fortschritt.aus{display:none}.dialog{z-index:20;-webkit-backdrop-filter:blur(10px);background:#03050cd1;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.dialog.auf{display:flex}.karte{color:#1b1b1b;text-align:center;background:#fff;border-radius:18px;width:430px;padding:32px 36px;box-shadow:0 40px 100px -30px #000c}.karte h2{letter-spacing:-.02em;font-size:28px}.karte p{color:#5d5a55;margin-top:8px;font-size:15px;line-height:1.5}#qr{width:270px;height:270px;margin:20px auto 0}#qr svg{width:270px;height:270px;display:block}.karte.publikum{width:min(560px,92vw)}#qr2{width:min(420px,70vh);height:min(420px,70vh);margin:20px auto 0}#qr2 svg{width:100%;height:100%;display:block}.karte code{font-family:var(--mono);color:#5d5a55;word-break:break-all;margin-top:14px;font-size:11px;display:block}.karte .zu{color:#fff;background:#1b1b1b;border:0;border-radius:24px;margin-top:18px;padding:12px 24px;font-weight:600}.karte.hilfe{text-align:left;width:520px}.karte.hilfe table{border-collapse:collapse;width:100%;margin-top:14px;font-size:15px}.karte.hilfe td{border-bottom:1px solid #eee;padding:8px 0}.karte.hilfe td:first-child{font-family:var(--mono);color:#357320;width:150px;font-size:13px}#toast{z-index:30;color:#fff;transition:transform .5s var(--e);background:#070c1eeb;border:1px solid #6fc34999;border-radius:30px;padding:12px 20px;font-size:15px;position:fixed;top:24px;left:50%;transform:translate(-50%,-80px)}#toast.zeigen{transform:translate(-50%)}.formate{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px;display:flex}.formate span{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--nebel);border:1px solid #ffffff2e;border-radius:12px;padding:5px 10px;font-size:11px}.laedt{flex-direction:column;align-items:center;gap:8px;margin-top:22px;display:flex}.laedt-balken{background:#ffffff1f;border-radius:2px;width:280px;height:4px;overflow:hidden}.laedt-balken i{background:var(--gruen);width:0;height:100%;transition:width .2s;display:block}.laedt span{color:var(--nebel);font-size:14px}.werbung{z-index:2;width:210px;position:absolute;top:50%;transform:translateY(-50%)}.werbung.links{left:36px}.werbung.rechts{right:36px}@media (width<=1280px){.werbung{display:none!important}}.werbung{transition:opacity .35s}.werbung.wb-wechsel{opacity:0}.wb-karte{background:#ffffff0a;border:1px solid #ffffff24;border-radius:14px;flex-direction:column;gap:10px;min-height:380px;padding:20px 18px;display:flex}.wb-logo{object-fit:contain;border-radius:12px;width:52px;height:52px}.wb-platz{width:52px;height:52px;color:var(--nebel);text-align:center;border:1.5px dashed #ffffff4d;border-radius:12px;justify-content:center;align-items:center;font-size:10px;display:flex}.wb-initial{color:#fff;background:linear-gradient(135deg,#644fff,#22d2ff);border:0;font-size:22px;font-weight:800}.wb-etikett{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#ffffff73;font-size:10px}.wb-karte strong{letter-spacing:-.01em;font-size:20px;line-height:1.2}.wb-karte p{color:var(--nebel);flex:1;font-size:14px;line-height:1.5}.wb-knopf{text-align:center;background:var(--gruen);color:var(--nacht);border-radius:20px;padding:10px 12px;font-size:13px;font-weight:700;text-decoration:none;display:block}#vorspann{z-index:25;background:radial-gradient(120% 80% at 80% -10%,#644fff59,#0000 60%),#070c1e;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.vs-karte{text-align:center;flex-direction:column;gap:18px;width:min(560px,90vw);display:flex}.vs-kopf{color:var(--nebel);justify-content:center;align-items:center;gap:12px;font-size:16px;display:flex}.vs-kopf img{width:34px;height:34px}.vs-kopf b{color:#fff}#vs-anzeige .wb-karte{text-align:left;min-height:0;padding:26px}#vs-anzeige .wb-karte strong{font-size:28px}#vs-anzeige .wb-knopf{align-self:flex-start;padding:10px 18px}#vs-los{font:inherit;background:var(--gruen);color:var(--nacht);cursor:pointer;border:0;border-radius:30px;padding:16px;font-size:17px;font-weight:700}#vs-los[disabled]{color:var(--nebel);cursor:default;background:#ffffff1a}.vs-pro{color:var(--nebel);font-size:14px}.marke b{display:none}.marke img{width:30px;height:30px;margin-right:12px}.kontozeile{color:var(--nebel);align-items:center;gap:10px;font-size:14px;display:flex;position:absolute;top:30px;right:40px}.kontozeile a{color:#fff;border:1px solid #fff3;border-radius:20px;padding:8px 14px;text-decoration:none}.kontozeile a.pro{background:var(--gruen);color:var(--nacht);border-color:var(--gruen);font-weight:700}.kontozeile .plan{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;font-size:11px}.startfuss{flex-wrap:wrap;justify-content:center;gap:6px 18px;font-size:12px;display:flex;position:absolute;bottom:22px;left:0;right:0}.startfuss a{color:#ffffff73;text-decoration:none}.startfuss a:hover{color:#fff}#zeichen{z-index:9;color:#fff;-webkit-backdrop-filter:blur(8px);background:#070c1eb8;border:1px solid #ffffff24;border-radius:20px;align-items:center;gap:8px;padding:7px 12px 7px 9px;font-size:13px;font-weight:600;text-decoration:none;display:none;position:fixed;bottom:18px;right:18px}#zeichen img{width:18px;height:18px}#zeichen.an{display:flex}#webinar-chip{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--nebel);align-items:center;gap:8px;padding:0 10px;font-size:11px;display:none}#webinar-chip.an{display:flex}#webinar-chip i{background:#777;border-radius:50%;width:8px;height:8px}#webinar-chip.live i{background:#ff3b3b;box-shadow:0 0 10px #ff3b3b}#leiste button.rec{color:#ff3b3b}#hervor{z-index:8;backdrop-filter:blur(10px);background:#070c1eeb;border:1px solid #6fc349b3;border-radius:16px;padding:20px 26px;display:none;position:fixed;bottom:9%;left:6%;right:6%}#hervor.an{animation:hervorRein .6s var(--e);display:block}#hervor small{font-family:var(--mono);letter-spacing:.14em;color:var(--gruen);text-transform:uppercase;font-size:12px}#hervor p{margin-top:6px;font-size:clamp(18px,2.4vw,30px);line-height:1.35}@keyframes hervorRein{0%{opacity:0;transform:translateY(20px)}}