// Mobiles Menü
const toggle = document.querySelector('.nav-toggle');
const menu   = document.querySelector('.nav-menu');
if (toggle && menu) {
  toggle.addEventListener('click', () => {
    menu.classList.toggle('open');
  });
  // Schließen beim Klick auf einen Link
  menu.querySelectorAll('a').forEach(a => {
    a.addEventListener('click', () => menu.classList.remove('open'));
  });
}

// Slide-Box (Bildkarussell)
document.querySelectorAll('.slider').forEach(slider => {
  const track = slider.querySelector('.slider-track');
  const prev  = slider.querySelector('.slider-prev');
  const next  = slider.querySelector('.slider-next');
  const step  = () => {
    const slide = track.querySelector('.slider-slide');
    if (!slide) return slider.clientWidth * 0.8;
    const gap = parseFloat(getComputedStyle(track).columnGap) || 0;
    return slide.getBoundingClientRect().width + gap;
  };
  if (prev) prev.addEventListener('click', () => track.scrollBy({ left: -step(), behavior: 'smooth' }));
  if (next) next.addEventListener('click', () => track.scrollBy({ left: step(), behavior: 'smooth' }));
});