/* Startseite, Variante A (13.11.2026): Die kleine Zeile ist die H1,
   der unveränderte Slogan ein Absatz. Beide behalten ihre bisherige Optik.
   Live-Messung bei 1440, 900 und 375 px: Kicker 12 px / 19,2 px,
   Außenabstand 0 0 14,4 px; Slogan ohne Außenabstand.
   Die Auftrittsklassen und ihre Animationen bleiben unverändert. */

/* Höhere Spezifität als die allgemeine mobile H1-Regel. */
html[data-visual][data-look][data-page=home] .hero h1.kicker {
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .16em;
  line-height: 1.6;
  max-width: none;
  text-wrap: wrap;
  text-shadow: 0 1px 12px rgba(0,0,0,.75);
  margin: 0 0 .9rem;
}

/* Dieselben Werte wie zuvor für .hero h1. */
html[data-visual][data-look][data-page=home] .hero .hero-titel {
  font-size: clamp(2.3rem, 5.6vw, 4.4rem);
  font-weight: 800;
  letter-spacing: -.02em;
  line-height: 1.08;
  max-width: 17ch;
  text-wrap: balance;
  color: inherit;
  text-shadow: 0 2px 24px rgba(0,0,0,.55), 0 1px 4px rgba(0,0,0,.4);
  margin: 0;
}

html[data-visual][data-look][data-page=home] .hero .hero-titel .zeile {
  display: block;
}

/* Breakpoint und Werte aus mobile-feinschliff-20260922.css. */
@media (max-width: 700px) {
  html[data-visual][data-look][data-page=home] .hero .hero-titel {
    font-size: 2rem;
    line-height: 1.12;
    max-width: 100%;
  }
}