/* Original + Schritt 1: ausschließlich Überschrift und Unterzeile im Hero.
   Keine Änderungen an Logo, Karten, Farben, Navigation oder anderen Bereichen. */
.hero #hero-title {
  font-size: clamp(40px, 4.8vw, 64px);
  line-height: 1.06;
  letter-spacing: -0.045em;
}

.hero-tagline {
  max-width: 540px;
  margin: 20px 0 0;
  color: var(--navy-950);
  font-size: clamp(20px, 1.7vw, 24px);
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: -0.02em;
  text-wrap: balance;
}

@media (max-width: 580px) {
  .hero #hero-title {
    font-size: clamp(40px, 10.8vw, 52px);
  }

  .hero-tagline {
    margin-top: 16px;
    font-size: 20px;
  }
}