.gallery-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    max-width: 100%;
}

.gallery-container {
    display: flex;
    overflow: hidden;
    width: 100%;
    justify-content: center;
}

.gallery {
    display: flex;
    transition: transform 0.3s ease-in-out;
}

/* Standard-Galerie-Elemente (Mobile) */
.gallery-item {
    flex: 0 0 100%; /* In der mobilen Ansicht immer 100% Breite */
}

.gallery-item img {
    width: 100%;
    height: auto;
}

/* Pfeile */
.arrow {
    cursor: pointer;
    font-size: 2rem;
    color: #000;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    user-select: none;
}

.left-arrow {
    left: 10px;
}

.right-arrow {
    right: 10px;
}

/* Desktop-Abstände */
@media (min-width: 992px) {
    .gallery-item {
        flex: 0 0 calc(33.33% - 20px); /* Drei Bilder mit Abstand */
        margin: 0 10px; /* Abstand zwischen den Bildern */
    }

    .gallery {
        gap: 10px; /* Optionale Lücke für besseren visuellen Effekt */
    }
}