/* ============================================================
   BLOCK: Spalten (Layout-Container) — as-schoendienst/columns
   ============================================================
   Reiner Grid-Container für Kind-Blöcke. Aufteilung je Layout-
   Variante (Desktop), mobil untereinander. Die Kind-Blöcke
   (downloads, contact, text …) behalten ihre eigene Block-CSS.
   ============================================================ */

.as-columns__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* Fallback: 50/50 */
    gap: clamp(1.875rem, 1.2159rem + 2.0625vw, 3.75rem);
    align-items: start;
}

/* Layout-Varianten (Desktop): */
.as-columns--split    .as-columns__grid { grid-template-columns: repeat(2, 1fr); }        /* 50/50 */
.as-columns--wide     .as-columns__grid { grid-template-columns: 3fr 7fr; }               /* 30/70 */
.as-columns--narrow   .as-columns__grid { grid-template-columns: 7fr 3fr; }               /* 70/30 */
.as-columns--thirds   .as-columns__grid { grid-template-columns: repeat(3, 1fr); }        /* 33/33/33 */
.as-columns--quarters .as-columns__grid { grid-template-columns: repeat(4, 1fr); }        /* 25/25/25/25 */

/* Mobil/Tablet: alles untereinander */
@media (max-width: 991.98px) {
    .as-columns__grid {
        grid-template-columns: 1fr !important;
        gap: 2rem;
    }
}