/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* Grid (3 Spalten Desktop) */
.my-related-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
@media (max-width: 900px){ .my-related-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px){ .my-related-grid { grid-template-columns: 1fr; } }

/* Quadrat + sauberes Crop */
.rel-card__image { display:block; aspect-ratio: 1 / 1; overflow: hidden;  }
.rel-card__image img { width:100%; height:100%; object-fit: cover; display:block; border: 1px solid #000; }

/* Titel-Stil (nur Titel zeigen) */
.my-rel-card .rel-card__title { 
  margin: 10px 0 0; text-align: center; 
  text-transform: uppercase; font-weight: 700; font-size: 14px; letter-spacing: .05em;
}
.my-rel-card .rel-card__title a { text-decoration:none; }

.blog-share { margin-top: 40px; }
footer.entry-meta { margin-top: 20px; margin-bottom: 30px }



@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}