@charset "UTF-8";

/* Erzwingt das Spaltenlayout, falls das Template blockiert */
.mein-masonry .com-content-category-blog__items,
.mein-masonry .blog-items {
    display: block !important; 
    column-count: 3 !important;
    column-gap: 20px !important;
}

/* Richtet die einzelnen Artikel-Boxen seitlich aus */
.mein-masonry .blog-item, 
.mein-masonry article,
.mein-masonry .grid-child {
    display: inline-block !important;
    width: 100% !important;
    margin-bottom: 20px !important;
    break-inside: avoid !important; /* Verhindert das Zerschneiden von Boxen */
}

/* Smartphone-Ansicht */
@media (max-width: 768px) {
    .mein-masonry .com-content-category-blog__items,
    .mein-masonry .blog-items { column-count: 1 !important; }
}