/* KlinikDeutsch · gemeinsames Typografie-System (freigegeben 3.10.2026, Regeln: Website/CLAUDE.md C2/F2)
   Zwei Familien: EB Garamond (H1, H2, Kurs-/Berufsname, Kartentitel) · DM Sans (alles andere).
   Rangfolge: H1 › H2/Kursname › Nutzen-Satz › Fließtext › Meta. Der Kurs-/Berufsname ist immer der Anker. */

/* Labels / Eyebrows */
body .eyebrow,body .prof-card .tag-p{font-size:14px;letter-spacing:.08em}

/* Berufskarten (Home) */
.prof-card h3{font-size:28px;line-height:1.15;font-weight:700}
.prof-card .fsp-kern.kompetenz{font-size:18px;font-weight:600;line-height:1.45;color:#2B3A5C;text-transform:none;letter-spacing:0;margin:4px 0 12px}
.prof-card .kw,.prof-card .faelle,.prof-card .fsp{font-size:16px;line-height:1.5}
.prof-card .fsp{font-weight:600}

/* Fließtext 19 px */
body .sec-head p,body .diff-card p,body .faq-item .faq-a,body .gl-dl dd,body .pc-list li,body .b2weg p{font-size:19px;line-height:1.6}
.hero-sub{font-size:19px}

/* Knöpfe */
body .btn,body .prof-card .btn{font-size:17px}
body .btn-xl,body .b2weg .btn,body .kd-programm .b2weg .btn{font-size:18px}

/* Berufskürzel nie trennen (MT-R, MT-L); im Text zusätzlich „für MT-L:“ mit festem Leerzeichen */
.nw{white-space:nowrap}

/* Hero der sechs Fachsprachkurs-Seiten · Variante B (freigegeben 3.10.2026)
   Zeile 1 = Kurs-/Berufsname (Anker), Zeile 2 = Nutzen (.accent) als eigene, kleinere Zeile. */
body .hero h1.h1-kurs{font-size:clamp(32px,3.75vw,48px);line-height:1.1}
body .hero h1.h1-kurs .accent{display:block;font-size:clamp(22px,2.35vw,30px);font-weight:600;line-height:1.22;margin-top:.3em}

/* Ausgewogene Zeilen statt Einzelwort-Zeilen (H1, Nutzen-Zeile, Abschnitts- und Beispiel-Überschriften, Knöpfe) */
body .hero h1.h1-kurs,body .hero h1.h1-kurs .accent,body .sec-head h2,body #sprachbeispiel h2,body .btn{text-wrap:balance}

@media(max-width:620px){
  .prof-card h3{font-size:25px}
  body .sec-head p,body .diff-card p,body .faq-item .faq-a,body .gl-dl dd,body .pc-list li,body .b2weg p{font-size:18px}
  .hero-sub{font-size:18px}
}