/* ============================================================
   kursinhalt.css — wie ein Kurs beschrieben aussieht

   Diese Regeln standen bis 05.09.2026 im <style> von kunden.html. Dann
   bekam der Kurs eine oeffentliche Seite (/kurs/<id>, AP-0122) — und
   damit haette derselbe Block ein zweites Mal dagestanden. Zwei
   Fassungen derselben Gestaltung laufen auseinander, sobald jemand nur
   eine davon anfasst; man sieht es erst, wenn beide Seiten
   nebeneinander liegen.

   Gezeichnet wird von assets/js/gemeinsam/kursinhalt.js — eine Quelle
   fuer das Aussehen, eine fuer das Markup.
   ============================================================ */

/* ── Kursinhalt (AP-0120) ──────────────────────────────────── */
/* Steht UNTER der Stundenliste: wer hier ist, will zuerst wissen, wann
   die nächste Stunde ist. Was der Kurs enthält, liest man einmal —
   danach ist es Nachschlagewerk, kein Aufmacher. */
.ki-block{margin-top:22px;padding-top:18px;border-top:1px solid var(--border);}
.ki-block-titel{font-size:13px;font-weight:700;color:var(--ink);margin:0 0 12px;}
.ki-kurs{border:1px solid var(--border);border-radius:var(--rsm);padding:16px;
  background:var(--card,#fff);margin-bottom:12px;}
.ki-kurs:last-child{margin-bottom:0;}
.ki-kurs-kopf{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:10px;}
.ki-kurs-titel{font-size:15px;font-weight:700;color:var(--ink);margin:0;}
.ki-kurs-lehrer{font-size:12px;color:var(--ink3);}
.ki-erwartung{font-size:13px;color:var(--ink);line-height:1.6;margin:0 0 14px;}
.ki-teil{margin-bottom:14px;}
.ki-teil:last-child{margin-bottom:0;}
.ki-teil-titel{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;
  color:var(--ink3);text-transform:uppercase;letter-spacing:.04em;margin:0 0 7px;}
.ki-liste{margin:0;padding-left:18px;}
.ki-liste li{font-size:13px;color:var(--ink);line-height:1.6;margin-bottom:3px;}

/* Der Stundenablauf. Nummerierte Liste, aber mit eigenem Zeichen statt
   der Ziffer — die Reihenfolge steht schon in der Anordnung. */
.ki-ablauf{list-style:none;margin:0;padding:0;}
.ki-schritt{display:flex;align-items:flex-start;gap:9px;padding:7px 0;
  border-bottom:1px solid var(--border);}
.ki-schritt:last-child{border-bottom:none;}
.ki-schritt-zeichen{flex:0 0 auto;color:var(--ink3);line-height:1;padding-top:2px;}
.ki-schritt-text{flex:1;min-width:0;font-size:13px;color:var(--ink);line-height:1.5;}
.ki-schritt-text strong{font-weight:600;}
.ki-schritt-mehr{display:block;font-size:12px;color:var(--ink3);line-height:1.5;margin-top:2px;}
.ki-schritt-dauer{flex:0 0 auto;font-size:11px;color:var(--ink3);
  font-variant-numeric:tabular-nums;white-space:nowrap;padding-top:2px;}

.ki-merkmale{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;}
.ki-merkmal-titel{font-size:12px;font-weight:700;color:var(--ink);margin:0 0 5px;}
.ki-merkmal-liste{list-style:none;margin:0;padding:0;}
.ki-merkmal-liste li{display:flex;align-items:flex-start;gap:6px;font-size:12px;
  color:var(--ink);line-height:1.5;margin-bottom:4px;}
.ki-merkmal-liste li .ico{flex:0 0 auto;margin-top:2px;color:var(--ink3);}

/* Sprechanteil: fünf Punkte. Eine Prozentzahl wäre genauer, als die
   Angabe ist — der Anbieter kreuzt eine von fünf Stufen an. */
.ki-anteil{display:flex;align-items:flex-start;gap:10px;}
.ki-anteil-punkte{display:inline-flex;gap:4px;flex:0 0 auto;padding-top:4px;}
.ki-punkt{width:9px;height:9px;border-radius:999px;background:var(--border);display:block;}
.ki-punkt.an{background:var(--red);}
.ki-anteil-text{font-size:13px;color:var(--ink);line-height:1.5;}
.ki-anteil-mehr{display:block;font-size:12px;color:var(--ink3);margin-top:1px;}

.ki-leer,.ki-hinweis{font-size:12px;color:var(--ink3);line-height:1.6;margin:0;}
.ki-fehler{display:flex;align-items:flex-start;gap:6px;font-size:13px;color:var(--red);
  line-height:1.5;margin:0;}
.ki-fehler span{color:var(--ink3);font-size:12px;}

@media (max-width:560px){
  .ki-merkmale{grid-template-columns:1fr;}
}