/* WGRCMS-Step-0024b Header Corrective Fix */
:root{
  --wgr-blue:#0062a9;
  --wgr-blue-dark:#00558f;
  --wgr-text:#063052;
}

/* falsche 0024-Übertreibung hart korrigieren */
.site-header{
  background:#0062a9!important;
  box-shadow:0 3px 14px rgba(0,0,0,.14)!important;
}

.header-inner{
  height:86px!important;
  min-height:86px!important;
  padding:0 34px!important;
  gap:26px!important;
  display:flex!important;
  align-items:center!important;
}

/* Logo kompakt, nicht riesig */
.brand{
  min-width:250px!important;
  width:250px!important;
  max-width:250px!important;
  height:70px!important;
  display:flex!important;
  align-items:center!important;
  background:transparent!important;
  padding:0!important;
  margin:0!important;
}

.brand img{
  width:auto!important;
  max-width:250px!important;
  max-height:68px!important;
  height:auto!important;
  object-fit:contain!important;
  display:block!important;
  background:transparent!important;
}

/* Menü wieder sauber auf Headerhöhe */
.main-nav{
  margin-left:auto!important;
  gap:20px!important;
  display:flex!important;
  align-items:center!important;
}

.main-nav a{
  padding:31px 0 27px!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:800!important;
  color:#fff!important;
  border-bottom:3px solid transparent!important;
  letter-spacing:0!important;
}

.main-nav a:hover,
.main-nav a:first-child{
  border-bottom-color:#fff!important;
}

/* Kontakt rechts kompakt */
.header-contact{
  font-size:12px!important;
  font-weight:600!important;
  gap:12px!important;
  color:#fff!important;
  opacity:.95!important;
  white-space:nowrap!important;
}

/* Hero wieder näher an Mockup, ohne Logo-Header zu erschlagen */
.hero{
  min-height:610px!important;
}

/* Falls 0024 Quickcard-Balken gesetzt hat: entfernen */
.quick-grid{
  border-top:0!important;
}

.quick-icon{
  color:#0062a9!important;
}

@media(max-width:1100px){
  .header-inner{
    height:auto!important;
    min-height:auto!important;
    padding:16px 22px!important;
    flex-direction:column!important;
    align-items:flex-start!important;
  }
  .brand{
    width:240px!important;
    max-width:240px!important;
    min-width:0!important;
    height:auto!important;
  }
  .brand img{
    max-width:240px!important;
    max-height:64px!important;
  }
  .main-nav{
    margin-left:0!important;
    flex-wrap:wrap!important;
  }
  .main-nav a{
    padding:8px 0!important;
  }
}

@media(max-width:520px){
  .brand,
  .brand img{
    max-width:220px!important;
  }
}