/* WGRCMS-Step-0044 Header/Menu Active Fix */

/* hässlichen Abstand unter Header entfernen */
.site-header{
  margin-bottom:0!important;
}

.hero{
  margin-top:0!important;
}

/* falls alte Wrapper nach Header Abstand erzeugen */
.site-header + *,
.header-spacer,
.top-spacer{
  margin-top:0!important;
}

/* Header kompakter und sauberer */
.site-header{
  height:78px!important;
  min-height:78px!important;
  background:#015da8!important;
  box-shadow:0 3px 16px rgba(0,42,86,.20)!important;
}

.header-inner{
  height:78px!important;
  max-width:1480px!important;
  padding:0 36px!important;
}

.brand{
  height:78px!important;
  flex:0 0 300px!important;
  width:300px!important;
  max-width:300px!important;
}

.brand img{
  width:270px!important;
  max-width:270px!important;
  max-height:68px!important;
}

/* Menü schöner */
.main-nav{
  height:78px!important;
  gap:8px!important;
  margin-left:auto!important;
  padding:0!important;
}

.main-nav a{
  height:38px!important;
  min-height:38px!important;
  padding:0 13px!important;
  border-radius:999px!important;
  border-bottom:0!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:850!important;
  text-decoration:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  opacity:.94!important;
  position:relative!important;
  transition:background-color .16s ease, opacity .16s ease, transform .16s ease!important;
}

/* alte first-child-Unterstreichung deaktivieren */
.main-nav a:first-child{
  border-bottom:0!important;
}

.main-nav a:first-child::after,
.main-nav a::after{
  display:none!important;
  content:none!important;
}

.main-nav a:hover{
  background:rgba(255,255,255,.13)!important;
  opacity:1!important;
  transform:translateY(-1px)!important;
}

/* Aktiver Link wird per JS gesetzt */
.main-nav a.active,
.main-nav a[aria-current="page"]{
  background:#fff!important;
  color:#015da8!important;
  opacity:1!important;
  box-shadow:0 8px 22px rgba(0,42,86,.18)!important;
}

/* Kontakt rechts etwas ruhiger */
.header-contact{
  height:78px!important;
  font-size:12px!important;
  opacity:.96!important;
  margin-left:14px!important;
}

/* Hero direkt unter Header, kein weißer Spalt */
.hero{
  border-top:0!important;
  transform:none!important;
}

/* Wenn alte CSS den Hero nach unten schiebt */
body > .hero,
.site-header + .hero{
  margin-top:0!important;
}

/* mobile */
@media(max-width:980px){
  .site-header,
  .header-inner{
    height:auto!important;
    min-height:0!important;
  }

  .header-inner{
    padding:14px 22px!important;
  }

  .brand{
    height:auto!important;
    flex:0 0 100%!important;
    width:100%!important;
    max-width:100%!important;
  }

  .brand img{
    width:250px!important;
  }

  .main-nav{
    height:auto!important;
    gap:8px!important;
    margin-top:12px!important;
  }

  .main-nav a{
    height:36px!important;
    min-height:36px!important;
    padding:0 12px!important;
  }

  .header-contact{
    height:auto!important;
    margin-left:0!important;
    margin-top:10px!important;
  }
}