:root{--hintergrund:#f6f7f9;--flaeche:#fff;--text:#1c2430;--leise:#5b6676;--linie:#d9dee5;--akzent:#2457c5;--akzent-hell:#e8eefb;--richtig:#1f7a3d;--richtig-hell:#e6f4ea;--falsch:#b42318;--falsch-hell:#fdecea;--hinweis:#8a5a00;--hinweis-hell:#fff6e0;--markiert:#b8c2d0;--radius:12px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--hintergrund);color:var(--text);-webkit-text-size-adjust:100%;margin:0;font:17px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--akzent)}h1{margin:.2em 0;font-size:1.6rem}h2{margin:1.6em 0 .6em;font-size:1.2rem}.seite{max-width:760px;margin:0 auto;padding:16px 16px 64px}.seite.schmal{max-width:420px;padding-top:48px}.kopf{justify-content:space-between;align-items:center;gap:12px;display:flex}.leise{color:var(--leise)}.klein{font-size:.88rem}.karte{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--radius);margin:12px 0;padding:16px;display:block}.kachel{color:inherit;flex-direction:column;gap:6px;min-height:44px;text-decoration:none;display:flex}.kachel:hover,.kachel:focus-visible{border-color:var(--akzent)}.raster{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.raster .karte{margin:0}.balken{background:var(--linie);border-radius:4px;height:8px;overflow:hidden}.balken>div{background:var(--richtig);height:100%;transition:width .3s}form.karte{flex-direction:column;gap:14px;display:flex}label{flex-direction:column;gap:4px;font-weight:600;display:flex}input,textarea{font:inherit;border:1px solid var(--linie);background:var(--flaeche);min-height:44px;color:var(--text);border-radius:8px;width:100%;padding:10px 12px;font-weight:400}input:focus,textarea:focus{outline:2px solid var(--akzent);outline-offset:1px}textarea{resize:vertical;min-height:96px}.knopf{font:inherit;border:1px solid var(--linie);background:var(--flaeche);min-width:44px;min-height:44px;color:var(--text);cursor:pointer;touch-action:manipulation;border-radius:8px;padding:8px 16px}.knopf:disabled{opacity:.55;cursor:default}.knopf.haupt{background:var(--akzent);border-color:var(--akzent);color:#fff;font-weight:600}.knopf.leise{background:0 0}.knopf.gewaehlt{background:var(--akzent-hell);border-color:var(--akzent);font-weight:600}.knopfreihe{flex-wrap:wrap;gap:8px;display:flex}.meldung{border-radius:8px;margin:8px 0;padding:10px 12px}.meldung.richtig{background:var(--richtig-hell);color:var(--richtig)}.meldung.falsch{background:var(--falsch-hell);color:var(--falsch)}.meldung.hinweis{background:var(--hinweis-hell);color:var(--hinweis)}.banner{z-index:10;background:var(--hinweis-hell);color:var(--hinweis);text-align:center;border-bottom:1px solid #f0d8a0;padding:8px 16px;font-size:.92rem;position:sticky;top:0}.text-mit-tasten input{font-size:1.05rem}.tasten{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.knopf.taste{background:var(--hintergrund);min-width:44px;padding:6px 10px;font-size:1.1rem}.grafiken{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.venn,.grafik{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:100%;max-width:320px;height:auto;display:block}.baum{width:100%;max-width:640px;margin:28px 0 8px;position:relative}.baum-linien{width:100%;height:100%;position:absolute;inset:0}.baum-stufen span{white-space:nowrap;position:absolute;top:-26px;transform:translate(-50%)}.baum-knoten{background:var(--flaeche);padding:0 4px;font-weight:700;position:absolute;transform:translate(-50%,-50%)}.baum-feld{text-align:center;width:76px;min-height:44px;padding:6px;position:absolute;transform:translate(-50%,-50%)}.baum-feld.richtig{border-color:var(--richtig);background:var(--richtig-hell)}.baum-feld.falsch{border-color:var(--falsch);background:var(--falsch-hell)}.aufgabentext{white-space:pre-line;font-size:1.05rem}.teil{flex-direction:column;gap:10px;display:flex}.frage{white-space:pre-line;margin:0;font-weight:600}.loesung{border-left:4px solid var(--akzent);background:var(--akzent-hell);border-radius:0 8px 8px 0;padding:8px 12px}.loesung p,.meldung p{margin:4px 0 0}a.knopf{align-items:center;text-decoration:none;display:inline-flex}.zeile{align-items:baseline;gap:10px;display:flex}.haken{color:var(--richtig);margin-left:auto;font-size:1.2rem;font-weight:700}.vorschau{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.aufgabentitel{margin-top:0}.uhr{font-variant-numeric:tabular-nums;color:var(--leise)}.knopf.gross{width:100%;min-height:52px;margin-top:8px}.ergebnis{margin:0 0 8px;font-size:1.3rem}.je-aufgabe{columns:2 220px;margin:8px 0 0;padding-left:18px}section.karte .teil+.teil{border-top:1px solid var(--linie);margin-top:14px;padding-top:14px}