/* Phase E, Paket D (Prüfen, Simulation, gemischte Prüfung). Nutzt die Farben aus basis.css, nichts Festes außer den Kachelfarben. */

/* ---- Prüfen: acht Kacheln, auf großen Bildschirmen vier nebeneinander (zwei Reihen), Hinweisbänder oben */
.seite-pruefen .pruef-band { margin-bottom: 10px; font-weight: 700; border-width: 2px; }
.seite-pruefen .pruef-band.klausur-laeuft { background: var(--warn-bg); border-color: var(--warn-rand); }
@media (min-width: 900px) {
  .seite-pruefen .pruef-raster { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* ---- Gemischte Prüfung */
.seite-gemischt .gm-stand { padding: 10px 14px; border-radius: 12px; background: var(--box); border: 1px solid var(--rand); }
.seite-gemischt .gm-liste { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.seite-gemischt .gm-aufgabe.erledigt { border-color: var(--gut); }
.seite-gemischt .gm-titel { margin: 0; font-weight: 700; overflow-wrap: anywhere; }
.seite-gemischt .gm-ok { background: var(--gut); border-color: var(--gut); color: #fff; }
.seite-gemischt .gm-knoepfe, .seite-gemischt .gm-fuss { display: flex; flex-wrap: wrap; gap: 8px; }
.seite-gemischt .gm-knoepfe .knopf, .seite-gemischt .gm-fuss .knopf { flex: 1 1 9rem; }
.seite-gemischt .gm-h2 { margin: 0; font-size: 1.1rem; }
.seite-gemischt .gm-uebersicht { border-color: var(--gut); }
.seite-gemischt .gm-uebersicht-liste { margin: 0; padding-left: 1.2rem; display: flex; flex-direction: column; gap: 6px; overflow-wrap: anywhere; }
.seite-gemischt .gross-knopf { width: 100%; }

/* ---- Leiste „Zurück zur gemischten Prüfung“ (liegt in #leiste, überlappt nichts) */
.gm-leiste { font-size: 0.9rem; }
.gm-leiste[hidden] { display: none; }
.gm-leiste .gm-zurueck { flex: 0 0 auto; background: var(--hg); color: var(--akzent); box-shadow: none; }