:root{--hintergrund:#f6f5f1;--flaeche:#fff;--flaeche-2:#efeee9;--text:#1c1c1e;--text-leise:#5c5c62;--rand:#d6d4cd;--akzent:#2553c7;--akzent-text:#fff;--akzent-flaeche:#e7edfb;--groesse:#8a3b12;--einheit:#1b4f9c;--richtig:#1d7438;--richtig-flaeche:#e5f3e9;--falsch:#b2261d;--falsch-flaeche:#fbe9e7;--hinweis:#7d5300;--hinweis-flaeche:#fdf2d8;--schatten:0 1px 2px #0000000f, 0 4px 16px #0000000f;--radius:12px;--formel:"STIX Two Text", "Cambria Math", "Times New Roman", serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--hintergrund:#141416;--flaeche:#1e1e21;--flaeche-2:#28282c;--text:#ececef;--text-leise:#a4a4ab;--rand:#3b3b41;--akzent:#8fb0ff;--akzent-text:#0f1a33;--akzent-flaeche:#1f2a44;--groesse:#ffb38a;--einheit:#9cc2ff;--richtig:#7fd699;--richtig-flaeche:#16301e;--falsch:#ff8f85;--falsch-flaeche:#3a1b19;--hinweis:#ffcf70;--hinweis-flaeche:#3a2e13;--schatten:0 1px 2px #0006, 0 4px 16px #0000004d}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--hintergrund);color:var(--text);margin:0;font:17px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}button{font:inherit;color:inherit}h1,h2,h3{line-height:1.25}.leise{color:var(--text-leise)}.seite{max-width:60rem;margin:0 auto;padding:1.25rem 1rem 5rem}.knopf{border:1px solid var(--rand);background:var(--flaeche);cursor:pointer;border-radius:10px;min-height:44px;padding:.5rem 1rem}.knopf:hover:not(:disabled){border-color:var(--akzent)}.knopf:disabled{opacity:.5;cursor:default}.knopf.haupt{background:var(--akzent);color:var(--akzent-text);border-color:var(--akzent);font-weight:600}.knopfreihe{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}:focus-visible{outline:3px solid var(--akzent);outline-offset:2px}.kopf{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;margin-bottom:1rem;display:flex}.karte{background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius);box-shadow:var(--schatten);padding:1rem 1.25rem}.wahl{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.75rem;display:grid}.wahlkarte{text-align:left;border:2px solid var(--rand);border-radius:var(--radius);background:var(--flaeche);cursor:pointer;padding:.9rem 1rem}.wahlkarte[aria-pressed=true]{border-color:var(--akzent);background:var(--akzent-flaeche)}.wahlkarte strong{font-size:1.05rem;display:block}.marke{background:var(--flaeche-2);color:var(--text-leise);border-radius:999px;padding:.1rem .55rem;font-size:.8rem;font-weight:600;display:inline-block}.marke.wiederholung{background:var(--hinweis-flaeche);color:var(--hinweis)}.formel{font-family:var(--formel);flex-wrap:wrap;align-items:center;gap:.35rem;font-size:1.5rem;display:inline-flex}.formel .kopfteil{white-space:nowrap}.bruch{vertical-align:middle;flex-direction:column;align-items:center;display:inline-flex}.bruch>.zeile{justify-content:center;align-items:center;gap:.2rem;min-height:2.2rem;padding:.1rem .3rem;display:flex}.bruch>.strich{border-top:2px solid;align-self:stretch;margin:.1rem 0}.produkt{align-items:center;gap:.2rem;display:inline-flex}.mal{color:var(--text-leise)}.groesse{color:var(--groesse);font-style:italic}.einheit{color:var(--einheit);font-style:normal}.zahl{font-style:normal}sup{font-size:.65em}.faktor{font:inherit;cursor:pointer;touch-action:none;background:0 0;border:2px solid #0000;border-radius:8px;min-width:44px;min-height:44px;padding:0 .35rem}.faktor:hover:not(:disabled){border-color:var(--rand)}.faktor[aria-pressed=true]{border-color:var(--akzent);background:var(--akzent-flaeche)}.faktor:disabled{cursor:default}[data-ablage].drueber,.faktor.drueber{background:var(--akzent-flaeche);border-color:var(--akzent)!important}.palette{background:var(--flaeche-2);border-radius:var(--radius);flex-wrap:wrap;gap:.5rem;padding:.75rem;display:flex}.baustein{border:2px solid var(--rand);background:var(--flaeche);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;min-width:52px;min-height:48px;font-family:var(--formel);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;padding:.25rem .8rem;font-size:1.35rem;line-height:1.1;display:inline-flex}.baustein small{color:var(--text-leise);font-family:system-ui,sans-serif;font-size:.7rem;font-style:normal}.baustein[aria-pressed=true]{border-color:var(--akzent);background:var(--akzent-flaeche)}.baustein.benutzt{opacity:.35}.geist{z-index:1000;pointer-events:none;background:var(--akzent);color:var(--akzent-text);font-family:var(--formel);box-shadow:var(--schatten);border-radius:10px;margin:-24px 0 0 -24px;padding:.4rem .8rem;font-size:1.3rem;position:fixed;top:0;left:0}.feld{border:2px dashed var(--rand);border-radius:var(--radius);background:var(--flaeche);margin:.75rem 0;padding:.75rem}.feld-titel{text-transform:uppercase;letter-spacing:.04em;color:var(--text-leise);margin-bottom:.35rem;font-size:.8rem;font-weight:600}.feld.gesperrt{opacity:.6}.ablage{border:2px dashed var(--rand);cursor:pointer;min-width:7rem;min-height:52px;font-family:var(--formel);background:0 0;border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.3rem;padding:.3rem .6rem;font-size:1.35rem;display:inline-flex}.ablage .platzhalter{color:var(--text-leise);font-family:system-ui,sans-serif;font-size:.85rem}.bauplan{flex-direction:column;align-items:stretch;gap:.2rem;display:inline-flex}.bauplan .strich{border-top:2px solid}.chip{align-items:center;gap:.15rem;display:inline-flex}.werkzeug{background:var(--flaeche-2);border-radius:10px;flex-wrap:wrap;gap:.4rem;margin-top:.5rem;padding:.5rem;display:flex}.optionen{flex-wrap:wrap;gap:.5rem;display:flex}.option{font-family:var(--formel);min-width:4rem;font-size:1.3rem}.option.falsch{border-color:var(--falsch);background:var(--falsch-flaeche)}.option.richtig{border-color:var(--richtig);background:var(--richtig-flaeche)}.verlauf{color:var(--text-leise);margin:.5rem 0 0;padding-left:1.25rem;font-size:.95rem}.zuordnung{gap:.6rem;display:grid}.zuordnung .reihe{border-radius:10px;grid-template-columns:minmax(12rem,max-content) auto minmax(9rem,max-content) auto;justify-content:start;align-items:center;gap:.5rem;padding:.3rem;display:grid}@media (width<=600px){.zuordnung .reihe{grid-template-columns:1fr auto 1fr}}.zuordnung .reihe.richtig{background:var(--richtig-flaeche)}.zuordnung .reihe.falsch{background:var(--falsch-flaeche)}.gleich{font-family:var(--formel);font-size:1.4rem}.rueckmeldung{border-radius:var(--radius);border-left:5px solid;margin-top:1rem;padding:.75rem 1rem}.rueckmeldung.richtig{background:var(--richtig-flaeche);border-color:var(--richtig)}.rueckmeldung.falsch{background:var(--falsch-flaeche);border-color:var(--falsch)}.rueckmeldung.unvollstaendig,.rueckmeldung.eingabehilfe{background:var(--hinweis-flaeche);border-color:var(--hinweis)}.rueckmeldung ul{margin:.3rem 0 0;padding-left:1.2rem}.hilfe{background:var(--flaeche-2);border-radius:10px;margin-top:.5rem;padding:.6rem .9rem}.hilfe h4{color:var(--text-leise);margin:0 0 .2rem;font-size:.85rem}.hilfe ol{margin:0;padding-left:1.3rem}.schublade-hintergrund{z-index:50;background:#00000059;position:fixed;inset:0}.schublade{z-index:51;background:var(--flaeche);width:min(34rem,100vw);box-shadow:var(--schatten);padding:1rem 1.25rem 3rem;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}.schublade input[type=search]{width:100%;min-height:44px;font:inherit;border:1px solid var(--rand);background:var(--hintergrund);color:var(--text);border-radius:10px;padding:.4rem .75rem}.referenz h3{margin:1.25rem 0 .4rem;font-size:1rem}.referenz table{border-collapse:collapse;width:100%;font-size:.95rem}.referenz td,.referenz th{text-align:left;border-bottom:1px solid var(--rand);vertical-align:top;padding:.35rem .4rem}.referenz .sym{font-family:var(--formel);white-space:nowrap;font-size:1.15rem}.eingabe{min-height:44px;font:inherit;border:1px solid var(--rand);background:var(--flaeche);color:var(--text);text-transform:uppercase;border-radius:10px;padding:.4rem .75rem}fieldset{border:none;margin:0;padding:0}legend{margin-bottom:.5rem;font-weight:600}.ankreuzen{flex-wrap:wrap;gap:.5rem 1.25rem;display:flex}.ankreuzen label{align-items:center;gap:.4rem;min-height:44px;display:inline-flex}.ankreuzen input{width:1.3rem;height:1.3rem}@media (width<=600px){body{font-size:16px}.formel{font-size:1.3rem}}.wurzel{align-items:stretch;display:inline-flex}.wurzelzeichen{align-self:flex-end;padding-right:.05em}.radikand{border-top:1.5px solid;padding:.1em .15em 0}.radikand .formel{margin:0}.funktion{align-items:center;gap:.05em;display:inline-flex}.funktionsname{font-style:normal}.funktion .klammer{font-size:1.1em}html{scrollbar-gutter:stable;overflow-y:scroll}#aufgabe-titel{min-height:2.9em}.werkzeug{box-sizing:border-box;align-content:flex-start;min-height:5.4rem;max-height:5.4rem;overflow-y:auto}.werkzeug.leer{align-items:center}.hinweiszeile{min-height:1.3rem;margin:.3rem 0 0}.verlauf{background:var(--flaeche-2);box-sizing:border-box;border-radius:10px;height:4.6rem;margin:.25rem 0 0;padding:.4rem .75rem .4rem 2rem;overflow-y:auto}.verlauf li.leer{margin-left:-1.25rem;list-style:none}.rueckmeldung-platz .rueckmeldung{box-sizing:border-box;height:6rem;overflow-y:auto}.rueckmeldung.neutral{background:var(--flaeche-2);border-color:var(--rand)}.hilfe-bereich{background:var(--flaeche-2);box-sizing:border-box;border-radius:10px;height:9.5rem;margin-top:.5rem;padding:.6rem .9rem;overflow-y:auto}.hilfe-bereich .hilfe{background:0 0;margin:0 0 .6rem;padding:0}.marke.unsichtbar{visibility:hidden}.zeilenmarke{text-align:center;min-width:5.5rem}.zeilenmarke.leer{visibility:hidden}.zuordnung-kopf{grid-template-columns:minmax(12rem,max-content) auto minmax(9rem,max-content) auto;justify-content:start;gap:.5rem;padding:0 .3rem;display:grid}.zuordnung-kopf span:nth-child(2){width:1.2rem}@media (width<=600px){.zuordnung-kopf{grid-template-columns:1fr auto 1fr}}.groessenfeld{margin-bottom:.4rem}.groessenfeld-inhalt{min-height:2.2rem;font-size:1.5rem;font-family:var(--formel);align-items:baseline;gap:.75rem;display:flex}.groessenfeld-inhalt .leise{font-family:system-ui,sans-serif;font-size:.9rem}.bauplan-zeile{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.baustein.benutzt,.knopf:disabled{cursor:default}.feld>.formel,.bauplan-zeile,.aufgabe-kopfzeile{box-sizing:border-box;min-height:6.4rem}.feld>.formel{align-items:center;display:flex}.aufgabe-kopfzeile{flex-wrap:wrap;align-items:center;gap:.3rem;margin:0;display:flex}.groessenfeld .groessenfeld-inhalt{min-height:2.4rem}.seitenleiste .rueckmeldung{margin-top:0}.navigation{justify-content:space-between;margin-top:1rem}@media (width>=980px){.seite:has(.durchlauf-raster){max-width:76rem}.durchlauf-raster{grid-template-columns:minmax(0,1fr) 19rem;align-items:start;gap:1.25rem;display:grid}.aufgabenbereich{min-height:0}.seitenleiste{position:sticky;top:1rem}.seitenleiste .rueckmeldung-platz .rueckmeldung{height:10rem}.seitenleiste .hilfe-bereich{height:12rem}.seitenleiste .hilfen .knopfreihe,.seitenleiste .navigation{flex-direction:column;align-items:stretch}}@media (width<=979px){.seitenleiste{margin-top:1rem}}.bauplan .ablage,.zuordnung .ablage{box-sizing:border-box;min-height:3.6rem}.legende{background:var(--flaeche-2);border-radius:10px;margin:0 0 .6rem;padding:.45rem .8rem;font-size:.92rem}.legende summary{cursor:pointer;color:var(--text-leise)}.legende dl{grid-template-columns:1fr 1fr;gap:.2rem 1.2rem;margin:.4rem 0 0;display:grid}@media (width<=700px){.legende dl{grid-template-columns:1fr}}.legende dl>div{align-items:baseline;gap:.5rem;display:flex}.legende dt{min-width:2.2rem;font-family:var(--formel);font-size:1.15rem}.legende dd{margin:0}.legende-achtung,.legende-warnung{color:var(--hinweis);font-weight:600}.legende-warnung{font-size:.85rem;font-weight:400;display:block}.legende-abweichung{margin:.3rem 0 0;font-size:.85rem}.faktor-gruppe{align-items:center;display:inline-flex}.faktor.griff{font-family:var(--formel);min-width:1.6rem;padding:0 .2rem}.teilzeile{min-height:1.3rem;margin:0 0 .2rem}.gleichung{flex-wrap:wrap;align-items:center;gap:.5rem;min-height:6.4rem;display:flex}.gleichung .relation{font-family:var(--formel);padding:0 .3rem;font-size:1.6rem}.operationen{background:var(--flaeche-2);box-sizing:border-box;border-radius:10px;flex-direction:column;gap:.45rem;height:10.5rem;margin-top:.5rem;padding:.5rem;display:flex;overflow-y:auto}.operationen-zeile{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.operationen-zeile:first-child{border-bottom:1px solid var(--rand);min-height:2.3rem;padding-bottom:.4rem}.knopf.unsichtbar{visibility:hidden}.wurzel{align-items:stretch}.wurzel>.wurzelzeichen,.wurzel>.faktor.griff{transform-origin:bottom;align-items:flex-end;padding-bottom:.1em;font-size:1.5em;line-height:1;display:flex;transform:scaleY(1.25)}.radikand{border-top:1.5px solid;align-items:center;margin-top:.1em;display:inline-flex}.seite{padding-top:.6rem;padding-bottom:.6rem}.kopf h1{margin:0;font-size:1.15rem}.karte{padding:.7rem .9rem}#aufgabe-titel{min-height:2.6em;margin:.25rem 0 .4rem!important;font-size:1.02rem!important}.feld{margin:.3rem 0;padding:.35rem .6rem}.feld-titel{margin-bottom:.1rem;font-size:.7rem}.formel{gap:.25rem;font-size:1.2rem}.bruch>.zeile{min-height:1.55rem;padding:0 .25rem}.feld>.formel,.bauplan-zeile,.aufgabe-kopfzeile,.gleichung{min-height:3.7rem}.aufgabe-kopfzeile{font-size:.9rem}.werkzeug{gap:.3rem;min-height:2.6rem;max-height:2.6rem;margin-top:.25rem;padding:.25rem .4rem}.werkzeug .leise{font-size:.82rem}.verlauf-rahmen{margin-top:.25rem}.verlauf{height:2.5rem;padding-top:.2rem;padding-bottom:.2rem;font-size:.85rem}.knopf.klein{min-height:2rem;padding:.15rem .55rem;font-size:.82rem}.aufgabenbereich>div>.knopfreihe{margin-top:.4rem!important}.palette{gap:.35rem;padding:.4rem}.groessenfeld-inhalt,.groessenfeld .groessenfeld-inhalt{min-height:1.6rem;font-size:1.2rem}.bauplan .ablage,.zuordnung .ablage{min-height:2.7rem}.zuordnung{gap:.3rem}.optionen{gap:.4rem}.legende{margin-bottom:.3rem;padding:.25rem .7rem}.teilzeile{min-height:1.1rem;font-size:.85rem}.operationen{gap:.3rem;height:5.8rem;margin-top:.25rem;padding:.3rem .4rem}.operationen-zeile{gap:.3rem}.operationen-zeile:first-child{min-height:1.7rem;padding-bottom:.25rem}.gleichung .relation{font-size:1.3rem}.rueckmeldung-platz .rueckmeldung{height:4rem;padding:.45rem .7rem;font-size:.9rem}.hilfen{margin-top:.5rem}.hilfe-bereich{height:5rem;margin-top:.3rem;padding:.4rem .7rem;font-size:.9rem}.navigation{margin-top:.5rem}.aufgabenbereich{min-height:22rem}@media (width>=980px){.aufgabenbereich{min-height:0}.seitenleiste .rueckmeldung-platz .rueckmeldung{height:7.5rem}.seitenleiste .hilfe-bereich{height:8.5rem}.seitenleiste .hilfen .knopfreihe,.seitenleiste .navigation{gap:.3rem}}.operationen{height:7.9rem}.operationen .leise{font-size:.82rem}.karte+.karte{margin-top:.6rem}.karte h2{margin:0 0 .4rem;font-size:1rem}.wahl{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.5rem}.wahlkarte{padding:.45rem .7rem}.wahlkarte strong{font-size:.98rem}.wahlkarte .leise{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.85rem;display:-webkit-box;overflow:hidden}.wahlkarte .beispiel{margin-top:.2rem;font-size:.8rem}.ankreuzen{gap:.1rem 1rem}.ankreuzen label{min-height:36px;font-size:.95rem}.karte>p.leise{margin:.3rem 0;font-size:.85rem!important}main.seite>p.leise{font-size:.88rem;margin:.1rem 0 .5rem!important}.kopf{margin-bottom:.3rem}.faktor,.bruch>.zeile{min-height:34px}.feld>.formel,.bauplan-zeile,.gleichung{min-height:4.9rem}.werkzeug{align-content:flex-start;align-items:center;max-height:none;overflow:visible}.werkzeug-titel{margin-right:.2rem}.werkzeug .formel{gap:.15rem;font-size:.95rem}.werkzeug .bruch>.zeile,.aufgabe-kopfzeile .bruch>.zeile,.optionen .bruch>.zeile,.legende .bruch>.zeile{min-height:0;padding:0 .15rem}.aufgabe-kopfzeile{min-height:2.6rem;font-size:.85rem}.aufgabe-kopfzeile .formel{font-size:.95rem}.operationen{height:auto;min-height:7.9rem;overflow:visible}.seitenleiste .legende{margin:0 0 .5rem;padding:.35rem .6rem;font-size:.82rem}.seitenleiste .legende dl{grid-template-columns:1fr;gap:.1rem;margin-top:.15rem}.seitenleiste .legende dt{min-width:1.8rem;font-size:.98rem}.seitenleiste .legende-abweichung{font-size:.75rem}.werkzeug.zeilen-1{min-height:2.6rem}.werkzeug.zeilen-2{min-height:4.9rem}.werkzeug .knopf.option{min-height:2rem;padding:.1rem .5rem}.vorschlag{font-family:var(--formel);white-space:nowrap;font-size:1rem}.vorschlag.einheit{color:var(--einheit,inherit);font-style:normal}.hilfe-knoepfe{flex-wrap:nowrap;gap:.3rem}.hilfe-knoepfe .knopf{flex:1;padding-left:.3rem;padding-right:.3rem}@media (width>=980px){.seitenleiste .hilfen .knopfreihe.hilfe-knoepfe,.seitenleiste .navigation{flex-direction:row}.seitenleiste .navigation .knopf{flex:1;padding-left:.4rem;padding-right:.4rem}.seitenleiste .rueckmeldung-platz .rueckmeldung{height:6.2rem}.seitenleiste .hilfe-bereich{height:7rem}}.seitenleiste .legende-warnung{font-size:.78rem;display:inline}.seitenleiste .legende dd{line-height:1.25}.seitenleiste .legende-abweichung{white-space:nowrap;text-overflow:ellipsis;cursor:help;margin-top:.15rem;overflow:hidden}@media (width>=980px){.seitenleiste .navigation{margin-top:.4rem}.seitenleiste .navigation .knopf{min-height:2.3rem;padding-top:.2rem;padding-bottom:.2rem;font-size:.92rem}.seitenleiste .legende{font-size:.78rem}.seitenleiste .legende dt{font-size:.92rem}}
