input {
    display: none;
}

.bildslider-box img {
    width: inherit;
    height: inherit;
}

.prev,
.next {
    width: 5%;
    height: inherit;
    position: absolute;
    top: 50%;
    z-index: 99;
    transition: .45s;
    cursor: pointer;
    text-align: center;
}

.next {
    right: 0;
}

.prev {
    left: 0;
}

.prev:hover,
.next:hover {
    transition: .3s;
}

.prev span,
.next span {
    position: absolute;
    width: 0px;
    height: 0px;
    border: solid 12px;
    top: 50%;
    transform: translateY(-50%);
}

.prev span {
    border-color: transparent #fff transparent transparent;
    right: 35%;
}

.next span {
    border-color: transparent transparent transparent #fff;
    left: 35%;
}

.slide_img-box {
    position: relative;
    width: 100%;
    height: 100%;
}

.slide_img {
    position: absolute;
    width: 100%;
    z-index: -1;
}

#nav_slide {
    position: relative;
    width: 100%;
    height: 25px;
    text-align: center;
    z-index: 99;
    cursor: default;
    background-color: #F8F8F8;
}

.dots {
    width: 18px;
    height: 18px;
    margin: 6px;
    position: relative;
    border-radius: 100%;
    display: inline-block;
    background-color: #e6e6e6;
    transition: .4s;
    cursor: pointer;
}


/* Wenn über den Punkt gehovert wird */

#dot1:hover,
#dot2:hover,
#dot3:hover,
#dot4:hover,
#dot5:hover,
#dot6:hover,
#dot7:hover,
#dot8:hover,
#dot9:hover,
#dot10:hover,
#dot11:hover,
#dot12:hover,
#dot13:hover,
#dot14:hover {
    background: #70bcbe;
}

#i1:checked~.slide_img-box #one,
#i2:checked~.slide_img-box #two,
#i3:checked~.slide_img-box #three,
#i4:checked~.slide_img-box #four,
#i5:checked~.slide_img-box #five,
#i6:checked~.slide_img-box #six,
#i7:checked~.slide_img-box #seven,
#i8:checked~.slide_img-box #eight,
#i9:checked~.slide_img-box #nine,
#i10:checked~.slide_img-box #ten,
#i11:checked~.slide_img-box #eleven,
#i12:checked~.slide_img-box #twelve,
#i13:checked~.slide_img-box #thirteen,
#i14:checked~.slide_img-box #fourteen {
    z-index: 9;
    animation: scroll 1s ease-in-out;
}


/* Wenn der Punkt aktiv ist */

#i1:checked~#nav_slide #dot1,
#i2:checked~#nav_slide #dot2,
#i3:checked~#nav_slide #dot3,
#i4:checked~#nav_slide #dot4,
#i5:checked~#nav_slide #dot5,
#i6:checked~#nav_slide #dot6,
#i7:checked~#nav_slide #dot7,
#i8:checked~#nav_slide #dot8,
#i9:checked~#nav_slide #dot9,
#i10:checked~#nav_slide #dot10,
#i11:checked~#nav_slide #dot11,
#i12:checked~#nav_slide #dot12,
#i13:checked~#nav_slide #dot13,
#i14:checked~#nav_slide #dot14 {
    background: #70bcbe;
}

@keyframes scroll {
    0% {
        opacity: .4;
    }
    100% {
        opacity: 1;
    }
}

#nav_slide .dots {
    width: 1.3vh;
    height: 1.3vh;
}

@media screen and (max-width:767px) {
    .prev,
    .next {
        top: 38%;
    }
}