/* Sticky header paa desktop og tablet (fra 768 px). Ikke paa mobil.
   Pluginet saetter selv ".ehf-header #masthead { position: relative }", saa reglen her
   skal vaere mere specifik for at vinde. */
@media (min-width: 768px) {
	.ehf-header header#masthead,
	header#masthead { position: sticky; top: 0; z-index: 999; }
	.admin-bar.ehf-header header#masthead,
	body.admin-bar header#masthead { top: 32px; }
}
@media (min-width: 768px) and (max-width: 782px) {
	.admin-bar.ehf-header header#masthead,
	body.admin-bar header#masthead { top: 46px; }
}

/* Sider med hero oeverst (body har klassen ge-hero-page):
   headeren ligger oven paa hero og er gennemsigtig, indtil der er scrollet ca. 600 px
   (klassen ge-scrolled saettes af header-scroll.js). Derefter faar den sin normale baggrundsfarve. */
body.ge-hero-page.ehf-header header#masthead { position: absolute; top: 0; left: 0; width: 100%; z-index: 999; }
@media (min-width: 768px) {
	body.ge-hero-page.ehf-header header#masthead { position: fixed; }
	body.ge-hero-page.admin-bar.ehf-header header#masthead { top: 32px; }
}
@media (max-width: 782px) {
	body.ge-hero-page.admin-bar.ehf-header header#masthead { top: 46px; }
}
body.ge-hero-page header#masthead .elementor-element-c5e8a13 { transition: background-color 0.3s ease; }
body.ge-hero-page:not(.ge-scrolled) header#masthead .elementor-element-c5e8a13 { background-color: transparent; }