document.querySelectorAll('.galerie img').forEach(img => {
  img.addEventListener('click', () => {
    const overlay = document.createElement('div');
    overlay.style.cssText =
      'position:fixed;inset:0;background:rgba(0,0,0,.8);display:flex;' +
      'align-items:center;justify-content:center;cursor:pointer;z-index:999';

    const big = document.createElement('img');
    big.src = img.src;
    big.style.maxWidth = '90vw';
    big.style.maxHeight = '90vh';
    big.style.borderRadius = '10px';

    overlay.appendChild(big);
    overlay.addEventListener('click', () => overlay.remove());
    document.body.appendChild(overlay);
  });
});console.log("Meine Seite läuft!");
document.querySelectorAll('.galerie img').forEach(img => {
  img.addEventListener('click', () => {
    const overlay = document.createElement('div');
    overlay.style.cssText =
      'position:fixed;inset:0;background:rgba(0,0,0,.8);display:flex;' +
      'align-items:center;justify-content:center;cursor:pointer;z-index:999';
    const big = document.createElement('img');
    big.src = img.src;
    big.style.maxWidth = '90vw';
    big.style.maxHeight = '90vh';
    overlay.appendChild(big);
    overlay.addEventListener('click', () => overlay.remove());
    document.body.appendChild(overlay);
  });
});
// 🌙 Dark Mode Schalter
document.addEventListener("DOMContentLoaded", () => {
    const toggle = document.getElementById("dark-mode-toggle");

    // Beim Laden: gespeicherten Zustand wiederherstellen
    if (localStorage.getItem("darkMode") === "true") {
        document.body.classList.add("dark");
        toggle.textContent = "Light Mode";
    }

    // Beim Klick: Zustand umschalten und speichern
    toggle.addEventListener("click", () => {
        document.body.classList.toggle("dark");
        const isDark = document.body.classList.contains("dark");
        localStorage.setItem("darkMode", isDark);
        toggle.textContent = isDark ? "Light Mode" : "Dark Mode";
    });
});

document.querySelectorAll('.gallery img').forEach(img => {
  img.addEventListener('click', () => {
    const overlay = document.createElement('div');
    overlay.style.cssText =
      'position:fixed;inset:0;background:rgba(0,0,0,.8);display:flex;' +
      'align-items:center;justify-content:center;cursor:pointer;z-index:999';
    const big = document.createElement('img');
    big.src = img.src;
    big.style.maxWidth = '90vw';
    big.style.maxHeight = '90vh';
    overlay.appendChild(big);
    overlay.addEventListener('click', () => overlay.remove());
    document.body.appendChild(overlay);
  });
});