/* Themenseiten, Rechenwege, Übersichten und Über uns */
.th-pfad{margin-bottom:6px}
.th-stand-zeile{font-size:.85rem;color:#5c6b61;margin:6px 0 0}
.th-stand-zeile a{color:#1f4d3a}
.th-knoepfe{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.th-knoepfe a,.th-knoepfe button{font:inherit;font-weight:800;min-height:48px;border-radius:12px;padding:10px 18px;display:inline-flex;align-items:center;text-decoration:none;cursor:pointer}
.th-kurz{background:#fffbea;border-color:#f0d36b}
.th-kurz p{margin:4px 0}
.th-abschnitt h2,.th-eltern h2,.th-weiter h2{margin:0 0 8px;font-size:1.35rem}
.th-abschnitt p{margin:0 0 10px;line-height:1.6}
.th-fig{margin:10px 0;display:flex;flex-direction:column;gap:4px;max-width:100%;overflow-x:auto}
.th-fig figcaption{font-size:.88rem;color:#5c6b61}
.th-fig svg{max-width:100%;height:auto}
.th-schritte{margin:6px 0 12px;padding-left:1.3em;display:flex;flex-direction:column;gap:6px;line-height:1.55}
.th-beispiel{background:#e2f2e9;border-radius:12px;padding:12px 14px;margin:8px 0;line-height:1.7;font-variant-numeric:tabular-nums}
.th-tabelle{border-collapse:collapse;margin:8px 0;font-variant-numeric:tabular-nums;max-width:100%;display:block;overflow-x:auto}
.th-fig{min-width:0}.th-abschnitt{min-width:0;overflow-wrap:anywhere}
.th-tabelle th,.th-tabelle td{border:1px solid #e2d6c0;padding:7px 10px;text-align:left;vertical-align:top}
.th-tabelle th,.th-tabelle td{overflow-wrap:normal;hyphens:auto;-webkit-hyphens:auto}
@media (max-width:420px){.th-tabelle th,.th-tabelle td{padding:6px 6px}}
.th-tabelle th{background:#f7f1e6}
.th-fehler{margin:0;padding-left:1.2em;display:flex;flex-direction:column;gap:8px;line-height:1.55}
.th-rechnung{font-family:"Courier New",ui-monospace,monospace;font-size:1.15rem;line-height:1.35;background:#f7f1e6;border-radius:12px;padding:12px 16px;margin:0;white-space:pre;overflow-x:auto;direction:ltr}
.th-aufgabe{margin-top:12px}
.th-frage{font-weight:700;font-size:1.08rem;margin:0}
.th-druck{display:none}
.th-stand{display:flex;flex-direction:column;gap:8px;align-items:flex-start;border:1.5px solid #eadfcc;border-radius:14px;padding:12px;background:#fff;margin-top:14px}
.th-balken{width:100%;height:10px;border-radius:99px;background:#ece3d2;overflow:hidden}.th-balken span{display:block;height:100%;background:#1a7f45;border-radius:99px}
.th-eltern{background:#eef6f6;border-color:#bfdede}
.th-eltern .eyebrow{color:#0f6e74}
.th-liste{margin:0;padding-left:1.2em;display:flex;flex-direction:column;gap:8px;line-height:1.55}
.th-weiter-liste,.uebersicht-liste{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}
.th-weiter-liste a,.uebersicht-liste a{display:flex;flex-direction:column;gap:3px;background:#fff;border:1.5px solid #eadfcc;border-left:5px solid #1f4d3a;border-radius:12px;padding:12px 14px;text-decoration:none;color:#1e2a24;min-height:44px}
.th-weiter-liste a span,.uebersicht-liste a span{font-size:.9rem;color:#5c6b61}
.uebersicht-liste a small{font-weight:700;color:#5c6b61}
.th-loesungen{display:none}
@media print{
  .site-head,.pfad,.th-knoepfe,.th-stand,.lzp,.lzm,.th-weiter,.th-eltern,.seo-text,.donate,footer,.th-kurz,.th-stand-zeile a{display:none!important}
  .th-druck{display:block;margin-top:8px}
  .th-loesungen{display:block;break-before:page}
  .card{border:0!important;box-shadow:none!important;padding:0!important}
  body{background:#fff!important}
}
.prof-vorstellung{display:flex;gap:18px;align-items:center}
.prof-vorstellung img{width:130px;height:auto;flex:none}
@media (max-width:520px){.prof-vorstellung{flex-direction:column;text-align:center}}

/* ---- Klassenseiten und „Alle Werkzeuge“ (Update 29) */
.kl-leiste{display:flex;gap:6px;flex-wrap:wrap}
.kl-leiste a{font-weight:700;text-decoration:none;color:#1e2a24;background:#fff;border:1.5px solid #eadfcc;border-radius:999px;padding:8px 14px;min-height:44px;display:inline-flex;align-items:center}
.kl-leiste a[aria-current="page"]{background:#1e2a24;color:#fff;border-color:#1e2a24}
.kl-merken{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:#fff8e6!important;border-color:#f0d36b!important}
.kl-merken[hidden]{display:none!important}
.kl-merken div{display:flex;gap:6px}
.kl-merken button{font:inherit;font-weight:800;min-width:48px;min-height:44px;border-radius:10px;border:1.5px solid #e0c35a;background:#fff;color:#1e2a24;cursor:pointer}
.kl-fach{font-size:1.02rem;margin:14px 0 8px;color:#34443b}
.kl-fach:first-of-type{margin-top:4px}
.uebersicht-liste a[hidden]{display:none}
.uebersicht-liste a.k-spiel{border-left-color:#b4470c}
.uebersicht-liste a.k-werkzeug{border-left-color:#163a2c}
.uebersicht-liste a.k-eltern{border-left-color:#0f6e74}
.uebersicht-liste a.k-thema{border-left-color:#1f4d3a}
.uebersicht-liste .marken{display:flex;gap:4px;flex-wrap:wrap;font-style:normal;margin-top:2px}
.uebersicht-liste .marken i{font-style:normal;font-size:.76rem;font-weight:700;color:#4a5a50;background:#f5eee2;border-radius:999px;padding:1px 8px}
.wz-filter{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.wz-filter label{display:flex;gap:6px;align-items:center;font-weight:700}
.wz-filter select{font:inherit;min-height:46px;border:1.5px solid #e2d6c0;border-radius:10px;padding:6px 10px;background:#fff}
.wz-check{min-height:44px;border:1.5px solid #e2d6c0;border-radius:999px;padding:6px 12px;background:#fff;cursor:pointer}
.wz-check input{width:18px;height:18px}
.kl-chips{display:flex;gap:8px;flex-wrap:wrap}
.kl-chips a{display:inline-flex;align-items:center;gap:6px;font-weight:700;text-decoration:none;color:#1e2a24;background:#fff;border:1.5px solid #eadfcc;border-radius:12px;padding:9px 14px;min-height:44px}
.kl-chips a:hover{border-color:#1f4d3a}
.kl-chips i{font-style:normal;font-size:.74rem;font-weight:700;color:#1d7a4a;background:#e3f5ea;border-radius:999px;padding:1px 7px}
@media (max-width:520px){.uebersicht-liste a span{font-size:.86rem}.uebersicht-liste{gap:8px}}

/* ---- Filter auf „Themen“ und „Üben & Spielen“, Seite „Mein Lernen“ (Update 30) */
.hub-filter{display:flex;flex-direction:column;gap:10px}
.hub-f{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.hub-f>span{font-weight:700;min-width:56px}
.hub-f button{font:inherit;font-weight:700;min-height:44px;padding:8px 14px;border-radius:999px;border:1.5px solid #e2d6c0;background:#fff;color:#1e2a24;cursor:pointer}
.hub-f button[aria-pressed="true"]{background:#1e2a24;color:#fff;border-color:#1e2a24}
.hub-f select{font:inherit;font-weight:700;min-height:46px;border:1.5px solid #e2d6c0;border-radius:10px;padding:6px 10px;background:#fff;color:#1e2a24}
section[data-filter] .hub-f{margin:4px 0 8px}
.ml-leer{display:flex;gap:16px;align-items:center}
.ml-leer[hidden]{display:none!important}
.ml-leer img{width:110px;height:auto;flex:none}
.ml-knoepfe{display:flex;gap:8px;flex-wrap:wrap}
.ml-knopf{display:inline-flex;align-items:center;font-weight:800;text-decoration:none;min-height:46px;border-radius:12px;padding:10px 16px;background:#e2f2e9;color:#163a2c}
.ml-knopf.haupt{background:#1f4d3a;color:#fff}
.ml-inhalt p{margin:0 0 10px}
.lerntag{display:flex;flex-direction:column;gap:14px}.lerntag[hidden]{display:none!important}
@media (max-width:520px){.ml-leer{flex-direction:column;text-align:center}.ml-knoepfe{justify-content:center}}
.hub-reihe{display:flex;gap:10px 22px;flex-wrap:wrap;align-items:center}
.hub-reihe .hub-f{margin:0}
section[data-filter] .hub-reihe{margin:4px 0 8px}
.hub-reihe .hub-f{flex-wrap:nowrap}
.hub-filter>.hub-reihe .hub-f>span,.hub-reihe .hub-f>span{min-width:56px}
@media (max-width:560px){.hub-reihe{flex-direction:column;align-items:stretch;gap:8px}.hub-reihe .hub-f select{flex:1;min-width:0}}
/* Schreibwerkstatt: Checkliste, Mustertext mit Marken, Text mit Zeilennummern */
.th-check{list-style:none;padding:0;margin:6px 0 4px;display:flex;flex-direction:column;gap:7px}
.th-check label{display:flex;gap:10px;align-items:flex-start;cursor:pointer;line-height:1.5;font-weight:500}
.th-check input{width:20px;height:20px;margin:2px 0 0;flex:none;accent-color:#1f4d3a}
.th-check input:checked+span{color:#5c6b61}
.th-muster p{margin:8px 0 0}
.th-teil{display:inline-block;font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#1f4d3a;background:#fff;border-radius:999px;padding:1px 8px;margin-right:6px;vertical-align:1px}
.th-zeilen{margin:6px 0 0;padding-left:2.2em;line-height:1.65}
.th-zeilen li{padding-left:.2em}
.th-zeilen li::marker{color:#5c6b61;font-size:.82em}
@media print{.th-check input{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

/* Lern-Etappen und Fünf-Fragen-Wissenscheck */
.th-modus{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 8px}
.th-modus-knopf{font:inherit;font-weight:800;background:#fff;color:#1f4d3a;border:2px solid #bfe3d0;border-radius:10px;padding:10px 14px;min-height:44px;cursor:pointer}
.th-modus-knopf[aria-pressed="true"]{background:#1f4d3a;color:#fff;border-color:#1f4d3a}
.th-modus-hinweis{color:#506157;font-size:.92rem;margin:0 0 10px}
.th-aufgabe[hidden]{display:none!important}
.th-zahlbild{margin:12px 0;padding:14px;background:#f4f8f4;border:1px solid #bfe3d0;border-radius:12px}
.th-zahlbild .th-punkte{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.th-zahlbild .th-zehner,.th-zahlbild .th-einer{display:grid;grid-template-columns:repeat(5,18px);gap:6px}
.th-zahlbild .th-punkt{width:18px;height:18px;background:#1f4d3a;border-radius:50%}
.th-zahlbild .th-einer .th-punkt{background:#cc7b38}
.th-zahlbild figcaption{margin-top:8px;color:#41554a;font-size:.93rem}
.th-zahlenreihe{display:flex;gap:3px;overflow:auto;margin-top:8px;padding-bottom:5px}
.th-zahlenreihe span{flex:0 0 auto;min-width:27px;text-align:center;padding:7px 3px;background:#fff;border:1px solid #d5e1d7;border-radius:6px;font-size:.85rem}
.th-zahlenreihe .th-markierung{font-weight:900;background:#f2b544;border-color:#b57611;color:#182d22}
@media print{.th-modus,.th-modus-hinweis{display:none!important}.th-aufgabe[hidden]{display:flex!important}}