.carousel-item-layout-secondary {
    --carousel-item-color: #FFFFFF;
    --carousel-item-background: #F5F4EF;
    --carousel-item-link-color: #FFFFFF;
    --carousel-item-link-hover-color: #FFFFFF;
}

/* slider */
#section-slider {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    margin-top: 0;
}

#section-slider-wrap {
    position: relative;
    width: 100%;
    margin: 0 auto;
    z-index: 1;
}

#section-slider .frame {
    padding: 0;
}

#section-slider .frame-container {
    padding-right: 0;
    padding-left: 0;
    max-width: 100%;
}

#section-slider .carousel {
    transition: all 1s ease;
}

#section-slider .carousel .carousel-backgroundimage {
    background-color: rgba(197,180,157,0.2);
    background-blend-mode: multiply;
}

#section-slider .carousel .carousel-item {
    padding-left: 0;
    padding-right: 0;
    height: 80vh
}

#section-slider .carousel .carousel-item .valign {
    align-items: start;
}

/* slider Small */
#section-slider.small .carousel .carousel-item {
    padding-left: 0;
    padding-right: 0;
    height: 50vh;
    margin-top: 60px;
}

#section-slider .carousel .carousel-control-icon {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    width: auto;
    border: 0;
    height: auto;
    color: #4faf98;
    padding: 1em;
    background-color: transparent;
    transition: all 0.4s ease-in-out 0s;
}

/* Text und Image slider*/

#section-slider .carousel .carousel-content-inner {
    flex-direction: column;
    align-items: flex-start;
    max-width: 100vw;
}

#section-slider .carousel-content {
    width: 100%;
    padding: 0;
}

#section-slider .carousel .carousel-text-inner {
    width: 100%;
    margin: 0
}

#section-slider .carousel-content h1 {
    font-size: 34px;
    line-height: 34px;
    font-family: 'havelock-titling-variable', sans-serif;
    font-weight: 600;
}

#section-slider .carousel .carousel-text-inner h1 {
    border-top: 3px solid white;
    border-bottom: 3px solid white;
    margin-bottom: 0;
    padding: 10px 20px 15px 20px;
}

#section-slider .carousel-content h2 {
    font-size: 34px;
    line-height: 34px;
    font-family: 'havelock-titling-variable', sans-serif;
    font-weight: 600;
}

#section-slider .carousel .carousel-text-inner h2 {
    border-bottom: 3px solid white;
    padding-left: 20px;
    padding: 10px 20px 15px 20px;
}


#section-slider .carousel-item-type-image .carousel-image img {
    margin: 0 auto;
    height: auto;
    width: calc((100% - (3 * 10px)) / 4 * 2);
    overflow: hidden;
    display: unset;
}


@media (min-width: 768px) {
    #section-slider .carousel .carousel-item {
        padding-left: 0;
        padding-right: 0;
        height: 100vh
    }

    #section-slider .carousel-item-type-image .carousel-image img {
        width: calc((100% - (3 * 10px)) / 4 * 1);
    }

    #section-slider .carousel .carousel-content-inner {
        padding-top: 150px;
    }
}

@media (min-width: 992px) {
    #section-slider.small .carousel .carousel-item {
        padding-left: 0;
        padding-right: 0;
        height: 75vh
    }

    #section-slider .carousel .carousel-text-inner {
    }

    #section-slider .carousel .carousel-text-inner h1 {
        padding-left: calc((100% - 60px) / 12 * 1);
    }

    #section-slider .carousel .carousel-text-inner h2 {
        padding-left: calc((100% - 60px) / 12 * 1);
    }

    #section-slider .carousel-item-type-image .carousel-image img {
        width: calc((100% - (5 * 16px)) / 6 * 2);
    }
}

@media (min-width: 1200px) {
    #section-slider .carousel-item-type-image .carousel-image img {
        width: calc((100% - (7 * 16px)) / 8 * 2);
    }
}


@media (min-width: 1920px) {


    /* slider Small */
    #section-slider.small .carousel .carousel-item {
        padding-left: 0;
        padding-right: 0;
        height: 70vh
    }

    #section-slider .carousel .carousel-text-inner h1 {
        padding-left: calc((100% - 60px) / 12 * 2);
        font-size: 70px;
        line-height: 90px;
        border-top: 7px solid white;
        border-bottom: 7px solid white;
    }

    #section-slider .carousel .carousel-text-inner h2 {
        padding-left: calc((100% - 60px) / 12 * 2);
        font-size: 70px;
        line-height: 90px;
        border-bottom: 7px solid white;
    }

    #section-slider .carousel-item-type-image .carousel-image img {
        width: calc((100% - (11 * 16px)) / 12 * 3);
    }

}


