@import url('/assets/css/base.css');
@import url('/assets/css/layout.css');
@import url('/assets/css/components.css');

/* Seiten */
@import url('/assets/css/pages/start.css');
@import url('/assets/css/pages/galerie.css');
@import url('/assets/css/pages/termine.css');
@import url('/assets/css/pages/kontakt.css');
@import url('/assets/css/pages/sponsoren.css');
@import url('/assets/css/pages/fussball.css');
@import url('/assets/css/pages/mannschaften.css');
@import url('/assets/css/pages/spielbetrieb.css');
@import url('/assets/css/pages/verein.css');

/* =========================
   GLOBALE GRID-KLASSEN
========================= */

.grid-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.grid-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.grid-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

@media (max-width: 980px) {
    .grid-2,
    .grid-3,
    .grid-4 {
        grid-template-columns: repeat(2, 1fr);
    }
}

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