/* Charakter seminar: Instrument Sans / Source Serif 4. Freundlich, klar. Kursliste mit Terminen und Preisen,
   Trainer mit Nachweisen, Teilnehmerstimmen als Zitate. Kleine Radien, warme Zweitfarbe als Fläche. */
:root{
  --schrift-ueberschrift:'Instrument Sans',system-ui,"Helvetica Neue",Arial,sans-serif;
  --schrift-text:'Source Serif 4',Georgia,"Times New Roman",serif;
  --gewicht-ueberschrift:600;
  --laufweite-ueberschrift:-.025em;
  --radius:6px;
  --linie-staerke:1px;
  --zeile:1.6;
  --mass:36rem;
}
h1{max-width:20ch;line-height:1.04}
.wortmarke{font-size:1.5rem}
.vorzeile{color:var(--akzent-lesbar);font-family:var(--schrift-ueberschrift)}
.antwort{font-variation-settings:"opsz" 24}
body{font-variation-settings:"opsz" 16}

.kopf{border-bottom:1px solid var(--linie-stark)}
.kopf nav a{font-family:var(--schrift-ueberschrift);font-weight:500}
.kopf nav a[aria-current]{border-bottom-color:var(--zweit)}

.knopf{border-radius:var(--radius);font-weight:600}
.knopf-still{border-color:var(--zweit)}
.knopf-still:hover{background:var(--zweit-flaeche);border-color:var(--zweit);color:var(--tinte)}

.zahlen{border-block:1px solid var(--zweit)}
.zahlen b{color:var(--akzent-lesbar)}
.zahlen span{font-family:var(--schrift-ueberschrift);color:var(--grau)}
.abschnitt + .abschnitt{border-top:1px solid var(--linie)}
.leistungen h3{font-weight:600}
.leistungen-ausfuehrlich .definition{font-style:italic;font-weight:400}

/* Nächste Termine (Startseite) */
.termine{background:var(--zweit-flaeche);border-radius:var(--radius);padding:var(--raum-3) var(--raum-4)}
.termine .tabelle{min-width:0}
.termine .tabelle th,.termine .tabelle td{border-bottom-color:var(--zweit-hell);font-family:var(--schrift-ueberschrift)}
.termine .tabelle thead th{border-bottom-color:var(--zweit)}
.termine .tabelle tbody th{font-size:1.0625rem;font-weight:600}
.termine .tabelle tbody th a{color:var(--tinte);text-decoration:none}
.termine .tabelle tbody th a:hover{text-decoration:underline}
.termine .preis{font-weight:600;color:var(--akzent-lesbar)}
@media (max-width:40rem){.termine{padding:var(--raum-2) var(--raum-3)}.termine .dauer{display:none}}

/* Kursliste */
.kurse{border-top:2px solid var(--akzent)}
.kurs h3{font-size:1.5rem}
.kurs-daten dt{font-family:var(--schrift-ueberschrift);color:var(--grau)}
.kurs-daten dd{font-family:var(--schrift-ueberschrift)}
.kurs-daten .preis{font-size:1.25rem;color:var(--akzent-lesbar)}
.kurs p{max-width:var(--mass)}

/* Trainer mit Nachweisen */
.person h3{font-size:1.25rem}
.person .rolle{font-family:var(--schrift-ueberschrift);color:var(--akzent-lesbar)}
.nachweise{color:var(--tinte);font-family:var(--schrift-ueberschrift);font-size:var(--groesse-klein)}
.nachweise li{position:relative;padding-left:1rem}
.nachweise li::before{content:"";position:absolute;left:0;top:.7em;width:.45rem;height:2px;background:var(--zweit)}

/* Teilnehmerstimmen */
.stimmen{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:var(--raum-4) var(--raum-5)}
.stimme{border-left:3px solid var(--zweit);padding-left:var(--raum-3)}
.stimme blockquote p{font-size:1.125rem;font-style:italic;font-variation-settings:"opsz" 20}
.stimme cite{display:block;font-style:normal;font-family:var(--schrift-ueberschrift);font-size:var(--groesse-klein);color:var(--grau);margin-top:var(--raum-2)}

.frage h3{font-weight:600}
.zeiten th{color:var(--akzent-lesbar);font-family:var(--schrift-ueberschrift)}
.fuss{border-top:1px solid var(--zweit)}
.fuss a,.fuss .kontaktblock{font-family:var(--schrift-ueberschrift)}