@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-wght-normal-CnvboYUG.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-wght-normal-Ca2vKHc0.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-wght-normal-ukD16Tqj.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-ext-400-normal-BtiwyxMk.woff2) format("woff2"),url(/assets/dm-sans-latin-ext-400-normal-BjWJ59Pq.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-400-normal-CW0RaeGs.woff2) format("woff2"),url(/assets/dm-sans-latin-400-normal-BwCSEQnW.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-ext-500-normal-BJfUCQsA.woff2) format("woff2"),url(/assets/dm-sans-latin-ext-500-normal-DR84L5F-.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-500-normal-B9HHJjqV.woff2) format("woff2"),url(/assets/dm-sans-latin-500-normal-Dr3UlScf.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-ext-600-normal-4vooXBpG.woff2) format("woff2"),url(/assets/dm-sans-latin-ext-600-normal-DRtaDpgU.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-600-normal-Aqo67rzb.woff2) format("woff2"),url(/assets/dm-sans-latin-600-normal-BmdmIIQ2.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light;--s-bg: #f7f5ef;--s-panel: #fffefa;--s-ink: #203d33;--s-muted: #6d746b;--s-line: #e2e5dc;--s-soft: #ecefe6;--s-hot: #a7442e;--s-hot-bg: #f5e6dc;--s-gut: #2f7a52;--s-gut-bg: #e3f0e7;--s-warn: #9a5a0c;--s-warn-bg: #f6ead6;--s-fehler: #a3321f;--s-bild: #e4bda1;--s-bild-text: #63462f;--serif: "Fraunces Variable", "Fraunces", Georgia, "Times New Roman", serif;--sans: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--r-klein: 9px;--r-mittel: 12px;--r-gross: 16px;--navbreite: 200px;--bg: var(--s-bg);--fg: var(--s-ink);--leise: var(--s-muted);--rand: var(--s-line);--karte: var(--s-panel);--feld: var(--s-panel);--flaeche: var(--s-soft);--flaeche-du: var(--s-hot-bg);--akzent: var(--s-ink);--auf-akzent: var(--s-bg);--akzent-hauch: var(--s-soft);--markiert: var(--s-hot-bg);--puls: var(--s-soft);--gut: var(--s-gut);--schlecht: var(--s-fehler);--gelb: var(--s-warn)}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--s-bg: #1d2421;--s-panel: #262e29;--s-ink: #f1eee5;--s-muted: #aab7ac;--s-line: #414a43;--s-soft: #344138;--s-hot: #f3aa88;--s-hot-bg: #45372e;--s-gut: #8fd4a9;--s-gut-bg: #24392c;--s-warn: #f0b35a;--s-warn-bg: #3c3020;--s-fehler: #f4a19a;--s-bild: #654e3c;--s-bild-text: #f0dfcb}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--s-bg);color:var(--s-ink);font:15px/1.55 var(--sans);-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}h1{font:400 clamp(1.75rem,3.2vw,2.5rem)/1.12 var(--serif);letter-spacing:-.02em;text-wrap:balance}h2{font-size:1.06rem;font-weight:600;text-wrap:balance}h3{font-size:.95rem;font-weight:600}a{color:var(--s-hot)}img,video{max-width:100%}[hidden]{display:none!important}.leise{color:var(--s-muted)}.klein{font-size:.82rem}.gut{color:var(--s-gut)}.schlecht{color:var(--s-fehler)}.mittel{color:var(--s-warn)}.eyebrow{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--s-muted)}.serif{font-family:var(--serif);font-weight:400}:focus-visible{outline:3px solid var(--s-hot);outline-offset:3px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}button{font:inherit;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:44px;padding:.65rem 1.05rem;border-radius:var(--r-klein);cursor:pointer;border:1px solid var(--s-ink);background:var(--s-ink);color:var(--s-bg);font-weight:500;touch-action:manipulation;transition:background .15s,border-color .15s,color .15s}button:disabled{opacity:.5;cursor:default}button svg{width:18px;height:18px;flex-shrink:0}button.schlicht{background:var(--s-panel);color:var(--s-ink);border-color:var(--s-line)}button.schlicht:hover:not(:disabled){border-color:var(--s-muted)}button.link{background:transparent;border:0;color:var(--s-hot);padding:.5rem 0;min-height:44px;font-weight:500}button.link:hover{text-decoration:underline}button.gross{padding:.85rem 1.4rem;font-size:1rem}button.klein{min-height:36px;padding:.4rem .75rem;font-size:.85rem}.reihe{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}input,textarea,select{font:inherit;color:var(--s-ink);background:var(--s-panel);border:1px solid var(--s-line);border-radius:var(--r-klein);padding:.7rem .85rem;width:100%;min-height:44px}input::placeholder,textarea::placeholder{color:var(--s-muted)}label{display:grid;gap:.35rem}.shell{display:grid;grid-template-columns:var(--navbreite) minmax(0,1fr);min-height:100dvh}.seitenleiste{position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;gap:2rem;background:var(--s-panel);border-right:1px solid var(--s-line);padding:1.8rem .9rem 1.2rem}.marke{font:500 1.6rem var(--serif);letter-spacing:-.04em;padding-left:.6rem}.marke em{color:var(--s-hot);font-style:normal}.hauptnav{display:flex;flex-direction:column;gap:.3rem}.hauptnav button{justify-content:flex-start;gap:.75rem;background:transparent;border:0;color:var(--s-muted);padding:.75rem;border-radius:10px;font-weight:500}.hauptnav button:hover{color:var(--s-ink)}.hauptnav button[aria-current=page]{background:var(--s-soft);color:var(--s-ink)}.leiste-unten{margin-top:auto;display:grid;gap:1rem}.begleiter{display:flex;align-items:center;gap:.6rem;padding:0 .3rem}.begleiter img{width:40px;height:40px;border-radius:50%;object-fit:cover;object-position:50% 18%;background:var(--s-hot-bg)}.begleiter small,.profil small{display:block;color:var(--s-muted);font-size:.75rem}.profil{display:flex;align-items:center;gap:.6rem;border-top:1px solid var(--s-line);padding:1.1rem .3rem 0}.profil .kreis{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--s-hot-bg);color:var(--s-hot);font-weight:600;flex-shrink:0}.profil button{margin-left:auto;background:transparent;border:0;color:var(--s-muted);padding:.5rem;min-width:44px}.profil button[aria-current=page]{color:var(--s-ink)}.inhalt{min-width:0;padding:1.6rem clamp(1.25rem,3vw,2.6rem) 2.6rem}.inhalt-rahmen{max-width:68rem;margin:0 auto;display:grid;gap:1.6rem}.kopfzeile-oben{display:flex;justify-content:space-between;align-items:center;gap:.6rem;color:var(--s-muted);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.kopfzeile-oben .ort{display:inline-flex;align-items:center;gap:.35rem;text-transform:none;letter-spacing:0;font-size:.82rem}.kopfzeile-oben .ort svg{width:15px;height:15px}.kopfzeile-oben button,.unten-nav{display:none}@media (max-width: 759px){.shell{grid-template-columns:1fr}.seitenleiste{display:none}.inhalt{padding:1.2rem 16px calc(5.6rem + env(safe-area-inset-bottom,0px))}.kopfzeile-oben button{display:inline-flex;background:transparent;border:0;color:var(--s-muted);padding:.4rem;min-width:44px}.unten-nav{display:flex;justify-content:space-around;position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--s-panel);border-top:1px solid var(--s-line);padding:.35rem .25rem calc(.35rem + env(safe-area-inset-bottom,0px))}.unten-nav button{flex:1;flex-direction:column;gap:.2rem;background:transparent;border:0;color:var(--s-muted);font-size:.7rem;padding:.4rem .2rem;min-height:52px;font-weight:500}.unten-nav button[aria-current=page]{color:var(--s-hot)}}.seitenkopf{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;flex-wrap:wrap}.seitenkopf p{margin-top:.5rem;color:var(--s-muted);max-width:52ch}.panel{background:var(--s-panel);border:1px solid var(--s-line);border-radius:var(--r-gross)}.hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(200px,1fr);overflow:hidden}.hero-text{padding:1.8rem;display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;align-content:start;justify-items:stretch;min-width:0}.hero-text>button,.hero-text>.eyebrow{justify-self:start}.hero-text h2{font:400 clamp(1.8rem,3.4vw,2.6rem)/1.08 var(--serif);letter-spacing:-.02em}.hero-text .frage{color:var(--s-muted);max-width:min(44ch,100%);font-style:italic}.meta{display:flex;gap:.5rem 1rem;flex-wrap:wrap;font-size:.82rem;color:var(--s-muted);align-items:center}.meta>span{display:inline-flex;align-items:center;gap:.35rem}.meta svg{width:15px;height:15px}.grammatik-wahl{display:inline-flex;align-items:center;gap:.4rem;min-width:0;max-width:100%}.grammatik-wahl select{width:auto;min-width:0;min-height:40px;padding:.3rem .5rem;font-size:.82rem;max-width:100%;text-overflow:ellipsis}.hero-bild{position:relative;background:var(--s-bild);display:flex;align-items:flex-end;justify-content:flex-start;padding-left:clamp(1rem,3vw,2rem);min-height:290px;overflow:hidden}.hero-bild .brunito{width:min(55%,200px);border-radius:18px 18px 0 0;box-shadow:14px 0 #0000000f}.hero-bild .bildzeile{position:absolute;z-index:1;top:1.1rem;right:1.3rem;font:italic 1.15rem var(--serif);color:var(--s-bild-text)}@media (max-width: 759px){.hero{grid-template-columns:minmax(0,1fr)}.hero-bild{display:none}.hero-text{padding:1.4rem}.seitenkopf{align-items:flex-start}}.abschnitt{display:grid;gap:.8rem}.abschnitt-kopf{display:flex;justify-content:space-between;align-items:center;gap:.8rem;flex-wrap:wrap}.optionen{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:.75rem}.option{display:flex;align-items:center;gap:.8rem;text-align:left;justify-content:flex-start;background:var(--s-panel);color:var(--s-ink);border:1px solid var(--s-line);border-radius:var(--r-mittel);padding:1rem 1.05rem;min-width:0;font-weight:400;width:100%}.option:hover:not(:disabled){border-color:var(--s-muted)}.option .text{min-width:0;display:grid;gap:.1rem}.option strong{font-weight:600}.option small{color:var(--s-muted);font-size:.8rem}.option>svg:last-child{margin-left:auto;color:var(--s-muted)}.kachel{padding:.6rem;border-radius:var(--r-klein);background:var(--s-soft);display:grid;place-items:center;flex-shrink:0}.kachel svg{width:18px;height:18px}.fusszeile{display:flex;justify-content:space-between;align-items:center;gap:.8rem;flex-wrap:wrap;border-top:1px solid var(--s-line);padding-top:1rem}.fusszeile small{display:block;color:var(--s-muted)}.themenliste{display:grid;gap:.5rem}.themen-knopf{display:grid;gap:.25rem;justify-items:start}.themen-knopf button.beschaeftigt{cursor:progress;opacity:1;animation:p 1.6s ease-in-out infinite}.gespraech-kopf{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;flex-wrap:wrap}.gespraech-kopf h1{margin-top:.4rem}.gespraech-raster{display:grid;grid-template-columns:minmax(340px,420px) minmax(0,1fr);gap:1.4rem;align-items:start}.buehne-karte{padding:1.4rem;display:grid;gap:1rem;justify-items:center;text-align:center;position:sticky;top:1rem}.buehne-karte .brunito.gross{width:min(100%,calc((100dvh - 27rem)*.5625),280px)}.status{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .9rem;border-radius:100px;background:var(--s-soft);font-weight:500;font-size:.9rem}.status i{width:9px;height:9px;border-radius:50%;background:var(--s-muted)}.status.hoert i{background:var(--s-gut);animation:p 1.2s ease-in-out infinite}.status.spricht i{background:var(--s-hot);animation:p .9s ease-in-out infinite}.status.pause i{background:var(--s-warn)}.steuerung{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:center}.steuerung button{padding:.6rem .8rem}.hilfe-zeile{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.seitenpanel{padding:0;overflow:hidden;display:flex;flex-direction:column;max-height:calc(100dvh - 11rem);min-height:22rem}.reiter{display:flex;gap:1.2rem;border-bottom:1px solid var(--s-line);padding:0 1.1rem;flex-shrink:0}.reiter button{background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0;color:var(--s-muted);padding:.7rem 0;min-height:44px;font-weight:500}.reiter button[aria-selected=true]{color:var(--s-ink);border-bottom-color:var(--s-hot)}.reiter .zahl{font-size:.75rem;background:var(--s-soft);border-radius:100px;padding:0 .45rem;color:var(--s-muted)}.panel-inhalt{overflow-y:auto;padding:1rem 1.1rem 1.2rem;display:grid;gap:.55rem;align-content:start}.zug{display:grid;grid-template-columns:2rem 1fr auto;gap:.5rem;align-items:baseline;padding:.55rem .7rem;border-radius:var(--r-klein);background:var(--s-soft)}.zug.user{background:var(--s-hot-bg)}.wer{color:var(--s-muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.06em}.pause-marke{color:var(--s-warn);font-size:.72rem;white-space:nowrap}.markiert{background:var(--s-hot-bg);color:var(--s-ink);border-radius:3px;padding:0 .15em;font-weight:650}.zug.user .markiert{background:var(--s-panel)}.befund{display:grid;grid-template-columns:1.4rem 1fr;gap:.5rem;padding:.6rem 0;border-top:1px solid var(--s-line)}.befund:first-child{border-top:0}.befund .zeichen{font-size:.9rem}.befund.fehler .zeichen{color:var(--s-warn)}.befund.umgehung .zeichen{color:var(--s-hot)}.befund.gelungen .zeichen{color:var(--s-gut)}.befund s,.verbesserung s{color:var(--s-muted)}.glossar-liste p{padding:.3rem 0;border-top:1px solid var(--s-line)}.glossar-liste p:first-child{border-top:0}.messwerte{font-size:.75rem;color:var(--s-muted);padding:.55rem 1.1rem;border-top:1px solid var(--s-line);display:flex;gap:1rem;flex-wrap:wrap;flex-shrink:0}@media (max-width: 899px){.gespraech-raster{grid-template-columns:1fr}.buehne-karte{position:static}.buehne-karte .brunito.gross{width:min(40vw,170px,calc((100dvh - 31rem)*.5625))}.buehne-karte{padding:1rem;gap:.75rem}.seitenpanel{max-height:none;min-height:0}.panel-inhalt{max-height:60dvh}}.nachbereitung{padding:1.4rem;display:grid;gap:.6rem}.nachbereitung h2{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--s-muted);margin-top:.6rem}.verbesserung{padding:.6rem 0;border-top:1px solid var(--s-line);display:grid;gap:.15rem}.wendung{display:flex;gap:.5rem;flex-wrap:wrap;align-items:baseline}.abend{background:var(--s-hot-bg);border-radius:var(--r-mittel);padding:1rem 1.2rem;display:grid;gap:.2rem}.abend p{font:italic 1.15rem var(--serif)}.brunito{position:relative;width:150px;aspect-ratio:9 / 16;border-radius:18px;overflow:hidden;background:#fff;flex-shrink:0}.brunito img,.brunito video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.brunito video{opacity:0;transition:opacity .25s ease}.brunito video.an{opacity:1}.lernbereich{display:grid;gap:1.2rem}.umschalter{display:flex;gap:1.4rem;border-bottom:1px solid var(--s-line)}.umschalter button{background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0;color:var(--s-muted);padding:.6rem 0;font-weight:500}.umschalter button.an,.umschalter button[aria-selected=true]{color:var(--s-ink);border-bottom-color:var(--s-hot)}.lernkarte{padding:clamp(1.2rem,3vw,2rem);display:grid;gap:.9rem;justify-items:center;text-align:center}.lern-kopf{display:flex;justify-content:space-between;width:100%;font-size:.78rem;color:var(--s-muted);letter-spacing:.06em;text-transform:uppercase}.spur{width:100%;height:4px;background:var(--s-soft);border-radius:4px;overflow:hidden}.spur span{display:block;height:100%;background:var(--s-hot);transition:width .3s}.stichwort{font:400 clamp(1.5rem,3vw,2rem)/1.25 var(--serif);max-width:30rem}.tipp{color:var(--s-hot);font-weight:500}.mikro{width:68px;height:68px;border-radius:50%;padding:0;margin:.4rem 0;--pegel: 0;box-shadow:0 0 0 8px var(--s-soft);transition:box-shadow .1s linear,background .2s}.mikro svg{width:26px;height:26px}.mikro.lauscht{box-shadow:0 0 0 calc(8px + var(--pegel) * 10px) var(--s-soft)}.mikro.an{background:var(--s-hot);border-color:var(--s-hot);box-shadow:0 0 0 calc(8px + var(--pegel) * 14px) var(--s-hot-bg)}.zustandstext{min-height:1.4em;color:var(--s-muted);font-size:.88rem}.urteil{display:grid;gap:.35rem;justify-items:center;width:100%;max-width:32rem;background:var(--s-soft);border-radius:var(--r-mittel);padding:1rem 1.2rem}.urteil .beste{font:400 1.25rem var(--serif)}.urteil-marke{display:inline-flex;align-items:center;gap:.35rem;font-weight:600}.urteil-marke.gut{color:var(--s-gut)}.urteil-marke.mittel{color:var(--s-warn)}.urteil-marke.schlecht{color:var(--s-fehler)}.lernkarte form{display:grid;gap:.6rem;width:min(100%,26rem)}.werkstatt{display:grid;gap:1rem}.themen-liste{display:grid;gap:.6rem}.thema-karte{display:grid;grid-template-columns:minmax(0,1fr);justify-content:stretch;gap:.4rem;text-align:left;justify-items:stretch;background:var(--s-panel);color:var(--s-ink);border:1px solid var(--s-line);border-radius:var(--r-mittel);padding:1rem 1.1rem;font-weight:400}.thema-karte:hover{border-color:var(--s-muted)}.thema-karte .kopfzeile{display:flex;justify-content:space-between;gap:.5rem;align-items:baseline}.thema-karte .balken{height:5px;border-radius:3px;background:var(--s-soft);overflow:hidden}.thema-karte .balken span{display:block;height:100%;background:var(--s-hot)}.thema-karte .beispiel s{color:var(--s-muted)}.marke-fokus{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--s-hot);font-weight:600}.erklaerung{line-height:1.65;max-width:62ch}.eigene{border-left:3px solid var(--s-hot);padding-left:.9rem;display:grid;gap:.4rem}.eigene h3{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--s-muted)}.einfuehrung{display:grid;gap:1.2rem;width:100%;max-width:46rem;line-height:1.6;padding:clamp(1.2rem,3vw,2rem)}.einfuehrung h2{font:400 clamp(1.6rem,3vw,2.1rem)/1.15 var(--serif)}.einfuehrung h3{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--s-muted);margin-bottom:.4rem}.einfuehrung section{display:grid;gap:.45rem}.einfuehrung p{max-width:65ch}.einfuehrung .worum{font-size:1.05rem}.einfuehrung ul{margin:0;padding:0;list-style:none;display:grid;gap:.6rem}.einfuehrung .regeln li,.einfuehrung .beispiele li{display:grid;gap:.1rem;padding-left:.85rem;border-left:2px solid var(--s-line)}.tabelle-rahmen{overflow-x:auto;border:1px solid var(--s-line);border-radius:var(--r-klein)}.tabelle-rahmen table{border-collapse:collapse;font-size:.88rem;min-width:100%}.tabelle-rahmen th{text-align:left;background:var(--s-soft);padding:.5rem .65rem;font-weight:600;white-space:nowrap}.tabelle-rahmen td{padding:.5rem .65rem;border-top:1px solid var(--s-line);vertical-align:top}.merksatz{background:var(--s-hot-bg);border-radius:var(--r-mittel);padding:.8rem 1rem;font-weight:500;display:flex;gap:.6rem}.merksatz svg{width:18px;height:18px;flex-shrink:0;color:var(--s-hot);margin-top:.15rem}.selbsttest li{display:flex;flex-wrap:wrap;gap:.4rem .8rem;align-items:baseline;justify-content:space-between;padding:.5rem 0;border-top:1px solid var(--s-line)}.einfuehrung-oben{display:flex;justify-content:space-between;gap:.8rem;flex-wrap:wrap;padding:.6rem clamp(1.2rem,3vw,2rem) 0}.einfuehrung-knoepfe{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;padding-top:.4rem}.suche{display:flex;align-items:center;gap:.55rem;background:var(--s-panel);border:1px solid var(--s-line);border-radius:var(--r-klein);padding:0 .85rem}.suche svg{width:18px;height:18px;color:var(--s-muted);flex-shrink:0}.suche input{border:0;padding:.7rem 0;background:transparent}.suche input:focus-visible{outline:none}.suche:focus-within{outline:3px solid var(--s-hot);outline-offset:3px}.filter{display:flex;gap:.4rem;flex-wrap:wrap}.filter button{min-height:36px;padding:.35rem .75rem;font-size:.82rem;background:var(--s-panel);color:var(--s-ink);border-color:var(--s-line);font-weight:400;border-radius:8px}.filter button[aria-pressed=true]{background:var(--s-ink);color:var(--s-bg);border-color:var(--s-ink)}.filter .anzahl{color:inherit;opacity:.65;font-size:.75rem}.wortliste{display:grid}.wort-zeile{width:100%;display:flex;justify-content:space-between;align-items:center;gap:1rem;text-align:left;background:transparent;color:var(--s-ink);border:0;border-bottom:1px solid var(--s-line);border-radius:0;padding:1rem .2rem;font-weight:400}.wort-zeile .text{min-width:0;display:grid;gap:.15rem}.wort-zeile strong{font-weight:500;font-size:1.02rem}.wort-zeile small{color:var(--s-muted)}.badge{padding:.2rem .55rem;background:var(--s-soft);border-radius:6px;white-space:nowrap;font-size:.72rem;color:var(--s-ink)}.badge.sitzt{background:var(--s-gut-bg);color:var(--s-gut)}.badge.hilfe{background:var(--s-warn-bg);color:var(--s-warn)}.wort-detail{padding:.9rem 1rem 1rem;background:var(--s-panel);border-bottom:1px solid var(--s-line);display:grid;gap:.5rem;font-size:.9rem}.stand-karte{padding:clamp(1.2rem,3vw,1.8rem);display:grid;gap:.8rem;justify-items:start}.stand-karte h2{font:400 clamp(1.4rem,2.6vw,1.8rem)/1.2 var(--serif)}.stand-karte p{color:var(--s-muted);max-width:55ch}.summen{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,8.5rem),1fr));gap:1rem}.summen strong{display:block;font:400 1.9rem var(--serif);font-variant-numeric:tabular-nums}.summen small{color:var(--s-muted)}.verlaufstabelle{width:100%;border-collapse:collapse;font-size:.88rem;font-variant-numeric:tabular-nums}.verlaufstabelle th{text-align:left;color:var(--s-muted);font-weight:500;font-size:.75rem;padding:.35rem .4rem}.verlaufstabelle td{padding:.5rem .4rem;border-top:1px solid var(--s-line)}.verlaufstabelle tbody tr{cursor:pointer}.tabelle-scroll{overflow-x:auto}.hoeren{display:grid;gap:.3rem}.hoeren audio{width:100%}.rubrik{display:flex;flex-wrap:wrap;gap:.7rem;font-size:.78rem;color:var(--s-muted)}.rubrik span{display:flex;align-items:center;gap:.3rem}.punkte{display:inline-block;width:22px;height:6px;border-radius:3px;background:var(--s-line)}.punkte.p1{background:linear-gradient(90deg,var(--s-warn) 50%,var(--s-line) 50%)}.punkte.p2{background:var(--s-gut)}.einstellungen{display:grid}.einstellung{display:flex;justify-content:space-between;align-items:center;gap:1rem 1.5rem;flex-wrap:wrap;padding:1.1rem 0;border-bottom:1px solid var(--s-line)}.einstellung .text{display:grid;gap:.15rem;min-width:0;flex:1 1 18rem}.einstellung .text small{color:var(--s-muted)}.einstellung select{width:auto;min-width:12rem}.schalter{position:relative;width:60px;height:44px;min-height:44px;padding:0;border:0;background:transparent;flex-shrink:0}.schalter:before{content:"";position:absolute;left:4px;top:7px;width:52px;height:30px;border-radius:100px;background:var(--s-line);transition:background .15s}.schalter:after{content:"";position:absolute;top:11px;left:8px;width:22px;height:22px;border-radius:50%;background:var(--s-panel);transition:transform .15s;box-shadow:0 1px 2px #00000026}.schalter[aria-checked=true]:before{background:var(--s-ink)}.schalter[aria-checked=true]:after{transform:translate(22px);background:var(--s-bg)}.stimmen{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,11rem),1fr));gap:.5rem;width:100%}.stimme{display:flex;align-items:center;gap:.55rem;border:1px solid var(--s-line);border-radius:var(--r-klein);padding:.35rem .5rem;background:var(--s-panel)}.stimme.an{border-color:var(--s-ink)}.stimme .name{flex:1;font-weight:500;text-transform:capitalize}.gespeichert{font-size:.8rem;color:var(--s-gut)}.check-zeile{display:flex;justify-content:space-between;align-items:center;gap:.8rem;flex-wrap:wrap;padding:1rem 1.2rem;border:1px dashed var(--s-line);border-radius:var(--r-mittel)}.check-zeile small{display:block;color:var(--s-muted)}.notiz{display:grid;gap:.6rem;padding:1rem 1.1rem}.notiz textarea{width:100%}.leer{padding:1.4rem;display:grid;gap:.6rem;justify-items:start}.hinweis-fehler{color:var(--s-fehler);background:var(--s-hot-bg);border-radius:var(--r-klein);padding:.6rem .8rem;font-size:.9rem}.ladezeile{color:var(--s-muted);padding:1rem 0}.mitte{min-height:100dvh;display:grid;place-items:center;padding:1.5rem 16px}.karte{width:min(26rem,100%);background:var(--s-panel);border:1px solid var(--s-line);border-radius:var(--r-gross);padding:1.8rem;display:grid;gap:.8rem}.karte h1{font-size:2rem}.karte form{display:grid;gap:.6rem}@keyframes p{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.dreht{animation:drehen 1s linear infinite}@keyframes drehen{to{transform:rotate(360deg)}}.brunito-sagt{display:flex;gap:.8rem;align-items:flex-start}.brunito-sagt img{width:44px;height:44px;border-radius:50%;object-fit:cover;object-position:50% 18%;background:var(--s-hot-bg);flex-shrink:0;border:2px solid var(--s-panel);box-shadow:0 0 0 1px var(--s-line)}.brunito-sagt.gross img{width:64px;height:64px}.brunito-sagt .blase{position:relative;background:var(--s-panel);border:1px solid var(--s-line);border-radius:4px var(--r-mittel) var(--r-mittel) var(--r-mittel);padding:.75rem 1rem;display:grid;gap:.3rem;min-width:0;text-align:left}.lernkarte .brunito-sagt{width:100%;max-width:34rem}.empfehlung{padding:clamp(1.2rem,3vw,1.6rem);display:grid;gap:.6rem;border-color:var(--s-hot)}.empfehlung h2{font-size:clamp(1.5rem,3vw,2rem);line-height:1.15}.baustelle{display:inline-flex;align-items:center;font-size:.72rem;font-weight:600;color:var(--s-hot);background:var(--s-hot-bg);border-radius:6px;padding:.15rem .5rem;white-space:nowrap}.stufe{gap:.6rem}.lektionsliste{display:grid;border-top:1px solid var(--s-line)}.lektion-zeile{display:grid;grid-template-columns:2.2rem minmax(0,1fr) auto;gap:.8rem;align-items:center;justify-content:stretch;text-align:left;background:transparent;color:var(--s-ink);border:0;border-bottom:1px solid var(--s-line);border-radius:0;padding:.8rem .2rem;font-weight:400}.lektion-zeile:hover{background:var(--s-soft)}.lektion-zeile .nr{font-family:var(--serif);font-size:1.1rem;color:var(--s-muted);font-variant-numeric:tabular-nums}.lektion-zeile .text{display:grid;gap:.1rem;min-width:0}.lektion-zeile strong{font-weight:500}.lektion-zeile small{color:var(--s-muted);font-size:.8rem}.lektion-zeile .rechts{display:inline-flex;gap:.4rem;align-items:center}.lektion-zeile .rechts svg{width:15px;height:15px}.badge svg{width:12px;height:12px;margin-right:.2rem;vertical-align:-1px}.schritte{display:flex;gap:.4rem;flex-wrap:wrap}.schritte button{min-height:40px;padding:.45rem .85rem;font-size:.85rem;background:var(--s-panel);color:var(--s-muted);border-color:var(--s-line);font-weight:500}.schritte button[aria-selected=true]{background:var(--s-ink);color:var(--s-bg);border-color:var(--s-ink)}@media (max-width: 759px){.lektion-zeile{grid-template-columns:1.8rem minmax(0,1fr)}.lektion-zeile .rechts{grid-column:2;justify-self:start}}.einstufung{padding:clamp(1rem,3vw,1.4rem);display:grid;gap:.8rem;border-style:dashed}.testliste{display:grid;gap:.35rem;width:100%;max-width:34rem;text-align:left}.testliste p{display:flex;gap:.5rem;align-items:baseline}.abschnitt-kopf .link.klein{min-height:0;padding:0;font-size:inherit}.frage-karte{padding:1rem 1.1rem;display:grid;gap:.55rem}.frage-satz{font:400 1.2rem/1.4 var(--serif)}.luecke{border-bottom:2px solid var(--s-hot);padding:0 .2rem;font-family:var(--sans);font-weight:600}button.option-richtig{background:var(--s-gut-bg);color:var(--s-gut);border-color:var(--s-gut);opacity:1}button.option-falsch{background:var(--s-hot-bg);color:var(--s-hot);border-color:var(--s-hot);opacity:1}