/* Punktnavigation */
#section-slider .carousel .carousel-indicators button {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
    opacity: 0.5;
    transition: opacity 0.6s ease;
    border: none;
}

#section-slider .carousel .carousel-indicators .active {
    opacity: 1;
    background-color: #383033;
}


/* Rechts- und Links Navigation - Pfeile auf 40% und 60% der Seite */
#section-slider .carousel .carousel-control-icon.carousel-control-prev-icon {
    width: 60px;
    height: 32px;
    background-image: url("/fileadmin/user_upload/Icon/arrow-prev.svg");
}

#section-slider .carousel .carousel-control-icon.carousel-control-next-icon {
    width: 60px;
    height: 32px;
    background-image: url("/fileadmin/user_upload/Icon/arrow-next.svg");
}

#section-slider .carousel .carousel-control-icon:before {
    border-top: 0 solid #575656;
    border-right: 0 solid #575656;
}


/* Zentrierung der Pfeile auf 40% und 60% der Seite */
#section-slider .carousel-control-prev {
    top: unset;
    bottom: 40px;
    position: absolute;
}

#section-slider .carousel-control-next {
    top: unset;
    bottom: 25px;
    position: absolute;
}

/* Linker Pfeil bei 40% der Seite */
#section-slider .carousel-control-prev {
    left: 20%;
    width: 50px;
    height: 16px;
    transition: all 0.4s ease;
}

#section-slider .carousel-control-prev:hover {
    transform: translateX(-15px)
}

/* Rechter Pfeil bei 60% der Seite */
#section-slider .carousel-control-next {
    right: 20%;
    width: 50px;
    height: 20px;
    transition: all 0.4s ease;
}

#section-slider .carousel-control-next:hover {
    transform: translateX(15px)
}


@media (min-width: 992px) {
    #section-slider .carousel-control-prev {
        bottom: 80px;
        left: 40%;
        width: 60px;
        height: 32px;
    }

    #section-slider .carousel-control-next {
        bottom: 50px;
        right: 40%;
        width: 60px;
        height: 32px;
    }
}


/*main Carousel Slider */
#main .carousel .item {
    height: auto;
}

#main .carousel .carousel-item {
    padding-left: 0;
    padding-right: 0;
}


@media (min-width: 768px) {
    #main .carousel .item {
        height: auto;
    }

    #main .carousel .carousel-item {
        padding-left: 20px;
        padding-right: 20px;
    }
}

#main .frame-type-carousel_fullscreen {
    padding-top: 0;
}

#main .frame-type-carousel_fullscreen .frame-container {
    max-width: 100%;
    padding-right: 0;
    padding-left: 0;
}

#main .frame-type-carousel_fullscreen .carousel-backgroundimage-container {
    opacity: 0.8;
}

#main .frame-type-carousel_fullscreen .carousel .carousel-item {
    padding-left: 0;
    padding-right: 0;
    height: 80vh
}

#main .frame-type-carousel_fullscreen .carousel .carousel-content {
    background: linear-gradient(rgba(167, 153, 132, 0.3) 50%, rgba(167, 153, 132, 0.3) 100%);
}

#main .frame-type-carousel_fullscreen .carousel .carousel-content-inner {
    display: flex;
    align-items: center;
    justify-content: center;
}

#main .frame-type-carousel_fullscreen .carousel .carousel-item-type-header .carousel-text-inner {
    margin: 0;
    margin-bottom: 60px;
    padding: 20px;
}

#main .frame-type-carousel_fullscreen .carousel .carousel-item h1 {
    font-weight: 300;
    margin-left: 0;
    font-size: 32px;
    line-height: 32px;
    padding-bottom: 0;
    margin-bottom: 10px;
    text-align: center
}

#main .frame-type-carousel_fullscreen .carousel .carousel-item h2 {
    font-weight: 300;
    margin-left: 0;
    font-size: 24px;
    line-height: 24px;
    border-top: 1px solid white;
    padding-top: 20px;
}

