.images-slider .splide__slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.images-slider .thumbnail-slider .splide__slide.is-active {
    border: none !important;
}

.images-slider .thumbnail-slider .splide__slide {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}

.images-slider .main-slider .splide__slide {
    margin-bottom: 10px;
}

.images-slider .main-slider .splide__slide img {
    max-height: 33vmax;
    object-fit: cover;
}

.images-slider .thumbnail-slider .splide__slide img {
    margin-top: 0;
    max-height: 12.5vmax;
    object-fit: cover;
}

.images-slider .main-slider {
    margin-bottom: var(--gap);
}

.images-slider .splide__arrow--prev.custom-arrow {
    /* Nur der "Zurück"-Pfeil */
    font-size: 2em;
    background: none;
    color: black;
    border: none;
    transform: translate(-50%, -50%) rotate(270deg);
}
.images-slider .splide__arrow--next.custom-arrow {
    font-size: 2em;
    background: none;
    color: black;
    border: none;
    transform: translate(50%, -50%) rotate(90deg);
}

.images-slider .thumbnail-slider {
    padding: 0 var(--padding);
    overflow: hidden;
}

.images-slider .thumbnail-slider .splide__track {
    overflow: visible;
}

@media screen and (max-width: 768px) {
    .images-slider {
        --gap: 1rem;
    }
}