/* IVD Hausservice – Kundenbereich Header kompakt
   Stand: 2026-07-03
   Ziel: Nach Kundenlogin Dashboard anzeigen und Kundenmenü so darstellen,
   dass es das Logo nicht überschreibt. */

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

.site-header.customer-header-mode .brand.image-brand{
  flex: 0 0 auto;
  z-index: 2;
}

.site-header.customer-header-mode .brand.image-brand img{
  width: clamp(132px, 12vw, 170px);
  max-width: 18vw;
  height: auto !important;
}

.site-header.customer-header-mode .main-nav.customer-app-nav{
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  flex-wrap: wrap;
  row-gap: 6px;
  line-height: 1.15;
}

.site-header.customer-header-mode .main-nav.customer-app-nav a{
  white-space: nowrap;
  font-size: clamp(11px, .82vw, 13px);
  padding: 7px 9px !important;
  border-radius: 999px;
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: none;
}

.site-header.customer-header-mode .main-nav.customer-app-nav .nav-cta{
  padding: 8px 11px !important;
}

.site-header.customer-header-mode .main-nav.customer-app-nav .nav-outline{
  padding: 7px 9px !important;
}

.site-header.customer-header-mode .topbar-right a,
.topbar .login-status-area a{
  white-space: nowrap;
}

@media (min-width: 1101px) and (max-width: 1280px){
  .site-header.customer-header-mode .brand.image-brand img{
    width: clamp(118px, 11vw, 148px);
    max-width: 16vw;
  }
  .site-header.customer-header-mode .main-nav.customer-app-nav a{
    font-size: 11px;
    padding: 6px 7px !important;
    min-height: 30px;
  }
}

@media (max-width: 1100px){
  .site-header.customer-header-mode .nav{
    min-height: 82px;
  }
  .site-header.customer-header-mode .brand.image-brand img{
    width: clamp(150px, 42vw, 215px);
    max-width: 62vw;
  }
  .site-header.customer-header-mode .main-nav.customer-app-nav{
    top: 82px;
    left: 0;
    right: 0;
    display: none;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 8px;
    flex-wrap: nowrap;
    padding: 16px 18px;
  }
  .site-header.customer-header-mode .main-nav.customer-app-nav.open{
    display: flex;
  }
  .site-header.customer-header-mode .main-nav.customer-app-nav a{
    width: 100%;
    min-height: 42px;
    font-size: 14px;
    justify-content: center;
  }
}

@media (max-width: 520px){
  .site-header.customer-header-mode .nav{
    min-height: 74px;
  }
  .site-header.customer-header-mode .brand.image-brand img{
    width: clamp(138px, 58vw, 185px);
    max-width: 66vw;
  }
  .site-header.customer-header-mode .main-nav.customer-app-nav{
    top: 74px;
  }
}