/* AUTO-GENERATED — sws_managed_css::generate()
 * Quelle: rex_sws_css_options (Kategorien image_size_class, image_align_class).
 * 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; }
.m-bg-image.img-icon-md, .m-bg-iconblock.img-icon-md { max-width: 6.667rem; }
.m-bg-image.img-icon-lg, .m-bg-iconblock.img-icon-lg { max-width: 10rem; }
.m-bg-image.img-quarter, .m-bg-iconblock.img-quarter { max-width: 25%; }
.m-bg-image.img-third, .m-bg-iconblock.img-third { max-width: 33.333%; }
.m-bg-image.img-half, .m-bg-iconblock.img-half { max-width: 50%; }
.m-bg-image.img-three-quart, .m-bg-iconblock.img-three-quart { max-width: 75%; }
@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: 8.333rem; }
}

/* === image_align_class === */
.m-bg-image.img-align-left, .m-bg-iconblock.img-align-left { margin-inline-end: auto; margin-inline-start: 0; }
.m-bg-image.img-align-center, .m-bg-iconblock.img-align-center { margin-inline: auto; }
.m-bg-image.img-align-right, .m-bg-iconblock.img-align-right { margin-inline-start: auto; margin-inline-end: 0; }