erste Fassung erstellt

static/js/main.js

@@ -0,0 +1,27 @@
+// 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' }));
+});