@media (max-width: 768px) {
    body {
        padding: 20px;
    }
}

@media (max-width: 768px) {
    p {
        line-height: 1.5;
        margin-bottom: 10px;
    }
}

p {
    max-width: 700px;        /* verhindert zu breite Textzeilen */
    margin: 0 auto 12px auto; /* zentriert Block + Abstand unten */
    line-height: 1.6;        /* angenehmer Zeilenabstand */
    text-align: center;      /* Text zentrieren */
    white-space: normal;     /* stellt Umbruch sicher */
    word-wrap: break-word;   /* bricht lange Wörter notfalls */
}

.gallery {
    display: flex;
    gap: 10px;
    max-width: 1200px;
    margin: 30px auto;
}

.gallery img {
    width: 20%;
    height: auto;
    object-fit: cover;
    border-radius: 8px;
}

@media (max-width: 1024px) {
    .gallery {
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        flex-wrap: nowrap;
    }

    .gallery img {
        width: 80%;
        flex: 0 0 auto;
        scroll-snap-align: center;
    }
}

.gallery {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
}