/* Quiz Katastrophenschutz: Themenfarbe Blau wie die Kachel auf der Startseite. */
.quiz-page[data-thema="katastrophenschutz"]{
  --qt-main:#1f5aa6;--qt-ink:#1f5aa6;--qt-on-main:#ffffff;--qt-soft:#e8eef8;--qt-line:#b7c7e3;
  --qt-dark-bg:#161d2b;--qt-dark-paper:#1d2638;--qt-dark-tint:#253656;
  --qt-dark-line:#4f6894;--qt-dark-accent:#9dbcf0;--qt-dark-hover:#2f4670;
}
.quiz-brand>span:last-child{min-width:0}.quiz-brand small{white-space:normal;overflow-wrap:break-word}
.quiz-material-content :is(section,article,figure){max-width:100%;margin-inline:0}
.quiz-material-content .unit{margin:22px 0}
.quiz-material-content .merksatz{margin:18px 0;padding:14px 18px;border-left:4px solid #e1bd70;background:var(--q-tint);font-weight:600}
.quiz-material-content .steps>div{padding:8px 0;border-bottom:1px solid var(--q-line)}
.quiz-material-content .steps dt{font-weight:700}
.quiz-material-content .steps dd{margin:2px 0 0}
.quiz-material-content .checklist li{margin:8px 0}
.quiz-material-content .sk-farben>div{border-left:7px solid #888;padding-left:12px}
.quiz-material-content .sk-rot{border-left-color:#c81e1e!important}.quiz-material-content .sk-gelb{border-left-color:#e0b100!important}.quiz-material-content .sk-gruen{border-left-color:#2f8a3b!important}.quiz-material-content .sk-blau{border-left-color:#2563eb!important}.quiz-material-content .sk-schwarz{border-left-color:#777!important}
.quiz-material-content .ks-tabelle{border-collapse:collapse;width:100%;margin:10px 0}
.quiz-material-content .ks-tabelle th,.quiz-material-content .ks-tabelle td{border:1px solid var(--q-line);padding:6px 10px;text-align:center}
.ks-anzahl{width:100%;max-width:440px;margin:0 0 6px}
.ks-anzahl-label{display:block;font-weight:700;text-align:center;margin:0 0 8px}
.ks-anzahl-wert{display:inline-block;min-width:2.2em;padding:2px 10px;margin-left:4px;border-radius:999px;background:var(--qt-main,#1f5aa6);color:#fff;font-weight:800}
#ks-anzahl-regler{width:100%;height:32px;accent-color:var(--qt-main,#1f5aa6);cursor:pointer}
#ks-anzahl-regler:focus-visible{outline:3px solid #e1bd70;outline-offset:4px}
.ks-anzahl-skala{display:flex;justify-content:space-between;margin:0;font-size:.85em;color:var(--q-muted)}