html,body{background:var(--buehne);height:100%;overflow:hidden}.stage.svelte-12tyilu{height:100vh;--u:min(1vw, 1.6vh);background:radial-gradient(at 55% 35%,#0b5357 0%,#172a3a 45%,#08131c 100%);justify-content:center;align-items:center;height:100dvh;display:flex;position:fixed;inset:0;overflow:hidden}.drift.svelte-12tyilu{font-weight:800;font-size:calc(var(--u) * 7);color:var(--highlight);opacity:.1;pointer-events:none;animation:16s linear infinite svelte-12tyilu-drift;position:absolute;bottom:-10%}@keyframes svelte-12tyilu-drift{to{transform:translateY(-120vh)rotate(24deg)}}.content.svelte-12tyilu{width:min(100%,760px);max-height:100%;padding:calc(var(--u) * 2) 16px;align-items:center;gap:max(calc(var(--u) * 3.5), 4vh);text-align:center;flex-direction:column;display:flex;position:relative}.intro.svelte-12tyilu{align-items:center;gap:calc(var(--u) * 1.6);flex-direction:column;display:flex}.logo.svelte-12tyilu{font-size:clamp(30px, calc(var(--u) * 11), 84px);margin:0;font-weight:800;line-height:.98}.logo.svelte-12tyilu span:where(.svelte-12tyilu){color:var(--highlight)}.sub.svelte-12tyilu{font-size:clamp(14px, calc(var(--u) * 3.6), 24px);color:var(--linie);margin:0;font-weight:700}.text.svelte-12tyilu{max-width:34em;font-size:clamp(13px, calc(var(--u) * 3.2), 20px);color:#eee;margin:0;font-weight:500;line-height:1.45}.demo.svelte-12tyilu{align-items:center;gap:calc(var(--u) * 1.6);flex-direction:column;display:flex}.pill.svelte-12tyilu{max-width:100%;font-size:clamp(11px, calc(var(--u) * 2.8), 16px);background:#75dddd24;border:1px solid #75dddd73;border-radius:999px;padding:4px 14px;font-weight:700}.pill.svelte-12tyilu b:where(.svelte-12tyilu){color:var(--mittel);margin-right:6px}.boards.svelte-12tyilu{gap:min(3vw,2vh);display:flex}.board.svelte-12tyilu{aspect-ratio:142/152;box-sizing:border-box;width:clamp(78px,min(24vw,15vh),140px);animation:.7s ease-out both svelte-12tyilu-flip;animation-delay:calc(var(--i) * .35s);background:linear-gradient(#1b3446,#0f2231);border:2px solid #75dddd73;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:10%;padding:8%;display:flex;position:relative;box-shadow:0 8px 24px #0006}.title.svelte-12tyilu{font-size:clamp(11px, calc(var(--u) * 2.6), 17px);font-weight:800;line-height:1.1}.dots.svelte-12tyilu{gap:6px;display:flex}.dots.svelte-12tyilu i:where(.svelte-12tyilu){width:clamp(8px, calc(var(--u) * 1.4), 12px);aspect-ratio:1;border-radius:50%}.dots.svelte-12tyilu .leicht:where(.svelte-12tyilu){background:var(--richtig)}.dots.svelte-12tyilu .mittel:where(.svelte-12tyilu){background:var(--mittel)}.dots.svelte-12tyilu .schwer:where(.svelte-12tyilu){background:var(--falsch)}@keyframes svelte-12tyilu-flip{0%{opacity:0;transform:rotateY(90deg)}}.links.svelte-12tyilu{align-items:center;gap:calc(var(--u) * 1.8);flex-direction:column;width:100%;display:flex}.socials.svelte-12tyilu{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;max-width:420px;display:grid}.social.svelte-12tyilu{min-height:clamp(44px, calc(var(--u) * 4.6), 64px);color:#fff;font-size:clamp(14px, calc(var(--u) * 2.6), 20px);background:#0b1620d9;border:1px solid #75dddd66;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 10px;font-weight:700;text-decoration:none;display:flex}.social.svelte-12tyilu i:where(.svelte-12tyilu){color:var(--highlight);font-size:1.4em}.social.svelte-12tyilu:hover,.social.svelte-12tyilu:focus-visible{border-color:var(--highlight);background:#75dddd33;outline:none}.more.svelte-12tyilu{font-size:clamp(14px, calc(var(--u) * 2.6), 20px);color:var(--linie);flex-wrap:wrap;justify-content:center;gap:4px 14px;margin:0;font-weight:500;display:flex}.more.svelte-12tyilu a:where(.svelte-12tyilu){color:var(--mittel);font-weight:800;text-decoration:none}.more.svelte-12tyilu a.imprint:where(.svelte-12tyilu){color:var(--linie);align-self:center;font-size:12px;font-weight:500;text-decoration:underline}@media (min-width:900px) and (min-height:521px){.socials.svelte-12tyilu{grid-template-columns:repeat(6,auto);width:auto;max-width:none}}@media (max-height:520px) and (min-width:560px){.content.svelte-12tyilu{text-align:left;grid-template-columns:1fr 1fr;align-items:center;gap:0 24px;width:min(100%,900px);display:grid}.intro.svelte-12tyilu{align-items:flex-start}.demo.svelte-12tyilu{display:none}.logo.svelte-12tyilu{font-size:clamp(28px,11vh,56px)}.sub.svelte-12tyilu,.text.svelte-12tyilu{font-size:clamp(12px,4vh,16px)}.social.svelte-12tyilu{min-height:40px}}@media (prefers-reduced-motion:reduce){.drift.svelte-12tyilu,.board.svelte-12tyilu{animation:none}.drift.svelte-12tyilu{display:none}}