/**
 * Buchstaben-Hervorhebung in den Titeln.
 *
 * Die Titel stehen in der Serifenschrift (GT Alpina Thin). Einzelne Buchstaben darin sind fett
 * in der Grotesk gesetzt (Gellix) — ein typografisches Spiel, das der Kunde auf der alten
 * Live-Seite eingefuehrt hat. Die Regel stand dort im WordPress-Customizer („Zusaetzliches CSS")
 * und ist deshalb beim Umzug auf die saubere Installation nicht mitgekommen.
 *
 * Warum hier ein eigenes @font-face steht:
 * Das sitio-CSS meldet die Schriften unter Decknamen an (fuente1 … fuente7); Gellix Regular
 * laeuft dort als "fuente2". Damit die Regel unten die Schrift bei ihrem richtigen Namen nennen
 * kann — so wie auf der alten Live-Seite —, wird dieselbe Datei zusaetzlich als "Gellix"
 * angemeldet. Es ist dieselbe Schriftdatei unter zwei Namen; geladen wird sie trotzdem nur
 * einmal. Ohne dieses @font-face wuerde "Gellix" ins Leere zeigen und der Browser faende auf
 * die Systemschrift zurueck.
 *
 * Bewusst KEIN Bold-Schnitt: Die alte Live-Seite bindet nur Gellix Regular ein und laesst den
 * Browser das Fett rechnen (font-weight: 700 auf einem Regular-Schnitt). Gellix-Bold.otf laege
 * bereit, saehe aber anders aus als die Vorlage. Gemessen: die alte Seite fordert
 * "Gellix, sans-serif" mit Gewicht 700 und hat nur den Schnitt "normal" geladen.
 */

@font-face {
  font-family: "Gellix";
  src: url("fonts/Gellix-Regular.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/*
 * !important wie im Original: Elementor setzt ueber seine Typografie-Einstellungen
 * font-family und font-weight auf den Text-Widgets und wuerde die Hervorhebung sonst
 * ueberschreiben, sobald jemand im Editor an der Schrift dreht.
 */
.titel-buchstabe-font {
  font-family: "Gellix", sans-serif !important;
  font-weight: 700 !important;
}