#main .carousel-item-type-image .carousel-image img {
    margin: 0 auto;
    max-width: unset;
    height: auto;
    max-height: 70vh;
    width: auto;
    overflow: hidden;
    filter: contrast(0.7);
}

/* Punktnavigation */
#main .frame-type-carousel_fullscreen .carousel .carousel-indicators button {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
    opacity: 0.5;
    transition: opacity 0.6s ease;
    border: none;
}

#main .frame-type-carousel_fullscreen .carousel .carousel-indicators .active {
    opacity: 1;
    background-color: #383033;
}


/* Rechts- und Links Navigation - Pfeile auf 40% und 60% der Seite */
#main .frame-type-carousel_fullscreen .carousel .carousel-control-icon {
    max-width: 100%;
}

#main .frame-type-carousel_fullscreen .carousel .carousel-control-icon.carousel-control-prev-icon {
    width: 100px;
    height: 32px;
    background-image: url("/fileadmin/user_upload/Icon/arrow-prev.svg");
}

#main .frame-type-carousel_fullscreen .carousel .carousel-control-icon.carousel-control-next-icon {
    width: 100px;
    height: 32px;
    background-image: url("/fileadmin/user_upload/Icon/arrow-next.svg");
}

#main .frame-type-carousel_fullscreen .carousel .carousel-control-icon:before {
    border-top: 0 solid #575656;
    border-right: 0 solid #575656;
}


/* Zentrierung der Pfeile auf 40% und 60% der Seite */
#main .frame-type-carousel_fullscreen .carousel-control-prev {
    top: unset;
    bottom: 40px;
    position: absolute;
}

#main .frame-type-carousel_fullscreen .carousel-control-next {
    top: unset;
    bottom: 25px;
    position: absolute;
}

/* Linker Pfeil bei 40% der Seite */
#main .frame-type-carousel_fullscreen .carousel-control-prev {
    left: 20%;
    width: 50px;
    height: 16px;
    transition: all 0.4s ease;
}

#main .frame-type-carousel_fullscreen .carousel-control-prev:hover {
    transform: translateX(-15px);
}

/* Rechter Pfeil bei 60% der Seite */
#main .frame-type-carousel_fullscreen .carousel-control-next {
    right: 20%;
    width: 50px;
    height: 16px;
    transition: all 0.4s ease;
}

#main .frame-type-carousel_fullscreen .carousel-control-next:hover {
    transform: translateX(15px);
}


@media (min-width: 768px) {
    #main .frame-type-carousel_fullscreen .carousel .carousel-item-type-header .carousel-text-inner {
        padding: 50px;
    }

    #main .frame-type-carousel_fullscreen .carousel .carousel-item h1 {
        font-size: 50px;
        line-height: 60px;
    }

    #main .frame-type-carousel_fullscreen .carousel .carousel-item h2 {
        font-size: 32px;
        line-height: 32px;
    }
}

@media (min-width: 992px) {
    #main .frame-type-carousel_fullscreen .carousel .carousel-item h1 {
        font-size: 121px;
        line-height: 120px;
    }

    #main .frame-type-carousel_fullscreen .carousel-control-prev {
        bottom: 80px;
        left: 40%;
        width: 100px;
        height: 32px;
    }

    #main .frame-type-carousel_fullscreen .carousel-control-next {
        bottom: 50px;
        right: 40%;
        width: 100px;
        height: 32px;
    }
}


@media (min-width: 1900px) {
    #main .frame-type-carousel_fullscreen .carousel .carousel-content-inner {
        max-width: 1600px;
    }

    #main .frame-type-carousel_fullscreen .carousel .carousel-item-type-header .carousel-text-inner {
        max-width: 1600px;
    }

}





