@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(../media/fredoka-hebrew-wght-normal.3s27ur73twbyi.woff2)format("woff2-variations");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(../media/fredoka-latin-ext-wght-normal.3o5zxxthojjrv.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(../media/fredoka-latin-wght-normal.2_8zey5e0wa7e.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(../media/nunito-cyrillic-ext-wght-normal.0-betx8k8_u3r.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(../media/nunito-cyrillic-wght-normal.3fope3hsfcjah.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(../media/nunito-vietnamese-wght-normal.2n-t_bbv7ec7m.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(../media/nunito-latin-ext-wght-normal.0hsc8w3pfbl3r.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(../media/nunito-latin-wght-normal.1wzrasd95pxo_.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--bg:#edf6f4;--bg-2:#e2f0ec;--surface:#fff;--ink:#10303a;--muted:#4d6b73;--line:#cfe3df;--stage:#14505a;--stage-2:#1c6470;--yellow:#f7b733;--on-yellow:#13414d;--coral:#ff6b5e;--mint:#2fbf86;--mint-dark:#11643f;--mint-light:#dff5ec;--peach:#ffd9c7;--cream:#fff1cc;--silbe-1:#1c6470;--silbe-2:#c2410c;--shadow:0 14px 40px #10303a24;--shadow-sm:0 6px 18px #10303a14;--display:"Fredoka Variable", "Fredoka", "Nunito Variable", system-ui, sans-serif;--text:"Nunito Variable", "Nunito", system-ui, sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--text);margin:0;font-size:17px;line-height:1.5}h1,h2,h3{font-family:var(--display);margin:0;font-weight:600;line-height:1.15}a{color:inherit}button{font:inherit;color:inherit}img{max-width:100%}.app{flex-direction:column;min-height:100dvh;display:flex}.app[data-gross]{font-size:1.18em}.app[data-kontrast]{--ink:#04161c;--muted:#203a41;--line:#7fa9a1;--bg:#f4fbf9;--silbe-1:#0b3d63;--silbe-2:#a11d00}.app[data-ruhig] *,.app[data-ruhig] :before,.app[data-ruhig] :after{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.seite{flex-direction:column;flex:1;gap:.9em;width:100%;max-width:560px;margin:0 auto;padding:1em 1em 2em;display:flex}.seite.breit{max-width:880px}.kopf{justify-content:space-between;align-items:center;gap:.6em;padding-top:.2em;display:flex}.kopf h1{font-size:1.35em}.leise{color:var(--muted)}.klein{font-size:.88em}.knopf{cursor:pointer;min-height:3em;font-family:var(--display);background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 2px var(--line);border:0;border-radius:999px;justify-content:center;align-items:center;gap:.45em;padding:.85em 1.3em;font-size:1.05em;font-weight:600;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex}.knopf:active{transform:scale(.98)}.knopf:focus-visible,.karte-knopf:focus-visible,.antwort:focus-visible,.rund:focus-visible{outline:3px solid var(--stage-2);outline-offset:3px}.knopf.haupt{background:var(--yellow);color:var(--on-yellow);font-size:1.2em;box-shadow:0 8px 22px #f7b73359}.knopf.dunkel{background:var(--stage);color:#fff;box-shadow:none}.knopf.voll{width:100%}.knopf.zart{box-shadow:none;min-height:0;font-family:var(--text);background:0 0;padding:.4em;font-size:.95em;font-weight:700;text-decoration:underline}.knopf:disabled{opacity:.5;cursor:default}.rund{border:1px solid var(--line);background:var(--surface);width:2.6em;height:2.6em;color:var(--muted);cursor:pointer;border-radius:50%;flex:none;place-items:center;text-decoration:none;display:grid}.rund.gelb{background:var(--yellow);color:var(--on-yellow);border:0}.karte{background:var(--surface);box-shadow:var(--shadow-sm);border-radius:22px;padding:1em 1.1em}.karte.dunkel{background:var(--stage);color:#fff}.pill{background:var(--yellow);color:var(--on-yellow);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:.4em .9em;font-size:.72em;font-weight:800;display:inline-block}.bommel{align-items:flex-end;gap:.7em;display:flex}.bommel-bild{filter:drop-shadow(0 6px 10px #10303a2e);flex:none;width:4.2em;height:auto}@media (min-width:480px){.bommel-bild{width:5.6em}}.app[data-gross] .bommel:not(.gross) .bommel-bild{width:3.6em}.bommel.gross{flex-direction:column;align-items:center}.bommel.gross .bommel-bild{width:10em}.bommel.klein .bommel-bild{width:3.2em}.blase{background:var(--surface);box-shadow:var(--shadow-sm);border-radius:20px 20px 20px 6px;flex:1;min-width:0;padding:.75em .95em;font-size:1.02em;font-weight:700;position:relative}.blase.mit-ton{margin-bottom:.9em;padding-bottom:1.4em}.bommel.gross .blase{border-radius:20px;width:100%}.blase p{margin:0}.blase p+p{margin-top:.35em}.blase .rund{width:2.4em;height:2.4em;position:absolute;bottom:-1.1em;right:.7em;box-shadow:0 4px 12px #f7b73366}.schritt{background:var(--surface);border:1px solid var(--line);color:inherit;text-align:left;cursor:pointer;border-radius:18px;align-items:center;gap:.8em;width:100%;padding:.8em .95em;text-decoration:none;display:flex}.schritt .symbol{background:var(--bg-2);width:2.4em;height:2.4em;color:var(--stage);border-radius:14px;flex:none;place-items:center;display:grid}.schritt b{font-family:var(--display);font-size:1.05em;font-weight:600;display:block}.schritt span{color:var(--muted);font-size:.85em}.schritt.erledigt{opacity:.6}.schritt.erledigt .symbol{background:var(--mint-light);color:var(--mint-dark)}.schritt.jetzt{border:3px solid var(--yellow);background:var(--cream)}.schritt.jetzt .symbol{background:var(--yellow);color:var(--on-yellow)}.fach-mathe{background:var(--stage);color:#fff}.fach-deutsch{background:var(--peach);color:#6b2a1f}.fach-sachunterricht{background:var(--mint-light);color:#0f5a3e}.fach-englisch{background:var(--cream);color:#6b4500}.welten{grid-template-columns:1fr 1fr;gap:.7em;display:grid}.karte-knopf{text-align:left;cursor:pointer;border:0;border-radius:20px;flex-direction:column;gap:.2em;min-height:7.5em;padding:.9em;text-decoration:none;display:flex}.karte-knopf b{font-family:var(--display);margin-top:auto;font-size:1.05em;font-weight:600}.karte-knopf span{opacity:.85;font-size:.8em;font-weight:700}.fortschritt{justify-content:center;align-items:center;gap:.35em;display:flex}.fortschritt i{background:var(--line);border-radius:99px;width:1.7em;height:.5em;display:block}.fortschritt i.an{background:var(--yellow)}.aufgabe{background:var(--surface);text-align:center;box-shadow:var(--shadow-sm);border-radius:24px;flex-direction:column;align-items:center;gap:.8em;padding:1.1em;display:flex}.frage{font-family:var(--display);justify-content:center;align-items:center;gap:.5em;font-size:1.3em;font-weight:600;display:flex}.frage .rund{font-size:.72em}.fertig-wenn{color:var(--muted);font-size:.85em;font-weight:700}.schritte{text-align:left;border-top:1px solid var(--line);flex-direction:column;gap:.25em;width:100%;padding-top:.5em;display:flex}.schritte div{align-items:flex-start;gap:.5em;font-size:.95em;font-weight:700;display:flex}.antworten{grid-template-columns:repeat(auto-fit,minmax(6.5em,1fr));gap:.65em;width:100%;display:grid}.antwort{background:var(--surface);border:2px solid var(--line);min-height:3.6em;font-family:var(--display);cursor:pointer;border-radius:18px;place-items:center;gap:.2em;padding:.7em;font-size:1.5em;font-weight:600;display:grid}.app[data-tippen] .antwort{min-height:5em;font-size:1.7em}.antwort.gewaehlt{border-color:var(--stage-2);background:var(--bg-2)}.antwort.richtig{border-color:var(--mint);background:var(--mint-light);color:var(--mint-dark)}.antwort.anders{border-color:var(--line);opacity:.55}.antwort:disabled{cursor:default}.emoji{font-size:2.2em;line-height:1}.aufgabe>.emoji{font-size:3.6em}.aufgabe>.farbfleck{width:4em;height:4em}.farbfleck{border-radius:50%;width:2.4em;height:2.4em;box-shadow:inset 0 0 0 2px #10303a2e}.wort{font-family:var(--display);letter-spacing:.02em;font-size:2.4em;font-weight:600}.s1{color:var(--silbe-1)}.s2{color:var(--silbe-2)}.app[data-kontrast] .bd-b{color:#0b3d63;text-decoration:underline;text-decoration-thickness:2px}.app[data-kontrast] .bd-d{color:#a11d00}.zehnerfeld{border:2px solid var(--line);border-radius:12px;grid-template-columns:repeat(5,1.5em);gap:.3em;padding:.4em;display:grid}.zehnerfeld.rest{border-style:dashed}.zehnerfeld i{border:2px dashed var(--line);border-radius:50%;width:1.5em;height:1.5em;display:block}.zehnerfeld i.a,.punkte i.a{background:var(--stage-2);border:0}.zehnerfeld i.b,.punkte i.b{background:var(--coral);border:0}.felder{flex-wrap:wrap;justify-content:center;align-items:center;gap:.6em;display:flex}.punkte{flex-wrap:wrap;justify-content:center;gap:.35em;max-width:14em;display:flex}.punkte i{border-radius:50%;width:1.5em;height:1.5em;display:block}.punkte .luecke{width:.8em}.material{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:.3em;min-height:6.2em;display:flex}.stange{background:repeating-linear-gradient(to bottom, var(--stage-2) 0 .52em, #2b7d8a .52em .6em);border-radius:5px;width:.85em;height:6em}.einer{background:var(--coral);border-radius:50%;width:.85em;height:.85em}.material .abstand{width:.7em}.zahlenhaus{width:9em;font-family:var(--display);grid-template-columns:1fr 1fr;font-size:1.4em;font-weight:600;display:inline-grid}.zahlenhaus .dach{background:var(--stage);color:#fff;clip-path:polygon(50% 0,100% 100%,0 100%);grid-column:1/3;padding:.9em 0 .2em}.zahlenhaus .zelle{border:2px solid var(--stage);background:var(--surface);padding:.35em}.zahlenhaus .offen{background:var(--cream);color:var(--muted)}.tasten{grid-template-columns:repeat(3,1fr);gap:.5em;width:100%;max-width:18em;display:grid}.tasten .antwort{min-height:2.6em;font-size:1.4em}.anzeige{font-family:var(--display);background:var(--bg);border:2px solid var(--line);border-radius:16px;min-width:3em;min-height:1.6em;padding:.1em .5em;font-size:2.4em;font-weight:600}.silben-ziel{border:2px dashed var(--line);border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.3em;width:100%;min-height:3.6em;padding:.4em;display:flex}.rueckmeldung{flex-direction:column;gap:.7em;display:flex}.atem{background:var(--mint-light);border:4px solid var(--mint);width:9em;height:9em;font-family:var(--display);color:var(--mint-dark);border-radius:50%;place-items:center;margin:0 auto;font-weight:600;animation:8s ease-in-out infinite atmen;display:grid}@keyframes atmen{0%,to{transform:scale(.8)}50%{transform:scale(1.08)}}.feld{flex-direction:column;gap:.35em;font-weight:700;display:flex}.feld input,.feld select{font:inherit;border:2px solid var(--line);background:var(--surface);color:var(--ink);border-radius:14px;padding:.75em .9em;font-weight:600}.wahl{flex-wrap:wrap;gap:.5em;display:flex}.chip{border:2px solid var(--line);background:var(--surface);cursor:pointer;border-radius:999px;padding:.55em 1em;font-weight:700}.chip[aria-pressed=true]{border-color:var(--stage);background:var(--stage);color:#fff}.frage-zeile{border-bottom:1px solid var(--line);flex-direction:column;gap:.5em;padding:.8em 0;display:flex}.frage-zeile:last-child{border-bottom:0}.schalter{border-bottom:1px solid var(--line);cursor:pointer;align-items:flex-start;gap:.8em;padding:.7em 0;display:flex}.schalter:last-child{border-bottom:0}.schalter input{width:1.4em;height:1.4em;accent-color:var(--stage);flex:none;margin-top:.15em}.schalter b{display:block}.grund{color:var(--stage-2);font-size:.8em;font-weight:700}.schrittzeile{gap:.35em;display:flex}.schrittzeile i{background:var(--line);border-radius:99px;flex:1;height:.4em;display:block}.schrittzeile i.an{background:var(--stage)}.balken{background:var(--bg-2);border-radius:99px;height:.6em;overflow:hidden}.balken i{background:var(--mint);border-radius:99px;height:100%;display:block}.hinweis{background:var(--cream);border-radius:16px;padding:.8em 1em;font-size:.95em;font-weight:700}.fuss{text-align:center;color:var(--muted);padding:1em;font-size:.8em}.reihe{flex-wrap:wrap;align-items:center;gap:.6em;display:flex}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}