/* ==========================================================================
   startpage.css
   Klassen für die Startpage-Editor-Templates (ajax/tpl/):
   themestartpage_row_edit, edit_themestartpageblocks,
   edit_themestartpagerows_api1, edit_homepageholders.
   Ersetzt die früheren style="..."-Attribute (sp- = startpage).
   ========================================================================== */

/* Spalten (Galerie-Kacheln nebeneinander) */
.sp-col-150 { width: 150px; float: left; }
.sp-col-155 { width: 155px; float: left; }
.sp-col-200 { width: 200px; float: left; }
.sp-col-250 { width: 250px; float: left; }
.sp-col-255 { width: 255px; float: left; }
.sp-ml5     { margin: 0 0 0 5px; }

/* Zeilen-Container */
.sp-w-400  { width: 400px; }
.sp-w-450  { width: 450px; }
.sp-pad-20 { padding: 20px; }

/* Kachel-Wrapper (Bild + Caption) */
.sp-tile    { position: relative; float: left; margin: 5px 0 0 5px; }
.sp-tile-m2 { position: relative; float: left; margin: 2px 0 0 5px; }

/* Info-Block rechts (Template/Id/Type/Published) */
.sp-float-right { float: right; }

/* Block-Bilder: feste Höhe, scale-to-fill */
.sp-img-147 { margin: 0; object-fit: cover; height: 147px; }
.sp-img-150 { margin: 0; object-fit: cover; height: 150px; }
.sp-img-190 { margin: 0; object-fit: cover; height: 190px; }
.sp-img-200 { margin: 0; object-fit: cover; height: 200px; }
.sp-img-250 { margin: 0; object-fit: cover; height: 250px; }
.sp-img-300 { margin: 0; object-fit: cover; height: 300px; }
.sp-img-400 { margin: 0; object-fit: cover; height: 400px; }

/* Holder-Ansicht (edit_homepageholders) */
.sp-img-holder-150 { float: left; margin: 0 20px; object-fit: cover; height: 150px; }