/* ============================================================
   HERO-REGISTER — tb-webdesign.com
   Angelegt 2026-08-25. Eine Kopfzeilen-Skala fuer die ganze Website.

   Warum diese Datei ueberhaupt existiert:
   Die Seiten der Website kommen aus zwei Welten. Home, Portfolio,
   Kontakt, Blog und die beiden Verkaufsseiten sind in Webflow gebaut
   und tragen Webflow-Klassen. Die sechs Werkzeug-Seiten sind eigene
   Code-Einbettungen mit eigenem Stylesheet und eigenem Praefix
   (tl/kf/wc/vg/ex/ds). Vorher hatte jede Welt ihre eigene Kopfgroesse:
   60/400, 64/400, 52/700, 48/500, 56/700, 54/900 und 38/700.

   Die Webflow-Seite haelt ihre Werte in den Webflow-Klassen selbst.
   Diese Datei haelt dieselben Werte fuer die sechs Praefix-Welten.
   Wer die Skala aendert, aendert sie an diesen beiden Stellen — sonst
   faellt die Website wieder auseinander.

   Sie wird NACH dem jeweiligen Seiten-Stylesheet geladen. Alle Regeln
   hier haben dieselbe Spezifitaet wie die alten und gewinnen allein
   durch die Reihenfolge. Deshalb muss in den alten Dateien nichts
   geloescht werden.

   DIE SKALA
     h1   >=992px  60px / 400 / 1.10 / -0.5px
          <=991px  44px / 400 / 1.12 / -0.4px
          <=767px  36px / 400 / 1.15 / -0.3px
          <=479px  32px / 400 / 1.18
     Lead >=992px  20px / 1.55
          <=991px  18px
          <=767px  17px
     Kopfabstand   136px / 112px / 96px
     (136px, weil die feste Navigation 96px hoch ist.)
   ============================================================ */

.tl-h1, .kf-h1, .wc-h1, .vg-h1, .ex-h1, .ds-h1{
  font-size:60px; line-height:1.1; letter-spacing:-.5px; font-weight:400;
}
.tl-lead, .kf-lead, .wc-lead, .vg-lead, .ex-lead, .ds-lead{
  font-size:20px; line-height:1.55;
}
.tl-head, .kf-head, .wc-head, .vg-head, .ex-head, .ds-head{
  padding-top:136px;
}

@media (max-width:991px){
  .tl-h1, .kf-h1, .wc-h1, .vg-h1, .ex-h1, .ds-h1{
    font-size:44px; line-height:1.12; letter-spacing:-.4px;
  }
  .tl-lead, .kf-lead, .wc-lead, .vg-lead, .ex-lead, .ds-lead{ font-size:18px }
  .tl-head, .kf-head, .wc-head, .vg-head, .ex-head, .ds-head{ padding-top:112px }
}

@media (max-width:767px){
  .tl-h1, .kf-h1, .wc-h1, .vg-h1, .ex-h1, .ds-h1{
    font-size:36px; line-height:1.15; letter-spacing:-.3px;
  }
  .tl-lead, .kf-lead, .wc-lead, .vg-lead, .ex-lead, .ds-lead{ font-size:17px }
  .tl-head, .kf-head, .wc-head, .vg-head, .ex-head, .ds-head{ padding-top:96px }
}

@media (max-width:479px){
  .tl-h1, .kf-h1, .wc-h1, .vg-h1, .ex-h1, .ds-h1{
    font-size:32px; line-height:1.18;
  }
}