@media screen and (max-width: 600px) {
    /* Menü im geöffneten Zustand */
    #menu.open {
        width: 95vw !important; /* Breite im geöffneten Zustand */
        height: calc(100dvh - 20px); /* Höhe im geöffneten Zustand */
    }

    #menu-content {
        width: 95vw;
        padding: 80px 20px 160px; /* Add top, side, and bottom padding */
    }

    /* Texte und Linie füllen den Platz auf mobilen Geräten */
    #menu-content p,
    #menu-content p + hr,
    #menu-content .wrapper {
        width: 100%;
    }

    .impress-container{
        width:85vw;
        padding: 20px 30px; /* Innenabstand */

    }

    .impress{
        width: 100%;
        flex-direction: column;
    }

    #grid{
        grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));
        gap: 2px;
    }

    html{
        font-size: 18px; /* Schriftgröße auf 18px gesetzt */
    }
}