<style>
.bricks-mobile-menu-toggle {
    transition: opacity 0.3s ease-in-out;
}

.hidden {
    opacity: 0;
    pointer-events: none;
}
</style>

<script>
  window.addEventListener("scroll", function () {
    const toggleButton = document.querySelector(".bricks-mobile-menu-toggle");
    if (window.scrollY > 100) {
        toggleButton.classList.add("hidden");
    } else {
    }
});

document.addEventListener("DOMContentLoaded", function () {
    function smoothScroll(event) {
        event.preventDefault(); // Prevent default anchor behavior

        const targetId = this.getAttribute("href"); // Get anchor target (e.g., "#kontakt")
        const targetElement = document.querySelector(targetId); // Select target section

        if (targetElement) {
            targetElement.scrollIntoView({
                behavior: "smooth",
                block: "start" // Adjust to "center" or "end" if needed
            });
        }
    }

    // Select all clickable elements
    const clickableElements = [
        document.getElementById("brxe-4445ee"),
        document.getElementById("brxe-70b839"),
        document.querySelector('.menu-item-257.bricks-menu-item a[href="#kontakt"]')
    ];

    // Add event listener to each element
    clickableElements.forEach((el) => {
        if (el) {
            el.addEventListener("click", smoothScroll);
        }
    });

    // Ensure smooth scrolling works for all menu items with #kontakt
    document.querySelectorAll('a[href="#kontakt"]').forEach((menuItem) => {
        menuItem.addEventListener("click", smoothScroll);
    });
});

</script>