/* WGRCMS-Step-0046 Header Air + Active Menu Fix */

/* Header mehr Luft, nicht mehr gequetscht */
.site-header{
  height:94px!important;
  min-height:94px!important;
  background:#015da8!important;
  box-shadow:0 2px 14px rgba(0,42,86,.18)!important;
}

.header-inner{
  height:94px!important;
  max-width:1500px!important;
  padding:0 38px!important;
  display:flex!important;
  align-items:center!important;
}

.brand{
  height:94px!important;
  flex:0 0 330px!important;
  width:330px!important;
  max-width:330px!important;
  display:flex!important;
  align-items:center!important;
}

.brand img{
  width:295px!important;
  max-width:295px!important;
  max-height:78px!important;
  object-fit:contain!important;
  object-position:left center!important;
}

/* Menüeffekt behalten, aber nicht quetschen */
.main-nav{
  height:94px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin-left:auto!important;
}

.main-nav a{
  height:94px!important;
  min-height:94px!important;
  padding:0 13px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#fff!important;
  text-decoration:none!important;
  font-size:15px!important;
  font-weight:850!important;
  line-height:1!important;
  position:relative!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  transform:none!important;
  white-space:nowrap!important;
}

/* keine Pillen, kein automatischer Startseitenstatus */
.main-nav a:first-child,
.main-nav a:hover,
.main-nav a.active,
.main-nav a[aria-current="page"]{
  border:0!important;
  box-shadow:none!important;
}

.main-nav a:before{
  display:none!important;
  content:none!important;
}

.main-nav a:after{
  content:""!important;
  position:absolute!important;
  left:12px!important;
  right:12px!important;
  bottom:0!important;
  height:5px!important;
  background:#fff!important;
  border-radius:5px 5px 0 0!important;
  display:block!important;
  transform:scaleX(0)!important;
  transform-origin:center!important;
  transition:transform .18s ease!important;
}

.main-nav a:hover{
  background:rgba(255,255,255,.08)!important;
}

.main-nav a:hover:after{
  transform:scaleX(.55)!important;
}

/* nur echte aktive Markierung */
.main-nav a.active:after,
.main-nav a[aria-current="page"]:after{
  transform:scaleX(1)!important;
}

.main-nav a.active,
.main-nav a[aria-current="page"]{
  background:rgba(255,255,255,.10)!important;
  color:#fff!important;
}

.header-contact{
  height:94px!important;
  display:flex!important;
  align-items:center!important;
  gap:15px!important;
  margin-left:16px!important;
  font-size:12px!important;
  color:#fff!important;
  white-space:nowrap!important;
}

/* Hero direkt dran */
.hero{
  margin-top:0!important;
}

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

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

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

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

  .main-nav{
    width:100%!important;
    height:auto!important;
    justify-content:flex-start!important;
    flex-wrap:wrap!important;
    margin:12px 0 0!important;
  }

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

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