/* ==========================================================================
   Lazy Loading – Blur-Up-Effekt
   Bilder erhalten class="lazy blur-up" und data-src="…".
   js/lazy.js setzt nach dem Laden die Klasse .is-loaded.
   ========================================================================== */

.blur-up {
  filter: blur(20px);
  opacity: 0;
  transition: filter 0.6s ease, opacity 0.6s ease;
}

.blur-up.is-loaded {
  filter: blur(0);
  opacity: 1;
}

/* Platzhalter-Hintergrund, solange das Bild noch nicht geladen ist */
.lazy {
  background-color: #e5e7eb;
}