/**
 * Sitepackage-Container (b13/container) – 1-, 2-, 3-, 4-spaltig
 * Layout für .sbc-container (Frontend-Ausgabe)
 */
.sbc-container {
    margin-bottom: 2.5rem;
}

.sbc-container--2col,
.sbc-container--3col,
.sbc-container--4col {
    display: grid;
    gap: 2.5rem;
}

/* Layout 0 (Default): 50/50 */
.sbc-container--2col,
.sbc-container--2col.sbc-container--layout-0 {
    grid-template-columns: 1fr 1fr;
}

/* Layout 1: 60/40 */
.sbc-container--2col.sbc-container--layout-1 {
    grid-template-columns: 3fr 2fr;
}

/* Layout 2: 40/60 */
.sbc-container--2col.sbc-container--layout-2 {
    grid-template-columns: 2fr 3fr;
}

/* Layout 3: 75/25 */
.sbc-container--2col.sbc-container--layout-3 {
    grid-template-columns: 3fr 1fr;
}

/* Layout 4: 25/75 */
.sbc-container--2col.sbc-container--layout-4 {
    grid-template-columns: 1fr 3fr;
}

.sbc-container--3col {
    grid-template-columns: 1fr 1fr 1fr;
}

.sbc-container--4col {
    grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 767px) {
    .sbc-container--2col,
    .sbc-container--3col,
    .sbc-container--4col {
        grid-template-columns: 1fr;
    }
}