*{box-sizing:border-box;margin:0;padding:0}:root{--gruen: #58cc02;--gruen-dunkel: #46a302;--blau: #1cb0f6;--blau-dunkel: #1899d6;--rot: #ff4b4b;--rot-dunkel: #ea2b2b;--gelb: #ffc800;--gelb-dunkel: #e6ac00;--lila: #ce82ff;--text: #4b4b4b;--text-hell: #777777;--rand: #e5e5e5;--hell: #f7f7f7;--karte: #ffffff;--dunkel: #4b4b4b}body{font-family:Nunito,Segoe UI,system-ui,sans-serif;font-weight:700;background:#fff;color:var(--text);line-height:1.5}.app{display:flex;min-height:100vh}.leiste{width:230px;flex-shrink:0;border-right:2px solid var(--rand);padding:1rem .8rem;display:flex;flex-direction:column;gap:.3rem;position:sticky;top:0;height:100vh}.marke{display:flex;align-items:center;gap:.6rem;font-size:1.3rem;font-weight:900;color:var(--gruen);padding:.4rem .6rem 1rem;letter-spacing:.02em}.logo{width:38px;height:38px;border-radius:10px}.leiste-knopf{display:flex;align-items:center;gap:.8rem;padding:.65rem .8rem;border-radius:14px;border:2px solid transparent;background:none;font-family:inherit;font-weight:800;font-size:.95rem;letter-spacing:.04em;text-transform:uppercase;color:var(--text-hell);cursor:pointer;text-align:left;transition:background .12s ease}.leiste-knopf:hover{background:var(--hell)}.leiste-knopf.aktiv{color:var(--blau);background:#ddf4ff;border-color:#84d8ff}.leiste-icon{font-size:1.4rem}.leiste-github{margin-top:auto;font-size:.75rem;color:var(--text-hell);text-decoration:none;padding:.6rem .8rem}.leiste-github:hover{color:var(--blau)}.inhalt{flex:1;max-width:720px;margin:0 auto;padding:0 1.2rem 3rem}.topbar{display:flex;justify-content:flex-end;gap:1.2rem;padding:.9rem 0;position:sticky;top:0;background:#fff;z-index:5}.top-stat{font-weight:900;font-size:1rem}.feuer{color:#ff9600}.stern{color:var(--gelb-dunkel)}.buch{color:var(--blau)}main section{padding:.5rem 0 2rem}h2{font-weight:900;font-size:1.5rem;margin-bottom:.8rem;color:var(--text)}h3{font-weight:900;margin-bottom:.5rem}ul{margin:.8rem 0 .8rem 1.4rem}.hinweis{color:var(--text-hell);font-size:.9rem;margin:.4rem 0 .8rem}.kat{color:#afafaf;font-size:.85rem}.untertitel{display:none}.weiter,.option,.taste,.mini,.block,.wdh-knopf,.kurs{font-family:inherit;font-weight:800;cursor:pointer}.weiter{padding:.75rem 1.8rem;font-size:.95rem;text-transform:uppercase;letter-spacing:.05em;color:#fff;background:var(--gruen);border:none;border-bottom:4px solid var(--gruen-dunkel);border-radius:16px;margin-top:1rem;transition:filter .1s ease}.weiter:hover{filter:brightness(1.06)}.weiter:active{border-bottom-width:2px;transform:translateY(2px)}.mini{padding:.35rem .8rem;font-size:.8rem;border-radius:10px;border:2px solid var(--rand);border-bottom-width:4px;background:#fff;color:var(--blau);text-transform:uppercase;letter-spacing:.03em}.mini:hover{background:#f2fafe}.mini:active{border-bottom-width:2px;transform:translateY(2px)}.mini:disabled{opacity:.5}.statzeile{display:none}.pfad{display:flex;flex-direction:column;align-items:center;gap:1.6rem;padding:1.5rem 0}.knoten-halter{text-align:center;position:relative}.versatz-1{transform:translate(70px)}.versatz-3{transform:translate(-70px)}.knoten{width:86px;height:86px;border-radius:50%;border:none;border-bottom:7px solid #c8c8c8;background:var(--rand);font-size:2.3rem;position:relative;transition:transform .1s ease}.knoten:hover{transform:scale(1.06)}.knoten:active{border-bottom-width:3px}.knoten.teil{background:var(--gelb);border-bottom-color:var(--gelb-dunkel)}.knoten.fertig{background:var(--gruen);border-bottom-color:var(--gruen-dunkel)}.knoten.naechste{background:var(--gruen);border-bottom-color:var(--gruen-dunkel);animation:huepfen 1.6s ease infinite}@keyframes huepfen{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.haken{position:absolute;right:-4px;bottom:-4px;background:#fff;border-radius:50%;width:30px;height:30px;font-size:1rem;line-height:30px;color:var(--gruen);box-shadow:0 2px 6px #0003;font-weight:900}.start-blase{position:absolute;top:-34px;left:50%;transform:translate(-50%);background:#fff;border:2px solid var(--rand);border-radius:12px;padding:.2rem .7rem;font-size:.75rem;font-weight:900;color:var(--gruen);letter-spacing:.1em;animation:huepfen 1.6s ease infinite;white-space:nowrap;z-index:2}.knoten-name{margin-top:.5rem;font-size:.85rem;font-weight:800;color:var(--text-hell);max-width:130px}.pokal{font-size:3.2rem}.wdh-knopf,.satzbau-knopf{display:block;width:100%;padding:.8rem;margin-bottom:.7rem;border-radius:16px;font-size:.95rem;border:2px solid var(--rand);border-bottom-width:4px;background:#fff}.wdh-knopf{color:#ff9600}.satzbau-knopf{color:var(--gruen)}.wdh-knopf:active,.satzbau-knopf:active{border-bottom-width:2px;transform:translateY(2px)}.balken{height:14px;background:var(--rand);border-radius:999px;overflow:hidden;margin:.6rem 0 1rem}.balken-voll{height:100%;border-radius:999px;background:var(--gruen);transition:width .4s ease}.frage{font-size:1.3rem;font-weight:900;margin:1rem 0}.frage-bild{font-size:2.2rem;margin-right:.6rem;vertical-align:middle}.optionen{display:grid;gap:.7rem;grid-template-columns:1fr 1fr}.option{padding:1rem;font-size:1.05rem;border:2px solid var(--rand);border-bottom-width:4px;border-radius:14px;background:#fff;color:var(--text);transition:all .1s ease}.option:hover{background:#f7f7f7}.option:active{border-bottom-width:2px;transform:translateY(2px)}.option.richtig{border-color:#a5ed6e;background:#d7ffb8;color:#58a700;animation:puls-richtig .35s ease}.option.falsch{border-color:#ffb2b2;background:#ffdfe0;color:#ea2b2b;animation:wackeln .35s ease}@keyframes puls-richtig{50%{transform:scale(1.04)}}@keyframes wackeln{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.bild-optionen{grid-template-columns:repeat(4,1fr)}.bild-option{padding:1.1rem .4rem}.gross-bild{font-size:2.6rem;line-height:1}.richtig-text{color:#58a700;font-weight:900;margin-top:.8rem;font-size:1.05rem}.falsch-text{color:var(--rot);font-weight:900;margin-top:.8rem;font-size:1.05rem}.ergebnis{margin-top:1rem;font-size:1.15rem;font-weight:900;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.satzbau-ziel{min-height:3.4rem;border-bottom:2px solid var(--rand);border-top:2px solid var(--rand);padding:.7rem .2rem;margin:1rem 0;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.satzbau-pool{display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:.8rem}.block{padding:.6rem 1rem;font-size:1.05rem;border:2px solid var(--rand);border-bottom-width:4px;border-radius:12px;background:#fff;color:var(--text)}.block:hover:not(:disabled){background:#f7f7f7}.block:active:not(:disabled){border-bottom-width:2px;transform:translateY(2px)}.block:disabled{opacity:0;pointer-events:none}.block.gewaehlt{opacity:1;pointer-events:auto;border-color:#84d8ff;background:#ddf4ff;color:var(--blau-dunkel)}.suchzeile{display:flex;gap:.6rem}.suche{flex:1;padding:.8rem 1rem;font-size:1rem;font-family:inherit;font-weight:700;border:2px solid var(--rand);border-radius:14px;background:var(--hell)}.suche:focus{outline:none;border-color:var(--blau);background:#fff}.suchzeile .weiter{margin-top:0}.tastatur{display:flex;gap:.4rem;margin:.6rem 0;flex-wrap:wrap;align-items:center}.taste{padding:.4rem .8rem;font-size:1.05rem;border:2px solid var(--rand);border-bottom-width:4px;border-radius:10px;background:#fff;color:var(--text)}.taste:active{border-bottom-width:2px;transform:translateY(2px)}table{width:100%;border-collapse:collapse;margin-top:.5rem}th,td{text-align:left;padding:.5rem .6rem;border-bottom:2px solid var(--hell)}th{color:#afafaf;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.ku{font-weight:900;color:var(--blau-dunkel)}.knopfzelle{display:flex;gap:.3rem}.wikibox{margin-top:1rem;padding:1rem;background:var(--hell);border-radius:16px}.wikieintrag{padding:.45rem 0;border-bottom:2px solid #ececec}.wikieintrag:last-child{border-bottom:none}.vorschlag{margin:0 .25rem;color:var(--gruen)}.formen-gitter{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.4rem}.form-eintrag{display:flex;justify-content:space-between;gap:.5rem;padding:.25rem .4rem;border-bottom:2px solid #ececec}.satzkarte{border:2px solid var(--rand);border-radius:16px;padding:1rem 1.1rem;margin-bottom:.8rem}.satz-ku{font-size:1.2rem;font-weight:800;margin-bottom:.6rem;line-height:2}.klickwort{cursor:pointer;border-bottom:2px dotted #bbb}.klickwort:hover{background:#ddf4ff;border-bottom-color:var(--blau)}.satz-de{margin-top:.5rem;color:var(--text-hell)}.popup{background:var(--hell);border-radius:14px;padding:.8rem 1rem;margin:.5rem 0}.popup-knoepfe{display:flex;gap:.5rem;margin-top:.5rem}.ton{border:none;background:none;font-size:1rem;cursor:pointer}.umwandler{width:100%;padding:.8rem 1rem;font-size:1.1rem;font-family:inherit;border:2px solid var(--rand);border-radius:14px;margin-bottom:.4rem}.umwandler:focus{outline:none;border-color:var(--blau)}.umwandler.arabisch{font-size:1.35rem}.feld-label{display:block;font-weight:900;margin:.9rem 0 .3rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-hell)}.richtungswahl{display:flex;gap:.5rem;margin-bottom:.5rem}.aktiv-klein{padding:.35rem .8rem;font-size:.8rem;border-radius:10px;border:2px solid var(--blau);background:#ddf4ff;color:var(--blau-dunkel);font-weight:800;text-transform:uppercase;cursor:pointer}.statgitter{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.8rem}.statkarte{text-align:center;padding:1.1rem .8rem;border:2px solid var(--rand);border-bottom-width:4px;border-radius:16px;background:#fff}.statzahl{font-size:1.9rem;font-weight:900;color:var(--gelb-dunkel)}footer{display:none}@media (max-width: 700px){.app{flex-direction:column}.leiste{order:2;position:fixed;bottom:0;left:0;right:0;top:auto;width:100%;height:auto;flex-direction:row;justify-content:space-around;border-right:none;border-top:2px solid var(--rand);background:#fff;padding:.3rem .2rem;z-index:10}.marke,.leiste-text,.leiste-github{display:none}.leiste-knopf{padding:.45rem .6rem}.leiste-icon{font-size:1.5rem}.inhalt{padding-bottom:5rem}.versatz-1{transform:translate(46px)}.versatz-3{transform:translate(-46px)}.bild-optionen{grid-template-columns:repeat(2,1fr)}.optionen{grid-template-columns:1fr}}.heute-kopf{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.maskottchen{font-size:3.4rem;display:inline-block;animation:schweben 3s ease-in-out infinite}.maskottchen-gross{font-size:3rem}@keyframes schweben{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-8px) rotate(3deg)}}.heute-start{display:block;width:100%;padding:1.1rem;margin:.6rem 0;font-family:inherit;font-size:1.15rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:#fff;background:var(--gruen);border:none;border-bottom:5px solid var(--gruen-dunkel);border-radius:18px;cursor:pointer}.heute-start:hover{filter:brightness(1.06)}.heute-start:active{border-bottom-width:2px;transform:translateY(3px)}.heute-start.fortsetzen{background:var(--blau);border-bottom-color:var(--blau-dunkel)}.heute-plan{display:flex;gap:1.2rem;flex-wrap:wrap;font-size:.9rem;color:var(--text-hell);margin:.5rem 0 1rem}.rueckstand{background:#fff4e5;border:2px solid #ffd28a;border-radius:14px;padding:.8rem 1rem;font-size:.9rem;color:#a05a00;margin-bottom:.8rem}.heute-karten{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:1rem}.heute-karte{border:2px solid var(--rand);border-bottom-width:4px;border-radius:16px;padding:1rem}.heute-karte h3{font-size:.8rem;text-transform:uppercase;color:var(--text-hell);letter-spacing:.06em}.heute-karte .balken{margin:.5rem 0 .2rem}.ueben-kacheln{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.ueben-kachel{position:relative;display:flex;flex-direction:column;gap:.2rem;align-items:flex-start;text-align:left;padding:1rem 1.1rem;font-family:inherit;border:2px solid var(--rand);border-bottom-width:4px;border-radius:16px;background:#fff;cursor:pointer;transition:transform .1s ease}.ueben-kachel:hover{transform:translateY(-2px)}.ueben-kachel:active{border-bottom-width:2px;transform:translateY(2px)}.ueben-symbol{font-size:2rem}.ueben-kachel strong{font-weight:900}.ueben-kachel .hinweis{margin:0;font-size:.8rem}.abzeichen{position:absolute;top:.7rem;right:.7rem;background:var(--rot);color:#fff;font-weight:900;border-radius:999px;padding:.1rem .55rem;font-size:.8rem}.skill-liste{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.skill-zeile{display:flex;align-items:center;gap:.8rem}.skill-name{width:130px;font-weight:800;font-size:.9rem}.skill-balken{flex:1;margin:0}.skill-wert{width:46px;text-align:right;font-weight:900;color:var(--text-hell);font-size:.85rem}.hoer-knopf{font-size:1.6rem;padding:.5rem .9rem;cursor:pointer;background:var(--blau);border:none;border-bottom:4px solid var(--blau-dunkel);border-radius:14px}.hoer-knopf:active{border-bottom-width:2px;transform:translateY(2px)}.weiter.zweitrangig{background:#fff;color:var(--text-hell);border:2px solid var(--rand);border-bottom-width:4px}@media (max-width: 560px){.heute-karten,.ueben-kacheln{grid-template-columns:1fr}}.onboarding{max-width:480px;margin:8vh auto;padding:1.5rem;text-align:center}.onboarding .frage{font-size:1.25rem;font-weight:900;margin:1rem 0}.onboarding-optionen{display:flex;flex-direction:column;gap:.7rem}.onboarding-option{text-align:center;font-size:1.05rem}.plan-karte{border:2px solid var(--rand);border-bottom-width:4px;border-radius:16px;padding:1.1rem;margin:1rem 0;text-align:left}.plan-karte.bestanden{border-color:#a5ed6e;background:#f2ffe8;text-align:center}.aufnahme-laeuft{color:#fff;background:var(--rot);border-color:var(--rot-dunkel);animation:blinken 1s infinite}@keyframes blinken{50%{opacity:.6}}.niveau{font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;padding:.15rem .5rem;border-radius:999px}.niveau-Anfänger{background:#d7ffb8;color:#58a700}.niveau-Leicht{background:#ddf4ff;color:var(--blau-dunkel)}.niveau-Mittel{background:#fff4e5;color:#a05a00}.lesetext .satzkarte{border:none;padding:0}.lesetext .satz-ku{font-size:1.25rem;line-height:2.1}