.slideshow-container {
    position: relative;
    max-width: 100%;
    margin: auto;
    overflow: hidden;
    white-space: nowrap;
}

.slide {
    display: inline-block;
    transition: transform 0.6s ease-in-out;
    margin-left: -3px;
}

@media screen and (min-width: 849px){
    .slide{
        width: 100%;
    }
}

.slide img {
    vertical-align: middle;
    max-height: 300px;
    max-width: 100%;
    overflow: hidden;
}

.prev, .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -22px;
    color: #7f7f7f;
    font-weight: bold;
    font-size: 32px;
    transition: 0.6s ease;
    /* border-radius: 3px 0 0 3px; */
    user-select: none;
    z-index: 1000;
}

.next {
    right: 0;
    border-radius: 3px 0 0 3px;
}

.prev {
    left: 0;
    border-radius: 0 3px 0 3px;
}

.prev:hover {
    text-shadow: -8px 0px 0px #848484;
}

.next:hover {
    text-shadow: 8px 0px 0px #848484;
}

@media screen and (max-width: 544px){
.prev, .next {
	display: none;
}
}

/* Punkte (Dots) zur Navigation */
.dots-container {
    text-align: center;
    padding: 20px;
    background: #fff;
}

.dot {
    cursor: pointer;
    user-select: none;
    z-index: 1000;
    font-size: 25px;
    color: #7f7f7fa6;
}

.dot.active {
    color: #676767;
}