/* slider */
#section-slider			{ position:relative; float:left; width:100%; text-align:center;  margin:0 auto; padding: 0; z-index: 10;     }
#section-slider-wrap	{ position:relative;  width:100%;    padding: 0 0;  margin:0 auto; z-index:1;  }
#section-slider .frame { padding: 0;}

/* Fullscreen */
#section-slider .carousel-fullscreen .item {	height: 100vh; }
#section-slider .carousel-fullscreen .carousel-content-inner {        flex-wrap: wrap;    justify-content: center; flex-direction: column;}
#section-slider .carousel-fullscreen .carousel-inner .carousel-item .carousel-backgroundimage {    -webkit-transition: all 8s ease 0s;    transition: all 8s ease 0s;
    transform: perspective(100vw) translateZ(10vw);}
#section-slider .carousel-fullscreen .carousel-inner .carousel-item.active .carousel-backgroundimage {    transform: perspective(100vw) translateZ(0vw);}
#section-slider .carousel-item-type-text_and_image .carousel-image {  max-width: 200px;  display: block; padding-bottom: 18px; }
#section-slider .carousel .carousel-item h1 { font-weight: 500;font-size: 20px; text-transform: uppercase; line-height: 1.2em; padding-bottom: 0; display: none;}
#section-slider .carousel .carousel-item h1 { font-weight: 500;font-size: 20px; text-transform: uppercase; line-height: 1.2em; padding-bottom: 0; display: none;}
#section-slider .carousel-item-type-text_and_image .btn-outline-default {  text-transform: uppercase; letter-spacing: 0.1rem; text-decoration: none; font-weight: 600;  }
#section-slider  .carousel-item-type-image .carousel-image {    width: 100%; max-width: 800px;}
#section-slider .carousel-item-type-image .carousel-image img {    margin: 0 auto;    max-width: 80%;    display: block;    height: auto;}

@media (min-width:768px) {
    #section-slider .carousel-item-type-text_and_image .carousel-image {  max-width: 350px;  }
}
/* Slider Allgemein */
#section-slider .valign {  flex-flow: row wrap; align-content: center; max-width: 100%; padding-left: 40%;}
#section-slider .carousel {overflow: hidden;}
#section-slider .carousel .carousel-content {    position: relative;    height: 100%;}
#section-slider .carousel-fullscreen .carousel-content .valign .vcontainer {    width: 100%;}
#section-slider .carousel .carousel-item {    padding-left: 0;    padding-right: 0;}

#section-slider .carousel .carousel-content { background-size: 25px;  background-repeat: repeat-y; background-position: top right;}
#section-slider .carousel .carousel-item h1 { font-weight: 500;font-size: 20px; text-transform: uppercase; line-height: 1.2em; padding-bottom: 0; display: none;}
#section-slider .carousel .carousel-item h2 { font-weight: 800; font-family: "Open Sans", sans-serif; font-size: 20px; text-transform: uppercase; padding-bottom: 0; line-height: 1.2em;}
#section-slider .carousel .carousel-item h3 { font-weight: 100; font-family: "Open Sans",sans-serif; font-size: 20px; line-height: 1.2em; padding-bottom: 0; margin-bottom: 0;}
#section-slider .carousel  .btn-primary {    min-width: 150px;    letter-spacing: 1px;    text-transform: uppercase;    color: #FFFFFF;    background-color: #CAA164;  border-radius: 20px;   font-family: "Open Sans",sans-serif;     padding: 5px;    margin: 5px;    text-align: center;    border-bottom: 0;    font-size: 12px;}
#section-slider .carousel  .btn-primary:hover {background-color: #B89560; }

#section-slider .carousel-control-prev,
#section-slider .carousel-control-next {    position: absolute; top: 0;   bottom: 0;    display: flex;    align-items: normal;    justify-content: center;}
#section-slider .carousel-control-prev {    left: 0;}
#section-slider .carousel .carousel-control-prev .carousel-control-icon {	left: 100%; background-image: url("/fileadmin/user_upload/Icon/arrow-white-prev.svg")}
#section-slider .carousel .carousel-control-next .carousel-control-icon {	right: 100%; background-image: url("/fileadmin/user_upload/Icon/arrow-white-next.svg")}


@media (min-width:320px) {
    #section-slider .frame {  padding: 0;  }

}

@media (min-width: 576px){
    #section-slider .carousel .carousel-item h1 {font-size: 30px; text-transform: uppercase; }
    #section-slider .carousel .carousel-item h2 {  font-size: 30px; text-transform: uppercase; padding-bottom: 0; }
    #section-slider .carousel .carousel-item h3 {  font-size: 30px;  }
}


@media (min-width:768px) {
    #section-slider .carousel-fullscreen .item { height: 70vh }
    #section-slider .frame { padding: 0;}
    .carousel-item-type-call_to_action .carousel-box { max-width: 100%;  }
    #section-slider .carousel .carousel-item h1 { font-size: 35px;}
    #section-slider .carousel .carousel-item h2 {  font-size: 40px;}
    #section-slider .carousel .carousel-item h3 {  font-size: 35px;}
    #section-slider .carousel  .btn-primary {    min-width: 150px;     border-radius: 25px;    padding: 10px 25px;   margin: 25px;      border-bottom: 0px;    font-size: 18px;}
    #section-slider .carousel .carousel-content { background-size: 50px;}
}

