/* IVD Hausservice – Header-Logo kompakter + Menü ohne Zeilenumbruch
   Stand: 2026-07-02
   Ziel: Logo ca. 50% kleiner als vorheriger Logo-Hotfix und öffentliche Navigation
   auf Desktop ohne Zeilenumbrüche darstellen. */

.site-header .nav{
  min-height: 92px;
  gap: 18px;
  align-items: center;
  flex-wrap: nowrap;
}

.site-header .brand.image-brand{
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  min-width: 0;
}

.site-header .brand.image-brand img{
  display: block;
  width: clamp(155px, 14vw, 215px); /* ca. 50% kleiner als vorher */
  max-width: 24vw;
  height: auto !important;
  object-fit: contain;
}

.site-header .main-nav{
  flex: 1 1 auto;
  justify-content: flex-end;
  align-items: center;
  min-width: 0;
  gap: clamp(8px, 1vw, 16px);
  flex-wrap: nowrap;
}

.site-header .main-nav a,
.site-header .main-nav .nav-link,
.site-header .main-nav .nav-cta,
.site-header .main-nav .nav-outline,
.site-header .main-nav button{
  white-space: nowrap;
  word-break: keep-all;
  overflow-wrap: normal;
  hyphens: none;
}

/* Lange Menütexte bei mittleren Desktopbreiten etwas kompakter halten. */
@media (min-width: 981px) and (max-width: 1260px){
  .site-header .nav{ gap: 12px; }
  .site-header .brand.image-brand img{
    width: clamp(145px, 13vw, 185px);
    max-width: 20vw;
  }
  .site-header .main-nav{
    gap: 8px;
  }
  .site-header .main-nav a,
  .site-header .main-nav .nav-link,
  .site-header .main-nav .nav-cta,
  .site-header .main-nav .nav-outline{
    font-size: 0.94rem;
    padding-left: 0.62rem;
    padding-right: 0.62rem;
  }
}

@media (max-width: 980px){
  .site-header .nav{
    min-height: 88px;
    gap: 12px;
  }
  .site-header .brand.image-brand img{
    width: clamp(170px, 42vw, 245px);
    max-width: 58vw;
  }
  .site-header .main-nav{
    top: 88px;
    flex-wrap: wrap; /* Mobil darf das aufgeklappte Menü sauber umbrechen. */
  }
}

@media (max-width: 680px){
  .site-header .nav{ min-height: 78px; }
  .site-header .brand.image-brand img{
    width: clamp(155px, 58vw, 215px);
    max-width: 66vw;
  }
  .site-header .main-nav{ top: 78px; }
}

@media (max-width: 420px){
  .site-header .nav{ min-height: 72px; }
  .site-header .brand.image-brand img{
    width: clamp(145px, 62vw, 190px);
    max-width: 70vw;
  }
  .site-header .main-nav{ top: 72px; }
}