/* ============================================================
   WettFakten Global Header v1.1.0
   ------------------------------------------------------------
   Der komplette vorhandene Astra-Header wird technisch FIXIERT.
   Keine Designänderung an Logo, Navigation, Typografie oder Farben.
   ============================================================ */

:root{
    --wfgh-admin-offset:0px;
}

/* WordPress Admin Bar */
@media (min-width:601px) and (max-width:782px){
    body.admin-bar{
        --wfgh-admin-offset:46px;
    }
}

@media (min-width:783px){
    body.admin-bar{
        --wfgh-admin-offset:32px;
    }
}

/* ------------------------------------------------------------
   Kompletter Header bleibt am oberen Bildschirmrand.
   !important überschreibt Astra-/Customizer-Positionierungen.
   ------------------------------------------------------------ */

html body #masthead.site-header,
html body header#masthead.site-header,
html body header.site-header#masthead{
    position:fixed !important;
    top:var(--wfgh-admin-offset) !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    z-index:2147483000 !important;

    /* bestehender Hintergrund wird beibehalten */
    background:#0B1219;
}

/* Astra kann bei transparenten Headern eigene Transform-/Position-Werte setzen. */
html body.ast-theme-transparent-header #masthead,
html body.ast-theme-transparent-header header.site-header{
    position:fixed !important;
    top:var(--wfgh-admin-offset) !important;
    left:0 !important;
    right:0 !important;
    transform:none !important;
}

/* Header selbst und seine direkten Astra-Bereiche dürfen nicht geclippt werden. */
#masthead,
#masthead .ast-primary-header-bar,
#masthead .site-primary-header-wrap,
#masthead .ast-builder-grid-row-container{
    overflow:visible !important;
}

/* ------------------------------------------------------------
   Platzhalter
   ------------------------------------------------------------
   Wird per JS exakt auf die aktuelle Headerhöhe gesetzt.
   So rutscht der Seiteninhalt durch position:fixed nicht nach oben.
   ------------------------------------------------------------ */

.wfgh-header-spacer{
    display:block !important;
    width:100% !important;
    height:var(--wfgh-header-height,0px) !important;
    min-height:var(--wfgh-header-height,0px) !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    pointer-events:none !important;
}

/* ------------------------------------------------------------
   Bisheriges Scroll-Design beibehalten
   ------------------------------------------------------------ */

#masthead.wfgh-scrolled .ast-primary-header-bar,
#masthead.wfgh-scrolled{
    border-bottom:1px solid #1D9E75 !important;
}

#masthead.wfgh-scrolled{
    box-shadow:0 2px 12px rgba(0,0,0,.45);
}

/* Mobile-Menü sicher über dem Seiteninhalt halten. */
#masthead .ast-mobile-header-wrap,
#masthead .ast-mobile-popup-drawer,
#masthead .main-header-menu,
#masthead .sub-menu{
    z-index:2147483001;
}