Hent tilbud 
				
					/* Grundopsætning af header transition */
.elementor-sticky--active {
    transition: all 0.4s ease !important;
}

.header-hidden {
    transform: translateY(-100%) !important;
    opacity: 1 !important;
    pointer-events: none;
}

.header-visible {
    transform: translateY(0) !important;
    opacity: 1 !important;
}

.top_frame {
    position: fixed !important;
    z-index: 1000;
}
    
.top_frame_bar {
    background: color-mix(in oklab,var(--moerk-bg) 40%,transparent) !important;
    backdrop-filter: blur(16px);
    border: solid 1px color-mix(in oklab, var(--lys-bg) 6%, transparent) !important;
    border-radius: 32px;
}

.top_frame_navigation .pp-advanced-menu > li > a > .menu-beskrivelse {
    display: none !important;
}

.top_frame_navigation .pp-advanced-menu > li > a > .sub-arrow {
    padding-left: 7px;
}

.top_frame_navigation .pp-advanced-menu > li > .sub-menu {
    visibility: hidden !important;
    opacity: 0 !important;
    display: block !important;
    transform: translateY(16px);
    border-radius: 32px;
    transition: all .25s ease !important;
}

.top_frame_navigation .pp-advanced-menu > li:hover > .sub-menu, .top_frame_navigation .pp-advanced-menu > li.highlighted > .sub-menu {
    visibility: visible !important;
    opacity: 1 !important;
    transform: translateY(0px) !important;
    
}

.top_frame_navigation .pp-advanced-menu > li > .sub-menu > li > a {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    width: 100%;
    gap: 10px !important;
    justify-content: flex-start !important;
}

.top_frame_navigation .pp-advanced-menu > li > .sub-menu > li > a > i {
    background-color: var(--lys-bg);
    color: var(--cta) !important;
    border-radius: 10px;
    font-size: 18px;
    width: 40px;
    height: 40px;
    display: flex !important;
    justify-content: center;
    align-items: center;
    transition: all .25s ease !important;
}

.top_frame_navigation .pp-advanced-menu > li > .sub-menu > li > a:hover > i {
    background-color: #FFF;
}

.top_frame_navigation .pp-advanced-menu > li > .sub-menu > li > a > .menu-beskrivelse {
    display: none !important;
}

.pp-menu-style-toggle {
    background: color-mix(in oklab,var(--moerk-bg) 40%,transparent) !important;
    backdrop-filter: blur(16px);
    border: solid 1px color-mix(in oklab, var(--lys-bg) 6%, transparent) !important;
    z-index: 1001 !important;
}

.pp-menu-style-toggle .pp-advanced-menu > li > a > .menu-beskrivelse {
    display: none;
}

.pp-menu-style-toggle .pp-advanced-menu > li > .sub-menu > li > a > i, .pp-menu-style-toggle .pp-advanced-menu > li > .sub-menu > li > a > .menu-beskrivelse {
    display: none !important;
}

.pp-menu-style-toggle .pp-advanced-menu > li > .sub-menu {
    width: 100% !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    gap: 16px !important;
}

.pp-menu-style-toggle .pp-advanced-menu > li > .sub-menu[aria-hidden="true"] {
    display: none;
    opacity: 0;
    width: 100% !important;
}

.pp-menu-style-toggle .pp-advanced-menu > li > .sub-menu[aria-hidden="false"] {
    margin-bottom: 32px;
    margin-top: 4px;
    display: flex !important;
    opacity: 1 !important;
    flex-direction: column !important;
}

.pp-menu-style-toggle .pp-advanced-menu > li > .sub-menu > li > a {
    padding: 0px !important;
}
				
			
				
					(function() {
    let lastScrollY = window.scrollY;
    let ticking = false;
    let header = null;

    function getHeader() {
        if (!header) {
            header = document.querySelector('.elementor-sticky--active');
        }
        return header;
    }

    function handleScroll() {
        const el = getHeader();
        if (!el) return;

        const currentScrollY = window.scrollY;

        if (currentScrollY > lastScrollY && currentScrollY > 100) {
            el.classList.add('header-hidden');
            el.classList.remove('header-visible');
        } else {
            el.classList.remove('header-hidden');
            el.classList.add('header-visible');
        }

        lastScrollY = currentScrollY;
        ticking = false;
    }

    window.addEventListener('scroll', function() {
        if (!ticking) {
            window.requestAnimationFrame(handleScroll);
            ticking = true;
        }
    });

})();