/* ============================================================
   kuk-film.de — Custom Overrides (Typografie)

   Quelle der Wahrheit. Wird per ./deploy.sh live css zwischen zwei
   Marker in der style.css des Child-Themes gespliced.
   functions.php enqueued style.css bereits, deshalb ist weder ein
   WPCode-Snippet noch ein PHP-Eingriff nötig.

   ACHTUNG: In dieser Datei dürfen die Zeichenfolgen der Marker
   nicht als Literal vorkommen, sonst schneidet der sed-Splice beim
   nächsten Deploy an der falschen Stelle. Deshalb hier umschrieben.

   Begründung und Messwerte: ../typografie-system.md
   ============================================================ */

/* --- 1. Design-Elemente zurück auf Bold ----------------------

   In Salient teilen sich Dokument-Überschriften und fünf reine
   Design-Elemente EINE H2-Deklaration. Die Tag-Stufen in den Theme
   Options tragen die Dokument-Semantik (H1–H3 Open Sans Medium,
   Unterschied über die Größe). Die Design-Elemente holen sich Bold
   hier zurück. Alle Selektoren am 2026-07-26 gegen das Live-DOM
   verifiziert, alle liegen in der Spezifität über body h2 (0,0,2).
------------------------------------------------------------- */

.nectar-post-grid h2.post-heading,          /* Portfolio-Kacheln: Start, /work/, jede Case-Seite */
.nectar-rotating-words-title h2,            /* rotierender Text über dem Video, Startseite */
.nectar-rotating-words-title .dynamic-words,
.nectar-cta h2,                             /* "Get in Touch", auf jeder Seite */
.nectar-scrolling-text h2,                  /* "Explore More"-Marquee, alte Case-Seiten */
.nectar-highlighted-text h2 {               /* Highlight-Zeilen auf /about/ */
  font-family: "Open Sans Bold", sans-serif;
}

/* --- 2. H4 als benutzbare vierte Ebene -----------------------

   Die Theme-Stufe steht auf 13 px (mobil 10,4 px) und ist damit
   kleiner als der Fließtext mit 18 px. Betroffen sind unter anderem
   die Namen der Kernleistungen auf /about/ ("Filmproduktion",
   "Wissenschaftsfilme") und die Unterzeile auf den alten Case-Seiten.
   Semi Bold statt Bold, damit die Stufe unter H3 bleibt und Bold als
   Signal den Design-Elementen vorbehalten ist.
------------------------------------------------------------- */

body h4,
body .row .col h4 {
  font-family: "Open Sans Semi Bold", sans-serif;
  font-size: 20px;
  line-height: 30px;
}

@media only screen and (max-width: 999px) {
  body h4,
  body .row .col h4 {
    font-size: 18px;
    line-height: 27px;
  }
}

/* Hinweis zur Schreibweise: Salient registriert vier eigenständige
   @font-face-Familien — "Open Sans Regular", "Open Sans Medium",
   "Open Sans Semi Bold", "Open Sans Bold". Die Stärke kommt deshalb
   über font-family, NICHT über font-weight. Ein font-weight: 700
   gegen eine geladene Medium-Familie bleibt wirkungslos, ebenso ein
   font-weight: 400 gegen eine Bold-Familie. Das war der Fehler in
   der ersten Fassung dieser Datei. */