.slideshow-container, .slideshow-container4 {
    width: 100%;
    height: auto;
    position: relative;
    margin: auto;
    overflow: hidden;
    background-color: black;
    padding: 110px;
}

.slideshow-wrapper, .slideshow-wrapper4 {
    display: flex;
    transition: transform 0.5s ease-in-out;
    width: 300%; /* Für 3 Bilder sichtbar bei 100% */
}

.mySlides, .mySlides4 {
    flex: 0 0 33.33%; /* Zeigt 3 Bilder nebeneinander an */
    height: auto;
}

.mySlides img, .mySlides4 img {
    width: auto;
    height: 700px;
    object-fit: cover;
    border-radius: 20px;
}

.active {
    transform: scale(1.2);
    z-index: 1;
}

@keyframes hide {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

.hidden {
    animation: hide 0.4s forwards;
}

a img {
    cursor: pointer;
}

.prev, .next, .prev4, .next4 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 16px;
    color: white;
    font-size: 40px;
}

.prev, .prev4 {
    left: -11%;
}

.prev img, .prev4 img{
    width: auto;
    height: 400px;
    object-fit: cover;
    border-radius: 20px;
}

.next, .next4 {
    right: -11%;
}

@media (max-width: 1900px){
    .prev, .prev4 {
        left: -22%;
    }
    
    .prev img, .prev4 img{
        width: auto;
        height: 375px;
        object-fit: cover;
        border-radius: 20px;
    }
    
    .next, .next4 {
        right: -22%;
    }
}

.next img, .next4 img{
    width: auto;
    height: 400px;
    object-fit: cover;
    border-radius: 20px;
}

@media (max-width: 1500px) { /*früher 1200*/
    .next, .prev, .next4, .prev4{
        display: none;
    }

    .mySlides img, .mySlides4 img {
        width: auto;
        max-width: 775px;
        height: 550px;
        object-fit: cover;
        border-radius: 20px;
    }
}