/**
 * Optimierte Lazy-Loading-Stile
 * Shimmer-Effekt nur für Bilder mit data-fb-lazy und loading="lazy"
 */

/* Shimmer-Effekt nur für Bilder mit loading="lazy" und data-fb-lazy */
img[loading="lazy"][data-fb-lazy].fb-lazy-loading {
    filter: none;
    opacity: 0.9;
    transition: opacity 0.3s ease-out;
    background-color: rgba(255, 255, 255, 0.03);
    background-image: linear-gradient(
        90deg,
        rgba(255, 255, 255, 0.02) 0%,
        rgba(255, 255, 255, 0.06) 40%,
        rgba(255, 255, 255, 0.02) 80%
    );
    background-size: 200% 100%;
    animation: fb-shimmer 1.25s ease-in-out infinite;
}

/* Geladene Bilder */
img[data-fb-lazy].fb-lazy-loaded {
    filter: none;
    opacity: 1;
    background-image: none;
    animation: none;
}

/* Shimmer-Animation */
@keyframes fb-shimmer {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}