JavaScript-Code

<script>
document.addEventListener("DOMContentLoaded", function() {
  // Alle Links innerhalb des Mega-Menüs
  document.querySelectorAll('.mega-dropdown-content a').forEach(link => {
    link.addEventListener('click', () => {
      // Dropdown schließt sich, sobald ein Link angeklickt wird
      const dropdown = document.querySelector('.mega-menu-wrapper .dropdown-menu.show');
      if (dropdown) {
        const toggle = dropdown.parentElement.querySelector('[data-bs-toggle="dropdown"]');
        const bsDropdown = bootstrap.Dropdown.getInstance(toggle);
        if (bsDropdown) bsDropdown.hide();
      }
    });
  });

  // Optional: Dropdown auch schließen, wenn man irgendwo anders klickt
  document.addEventListener('click', function(e) {
    const openDropdown = document.querySelector('.mega-menu-wrapper .dropdown-menu.show');
    if (openDropdown && !openDropdown.contains(e.target)) {
      const toggle = openDropdown.parentElement.querySelector('[data-bs-toggle="dropdown"]');
      const bsDropdown = bootstrap.Dropdown.getInstance(toggle);
      if (bsDropdown) bsDropdown.hide();
    }
  });
});
</script>