/* ==========================================================================
   HOF BERGMANN - Typografie-Feinjustierung
   ==========================================================================
   Simple bietet im Customizer (Theme-Einstellungen -> Fonts) Regler fuer
   Schriftart, Gewicht, Zeilenhoehe, Laufweite und Versalien der
   Ueberschriften - aber KEINEN fuer deren Groesse. Die steht fest in
   main.css. Deshalb wird sie hier gezielt ueberschrieben.

   Die Basisgroesse ("Minimum/Maximum font size" im Customizer) waere die
   Alternative, skaliert aber alles mit, auch den Fliesstext.

   Alle Werte in rem. 1rem entspricht hier etwa 17,6px (schmales Fenster)
   bis 19,2px (breites Fenster), je nach Basisgroesse im Customizer.
   ========================================================================== */

:root {
  /* Beitrags- und Seitentitel (das grosse H1 oben im Bild).
     Vorher: 27,7px bis 57,5px - der Maximalwert war deutlich zu gross. */
  --hb-titel-min: 1.5rem;   /* etwa 26px, schmales Fenster */
  --hb-titel-max: 1.8rem;   /* etwa 40px, breites Fenster  */
}

/* Titel oben im Hero (Beitraege, Seiten, Tag- und Autorenseiten).
   Der mittlere Wert (4vw) sorgt fuer den gleitenden Uebergang
   zwischen den beiden Grenzen. */
.hero__content h1 {
  font-size: clamp(var(--hb-titel-min), 4vw, var(--hb-titel-max));
}


/* --------------------------------------------------------------------------
   Ueberschriften IM Beitragstext
   --------------------------------------------------------------------------
   Standard: h2 bis 44px, h3 bis 32px. Das passt meist, wirkt neben einem
   kleineren Titel aber schnell zu dominant.

   Bei Bedarf die folgenden vier Zeilen einkommentieren (die Zeichen
   Schraegstrich-Stern davor und Stern-Schraegstrich dahinter entfernen). */

/*
.content__entry h2 { font-size: clamp(1.3rem, 3vw, 1.7rem); }
.content__entry h3 { font-size: clamp(1.15rem, 2.4vw, 1.4rem); }
*/


/* --------------------------------------------------------------------------
   Beitragstitel in der Uebersicht (Startseite, Feed)
   --------------------------------------------------------------------------
   .feed__title selbst setzt keine eigene font-size (nur margin-top: 0,
   siehe main.css) - die Groesse kommt von der allgemeinen H2-Regel in
   main.css/style.css (bis 2,31rem, ca. 37px). Bei langen, mehrzeiligen
   Beitragstiteln wirkt das zu dominant. Hier deutlich dezenter,
   nahe an Fliesstextgroesse. */
.feed__title {
  font-size: clamp(1rem, 0.9rem + 0.5vw, 1.35rem);
}