/**
 * Noble Atlas Styling für a3 Lazy Load
 * Überschreibt Platzhalter- und Ladeeffekt-Farben mit Noble Atlas CI.
 * Noble Atlas: Gold #dbc16d, Emerald #01221c, Ivory #f8f5f0, Moss #1c3c2c
 */

/* Platzhalter-Hintergrund nur vor dem Laden – verhindert weißen/ivory Kasten um geladene Bilder (z. B. Logos) */
img[data-src]:not(.lazy-loaded):not(.loaded):not(.a3_loaded),
img.a3_not_load,
img[class*="a3-lazy"]:not(.lazy-loaded):not(.loaded),
.a3_lazy_load:not(.lazy-loaded),
[class*="a3-lazy-load"]:not(.lazy-loaded) {
    background-color: #f8f5f0 !important; /* Noble Atlas Ivory */
    transition: opacity 0.35s ease-in-out;
}

/* Sobald Bild geladen ist: keinen Platzhalter-Hintergrund (transparent), damit Logos/PNGs ohne weißen Kasten erscheinen */
img.lazy-loaded,
img.loaded,
img.a3_loaded {
    background-color: transparent !important;
}

/* Optional: Spinner/Placeholder in dunklen Bereichen (z. B. Sedcard-Grid) */
.sedcard-grid .a3_lazy_load,
.sedcard-grid [class*="a3-lazy"],
.sedcard-grid img[data-src]:not(.loaded) {
    background-color: #1c3c2c !important; /* Noble Atlas Moss */
}

/* Fade-in Dauer an Noble Atlas anpassen */
img[data-src].loaded,
img.a3_loaded,
img[class*="lazyloaded"] {
    animation-duration: 0.35s;
    animation-timing-function: ease-in-out;
}