// Hamburger Menü
const hamburger = document.querySelector('.hamburger');
const nav = document.getElementById('main-nav');

hamburger.addEventListener('click', () => {
  nav.classList.toggle('active');
  hamburger.classList.toggle('active');
});

// Smooth Scroll für interne Links
document.querySelectorAll('a[href^="#"]').forEach(link => {
  link.addEventListener('click', function(e) {
    const target = document.querySelector(this.getAttribute('href'));
    if (!target) return;
    e.preventDefault();

    // Wenn Mobile und Menü geöffnet: schließen, um Layout zu aktualisieren
    if (nav.classList.contains('active')) {
      nav.classList.remove('active');
      hamburger.classList.remove('active');
    }

    // Minimal Delay, damit Layout aktualisiert ist (Mobil)
    setTimeout(() => {
      // Aktuelle Headerhöhe
      const headerHeight = document.querySelector('header').offsetHeight;

      // Scrollposition der Sektion
      const sectionTop = target.getBoundingClientRect().top + window.pageYOffset;

      // Scrollen, sodass die Sektion direkt unter dem Header beginnt
      window.scrollTo({
        top: sectionTop - headerHeight,
        behavior: 'smooth'
      });
    }, 50); // 50ms Delay reicht meistens
  });
});