// ---------------------------------------------
// Galerie-Zoom (einmal sauber, ohne Duplikate)
// ---------------------------------------------
document.querySelectorAll('.galerie img, .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';
    big.style.borderRadius = '10px';

    overlay.appendChild(big);
    overlay.addEventListener('click', () => overlay.remove());
    document.body.appendChild(overlay);
  });
});

console.log("Meine Seite läuft!");


// ---------------------------------------------
// Dark Mode Schalter
// ---------------------------------------------
document.addEventListener("DOMContentLoaded", () => {
  const toggle = document.getElementById("dark-mode-toggle");
  const storageKey = "darkMode";

  if (!toggle) {
    return;
  }

  const isDarkMode = localStorage.getItem(storageKey) === "true";
  document.body.classList.toggle("dark", isDarkMode);
  toggle.textContent = isDarkMode ? "Light Mode" : "Dark Mode";

  toggle.addEventListener("click", () => {
    const currentDark = document.body.classList.toggle("dark");
    localStorage.setItem(storageKey, currentDark);
    toggle.textContent = currentDark ? "Light Mode" : "Dark Mode";
  });
});


// ---------------------------------------------
// Roundtrip 1 + 2 — Begrüßung + Farbe nach Zeit
// ---------------------------------------------
document.addEventListener("DOMContentLoaded", () => {
  const stunde = new Date().getHours();
  const el = document.getElementById("begruessung");

  if (!el) {
    return;
  }

  let text = "";

  if (stunde < 10) {
    text = "Guten Morgen!";
    el.classList.add("morgen");
  } else if (stunde < 18) {
    text = "Hallo, schön dass du da bist!";
    el.classList.add("tag");
  } else {
    text = "Guten Abend!";
    el.classList.add("abend");
  }

  el.textContent = text;
});