html:has(.ko),html:has(.ko) body{overscroll-behavior:none;height:100%;overflow:hidden}.ko{overscroll-behavior:contain;scrollbar-width:none;padding:0 var(--rand) max(24px, calc(60 * var(--e)));background:var(--tief);color:var(--weiss);grid-template-rows:auto 1fr;display:grid;position:fixed;inset:0;overflow:hidden auto}.ko::-webkit-scrollbar{display:none}.ko-kopf{align-items:center;gap:calc(60 * var(--e) + 24px);width:100%;max-width:var(--satz);padding-top:max(20px, min(calc(50 * var(--e) + 24px), 5svh));grid-template-columns:auto minmax(0,1fr) auto;margin:0 auto;display:grid}.ko-rechts{align-items:center;gap:calc(24 * var(--e) + 12px);display:flex}.ko-zu{width:clamp(44px, calc(60 * var(--e)), 60px);aspect-ratio:1;color:var(--weiss);transition:box-shadow .2s, background-color .2s, color .2s, transform var(--ue-dauer) var(--ue-kurve);border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 0 0 2px #ffffff59}.ko-zu svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;width:42%;height:auto}.ko-zu:hover{background:var(--weiss);color:var(--tief);box-shadow:none;transform:rotate(90deg)}.ko-zu:focus-visible{outline:3px solid var(--akzent);outline-offset:4px}.ko-logo{color:var(--weiss)}.ko-logo svg{width:clamp(120px, calc(200 * var(--e)), 200px);aspect-ratio:913/192;fill:currentColor;height:auto;display:block}.ko-logo:focus-visible{outline:3px solid var(--akzent);outline-offset:6px;border-radius:6px}.ko-kurs{justify-self:center;width:min(100%,620px);height:48px;position:relative}.ko-kurs:before{content:"";border-top:2px dashed color-mix(in srgb, var(--akzent) 45%, transparent);position:absolute;top:70%;left:0;right:0}.ko-halt{top:70%;left:calc(var(--i) / 5 * 100%);aspect-ratio:1;background:var(--tief);width:12px;box-shadow:inset 0 0 0 2px var(--akzent);transition:background-color .4s, transform .4s var(--ue-kurve);border-radius:50%;margin:-6px 0 0 -6px;position:absolute}.ko-halt.erreicht{background:var(--akzent);transform:scale(.8)}.ko-boot{bottom:30%;left:calc(var(--schritt) / 5 * 100%);width:54px;transition:left 1.2s var(--auf-kurve);margin:0 0 -5px -27px;position:absolute}.ko-boot svg{transform-origin:50% 85%;width:100%;height:auto;transition:scale .4s var(--ue-kurve);animation:3.4s ease-in-out infinite ko-schaukeln;display:block}.ko.rueck .ko-boot svg{scale:-1 1}.ko-boot .w{fill:var(--weiss)}.ko-boot .h{fill:var(--akzent-hell)}.ko-boot .n{fill:var(--akzent)}.ko-boot .l{fill:var(--weiss)}@keyframes ko-schaukeln{0%,to{translate:0;rotate:-4deg}50%{translate:0 -2px;rotate:3deg}}.ko-zaehler{font-family:var(--mono);font-size:clamp(13px, calc(16 * var(--e)), 16px);letter-spacing:.14em;margin:0}.ko-form{width:100%;max-width:calc(1500 * var(--e) + 120px);padding-top:max(24px, min(calc(150 * var(--e) + 40px), 9svh));align-self:start;margin:0 auto}.ko-buehne{display:grid}.ko-js .ko-buehne{height:var(--ko-h,auto);transition:height .7s var(--auf-kurve);align-items:start}.ko-schritt{border:0;min-width:0;margin:0 0 4em;padding:0}.ko-js .ko-schritt{visibility:hidden;grid-area:1/1;margin:0;transition:visibility 0s linear .7s}.ko-js .ko-schritt.jetzt{visibility:visible;transition:none}.ko-frage{float:left;width:100%;max-width:13em;color:var(--weiss);font-size:min(clamp(40px, calc(118 * var(--e)), 118px), 11.5svh);text-wrap:balance;margin:0 0 .45em;padding:0;line-height:.9;display:block}.ko-einzeilig{white-space:nowrap}.ko-antwort{clear:both}.ko-js .ko-frage .wi{transform-origin:0 100%;transition:transform .52s var(--auf-kurve);display:inline-block;transform:translateY(118%)rotate(5deg)}.ko-js .jetzt .ko-frage .wi{transition-duration:1.05s;transition-delay:calc(.16s + var(--w) * 70ms);transform:none}.ko-js .vorbei .ko-frage .wi{transform:translateY(-118%)rotate(-4deg)}.ko-js .ko-antwort{opacity:0;transition:opacity .3s, transform .52s var(--auf-kurve);transform:translateY(36px)}.ko-js .vorbei .ko-antwort{transform:translateY(-36px)}.ko-js .jetzt .ko-antwort{opacity:1;transition:opacity .7s var(--auf-kurve) .42s, transform 1.05s var(--auf-kurve) .42s;transform:none}.ko-schritt.wackelt .ko-antwort{animation:ko-wackeln .42s var(--ue-kurve)}@keyframes ko-wackeln{20%{translate:-10px}45%{translate:8px}70%{translate:-4px}}.ko-wahl{gap:calc(12 * var(--e) + 6px);flex-wrap:wrap;max-width:1200px;display:flex}.ko-chip{cursor:pointer;position:relative}.ko-chip input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.ko-chip span{min-height:44px;font-family:var(--display);text-transform:uppercase;font-weight:800;font-size:clamp(15px, calc(26 * var(--e)), 26px);transition:background-color .2s, color .2s, box-shadow .2s, transform var(--ue-dauer) var(--ue-kurve);border-radius:999px;align-items:center;padding:.8em 1.3em .75em;line-height:1;display:inline-flex;box-shadow:inset 0 0 0 2px #ffffff59}.ko-chip:hover span{box-shadow:inset 0 0 0 2px var(--weiss)}.ko-chip input:checked+span{background:var(--weiss);color:var(--tief);box-shadow:none;transform:rotate(-2deg)scale(1.04)}.ko-chip input:focus-visible+span{outline:3px solid var(--akzent);outline-offset:3px}.ko-feld{border:0;border-bottom:3px solid color-mix(in srgb, var(--akzent) 60%, transparent);width:100%;max-width:1100px;min-height:48px;color:var(--weiss);font-family:var(--display);font-weight:700;font-size:min(clamp(26px, calc(62 * var(--e)), 62px), 7svh);letter-spacing:-.01em;caret-color:var(--akzent);background:0 0;border-radius:0;padding:.15em 0 .25em;line-height:1.15;transition:border-color .2s;display:block}.ko-feld::placeholder{color:#ffffff4d}.ko-feld:focus{border-bottom-color:var(--weiss);outline:none}.ko-feld[aria-invalid=true]{border-bottom-color:var(--akzent)}textarea.ko-feld{resize:none;field-sizing:content;min-height:2.5em;max-height:7em;font-size:clamp(22px, calc(44 * var(--e)), 44px);line-height:1.3}.ko-hinweis{min-height:1.4em;font-family:var(--mono);font-size:clamp(13px, calc(16 * var(--e)), 16px);letter-spacing:.08em;color:var(--akzent);margin:.9em 0 0}.ko-log{border-radius:calc(24 * var(--e) + 10px);gap:2px;max-width:1100px;margin:0 0 1.6em;display:grid;overflow:hidden}.ko-log div{background:#ffffff0f;grid-template-columns:minmax(90px,.22fr) minmax(0,1fr) auto;align-items:baseline;gap:1em;padding:.7em 1.2em;display:grid}.ko-log dt{font-family:var(--mono);font-size:clamp(13px, calc(14 * var(--e)), 14px);letter-spacing:.12em;text-transform:uppercase;color:var(--akzent)}.ko-log dd{font-size:clamp(16px, calc(22 * var(--e)), 22px);white-space:nowrap;text-overflow:ellipsis;margin:0;line-height:1.4;overflow:hidden}.ko-aendern{color:var(--weiss);font:inherit;font-size:clamp(13px, calc(16 * var(--e)), 16px);text-underline-offset:.2em;cursor:pointer;opacity:.7;background:0 0;border:0;padding:.3em 0;text-decoration:underline}.ko-aendern:hover,.ko-aendern:focus-visible{opacity:1}.ko-aendern:focus-visible,.ko-haken input:focus-visible,.ko-schutz a:focus-visible{outline:2px solid var(--akzent);outline-offset:3px;border-radius:4px}.ko-haken{min-height:44px;font-size:clamp(15px, calc(19 * var(--e)), 19px);cursor:pointer;align-items:center;gap:.7em;margin:0 0 .8em;display:flex}.ko-haken input{width:1.3em;height:1.3em;accent-color:var(--akzent);margin:0}.ko-schutz{font-size:clamp(14px, calc(17 * var(--e)), 17px);color:#ffffffb3;margin:0 0 1.8em}.ko-schutz a,.ko-fehler a{color:var(--weiss);text-underline-offset:.2em}.ko-fehler{font-family:var(--mono);font-size:clamp(13px, calc(16 * var(--e)), 16px);letter-spacing:.04em;color:var(--akzent);margin:1.2em 0 0}.ko-steuer{margin-top:max(20px, min(calc(50 * var(--e) + 24px), 6svh));align-items:center;gap:12px;display:flex}.ko:not(.ko-js) .ko-steuer,.ko-steuer[hidden]{display:none}.ko-knopf{background:var(--weiss);min-height:44px;color:var(--tief);font-family:var(--display);text-transform:uppercase;font-weight:800;font-size:clamp(15px, calc(22 * var(--e)), 22px);cursor:pointer;transition:background-color .2s, color .2s, transform var(--ue-dauer) var(--ue-kurve), opacity .3s;border:0;border-radius:999px;align-items:center;gap:.6em;padding:.85em 1.5em .8em;line-height:1;text-decoration:none;display:inline-flex}.ko-knopf svg{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;width:1em;height:1em;transition:transform var(--ue-dauer) var(--ue-kurve)}.ko-knopf kbd{font-family:var(--mono);opacity:.5;font-size:.8em;font-weight:400}.ko-knopf:hover{background:var(--akzent);transform:rotate(-2deg)}.ko-knopf:hover svg{transform:translate(3px)}.ko-knopf:focus-visible{outline:3px solid var(--akzent);outline-offset:4px}.ko-knopf.leise{color:var(--weiss);background:0 0;box-shadow:inset 0 0 0 2px #ffffff59}.ko-knopf.leise:hover{box-shadow:inset 0 0 0 2px var(--weiss);background:0 0}.ko-knopf.leise:hover svg{transform:translate(-3px)}.ko-knopf.weg{visibility:hidden}.ko-knopf[hidden]{display:none}.ko-senden{font-size:clamp(18px, calc(30 * var(--e)), 30px);padding:.9em 1.7em .85em}.ko.sendet .ko-senden{opacity:.6;cursor:progress}.ko-ende{width:100%;max-width:calc(1500 * var(--e) + 120px);padding-top:max(24px, min(calc(150 * var(--e) + 40px), 9svh));align-self:start;margin:0 auto}.ko-ende:focus,.ko-ende:focus-visible{outline:none}.ko-ende .wi{transform-origin:0 100%;transition:transform 1.1s var(--auf-kurve) calc(var(--w) * 80ms);display:inline-block;transform:translateY(118%)rotate(5deg)}.ko-ende.jetzt .wi{transform:none}.ko-satz{clear:both;font-size:clamp(20px, calc(34 * var(--e)), 34px);margin:0 0 1.6em;line-height:1.35}.ko-weg{flex-wrap:wrap;gap:12px;margin:0;display:flex}.ko-honig{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}@media (width<=767.98px){.ko-kopf{grid-template-columns:minmax(0,1fr) auto;gap:24px;padding-top:16px}.ko-logo{display:none}.ko-kurs{justify-self:start;width:calc(100% - 22px);margin-left:14px}.ko-form,.ko-ende{padding-top:clamp(16px,4svh,48px)}.ko-log div{grid-template-columns:6.6em minmax(0,1fr) auto;gap:.8em;padding-inline:1em}.ko-aendern{padding:0}}@media (height<=860px){.ko-log{margin-bottom:1.1em}.ko-log div{padding-block:.42em}.ko-haken{margin-bottom:.5em}.ko-schutz{margin-bottom:1.1em}}@media (prefers-reduced-motion:reduce){.ko-boot svg{animation:none}.ko-js .ko-frage .wi,.ko-js .ko-antwort,.ko-ende .wi,.ko-boot{opacity:1;transition:none;transform:none}.ko-schritt.wackelt .ko-antwort{animation:none}.ko-js .ko-buehne{transition:none}}