/*
 * philipp-group.com: Seiten ohne H1 bekommen ein echtes H1, die Optik bleibt wie bisher.
 * Stand: 02.11.2026. Werte aus den Live-Seiten gemessen (Desktop / Mobil <= 767px).
 * Wohin: Elementor > Site-Einstellungen > Individuelles CSS.
 *
 * Verwendung: In Elementor dem jeweiligen Element die CSS-Klasse geben (Erweitert > CSS-Klassen)
 * bzw. im HTML-Tag class="..." setzen.
 */

/* Impressum (DE/EN/PL): vorher <h4> 20px/700, mobil 22px */
html body .pg-h1-wie-h4 {
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
  margin: 0 0 20px;
}

/* Datenschutz (EN/PL): vorher <h3> 22px/800, mobil 30px */
html body .pg-h1-wie-h3 {
  font-size: 22px;
  line-height: 40px;
  font-weight: 800;
  margin: 0 0 20px;
}

/* Drahtseil-Konfigurator: vorher <h2> 25px/800, mobil 35px */
html body .pg-h1-wie-h2 .elementor-heading-title {
  font-size: 25px;
  line-height: 35px;
  font-weight: 800;
}

@media (max-width: 767px) {
  html body .pg-h1-wie-h4 { font-size: 22px; }
  html body .pg-h1-wie-h3 { font-size: 30px; }
  html body .pg-h1-wie-h2 .elementor-heading-title { font-size: 35px; line-height: 45px; }
}