@media (min-width:992px) {
    #section-slider .carousel-item-type-header .carousel-text-inner {  width: 95%;   }
    #section-slider .carousel-item-type-text_and_image .carousel-image {  padding-bottom: 40px;  }
}

@media (min-width:1280px) {
    #section-slider .carousel-fullscreen .item {	  height: calc(100vh - 88px); }
    #section-slider .carousel .carousel-item h1 { font-size: 45px;}
    #section-slider .carousel .carousel-item h2 {  font-size: 50px;}
    #section-slider .carousel .carousel-item h3 {  font-size: 45px;}
    #section-slider .carousel  .btn-primary {    min-width: 150px;    border-radius: 25px;    padding: 10px 25px;    margin: 25px;    text-align: center;      font-size: 18px;}


}

@media (min-width:1920px) {
    #section-slider .carousel .carousel-item h1 { font-size: 50px;}
    #section-slider .carousel .carousel-item h2 {  font-size: 60px;}
    #section-slider .carousel .carousel-item h3 {  font-size: 50px;}
    #section-slider .carousel  .btn-primary {    min-width: 150px;    border-radius: 25px;    padding: 10px 25px;    margin: 25px;    text-align: center;      font-size: 18px;}
    #section-slider .carousel .carousel-content {
        background: rgb(0,0,0);
        background: -moz-linear-gradient(90deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 64%, rgba(0,0,0,0.8519782913165266) 100%);
        background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 64%, rgba(0,0,0,0.8519782913165266) 100%);
        background: linear-gradient(90deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 64%, rgba(0,0,0,0.8519782913165266) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
    }

}






/*Effekt easy-in-out*/
.carousel {overflow: unset;}
.carousel-control-prev, .carousel-control-next {    position: absolute;    top: unset;    bottom: 0px;    display: flex;    align-items: normal;    justify-content: center;}
.carousel .carousel-indicators li {	overflow: hidden;}
.carousel .carousel-control,  .carousel .carousel-indicators {	transition: opacity 0.4s ease-in-out 0s;	z-index: 1;	opacity: 1;}
@media (prefers-reduced-motion: reduce) {
    .carousel .carousel-control,  .carousel .carousel-indicators {		transition: none;	}
}
.carousel:hover .carousel-indicators, .carousel:hover .carousel-control {	opacity: 1;}
.carousel .carousel-control-icon {
    position: absolute;	top: 90%;	transform: translate(0, 0%);
    width: auto;	height: auto;	color: #000000;	padding: 1em;	background-color: transparent;	transition: none;
}

@media (prefers-reduced-motion: reduce) {
    .carousel .carousel-control-icon {		transition: none;	}
}

.carousel .carousel-control-icon:before {   border:0;}
.carousel .carousel-control-icon:after {	border:0;	}

.carousel-control-prev-icon,  .carousel-control-next-icon {	background-image: none; }
.carousel .carousel-control-prev .carousel-control-icon {	left: 0px; background-image: url("/fileadmin/user_upload/arrow-grey-prev.svg"); background-size: 20px 20px;}
.carousel .carousel-control-next .carousel-control-icon {	right: 0px; background-image: url("/fileadmin/user_upload/arrow-grey-next.svg"); background-size: 20px 20px;}
.carousel-control-prev {  left: calc(100% - 100px) ; }



@media (min-width: 992px) {
    .carousel .carousel-control-prev .carousel-control-icon {	 background-size: 40px 40px;}
    .carousel .carousel-control-next .carousel-control-icon {	 background-size: 40px 40px;}
}

#main .carousel.carousel-fullscreen .carousel-item-type-text {	height: 350px;}
.carousel-item-type-text .carousel-text-inner { width: 100%; display: grid;	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-column-gap: 10px;
    grid-template-rows:  auto;	overflow: hidden; margin: 0; padding: 0;}
#main .carousel .carousel-content-inner .carousel-item-bodytext {   grid-column-start: 2;  grid-row-start: 1; grid-column-end: span 3;    }
@media (min-width: 992px){
    #main .carousel.carousel-fullscreen .carousel-item-type-text {	height:calc((100vw  / 16)*6);}
    .carousel-item-type-text .carousel-text-inner { display: grid;  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;    grid-column-gap: 16px;    grid-template-rows: 100px 100px 100px auto;}
    #main .carousel .carousel-content-inner .carousel-item-bodytext {   grid-column-start: 7;  grid-row-start: 1; grid-column-end: span 5;    }
    .carousel-item-type-text .carousel-text-inner {   width: 100%;   }
}
@media (min-width: 768px){
        .carousel-item-type-text .carousel-text-inner {   width: 100%;        }
}
@media (min-width: 1400px){
            #main .carousel .carousel-content-inner {   max-width: 1340px;    }
}