/* ============================================================
   MOBILE: Grid-Struktur
   ============================================================ */

@media (max-width: 900px) {

    .grid-main {
        grid-template-columns: 1fr;
    }

    .grid-secondary {
        grid-template-columns: 1fr;
    }

    .grid-third {
        grid-template-columns: 1fr;
    }

    .grid-third {
        display: flex;
        flex-direction: column;
    }

    .grid-third article:nth-of-type(1) {
        order: 2; /* Termine nach unten */
    }

    .grid-third article:nth-of-type(2) {
        order: 1; /* Info-Chat nach oben */
    }
}