:root{--hintergrund:#9f5de4;--karte:#e3b3f4;--schrift:#000;--leise:#4b1a64;--akzent:#9c5692;--richtig:#0f9;--falsch:#fd0000;--eingabefeld:#fefcfe;--nie:var(--falsch);--in-arbeit:#fe9d43;--sitzt:var(--richtig);--arbeit-0:var(--falsch);--arbeit-1:#fd3416;--arbeit-2:#fe692d;--arbeit-3:var(--in-arbeit);--arbeit-4:#caae58;--arbeit-5:#96be6e;--arbeit-6:#62cf83;--rundung:25px;--schriftart:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--hintergrund);min-height:100dvh;color:var(--schrift);font-family:var(--schriftart);justify-content:center;align-items:center;margin:0;padding:1rem;display:flex}.buehne{width:100%;max-width:30rem}.titel{letter-spacing:.12em;text-transform:uppercase;color:var(--leise);text-align:center;margin:0 0 1rem;font-size:1rem;font-weight:1000}.karte{background:var(--karte);border-radius:var(--rundung);padding:clamp(1.25rem,5vw,2rem) clamp(1rem,4vw,1.5rem);box-shadow:0 12px 32px #2af7061f}.zaehler{color:var(--leise);text-align:center;margin:0 0 1rem;font-size:clamp(.875rem,3.5vw,1.0625rem)}.frage{text-align:center;overflow-wrap:break-word;margin:0;font-size:clamp(2rem,11vw,3.25rem);font-weight:600;line-height:1.15}.beiwort{letter-spacing:.08em;text-transform:uppercase;color:var(--leise);text-align:center;margin:.75rem 0 0;font-size:clamp(1rem,4.5vw,1.25rem);font-weight:700}.sr-only{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.richtung{border-radius:calc(var(--rundung) / 2);background:#ffffff80;border:none;gap:.25rem;margin:0 0 1rem;padding:.25rem;display:flex}.richtung__wahl{text-align:center;color:var(--leise);border-radius:calc(var(--rundung) / 2 - 4px);cursor:pointer;flex:1;padding:.5rem .25rem;font-size:.875rem;font-weight:600}.richtung__wahl input{opacity:0;pointer-events:none;position:absolute}.richtung__wahl:has(input:checked){background:var(--karte);color:var(--akzent)}.richtung__wahl:has(input:focus-visible){outline:3px solid var(--akzent);outline-offset:2px}.knopf-leise{width:100%;min-height:2.75rem;color:var(--akzent);border:2px solid var(--akzent);border-radius:calc(var(--rundung) / 2);cursor:pointer;background:0 0;margin-top:1rem;padding:.5rem 1rem;font-family:inherit;font-size:.9375rem;font-weight:600;display:block}.knopf-leise:disabled{opacity:.35;cursor:default}.knopf-leise:focus-visible{outline:3px solid var(--schrift);outline-offset:2px}.tipp{letter-spacing:.1em;color:var(--leise);text-align:center;margin:.75rem 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(1.125rem,5vw,1.5rem)}.formular{flex-direction:column;gap:.75rem;margin-top:2rem;display:flex}.label{color:var(--leise);font-size:.9375rem}.eingabe{width:100%;color:inherit;background:var(--eingabefeld);border-radius:calc(var(--rundung) / 2);border:2px solid #0000;padding:.875rem 1rem;font-family:inherit;font-size:clamp(1.125rem,5vw,1.5rem)}.eingabe:focus-visible{border-color:var(--akzent);outline:none}.eingabe:disabled{opacity:.6}.knopf{color:#fff;background:var(--akzent);border-radius:calc(var(--rundung) / 2);cursor:pointer;border:none;min-height:3rem;padding:.75rem 1.5rem;font-family:inherit;font-size:1.0625rem;font-weight:600}.knopf:focus-visible{outline:3px solid var(--schrift);outline-offset:2px}.rueckmeldung{text-align:center;min-height:1.5rem;margin:1.25rem 0 0;font-size:clamp(1.125rem,4.5vw,1.5rem);font-weight:600}.rueckmeldung--richtig{color:var(--richtig)}.rueckmeldung--falsch{color:var(--falsch)}.rueckmeldung--hinweis{color:var(--leise)}.formen{text-align:center;grid-template-columns:repeat(3,1fr);gap:.5rem;margin:1.75rem 0 .5rem;display:grid}.formen dt{color:var(--leise);font-size:clamp(.6875rem,2.8vw,.8125rem)}.formen dd{overflow-wrap:break-word;margin:.15rem 0 0;font-size:clamp(.9375rem,4vw,1.125rem);font-weight:600}.formen__gefragt{color:var(--akzent);border-bottom:2px solid var(--akzent)}.loesung{text-align:center;color:var(--falsch);overflow-wrap:break-word;margin:.5rem 0 0;font-size:clamp(1.75rem,9vw,2.5rem);font-weight:700;line-height:1.2}.note{text-align:center;color:var(--akzent);margin:0;font-size:clamp(4rem,22vw,6rem);font-weight:700;line-height:1}.ende-text{text-align:center;overflow-wrap:break-word;margin:1rem 0 0;font-size:clamp(1.125rem,4.5vw,1.375rem);font-weight:600;line-height:1.35}.punkte{color:var(--leise);text-align:center;margin:.75rem 0 1.5rem;font-size:.9375rem}.zwischen-titel{text-align:center;margin:0 0 .75rem;font-size:clamp(1.25rem,5vw,1.625rem);font-weight:700}.zwischen-text{text-align:center;color:var(--leise);margin:0 0 1.5rem;font-size:clamp(1rem,4vw,1.125rem);line-height:1.4}#zwischen-knopf{width:100%;display:block}.effekt{pointer-events:none;z-index:10;position:fixed;inset:0;overflow:hidden}.teilchen{left:var(--links);animation-delay:var(--warten);animation-duration:var(--dauer);animation-timing-function:ease-out;animation-fill-mode:both;position:absolute}.teilchen--rakete{font-size:7rem;animation-name:rakete;animation-timing-function:ease-in;bottom:2rem;left:50%}.teilchen--einhorn{font-size:6rem;animation-name:einhorn;top:30%;left:50%}.teilchen--aura{white-space:nowrap;color:var(--karte);text-shadow:0 2px 8px #00000059;font-size:1.75rem;font-weight:800;animation-name:aura;top:58%;left:50%}@keyframes einhorn{0%{opacity:0;transform:translate(-50%,60px)scale(.4)rotate(-12deg)}10%{opacity:1;transform:translate(-50%)scale(1.15)rotate(4deg)}16%{opacity:1;transform:translate(-50%)scale(1)rotate(0)}50%{opacity:1;transform:translate(-50%,-10px)scale(1)rotate(-3deg)}84%{opacity:1;transform:translate(-50%)scale(1)rotate(0)}to{opacity:0;transform:translate(-50%,-40px)scale(.9)}}@keyframes aura{0%{opacity:0;transform:translate(-50%,20px)}14%{opacity:0;transform:translate(-50%,20px)}24%{opacity:1;transform:translate(-50%)}84%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-20px)}}@keyframes rakete{0%{transform:translate(-50%)rotate(-45deg)scale(1)}6%{transform:translate(-56%)rotate(-50deg)scale(1.05)}12%{transform:translate(-44%)rotate(-40deg)scale(1)}18%{transform:translate(-56%)rotate(-50deg)scale(1.05)}24%{transform:translate(-44%)rotate(-40deg)scale(1)}30%{transform:translate(-50%)rotate(-45deg)scale(1.15)}to{transform:translate(-50%,-125vh)rotate(-45deg)scale(.9)}}.teilchen--funke{color:var(--richtig);font-size:1.25rem;animation-name:funke;bottom:2.5rem;left:50%}.teilchen--funke:nth-child(2n){color:var(--falsch)}@keyframes funke{0%{opacity:.95;transform:translate(-50%)scale(1.1)}to{transform:translate(calc(-50% + var(--seite)), -75vh) scale(.2);opacity:0}}.teilchen--konfetti{background:var(--richtig);border-radius:2px;width:.6rem;height:1rem;animation-name:konfetti;top:-2rem}.teilchen--konfetti:nth-child(3n+1){background:var(--akzent)}.teilchen--konfetti:nth-child(3n+2){background:var(--falsch)}@keyframes konfetti{0%{opacity:1;transform:translateY(0)rotate(0)}to{transform:translateY(105vh) rotate(var(--drehung));opacity:.9}}.teilchen--sterne{top:var(--hoch);font-size:2.25rem;animation-name:sterne}@keyframes sterne{0%{opacity:0;transform:translateY(0)scale(.4)}40%{opacity:1;transform:translateY(-2.5rem)scale(1.2)}to{transform:translateY(4rem) scale(.6) rotate(var(--drehung));opacity:0}}@media (prefers-reduced-motion:reduce){.teilchen{display:none}}.lernpotential{color:var(--leise);text-align:center;margin:-.75rem 0 1.5rem;font-size:.9375rem}.weiter{grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1.25rem;display:grid}.weiter__knopf{border:2px solid var(--akzent);border-radius:calc(var(--rundung) / 2);min-height:3.5rem;color:var(--akzent);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:.5rem;font-size:.875rem;font-weight:600;line-height:1.2;text-decoration:none;display:flex}.weiter__zeichen{font-size:1.25rem}.weiter__knopf:focus-visible{outline:3px solid var(--schrift);outline-offset:2px}.wahl{flex-direction:column;gap:.75rem;margin-top:1.5rem;display:flex}.knopf--wahl{width:100%;font-size:1.25rem;display:block}.knopf__dazu{opacity:.85;margin-top:.25rem;font-size:.875rem;font-weight:400;display:block}.ergebnisse{margin:1rem 0 0;padding:0;list-style:none}.ergebnis{text-align:left;border-top:1px solid #ffffff80;grid-template-columns:1.5rem 1fr auto;grid-template-areas:"zeichen frage punkte"".loesung."".getippt.";gap:.1rem .5rem;padding:.6rem 0;display:grid}.ergebnis__zeichen{grid-area:zeichen;font-weight:700}.ergebnis--richtig .ergebnis__zeichen{color:var(--richtig)}.ergebnis--falsch .ergebnis__zeichen{color:var(--falsch)}.ergebnis__frage{overflow-wrap:break-word;grid-area:frage;font-weight:600}.ergebnis__punkte{color:var(--leise);grid-area:punkte;font-size:.875rem}.ergebnis__loesung{overflow-wrap:break-word;grid-area:loesung;font-size:1.0625rem}.ergebnis__getippt{color:var(--leise);overflow-wrap:break-word;grid-area:getippt;font-size:.875rem}.menue-knopf{z-index:3;width:44px;height:44px;color:var(--karte);cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;display:grid;position:fixed;top:12px;right:12px}.menue-knopf svg{width:24px;height:24px}.menue-knopf:focus-visible{outline:3px solid var(--karte)}.menue{z-index:5;background:var(--karte);width:min(320px,85vw);height:100dvh;color:var(--schrift);visibility:hidden;padding:64px 24px 24px;transition:transform .25s,visibility 0s linear .25s;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-8px 0 24px #00000040}.menue--offen{visibility:visible;transition:transform .25s,visibility;transform:translate(0)}.menue__zu{color:var(--leise);position:absolute}.menue__zu:focus-visible{outline:3px solid var(--akzent)}.menue__titel{text-transform:uppercase;letter-spacing:.08em;color:var(--leise);margin:0 0 12px;font-size:.875rem}.menue__zeile{cursor:pointer;align-items:center;gap:12px;padding:12px 0;font-size:1.125rem;display:flex}.menue__zeile--link{color:var(--schrift);justify-content:space-between;text-decoration:none}.menue__pfeil,.menue__zeile[aria-current=page]{color:var(--leise)}.menue__zeile[aria-current=page] .menue__pfeil{visibility:hidden}.menue__zeile--schalter{justify-content:space-between}.menue__zeile input[type=checkbox]{appearance:none;cursor:pointer;background:#0003;border-radius:999px;flex:none;width:51px;height:31px;margin:0;transition:background .2s;position:relative}.menue__zeile input[type=checkbox]:after{content:"";background:#fff;border-radius:50%;width:27px;height:27px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000004d}.menue__zeile input[type=checkbox]:checked{background:var(--akzent)}.menue__zeile input[type=checkbox]:checked:after{transform:translate(20px)}.menue__zeile input[type=checkbox]:focus-visible{outline:3px solid var(--schrift);outline-offset:2px}@media (prefers-reduced-motion:reduce){.menue__zeile input[type=checkbox],.menue__zeile input[type=checkbox]:after{transition:none}}.menue-schatten{z-index:4;visibility:hidden;opacity:0;background:#0006;transition:opacity .25s,visibility 0s linear .25s;position:fixed;inset:0}.menue-schatten--offen{visibility:visible;opacity:1;transition:opacity .25s,visibility}@media (prefers-reduced-motion:reduce){.menue,.menue-schatten{transition:none}}.seite{align-items:flex-start}.buehne--seite{padding-top:64px;padding-bottom:32px}.zurueck{z-index:3;min-height:44px;color:var(--karte);align-items:center;gap:6px;padding:0 12px;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex;position:fixed;top:12px;left:12px}.zurueck:focus-visible{outline:3px solid var(--karte);border-radius:calc(var(--rundung) / 2)}.fortschritt__gross{margin:0;font-size:2.5rem;font-weight:800;line-height:1.1}.fortschritt__dazu{color:var(--leise);margin:4px 0 20px}.fortschritt__lage{margin:0 0 20px;font-size:.9375rem;line-height:1.4}.balken{background:var(--nie);border-radius:7px;height:14px;margin-bottom:12px;display:flex;overflow:hidden}.balken__teil--sicher{background:var(--sitzt)}.balken__teil--geuebt{background:var(--in-arbeit);display:flex}.balken__stufe{height:100%}.balken__stufe--0{background:var(--arbeit-0)}.balken__stufe--1{background:var(--arbeit-1)}.balken__stufe--2{background:var(--arbeit-2)}.balken__stufe--3{background:var(--arbeit-3)}.balken__stufe--4{background:var(--arbeit-4)}.balken__stufe--5{background:var(--arbeit-5)}.balken__stufe--6{background:var(--arbeit-6)}.zahlen{grid-template-columns:repeat(2,1fr);gap:12px;margin:0;display:grid}.zahlen dt{color:var(--leise);font-size:.8125rem}.zahlen dd{margin:0;font-size:1.25rem;font-weight:700}.abschnitt{margin:0 0 12px;font-size:1.25rem;font-weight:700}.buehne--breit{max-width:60rem}.faecher{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:16px;margin-top:16px;display:grid}.fach__menge{color:var(--leise);margin:-8px 0 12px;font-size:.9375rem}.fach__menge span{color:var(--schrift);font-size:1.5rem;font-weight:800}.fach__liste{margin:0;padding:0;list-style:none}.fach__zeile{cursor:pointer;border-top:1px solid #0000001a;justify-content:space-between;align-items:baseline;gap:8px;padding:8px 0;list-style:none;display:flex}.fach__zeile::-webkit-details-marker{display:none}.fach__zeile:focus-visible{outline:3px solid var(--schrift);outline-offset:-2px}.fach__pfeil{color:var(--leise);font-size:.75rem;transition:transform .15s}details[open] .fach__pfeil{transform:rotate(90deg)}.fach__zeile .fach__wort{flex:1}.fach__historie{margin:0 0 8px;padding:0 0 0 18px;list-style:none}.fach__antwort{color:var(--leise);align-items:baseline;gap:8px;padding:3px 0;font-size:.8125rem;display:flex}.fach__wann{flex:1}.fach__vermerk{background:#00000014;border-radius:999px;padding:1px 6px;font-size:.6875rem}.fach__punkte{font-variant-numeric:tabular-nums}.fach__ohne{color:var(--leise);margin:0 0 8px;padding-left:18px;font-size:.8125rem}.fach__wort{overflow-wrap:anywhere}.fach__score{font-variant-numeric:tabular-nums;color:var(--leise);flex:none;font-weight:700}.fach__mehr{color:var(--leise);text-align:left;cursor:pointer;background:0 0;border:0;margin:12px 0 0;padding:8px 0;font-family:inherit;font-size:.875rem;text-decoration:underline;display:block}.fach__mehr:focus-visible{outline:3px solid var(--schrift);outline-offset:2px;border-radius:calc(var(--rundung) / 4)}.runden-liste{margin:0;padding:0;list-style:none}.runde{border-top:1px solid #0000001a;padding:10px 0}.runde__kopf{justify-content:space-between;align-items:baseline;gap:8px;margin:0 0 6px;font-size:.875rem;display:flex}.runde__zahlen{color:var(--leise);font-variant-numeric:tabular-nums}.runde__leiste{background:#0000001a;border-radius:4px;height:8px}.runde__richtig{background:var(--richtig);border-radius:4px;height:100%}.runden__ende{color:var(--leise);margin:12px 0 0;font-size:.8125rem}.diagramm{align-items:flex-end;gap:2px;height:140px;margin:20px 0 6px;display:flex}.diagramm__tag{height:100%;font:inherit;cursor:pointer;background:linear-gradient(var(--eingabefeld), var(--eingabefeld)) bottom / 100% 2px no-repeat;border:0;border-radius:2px;flex:1;align-items:end;padding:0;display:grid}.diagramm__tag--gewaehlt{outline:2px solid var(--schrift);outline-offset:1px}.diagramm__tag:focus-visible{outline:3px solid var(--schrift);outline-offset:2px}.diagramm__gesamt,.diagramm__richtig{border-radius:2px;grid-area:1/1;width:100%}.diagramm__gesamt{background:var(--akzent);opacity:.3}.diagramm__richtig{background:var(--richtig)}.diagramm__achse{color:var(--leise);justify-content:space-between;margin:0 0 8px;font-size:.8125rem;display:flex}.diagramm__tagestext{min-height:2.8em;margin:0 0 20px;font-size:.9375rem;line-height:1.4}