:root {
  --bg:#f3f4f6;
  --card:#ffffff;
  --muted:#64748b;
  --accent:#A7F3D0;       /* MINT-GRÃœN: globaler Button-Hintergrund */
  --text:#1e293b;
  --data-bg:#fef3c7;
  --data-fg:#1f2937;
  --student-btn:#fdba74;  /* Pastellorange nur für Schülerseite */
  --radio-bg:#fdba74;
  --radio-stroke:#f59e0b;
}
body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica,Arial,sans-serif}
.container{max-width:980px !important;margin:2rem auto;padding:1rem}
.card{background:var(--card);border:1px solid #e2e8f0;border-radius:12px;padding:1rem;margin:1rem 0;box-shadow:0 2px 4px rgba(0,0,0,.05)}
.btn{background:var(--accent);color:#064e3b; /* dunkles Grün für Kontrast */
     padding:.6rem 1rem;border-radius:8px;border:none;cursor:pointer;font-weight:700}
.btn.sm{padding:.35rem .6rem;font-size:.9rem}
.btn.gray{background:#cbd5e1;color:#1e293b}
/* Schülerseite behält Orange */
body.page-student .btn{background:var(--student-btn)!important;color:#1f2937!important}

/* Tabellen & Daten-Pastell */
.card table{width:100%;border-collapse:collapse;margin:.5rem 0}
.card th,.card td{padding:.5rem;border-bottom:1px solid #e2e8f0;text-align:left}
.card table tbody td,.card table tr td{background:var(--data-bg)!important;color:var(--data-fg)!important}
.card ul{list-style:disc;padding-left:1.25rem}
.card ul li{background:var(--data-bg)!important;color:var(--data-fg)!important;padding:.3rem .45rem;border-radius:6px;margin:.2rem .2rem}

/* Navigation */
nav a{color:#2563eb;margin-right:1rem;text-decoration:none;font-weight:600}
nav a:hover{text-decoration:underline}

/* Radios robust orange */
input[type=radio]{accent-color:var(--radio-bg)}
.choice-list{display:flex;flex-wrap:wrap;gap:.75rem}
.choice-list input[type=radio]{-webkit-appearance:none;appearance:none;width:1.1rem;height:1.1rem;border-radius:50%;border:2px solid var(--radio-stroke);background:#fff;position:relative;cursor:pointer}
.choice-list input[type=radio]:checked{background:var(--radio-bg)}
.choice-list input[type=radio]:checked::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 0 4px #fff}
.choice-list input[type=radio]:focus{box-shadow:0 0 0 3px rgba(253,186,116,.35)}
.choice-list label{display:inline-flex;align-items:center;gap:.35rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:.35rem .6rem;cursor:pointer}

/* Remember-Label kompakt */
.remember-label{color:#1e293b;font-weight:600;display:inline-flex;align-items:center;gap:.15rem}

/* Menü überall rot – höchste Spezifität */
.container nav a,
.header nav a,
nav a {
    color: #dc2626 !important;
}

/* Menüfarbe auch auf der Startseite rot */
.header nav a,
.header a,
nav a {
    color: #dc2626 !important;
}