/* WGRCMS-Step-0047 Sticky Frontend Header */
:root{
  --wgr-header-height:94px;
}

/* Header bleibt oben kleben */
.site-header{
  position:sticky!important;
  top:0!important;
  left:0!important;
  right:0!important;
  z-index:9999!important;
  height:var(--wgr-header-height)!important;
  min-height:var(--wgr-header-height)!important;
  background:#015da8!important;
  box-shadow:0 3px 18px rgba(0,42,86,.22)!important;
}

/* Kein Layout-Sprung */
.header-inner{
  height:var(--wgr-header-height)!important;
}

/* Anchor-Ziele landen nicht unter dem sticky Header */
html{
  scroll-padding-top:calc(var(--wgr-header-height) + 14px)!important;
}

/* dezenter Zustand nach Scroll */
.site-header.wgr-scrolled{
  box-shadow:0 6px 24px rgba(0,42,86,.26)!important;
}

/* Header etwas kompakter beim Scroll */
.site-header.wgr-scrolled{
  --wgr-header-height:82px;
}

.site-header.wgr-scrolled .brand img{
  max-height:66px!important;
}

/* iOS/Safari sticky stabilisieren */
body{
  overflow-x:hidden!important;
}

/* Mobile: sticky bleibt, aber Header darf wachsen */
@media(max-width:980px){
  :root{
    --wgr-header-height:auto;
  }

  .site-header{
    position:sticky!important;
    top:0!important;
    height:auto!important;
    min-height:0!important;
  }

  .header-inner{
    height:auto!important;
  }

  html{
    scroll-padding-top:120px!important;
  }
}