/* Themenfarben aus training-intro.css und den jeweiligen Schulungsseiten.
   Aufhellungen für lesbare Links und Auswahlrahmen im Dunkelmodus.
   Erfolgs- und Hinweisfarben behalten ihre Bedeutung in der Auswertung. */
:is(.quiz-page[data-thema="deeskalation"],.quiz-entry-wrap[data-quiz-thema="deeskalation"]){
  --qt-main:#009640;--qt-ink:#00662c;--qt-on-main:#08120c;--qt-soft:#e5f3eb;--qt-line:#add3bd;
  --qt-dark-bg:#17231e;--qt-dark-paper:#1b2b24;--qt-dark-tint:#203c30;
  --qt-dark-line:#4c6f5e;--qt-dark-accent:#67c990;--qt-dark-hover:#294b3b;
}
:is(.quiz-page[data-thema="impulskontrolltechniken"],.quiz-entry-wrap[data-quiz-thema="impulskontrolltechniken"]){
  --qt-main:#2aa65a;--qt-ink:#146c36;--qt-on-main:#08120c;--qt-soft:#e8f8ed;--qt-line:#acdabb;
  --qt-dark-bg:#19231c;--qt-dark-paper:#1e2c22;--qt-dark-tint:#21442d;
  --qt-dark-line:#52795f;--qt-dark-accent:#70bc8b;--qt-dark-hover:#2a5538;
}
:is(.quiz-page[data-thema="status-spiele"],.quiz-entry-wrap[data-quiz-thema="status-spiele"]){
  --qt-main:#107c10;--qt-soft:#eaf3e8;--qt-line:#bbd7b5;
  --qt-dark-bg:#1a231a;--qt-dark-paper:#222d22;--qt-dark-tint:#2b422b;
  --qt-dark-line:#597659;--qt-dark-accent:#8dcd83;--qt-dark-hover:#355135;
}
:is(.quiz-page[data-thema="ki-im-alltag"],.quiz-entry-wrap[data-quiz-thema="ki-im-alltag"]){
  --qt-main:#4c7ecb;--qt-ink:#315b9b;--qt-on-main:#111111;--qt-soft:#e9eff9;--qt-line:#bdcde8;
  --qt-dark-bg:#1b2130;--qt-dark-paper:#222b3b;--qt-dark-tint:#2c3b57;
  --qt-dark-line:#566f99;--qt-dark-accent:#a7c8f4;--qt-dark-hover:#354969;
}
:is(.quiz-page[data-thema="erste-hilfe"],.quiz-entry-wrap[data-quiz-thema="erste-hilfe"]){
  --qt-main:#8c1515;--qt-soft:#f6e9e9;--qt-line:#dfbcbc;
  --qt-dark-bg:#261c1c;--qt-dark-paper:#302222;--qt-dark-tint:#462929;
  --qt-dark-line:#815454;--qt-dark-accent:#e5aaa6;--qt-dark-hover:#563333;
}

.quiz-page[data-thema]{
  --q-bg:var(--qt-soft);--q-paper:#fffdf8;--q-ink:#26272b;--q-muted:#565963;
  --q-line:var(--qt-line);--q-accent:var(--qt-ink,var(--qt-main));--q-tint:var(--qt-soft);
}
.quiz-page[data-thema] .quiz-intro{border-top-color:var(--qt-main)}
/* Einstiegsfragen und Aufforderung zur Themenauswahl hervorheben. */
.quiz-page .quiz-feedback-mode > legend,
.quiz-page .quiz-start-row:has(#quiz-start:disabled) #quiz-selection-count{color:#8c1515}
.quiz-page[data-thema] .quiz-button.quiz-primary,
.quiz-page[data-thema] .quiz-button.quiz-primary:hover:not(:disabled){background:var(--qt-main);color:var(--qt-on-main,#fff)!important;border-color:var(--qt-main)}
.quiz-page[data-thema] .quiz-hotspot{background:var(--qt-main);color:var(--qt-on-main,#fff)}
.quiz-page[data-thema] .quiz-hotspot:is(:hover,[aria-pressed="true"]){background:#e1bd70;color:#172025}

.quiz-entry-wrap[data-quiz-thema] a.quiz-entry[href]{border-color:#e1bd70;color:var(--qt-ink,var(--qt-main))!important}
.quiz-entry-wrap[data-quiz-thema] .quiz-entry-icon{background:var(--qt-main);color:var(--qt-on-main,#fff)}
.quiz-entry-wrap[data-quiz-thema] a.quiz-entry[href]:hover{background:var(--qt-soft)}
.quiz-entry-wrap[data-quiz-thema] a.quiz-entry[href]:focus-visible{outline-color:var(--qt-main)}

@media screen{
  :root[data-mb-farbmodus="dunkel"] .quiz-page .quiz-feedback-mode > legend,
  :root[data-mb-farbmodus="dunkel"] .quiz-page .quiz-start-row:has(#quiz-start:disabled) #quiz-selection-count{color:#c9555f}
  :root[data-mb-farbmodus="dunkel"] .quiz-page[data-thema]{
    --q-bg:var(--qt-dark-bg);--q-paper:var(--qt-dark-paper);--q-ink:#edf0f4;--q-muted:#bec4cf;
    --q-line:var(--qt-dark-line);--q-accent:var(--qt-dark-accent);--q-tint:var(--qt-dark-tint);
  }
  :root[data-mb-farbmodus="dunkel"] .quiz-page[data-thema] .quiz-primary{
    background:var(--qt-main);border-color:var(--qt-dark-accent);color:var(--qt-on-main,#fff)!important;
  }
  :root[data-mb-farbmodus="dunkel"] .quiz-entry-wrap[data-quiz-thema] a.quiz-entry[href]{
    background:var(--qt-dark-tint);border-color:#e1bd70;color:#edf0f4!important;
  }
  :root[data-mb-farbmodus="dunkel"] .quiz-entry-wrap[data-quiz-thema] a.quiz-entry[href]:hover{background:var(--qt-dark-hover)}
  :root[data-mb-farbmodus="dunkel"] .quiz-entry-wrap[data-quiz-thema] a.quiz-entry[href]:focus-visible{outline-color:#e1bd70}
}

/* Alle Quiz-Einstiege: kräftiger, vollständiger Goldrahmen. */
.quiz-entry-wrap[data-quiz-thema] a.quiz-entry[href], :root[data-mb-farbmodus="dunkel"] .quiz-entry-wrap[data-quiz-thema] a.quiz-entry[href]{border:5px solid #e1bd70;box-shadow:0 0 0 1px #8d702f}