/* ============================================================
   LAYOUT: Grid-Struktur (Desktop)
   ============================================================ */

main {
    max-width: 1200px;
    margin: 20px auto 40px;
    padding: 0 16px;
}

.grid-main {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1.5fr);
    gap: 24px;
    margin-bottom: 32px;
}

.grid-secondary {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    margin-bottom: 32px;
}

.grid-third {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 2fr);
    gap: 24px;
    margin-bottom: 32px;
}

.grid-statistik {
    display: grid;
    grid-template-columns: 1fr; /* eine Spalte, Karten untereinander */
    gap: 24px; /* Abstand zwischen den Karten */
    margin-bottom: 32px;
}
