:root{--bg:#f5f3ee;--flaeche:#fff;--text:#1d2230;--text-leise:#5b6273;--linie:#e2ded4;--akzent:#9b2c3b;--akzent-hell:#f7e9eb;--erfolg:#2f7d4f;--menue-breite:20rem;--kopf:3.5rem;--radius:.75rem;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*,:before,:after{box-sizing:border-box}body{background:var(--bg);margin:0;line-height:1.55}body.menue-offen{overflow:hidden}a{color:var(--akzent)}:focus-visible{outline:3px solid var(--akzent);outline-offset:2px}.nur-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:100;background:var(--flaeche);border-radius:.5rem;padding:.5rem .75rem;position:absolute;top:-4rem;left:.5rem}.skip:focus{top:.5rem}.topbar{z-index:30;height:var(--kopf);background:var(--flaeche);border-bottom:1px solid var(--linie);align-items:center;gap:.75rem;padding:0 .75rem;display:flex;position:sticky;top:0}.menue-toggle,.menue-zu{border:1px solid var(--linie);background:var(--flaeche);width:2.75rem;height:2.75rem;color:var(--text);cursor:pointer;border-radius:.6rem;place-items:center;padding:0;font-size:1.6rem;line-height:1;display:grid}.menue-toggle:hover,.menue-zu:hover{background:var(--akzent-hell)}.burger,.burger:before,.burger:after{background:currentColor;border-radius:1px;width:1.2rem;height:2px;display:block}.burger{position:relative}.burger:before,.burger:after{content:"";position:absolute;left:0}.burger:before{top:-6px}.burger:after{top:6px}.marke{color:var(--text);align-items:center;gap:.6rem;text-decoration:none;display:inline-flex}.marke-zeichen{background:var(--akzent);color:#fff;border-radius:.55rem;place-items:center;width:2.1rem;height:2.1rem;font-size:1.2rem;display:grid}.marke-text{line-height:1.15;display:grid}.marke-text small{color:var(--text-leise)}.menue{z-index:50;background:var(--flaeche);border-right:1px solid var(--linie);visibility:hidden;flex-direction:column;width:min(88vw,22rem);transition:transform .2s,visibility 0s linear .2s;display:flex;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}body.menue-offen .menue{visibility:visible;transition-delay:0s;transform:none}.backdrop{z-index:40;opacity:0;pointer-events:none;background:#14182473;transition:opacity .2s;position:fixed;inset:0}body.menue-offen .backdrop{opacity:1;pointer-events:auto}.menue-kopf{border-bottom:1px solid var(--linie);justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.menue-nav{overscroll-behavior:contain;flex:1;padding:.75rem .75rem 2rem;overflow-y:auto}.menue-start,.menue-gruppe>summary,.menue-leer{min-height:2.5rem;color:var(--text);border-radius:.55rem;justify-content:space-between;align-items:center;gap:.5rem;margin:0;padding:.45rem .75rem;font-weight:600;text-decoration:none;display:flex}.menue-start:hover,.menue-gruppe>summary:hover{background:var(--bg)}.menue-gruppe>summary{cursor:pointer;list-style:none}.menue-gruppe>summary::-webkit-details-marker{display:none}.menue-gruppe>summary:after{content:"";border-right:2px solid var(--text-leise);border-bottom:2px solid var(--text-leise);flex:none;width:.5rem;height:.5rem;margin-left:.25rem;transition:transform .15s;transform:rotate(-45deg)}.menue-gruppe[open]>summary:after{transform:rotate(45deg)}.menue-gruppe>summary>span:first-child{flex:1}.zaehler{background:var(--bg);min-width:1.5rem;color:var(--text-leise);text-align:center;border-radius:1rem;padding:0 .4rem;font-size:.8rem;font-weight:600}.menue-gruppe ul{border-left:2px solid var(--linie);margin:0 0 .5rem .9rem;padding:0 0 0 .5rem;list-style:none}.menue-link{color:var(--text);border-radius:.5rem;justify-content:space-between;align-items:baseline;gap:.5rem;padding:.4rem .6rem;font-size:.93rem;line-height:1.35;text-decoration:none;display:flex}.menue-link:hover{background:var(--bg)}[aria-current=page].menue-link,[aria-current=page].menue-start{background:var(--akzent-hell);color:var(--akzent);font-weight:600}.menue-leer{color:var(--text-leise);font-weight:500}.menue-leer small{background:var(--bg);border-radius:1rem;padding:.05rem .5rem;font-size:.75rem}[data-erledigt=true].menue-link:after{content:"✓";color:var(--erfolg);flex:none;font-weight:700}.inhalt{width:100%;max-width:62rem;margin:0 auto;padding:1.25rem 1rem 4rem}.inhalt.breit{max-width:80rem}.inhalt h1{margin:0 0 .5rem;font-size:clamp(1.5rem,4vw,2.1rem);line-height:1.2}.hero{margin-bottom:2rem;padding:1.5rem 0 .5rem}.hero p{max-width:42rem;color:var(--text-leise);margin:0;font-size:1.05rem}.thema{margin-top:2.25rem}.thema>h2{margin:0;font-size:1.3rem}.thema>p{color:var(--text-leise);margin:.15rem 0 .9rem}.karten{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.karte{border:1px solid var(--linie);border-radius:var(--radius);background:var(--flaeche);height:100%;color:var(--text);flex-direction:column;gap:.35rem;padding:1rem;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex;position:relative}.karte:hover{border-color:var(--akzent);transform:translateY(-1px);box-shadow:0 4px 14px #1d223014}.karte strong{line-height:1.3}.karte small{color:var(--text-leise)}[data-erledigt=true].karte:after{content:"✓ erledigt";color:var(--erfolg);font-size:.8rem;font-weight:700;position:absolute;top:.75rem;right:.9rem}[data-erledigt=true].karte{padding-top:2rem}.leer{border:1px dashed var(--linie);border-radius:var(--radius);color:var(--text-leise);padding:.9rem 1rem}.brotkrumen{color:var(--text-leise);margin:0 0 .5rem;font-size:.9rem}.brotkrumen a{color:inherit}.uebung-kopf{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.5rem 1rem;margin-bottom:1rem;display:flex}.uebung-kopf p{color:var(--text-leise);margin:0}.knopf{border:1px solid var(--linie);background:var(--flaeche);color:var(--text);border-radius:.55rem;padding:.45rem .9rem;font-size:.9rem;text-decoration:none;display:inline-block}.knopf:hover{border-color:var(--akzent);color:var(--akzent)}.uebung-rahmen{border:1px solid var(--linie);border-radius:var(--radius);background:var(--flaeche);overflow:hidden;box-shadow:0 2px 10px #1d22300d}.uebung-rahmen iframe{border:0;width:100%;height:max(36rem,100dvh - 12rem);display:block}.blaettern{flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-top:1rem;display:flex}.blaettern .knopf:only-child:last-child{margin-left:auto}@media (width>=60rem){.topbar,.backdrop,.menue-zu{display:none}.rahmen{grid-template-columns:var(--menue-breite) minmax(0, 1fr);align-items:start;display:grid}.menue{visibility:visible;width:auto;height:100dvh;transition:none;position:sticky;top:0;transform:none}body.menue-offen{overflow:auto}.inhalt{padding:2rem 2.5rem 4rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}.chips{flex-wrap:wrap;gap:.5rem;margin:.75rem 0 0;padding:0;list-style:none;display:flex}.chips li{border:1px dashed var(--linie);color:var(--text-leise);border-radius:2rem;padding:.3rem .8rem;font-size:.9rem}