.joCarouselB5 .carousel-caption {
    position: relative;
    right: 0;
    left: 0;
    z-index: 10;
    padding: 20px;
    color: #fff;
    text-align: left;
    cursor: pointer;
}
.joCarouselB5 .carousel-caption {
    bottom: 0;
}
.joCarouselB5 .carousel-control-next-icon {
    background-image: url(../Images/next.png);
}
.joCarouselB5 .carousel-control-prev-icon {
    background-image: url(../Images/prev.png);
}
.joCarouselB5 .carousel-control-next, 
.joCarouselB5 .carousel-control-prev {
    width: -10%;
    opacity: 1;
}
.joCarouselB5 .carousel-control-prev {
    left: 10%;
    top: -20%;
}
.joCarouselB5 .carousel-control-next {
    right: 10%;
    top: -20%;
}
.joCarouselB5 .carousel-control-next-icon, 
.joCarouselB5 .carousel-control-prev-icon {
    display: inline-block;
    width: 90px;
    height: 90px;
    background: transparent no-repeat center center;
    background-size: 100% 100%;
}
.joCarouselB5 .carousel-item .img-fluid {
    max-width: 100%;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
}
.joCarouselB5 .joDreieck {
    width: 0px;
    height: 0px;
    -webkit-transform:rotate(360deg);
    border-style: solid;
    border-width: 0 0 50px 50px;
    border-color: transparent transparent rgba(255, 255, 255, 0.46) transparent;
    position: absolute;
    top: -50px;
}
.joCarouselB5 .joDreieck.joFirst {
    left: 0;
}
.joCarouselB5 .joDreieck.joSecond {
    left: 50px;
}

@media (max-width: 767px)
{
    .joCarouselB5 .carousel-control-prev {
        left: 0;
        top: -20%;
    }
    .joCarouselB5 .carousel-control-next {
        right: 0;
        top: -20%;
    }
}