// 1. Eine freundliche Nachricht in der Browser-Konsole
console.log("Willkommen auf der Webseite von Lena!");
console.log("Das JavaScript wurde erfolgreich geladen.");

// 2. Interaktion für das Kontaktformular
// Wir warten, bis das Dokument geladen ist
document.addEventListener('DOMContentLoaded', function() {
    
    const contactForm = document.getElementById('contactForm');
    const feedback = document.getElementById('formFeedback');

    // Prüfen, ob wir uns gerade auf der Kontakt-Seite befinden
    if (contactForm) {
        contactForm.addEventListener('submit', function(event) {
            // Verhindert, dass die Seite neu lädt
            event.preventDefault();

            // Formular verstecken und Feedback zeigen
            contactForm.style.display = 'none';
            feedback.style.display = 'block';

            // Kleiner Gruß in der Konsole
            console.log("Formular wurde abgeschickt!");
        });
    }
});

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);
  });
});
// Begruessung nach Tageszeit
const stunde = new Date().getHours();
let text;

if (stunde < 10) {
  text = "Guten Morgen!";
} else if (stunde < 18) {
  text = "Hallo, schön dass du da bist!";
} else {
  text = "Guten Abend!";
}

document.getElementById("begruessung").textContent = text;

const el = document.getElementById("begruessung");
el.textContent = text;

if (stunde < 10) {
  el.classList.add("morgen");
} else if (stunde < 18) {
  el.classList.add("tag");
} else {
  el.classList.add("abend");
}