/* AUTO-GENERATED — sws_managed_css::generate()
 * Quelle: rex_sws_css_options (Kategorien image_size_class, image_align_class,
 * bg_class — letztere nur fuer Gradienten, siehe buildBgClassRules()).
 * Editor: Backend → Verwaltung → Page Composer → CSS-Klassen.
 * Diese Datei wird beim Save der CSS-Klassen-Seite automatisch ueberschrieben —
 * manuelle Aenderungen gehen verloren. */

/* === image_size_class === */
.m-bg-image.img-icon-sm, .m-bg-iconblock.img-icon-sm { max-width: 4.444rem; border-radius: 0; }
.m-bg-image.img-icon-md, .m-bg-iconblock.img-icon-md { max-width: 6.667rem; border-radius: 0; }
.m-bg-image.img-icon-lg, .m-bg-iconblock.img-icon-lg { max-width: 10rem; border-radius: 0; }
.m-bg-image.img-half, .m-bg-iconblock.img-half { max-width: 50%; border-radius: 0.444rem; }
.m-bg-image.img-full, .m-bg-iconblock.img-full { max-width: 100%; border-radius: 0.444rem; }
@media (max-width: 47.99em) {
    .m-bg-image.img-icon-sm, .m-bg-iconblock.img-icon-sm { max-width: 3.333rem; }
    .m-bg-image.img-icon-md, .m-bg-iconblock.img-icon-md { max-width: 5.556rem; }
    .m-bg-image.img-icon-lg, .m-bg-iconblock.img-icon-lg { max-width: 8rem; }
    .m-bg-image.img-half, .m-bg-iconblock.img-half { max-width: 100%; }
}

/* === image_align_class === */
.m-bg-image.img-align-left, .m-bg-iconblock.img-align-left { margin-inline-end: auto; margin-inline-start: 0; margin-block-start: calc(var(--m-col-scale, 1) * 1rem); margin-block-end: calc(var(--m-col-scale, 1) * 1rem); }
.m-bg-image.img-align-center, .m-bg-iconblock.img-align-center { margin-inline: auto; margin-block-start: calc(var(--m-col-scale, 1) * 1rem); margin-block-end: calc(var(--m-col-scale, 1) * 1rem); }
.m-bg-image.img-align-right, .m-bg-iconblock.img-align-right { margin-inline-start: auto; margin-inline-end: 0; margin-block-start: calc(var(--m-col-scale, 1) * 1rem); margin-block-end: calc(var(--m-col-scale, 1) * 1rem); }

/* === bg_class (nur Gradienten — Farbwerte kommen aus dem Tailwind-Build) === */