/* WettFakten Sticky Header – Mobile First */

#masthead,
header.site-header {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 999;
	background: #0B1219;
}

/* Eingeloggt: WP-Adminleiste berücksichtigen.
   Unter 600px ist die Adminleiste nicht fixiert (scrollt weg) → kein Offset,
   sonst entsteht eine sichtbare Lücke über dem Header. */
@media (min-width: 601px) {
	body.admin-bar #masthead,
	body.admin-bar header.site-header {
		top: 46px;
	}
}

@media (min-width: 783px) {
	/* Adminleiste ist ab 783px nur 32px hoch */
	body.admin-bar #masthead,
	body.admin-bar header.site-header {
		top: 32px;
	}
}

/* Abgrenzung erst sichtbar, sobald gescrollt wurde.
   !important nötig: das globale Dark-CSS setzt die Border ebenfalls mit !important. */
.wfst-scrolled .ast-primary-header-bar,
#masthead.wfst-scrolled,
header.site-header.wfst-scrolled {
	border-bottom: 1px solid #1D9E75 !important;
}

#masthead.wfst-scrolled,
header.site-header.wfst-scrolled {
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.45);
}

#masthead,
header.site-header,
.ast-primary-header-bar {
	transition: box-shadow 0.15s ease, border-color 0.15s ease;
}