:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--farbe-papier:#f6f4ee;--farbe-flaeche:#fff;--farbe-tinte:#1b2230;--farbe-tinte-leise:#4b5567;--farbe-linie:#7a808d;--farbe-raster:#e2dfd6;--farbe-akzent:#2348a8;--farbe-auf-akzent:#fff;--farbe-akzent-leise:#e3e9f8;--farbe-richtig:#1c6b38;--farbe-falsch:#b3261e;--abstand-xs:.25rem;--abstand-s:.5rem;--abstand-m:1rem;--abstand-l:1.5rem;--abstand-xl:2.5rem;--rand-seite:1rem;--inhalt-breite:30rem;--radius:.75rem;--radius-klein:.375rem;--rahmen:1px;--fokus-ring:3px;--schrift:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--groesse-s:.875rem;--groesse-m:1rem;--groesse-l:1.25rem;--groesse-xl:1.75rem;--groesse-aufgabe:clamp(1.5rem, 7vw, 2.25rem);--taste-hoehe:3.5rem}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--farbe-papier:#12151c;--farbe-flaeche:#1b1f28;--farbe-tinte:#eceef3;--farbe-tinte-leise:#aab3c4;--farbe-linie:#6b7385;--farbe-raster:#2a303c;--farbe-akzent:#9db7ff;--farbe-auf-akzent:#0c1430;--farbe-akzent-leise:#232c45;--farbe-richtig:#74d494;--farbe-falsch:#ff9a90}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--farbe-papier);color:var(--farbe-tinte);font-family:var(--schrift);font-size:var(--groesse-m);font-variant-numeric:tabular-nums;margin:0;line-height:1.5}main{max-width:var(--inhalt-breite);padding:var(--abstand-l) var(--rand-seite) var(--abstand-xl);margin:0 auto}h1,h2,h3{margin:0 0 var(--abstand-m);line-height:1.2}h1{font-size:var(--groesse-xl)}h2{font-size:var(--groesse-l)}h3{font-size:var(--groesse-m)}p{margin:0 0 var(--abstand-m)}:focus-visible{outline:var(--fokus-ring) solid var(--farbe-akzent);outline-offset:2px}[tabindex="-1"]:focus{outline:none}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.leise{color:var(--farbe-tinte-leise)}.abschnitt{margin-top:var(--abstand-xl)}.knopf{min-height:3rem;padding:0 var(--abstand-l);border:var(--rahmen) solid var(--farbe-linie);border-radius:var(--radius);background:var(--farbe-flaeche);color:var(--farbe-tinte);font:inherit;cursor:pointer;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.knopf:disabled{cursor:not-allowed;opacity:.45}.knopf--haupt{border-color:var(--farbe-akzent);background:var(--farbe-akzent);color:var(--farbe-auf-akzent)}.knopf--breit{width:100%}.knopf--leise{min-height:2.75rem;color:var(--farbe-akzent);padding:0 var(--abstand-s);background:0 0;border-color:#0000}.knopfreihe{gap:var(--abstand-s);flex-wrap:wrap;display:flex}.regeln{margin:0 0 var(--abstand-l);padding-left:var(--abstand-l)}.kopfzeile{justify-content:space-between;align-items:center;gap:var(--abstand-s);margin-bottom:var(--abstand-s);display:flex}.kopfzeile h2{font-size:var(--groesse-m);margin:0}.uhr{font-weight:600}.uhr--ueber{color:var(--farbe-falsch)}.fortschritt{width:100%;height:.5rem;margin-bottom:var(--abstand-l);accent-color:var(--farbe-akzent)}.aufgabe{margin:var(--abstand-l) 0;font-size:var(--groesse-aufgabe);text-align:center;overflow-wrap:anywhere;font-weight:600}.antwort{min-height:3.5rem;padding:var(--abstand-s) var(--abstand-m);border:2px solid var(--farbe-linie);border-radius:var(--radius);background:var(--farbe-flaeche);font-size:var(--groesse-xl);text-align:right;font-weight:600;display:block}.antwort[data-zustand=richtig]{border-color:var(--farbe-richtig)}.antwort[data-zustand=falsch]{border-color:var(--farbe-falsch)}.antwort__leer{color:var(--farbe-tinte-leise);font-weight:400}.rueckmeldung{min-height:1.5rem;margin:var(--abstand-s) 0 var(--abstand-m);font-weight:600}.rueckmeldung[data-zustand=richtig]{color:var(--farbe-richtig)}.rueckmeldung[data-zustand=falsch]{color:var(--farbe-falsch)}.tastatur{gap:var(--abstand-s);margin-bottom:var(--abstand-s);grid-template-columns:repeat(3,1fr);display:grid}.taste{min-height:var(--taste-hoehe);border:var(--rahmen) solid var(--farbe-linie);border-radius:var(--radius);background:var(--farbe-flaeche);color:var(--farbe-tinte);font:inherit;font-size:var(--groesse-l);cursor:pointer;touch-action:manipulation;font-weight:600}.taste:active:not(:disabled){background:var(--farbe-akzent-leise)}.taste:disabled{opacity:.45;cursor:not-allowed}.aktionen{gap:var(--abstand-s);grid-template-columns:1fr 2fr;display:grid}.aktionen .knopf{min-height:var(--taste-hoehe)}.ganze-zeile{grid-column:1/-1}.kennzahlen{gap:var(--abstand-s);margin:0 0 var(--abstand-l);grid-template-columns:repeat(2,1fr);display:grid}.kennzahl{padding:var(--abstand-m);border-radius:var(--radius);background:var(--farbe-flaeche);margin:0}.kennzahl dt{font-size:var(--groesse-s);color:var(--farbe-tinte-leise)}.kennzahl dd{font-size:var(--groesse-l);margin:0;font-weight:700}.tabelle-rahmen{margin-bottom:var(--abstand-l);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:var(--groesse-s)}th,td{padding:var(--abstand-s) var(--abstand-xs);border-bottom:var(--rahmen) solid var(--farbe-raster);text-align:left;vertical-align:top}th{color:var(--farbe-tinte-leise);font-weight:600}.zahl{text-align:right;white-space:nowrap}.markierung{white-space:nowrap;font-weight:700}.markierung[data-richtig=true]{color:var(--farbe-richtig)}.markierung[data-richtig=false]{color:var(--farbe-falsch)}tr[data-langsamste=true] td{background:var(--farbe-akzent-leise)}.diagramm{margin:0 0 var(--abstand-l)}.diagramm figcaption{margin-bottom:var(--abstand-s);font-weight:600}.diagramm svg{width:100%;height:auto;display:block;overflow:visible}.diagramm__raster{stroke:var(--farbe-raster);stroke-width:1px}.diagramm__achse{fill:var(--farbe-tinte-leise);font-size:11px}.diagramm__wert{fill:var(--farbe-tinte);font-size:11px;font-weight:600}.diagramm__balken{fill:var(--farbe-akzent)}.diagramm__ziel{fill:#0000}.diagramm__ziel:hover+.diagramm__balken,.diagramm__spalte:hover .diagramm__balken{opacity:.75}.liste{margin:0 0 var(--abstand-l);padding-left:var(--abstand-l)}details{margin-bottom:var(--abstand-l)}summary{min-height:2.75rem;color:var(--farbe-akzent);cursor:pointer;align-items:center;font-weight:600;display:flex}.feld-label{font-weight:600;display:block}.datei-eingabe{margin-top:var(--abstand-s);font:inherit;display:block}@media (prefers-reduced-motion:no-preference){.taste,.knopf{transition:background-color .12s ease-out}}