/* Tests nach Art und Niveau: Seite "Exklusives Material" (inc/exklusiv-ansicht.php), Übersicht im Lehrerbereich und in der Redaktion (inc/tests-ansicht.php). */
.exklusiv-code { max-width: 640px; margin: 0 auto 1.6rem; }
.code-feld { display: flex; gap: 0.6rem; justify-content: center; flex-wrap: wrap; }
.code-feld input { text-align: center; letter-spacing: 0.2em; font-size: 1.3rem; text-transform: uppercase; max-width: 220px; padding: 0.75rem; border-radius: 0.6rem; border: 1px solid var(--glas-kante); }
.exklusiv-fehler { background: #fef2f2; border: 1px solid #fecaca; color: #991b1b; padding: 0.8rem 1.1rem; border-radius: 0.75rem; margin: 0 0 1rem; }
.exklusiv-hinweis { margin: 0.9rem 0 0; font-size: 0.92rem; color: var(--site-tinte-mild); }
.exklusiv-abschnitt { margin-top: 2rem; }
.exklusiv-abschnitt > h2 { margin: 0 0 0.3rem; }
.test-karte__aktion { margin-top: 0.7rem !important; }
.test-karte__ergebnis { font-weight: 600; color: #166534 !important; }
.tests-start { display: flex; flex-wrap: wrap; gap: 0.8rem 1.4rem; align-items: center; justify-content: space-between; padding: 0.9rem 1.1rem; margin-bottom: 1.2rem; border-radius: 1rem; border: 1px dashed var(--glas-kante); background: rgba(255, 255, 255, 0.55); }
.tests-start p { margin: 0; max-width: 46rem; }
.tests-leiste { display: flex; gap: 0.45rem; flex-wrap: wrap; margin: 0 0 0.7rem; }
.tests-leiste a { display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.4rem 0.95rem; border-radius: 999px; text-decoration: none; color: inherit; font-weight: 600; font-size: 0.9rem; border: 1px solid var(--glas-kante); background: rgba(255, 255, 255, 0.6); }
.tests-leiste a:hover { background: rgba(var(--glas-marke), 0.14); }
.tests-leiste a.ist-aktiv { background: rgb(var(--glas-marke)); color: #fff; border-color: rgb(var(--glas-marke-dunkel)); }
.tests-leiste a small { font-weight: 500; opacity: 0.75; }
.tests-leiste--niveau a { padding: 0.3rem 0.8rem; font-size: 0.85rem; }
.tests-art { margin-top: 1.8rem; }
.tests-art h2 { margin: 0 0 0.2rem; }
.tests-art__text { margin: 0 0 0.6rem; color: var(--site-tinte-mild); font-size: 0.92rem; }
.tests-gruppe { margin-top: 1.1rem; }
.tests-gruppe h3 { display: flex; flex-wrap: wrap; gap: 0.45rem; align-items: center; margin: 0 0 0.55rem; font-size: 1.08rem; }
.tests-gruppe h3 small { font-weight: 500; font-size: 0.8rem; color: var(--site-tinte-mild); }
.tests-liste { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 0.85rem; }
.test-karte { display: flex; flex-direction: column; gap: 0.3rem; padding: 0.95rem 1.1rem; border-radius: 1rem; border: 1px solid var(--glas-kante); background: rgba(255, 255, 255, 0.62); }
.test-karte h4 { margin: 0.1rem 0 0; font-size: 1rem; line-height: 1.3; }
.test-karte p { margin: 0; font-size: 0.85rem; color: var(--site-tinte-mild); }
.test-karte__kopf { display: flex; gap: 0.4rem; flex-wrap: wrap; align-items: center; }
.test-karte__kennung { font-family: var(--site-schrift-code, monospace); font-size: 0.76rem !important; opacity: 0.8; }
.test-karte__intern { color: #92400e !important; }
.test-marke { display: inline-block; padding: 0.05rem 0.6rem; border-radius: 999px; font-size: 0.78rem; font-weight: 700; background: rgba(var(--glas-marke), 0.16); color: rgb(var(--glas-marke-dunkel)); }
.test-marke--art { background: rgba(0, 0, 0, 0.06); color: var(--site-tinte-mild); }
.test-marke--kapiteltest { background: rgba(22, 163, 74, 0.14); color: #166534; }
.test-marke--modelltest { background: rgba(37, 99, 235, 0.12); color: #1e40af; }
.test-marke--offen { background: rgba(217, 119, 6, 0.15); color: #92400e; }
.tests-leer { color: var(--site-tinte-mild); }
@media (max-width: 560px) { .tests-liste { grid-template-columns: 1fr; } }
/* Redaktion: eine Zeile je Test statt Kacheln */
.tests-zeilen .tests-liste { grid-template-columns: 1fr; }