/* WebP Background Images - Wird nur geladen wenn Browser WebP unterstützt */
/* Diese Datei überschreibt die Hintergrundbilder mit WebP-Versionen */

/* Hero Section mit WebP */
.webp .hero {
    background-image: url('images/hero-bg.webp');
}

/* Coaching Info Section mit WebP */
.webp .coaching-info-section {
    background-image: url('./images/psychodrama-bg.webp');
}

/* Kontakt Section mit WebP */
.webp .contact {
    background-image: url('./images/kontakt-bg.webp');
}

/* Klangmassage Section mit WebP */
.webp .klangmassage {
    background-image: url('images/klangschalen-bg.webp');
}

/* 
   HINWEIS: Diese Datei funktioniert nur in Kombination mit dem WebP-Detection Script.
   Die Klasse .webp wird automatisch zum <html> Tag hinzugefügt, wenn der Browser WebP unterstützt.
   
   Bis die .webp Bilder erstellt sind, werden weiterhin die JPG/PNG Versionen aus styles.css verwendet.
*/