/* Version 1.5.33 – Vierzeiliger Starttitel und erweiterte Hauptnavigation */

/* ------------------------------------------------------------------
   1. Starttitel der Startseite
   Vier eigenständige Zeilen: verstehen / vertrauen / zusammen / wachsen.
   Die Schriftgröße ist gegenüber der bisherigen dreizeiligen Fassung
   zurückgenommen, damit der Startbereich seine Höhe behält.
   ------------------------------------------------------------------ */
.hero h1.hero-title-four{
  font-size:clamp(2.9rem,5.1vw,5.9rem);
  line-height:.92;
  letter-spacing:-.035em;
  text-transform:none;
}
.hero h1.hero-title-four em{
  font-style:italic;
  color:#40584b;
}

@media(max-width:1100px){
  .hero h1.hero-title-four{font-size:clamp(2.6rem,6.4vw,4.4rem);line-height:.94}
}

@media(max-width:650px){
  .hero h1.hero-title-four{font-size:clamp(2.1rem,9.2vw,3rem);line-height:.98;letter-spacing:-.04em}
}

@media(max-width:390px){
  .hero h1.hero-title-four{font-size:clamp(1.95rem,9vw,2.4rem)}
}

/* ------------------------------------------------------------------
   2. Hauptnavigation
   „Nützliches“ ist jetzt ein eigenständiger Menüpunkt. Die Menüleiste
   führt damit acht Einträge und wird auf schmaleren Desktopbreiten
   etwas kompakter dargestellt, ohne umzubrechen.
   ------------------------------------------------------------------ */
@media(min-width:1101px){
  .site-header{gap:20px}
  .site-header .brand{flex:0 1 auto;min-width:0}
  .site-header .brand img{width:clamp(180px,15vw,245px)}
  .site-header nav{
    flex-wrap:nowrap;
    gap:clamp(9px,1.05vw,20px);
    font-size:.83rem;
  }
  .site-header nav>a,
  .site-header .nav-dropdown-main{white-space:nowrap}
  .site-header .nav-cta{padding:.72rem 1.05rem}
}

@media(min-width:1101px) and (max-width:1320px){
  .site-header nav{gap:9px;font-size:.79rem}
  .site-header .nav-cta{padding:.68rem .95rem}
}