/*OWL Slider */
.owl-carousel .owl-stage-outer {	z-index: 1;	margin: 0 10px;}
.owl-carousel .owl-item {padding: 0; }
.owl-carousel .owl-item img {	display: block;	width: 100%; 	height: auto; opacity: 0.7;  background-color: black;}
.owl-carousel .owl-nav {	width: 100%;		position: absolute;	left: 0;	top: 30%; display: flex;	justify-content: space-between; z-index: 1;}
.owl-carousel .nav-btn{		width: 30px;	height: 30px;	cursor: pointer;	top: 0 !important;}
.owl-carousel .owl-prev.disabled, .owl-carousel .owl-next.disabled{	pointer-events: none;	opacity: 0.2;}
.owl-carousel .prev-slide{	background: url("/fileadmin/user_upload/Icon/arrow-o-prev.svg") no-repeat scroll 0 0; background-size: 30px 30px;	right: 0; margin: 10px 0;}
.owl-carousel .next-slide{	background: url("/fileadmin/user_upload/Icon/arrow-o-next.svg") no-repeat scroll 0 0; background-size: 30px 30px;	right: 0; margin: 10px 0;}

/* punkte ausgeblendet
.carousel-indicators {	display: none;} */

/* Kreisform für die Punkte */
.owl-theme .owl-dots .owl-dot span {		background: var(--color-primary);	display: block;}
.owl-theme .owl-nav [class*=owl-]:hover {	background: transparent;	color: #FFF;	text-decoration: none;}
@media screen and (min-width: 768px){

    .owl-carousel .owl-item {padding: 20px 0;}
}
@media screen and (min-width: 992px){
    .owl-carousel .owl-stage-outer {	z-index: 1;	margin: 0 0;}
    .owl-carousel .owl-item {padding: 0 0;}
    .owl-carousel .owl-nav {	top: 40%; }
    .owl-carousel .nav-btn {	width: 40px;	height: 40px;	cursor: pointer;	top: 0 !important;}
    .owl-carousel .prev-slide{	 background-size: 40px 40px;	}
    .owl-carousel .next-slide{	 background-size: 40px 40px;	}
}

@media screen and (min-width: 1600px){
    .owl-carousel .owl-stage-outer {	z-index: 1;	margin: 0 0;}
    .owl-carousel .owl-item {padding: 0 0;}
}


.frame-type-mask_fotogallerie3d  {    margin-bottom: 30px;    position: relative;}


.frame-type-mask_fotogallerie3d .fotogallerie3dicon {position:absolute; top: 0; width: 100%; height: 150px; background-image: url('/fileadmin/user_upload/Icon/Imp.svg');background-repeat: no-repeat; background-position: top center; z-index:5;}
.frame-type-mask_fotogallerie3d .fotogallerie3dsilder {padding-top: 100px;}

.frame-type-mask_fotogallerie3d .owl-item.active.center .carouselimg  {    transform: scale(1.23);    opacity: 1;    background: #fff;     color: #fff; }
.frame-type-mask_fotogallerie3d .carouselimg {    background: #fff;    padding: 0;    margin: 20px 0px 45px 0px;    border-radius: 0;    box-shadow: 0 5px 25px -20px rgb(0 0 0 / 73%);
    transform: scale(0.8);    opacity: 0.5;    transition: all 0.3s; }
.frame-type-mask_fotogallerie3d .carouselimg img {    border-radius: 0 0 0 0;}

.frame-type-mask_fotogallerie3d .owl-carousel .owl-nav {	bottom: -20px;    top: unset;    justify-content: space-around; }
.frame-type-mask_fotogallerie3d .owl-carousel .nav-btn{background-image: url("/fileadmin/user_upload/Icon/arrow-b-prev.svg");}
.frame-type-mask_fotogallerie3d .owl-carousel .nav-btn.next-slide {background-image: url("/fileadmin/user_upload/Icon/arrow-b-next.svg");}

.frame-type-mask_fotogallerie3d .owl-dots {    text-align: center; display: none;}
.frame-type-mask_fotogallerie3d .owl-dots .owl-dot {    height: 10px;    width: 10px;    border-radius: 10px;    background: #ccc !important;    margin-left: 3px;    margin-right: 3px;    outline: none;}

@media (min-width: 992px) {
    .frame-type-mask_fotogallerie3d .carouselimg {    background: #fff;    padding: 0;    margin: 50px 0 90px 0;}

    .frame-type-mask_fotogallerie3d .fotogallerie3dicon { height: 150px; }
    .frame-type-mask_fotogallerie3d .fotogallerie3dsilder {padding-top: 100px;}
}




@media screen and (min-width: 1900px){
    .frame-type-mask_fotogallerie3d .fotogallerie3dicon { height: 150px; }
    .frame-type-mask_fotogallerie3d .fotogallerie3dsilder {padding-top: 120px;}
}