@media (max-width: 960px) {

    #navbar {
        position: sticky;
    }

    #galleryPage {
        margin-top: 0;
        padding: 16px 14px 40px;
    }

    #gallerySearch {
        max-width: 100%;
    }

    .gallery-group-title {
        padding: 0 2px;
    }

    /* Kacheln als horizontal wischbarer Slider statt Grid -- spart auf
       schmalen Bildschirmen vertikalen Platz, wenn viele Kategorien
       untereinander stehen. */
    .gallery-row {
        display: flex;
        overflow-x: auto;
        gap: 12px;
        padding: 2px 2px 10px;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
    }

    .gallery-card {
        flex: 0 0 64vw;
        max-width: 260px;
        scroll-snap-align: start;
    }
}