document.addEventListener('DOMContentLoaded', () => {
  // Nav toggle (dein bestehender Code)
  const toggle = document.querySelector('.nav-toggle');
  const links = document.querySelector('.nav-links');

  if(toggle && links) {
    toggle.addEventListener('click', () => {
      links.classList.toggle('open');
    });

    links.querySelectorAll('a').forEach(link => {
      link.addEventListener('click', () => {
        if (links.classList.contains('open')) {
          links.classList.remove('open');
        }
      });
    });
  }

  // QR Code erzeugen
    QRCode.toCanvas(document.getElementById('qrcode'), 'https://cod.devluxe.eu', {
      width: 180,
      color: {
        dark: '#000000',  // Schwarz
        light: '#ffffff'  // Weiß
      },
      margin: 1
    }, (error) => {
      if(error) console.error(error);
    });
});

// Sound für hover und so
const hoverSound = new Audio('assets/sounds/mouse_over.wav');
  hoverSound.volume = 0.3; // Lautstärke anpassen

  document.querySelectorAll('a, button').forEach(el => {
    el.addEventListener('mouseenter', () => {
      hoverSound.currentTime = 0; // immer von vorn
      hoverSound.play();
    });
  });
// Klick sound

const clickSound = new Audio('assets/sounds/mouse_click.wav');

document.querySelectorAll('a, button').forEach(el => {
  el.addEventListener('click', () => {
    clickSound.currentTime = 0;
    clickSound.play();
  });
});