.owl-carousel .slide{
    position: relative;
}
.owl-carousel .slide-overlay{
    position: absolute;
    width: 100%;
    top: 50px;
}
.owl-carousel .slide-overlay-content{
    font-size: 36px;
    background-color: #FFFFFF70;
}
.owl-carousel .slide-overlay {
    /*! display: none; */
}
.owl-carousel{
    position: relative;
    display:block;
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    position: relative;
    z-index: -2;
} 
.owl-carousel.autoheight{
    z-index: 3
}

.owl-carousel .slide-container {
    overflow: visible;
   
}
.owl-item {
    opacity: 0;
    transition: opacity 500ms;
 }
 .owl-item.active {
   opacity: 1;
 }

 .slide {
    box-shadow: inset 0px 13px 22px -10px #000, inset 0px -13px 22px -10px #000;
}

/* Slide autoheight */


.autoheight.owl-carousel .slide-container {
    width: 100%; /* some width amount needed */
    margin: 0 auto;

}
.autoheight.owl-carousel .slide{
    position:relative;
    float: right;
    right: 50%;
    min-width: 100%;
    height: calc(100vh - 137px);
}
.autoheight.owl-carousel .slide>*:first-child{
    position: relative;
    right:-50%;
    width: auto;
    min-width: 100%;
    height: calc(100vh - 137px);
    object-fit: cover;
}

.autoheight .slide-overlay-content{
	width: 100vw;
}
.autoheight.owl-carousel .slide-overlay{
    left: 50%;
}
.autoheight.owl-carousel video {
    object-fit: cover;
}

.skip{
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    opacity: 0.3;
    top:90vh;
    z-index: 3;
    right: calc(50% - 25px);
}
#contentskip{
    position: relative;
    top:-40px; /* Height fixed of header */
}
@media screen and (max-width:768px) {

    .autoheight.owl-carousel .slide>*:first-child,
    .autoheight.owl-carousel .slide{
        height: 100vh;
    }
    .skip{
        width: 50px;
        height: 50px;
        right: calc(50% - 25px)
    }
}
/* / Slide autoheight */

.content-slider{
    margin-bottom: 30px;
}

.owl-arrows .owl-nav>div{
    width: 60px;
    height: 60px;
    margin-top:-20px;
    background-image:url(/fileadmin/templates/default/Images/arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top:50%;
    opacity: 0.3;
}
.owl-prev{
    transform: rotate(180deg);
    background-image: url(/fileadmin/templates/default/Images/Pfeil_rechts.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
.owl-arrows .owl-nav .owl-next{
    right: 0;

}



@media screen and (max-width:600px) {

}
@media screen and (min-width:1200px) {
    .owl-carousel .slide-overlay{
        display: block;
    }
}

.owl-carousel .owl-stage-outer{
    width: 100%;
}