/**
 * @file
 * Typografie: Cinzel für Titel, Source Serif 4 für Text.
 * Wird nach den übrigen Theme-Styles geladen, vor a11y.css.
 */
:root {
  --font-heading: 'Cinzel', 'Trajan Pro', 'Times New Roman', serif;
  --font-body: 'Source Serif 4', Georgia, 'Times New Roman', serif;
  /* Bootstrap 5 übernimmt die Leseschrift für alle Komponenten */
  --bs-body-font-family: var(--font-body);
  --bs-font-sans-serif: var(--font-body);
  /* Antiqua braucht etwas mehr Zeilenabstand als die bisherige Sans (1.44) */
  --line-height-body: 1.6;
}

body, button, input, select, textarea, .btn, .nav-link, .form-control, .form-select {
  font-family: var(--font-body);
  font-optical-sizing: auto;
}

/*
 * Titel in Cinzel. Cinzel hat nur Großbuchstaben bzw. Kapitälchen:
 * Kleinbuchstaben im Text werden als kleinere Versalien dargestellt,
 * der Text selbst bleibt unverändert (Screenreader lesen normal vor).
 */
h1, h2, h3, .h1, .h2, .h3, .page-title, .site-name {
  font-family: var(--font-heading);
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 1.25;
}

/* Kleine Überschriften in der Leseschrift: Kapitälchen sind klein schwer lesbar */
h4, h5, h6, .h4, .h5, .h6 {
  font-family: var(--font-body);
  font-weight: 700;
}

strong, b, th {
  font-weight: 650;
}

/* Lange Wörter im Deutschen sauber umbrechen (1.4.10 Reflow) */
h1, h2, h3 {
  overflow-wrap: break-word;
  hyphens: manual;
}