/**
 * C4mulo5 – Bildhelligkeit
 *
 * Die Helligkeit wird als KLASSE am <img> hinterlegt, nicht als
 * inline-style. Grund: WordPress entfernt beim Speichern jede
 * CSS-Property, die nicht auf der safecss-Whitelist steht – `filter`
 * gehoert nicht dazu. Eine Klasse ueberlebt den Speichervorgang
 * dagegen unveraendert (vgl. Bug aus 0.43.1, „Feste Hoehe ging beim
 * Speichern verloren").
 *
 * Stufen in 10er-Schritten von 50 % bis 160 %. Ohne Klasse bleibt das
 * Bild unveraendert – bestehende Seiten aendern sich also nicht.
 *
 * @package C4mulo5MesmerizeExtension
 * @author  Nico Eberhardt – https://nico-eberhardt.de
 */

.c4m5-img-bright-50  { filter: brightness(0.50); }
.c4m5-img-bright-60  { filter: brightness(0.60); }
.c4m5-img-bright-70  { filter: brightness(0.70); }
.c4m5-img-bright-80  { filter: brightness(0.80); }
.c4m5-img-bright-90  { filter: brightness(0.90); }
.c4m5-img-bright-110 { filter: brightness(1.10); }
.c4m5-img-bright-120 { filter: brightness(1.20); }
.c4m5-img-bright-130 { filter: brightness(1.30); }
.c4m5-img-bright-140 { filter: brightness(1.40); }
.c4m5-img-bright-150 { filter: brightness(1.50); }
.c4m5-img-bright-160 { filter: brightness(1.60); }

/* Das Theme animiert Kachelbilder beim Hover ueber transform. Der
 * Helligkeitsfilter bleibt dabei erhalten, weil er an der Klasse des
 * <img> haengt und nicht am Hover-Zustand. Nur der Uebergang wird
 * weich gezogen, damit es nicht springt. */
.contentswap-effect .initial-image img[class*="c4m5-img-bright-"] {
    transition: filter 0.25s ease;
}