/* CELINA Lernbereich (19.10.2026) – passend zum CELINA-Design */
.cl-nav{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 28px}
.cl-nav a{padding:10px 18px;border-radius:40px;border:1px solid rgba(38,217,255,.30);color:#dff7ff;text-decoration:none;font-weight:600;background:rgba(10,20,34,.6)}
.cl-nav a[aria-current="page"],.cl-nav a:hover{background:#26d9ff;color:#03182b}
.cl-kopf{margin-bottom:34px}
.cl-kicker{color:#7fdcff;text-transform:uppercase;letter-spacing:.12em;font-size:13px;font-weight:700;margin:0 0 10px}
.cl-kicker a{color:#7fdcff}
.cl-kopf h1{font-size:clamp(30px,5vw,52px);line-height:1.12;margin:0 0 14px}
.cl-lead{font-size:18px;line-height:1.7;color:#cfe7f4;max-width:900px;margin:0}
.cl-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.cl-tabs a{padding:8px 14px;border-radius:12px;background:rgba(10,20,34,.72);border:1px solid rgba(38,217,255,.18);color:#dff7ff;text-decoration:none;font-size:15px}
.cl-tabs a[aria-current="page"],.cl-tabs a:hover{border-color:#26d9ff;color:#26d9ff}
.cl-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))}
.cl-karte{display:flex;flex-direction:column;gap:6px;padding:24px;border-radius:22px;background:rgba(10,20,34,.72);border:1px solid rgba(38,217,255,.12);color:#fff;text-decoration:none;transition:.2s}
a.cl-karte:hover{border-color:#26d9ff;transform:translateY(-2px)}
.cl-karte strong{font-size:20px}.cl-karte small{color:#7fdcff;font-size:14px}.cl-text{color:#c8dbe6;line-height:1.6;font-size:15px}
.cl-karte-aus{opacity:.55}
.cl-icon{font-size:30px}
.cl-abschnitt{margin:0 0 30px;padding:28px;border-radius:24px;background:rgba(10,20,34,.72);border:1px solid rgba(38,217,255,.10)}
.cl-abschnitt h2{margin:0 0 16px;font-size:24px}.cl-abschnitt h3{margin:24px 0 10px;font-size:19px;color:#bfefff}
.cl-abschnitt p{line-height:1.75;color:#e4f1f8;font-size:17px}
.cl-liste{line-height:1.7;color:#e4f1f8;font-size:17px;padding-left:22px}.cl-liste li{margin:6px 0}.cl-liste a{color:#7fdcff}
.cl-hinweis{color:#bcd3df!important;font-size:15.5px!important;border-left:3px solid #26d9ff;padding-left:14px}
.cl-beispiel,.cl-material{margin-top:18px;padding:18px 20px;border-radius:16px;background:rgba(38,217,255,.07);border:1px solid rgba(38,217,255,.18)}
.cl-begriffe{display:grid;grid-template-columns:minmax(140px,240px) 1fr;gap:10px 22px;margin:0}
.cl-begriffe dt{font-weight:700;color:#7fdcff}.cl-begriffe dd{margin:0;line-height:1.6;color:#e4f1f8}
.cl-aufgabe{padding:16px 0;border-bottom:1px solid rgba(255,255,255,.08)}.cl-aufgabe:last-child{border-bottom:0}
.cl-abschnitt details{margin-top:8px}.cl-abschnitt summary{cursor:pointer;color:#26d9ff;font-weight:600}
.cl-abschnitt details p,.cl-abschnitt details li{color:#d6f3d9}
.cl-test fieldset{border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:14px 16px;margin:0 0 14px}
.cl-test legend{padding:0 6px;font-weight:600;line-height:1.5}
.cl-test label{display:flex;gap:10px;align-items:flex-start;padding:6px 0;line-height:1.5;cursor:pointer}
.cl-test input{margin-top:5px}
.cl-test fieldset.cl-ok{border-color:#3ddc84}.cl-test fieldset.cl-falsch{border-color:#ff6b6b}
.cl-begruendung{font-size:15px!important;color:#cfe7f4!important;margin:8px 0 0}
.cl-knopf{padding:12px 26px;border:0;border-radius:40px;background:#26d9ff;color:#03182b;font-weight:700;font-size:16px;cursor:pointer}
.cl-ergebnis{font-weight:700;color:#7fdcff}
.cl-chips{display:flex;flex-wrap:wrap;gap:10px}.cl-chips a{padding:10px 16px;border-radius:30px;background:rgba(38,217,255,.12);border:1px solid rgba(38,217,255,.3);color:#dff7ff;text-decoration:none}
.cl-chips a:hover{background:#26d9ff;color:#03182b}
.cl-abitur{border-color:rgba(255,196,57,.35)}
.cl-leer{padding:30px;font-size:18px}
@media(max-width:700px){
  .cl-abschnitt{padding:18px;border-radius:18px}
  .cl-begriffe{grid-template-columns:1fr}.cl-begriffe dd{margin-bottom:8px}
  .cl-lead,.cl-abschnitt p,.cl-liste{font-size:16px}
}