/* Widget Grid Styles */
/* Mobile-First: Basis-Styles gelten für mobile Geräte */
/* VERPFLICHTEND: Mobile-First - 1 Spalte auf Mobile (Regel 011-ui-mobile.mdc 000) */
.base-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

/* Tablet/iPad (min-width: 600px) */
@media (min-width: 600px) {
    .base-grid {
        gap: 20px;
    }
}

/* Kleiner Desktop/13-Zoll (min-width: 1024px) */
@media (min-width: 1024px) {
    .base-grid {
        gap: 24px;
    }
}

/* Großer Desktop/Widescreen (min-width: 1440px) */
@media (min-width: 1440px) {
    .base-grid {
        gap: 28px;
    }
}