
.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%; text-align:center;  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 .carousel-backgroundimage-container {filter: brightness(0.8);    background-color: #2F2F31;  }
#section-slider .carousel .carousel-item {	 padding-left: 0;	padding-right: 0; height: 100vh  }
#section-slider .carousel  .carousel-item .valign {		align-items: start;}

/* Punktnavigation */
#section-slider .carousel .carousel-indicators [data-bs-target]  {    box-sizing: content-box;    flex: 0 1 auto;    width: 10px;    height: 10px;    padding: 0;    margin-right: 3px;    margin-left: 3px;    text-indent: -999px;    cursor: pointer;    background-color: #ffffff;    background-clip: padding-box;    border: 0;    border-top: 10px solid transparent;    border-bottom: 10px solid transparent;    opacity: 0.5;    transition: opacity 0.6s ease;}
#section-slider .carousel .carousel-indicators button.active {    height: 10px;    border-top-width: 8px;    border-bottom-width: 8px; opacity: 1; }
#section-slider .carousel .carousel-indicators button {    border-radius: 50%;    overflow: hidden;    color: inherit;    height: 10px;}

#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;    justify-content: center; align-items: center;  max-width: 100vw;}
#section-slider .carousel-content h1{ font-size: 34px; line-height: 34px; letter-spacing: 0; font-family: 'monarcha', sans-serif; font-weight: 600; text-align: right; padding: 20px 20px; text-transform: lowercase; font-style: italic; padding-bottom: 0; margin-bottom: 0;}
#section-slider .carousel-content h2{ font-size: 34px; line-height: 34px; letter-spacing: 0; font-family: 'monarcha', sans-serif; font-weight: 600; text-align: right; padding: 20px 20px; text-transform: lowercase; font-style: italic;}
#section-slider .carousel-text { margin-left: 25px;}
#section-slider .carousel-text h1{ font-size: 34px; line-height: 34px; letter-spacing: 0; text-transform: none; font-family: 'monarcha', sans-serif;  font-weight: 300; text-align: center;}
#section-slider .carousel .carousel-content {    position: relative;    height: 100%; background: rgba(0,0,0,0.3) url("/fileadmin/user_upload/Icon/slider-hg-3.svg") no-repeat; background-size: cover;   }



@media (min-width: 768px) {
    #section-slider .carousel-content h1{ font-size: 80px; line-height: 80px;}
    #section-slider .carousel-content h2{ font-size: 80px; line-height: 80px;}
    #section-slider .carousel-text { margin-left: 100px;}
    #section-slider .carousel-text h1{ font-size: 80px; line-height: 80px;}
}

@media (min-width: 992px) {
    #section-slider .carousel-item-type-text .carousel-text-inner {        width: 85%;    }
    #section-slider .carousel-content h1{ font-size: 100px; line-height: 100px;}
    #section-slider .carousel-content h2{ font-size: 100px; line-height: 100px;}
    #section-slider .carousel-text { margin-left: 165px;}
    #section-slider .carousel-text h1{ font-size: 100px; line-height: 100px;}
}


/* Rechts- und Links Navigation*/
#section-slider .carousel .carousel-control-icon.carousel-control-prev-icon {	width:30px; background-image: url("/fileadmin/user_upload/Icon/arrow-prev.svg");}
#section-slider .carousel .carousel-control-icon.carousel-control-next-icon {   width:30px; 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;}
#section-slider .carousel-item-type-image .carousel-image img {    margin: 0 auto;	 max-width: unset;	height: auto;	max-height: 200px;	width: auto; overflow: hidden; }

#section-slider .carousel-control-prev, #section-slider  .carousel-control-next {    top: unset;    bottom: 50px;}
#section-slider  .carousel .carousel-indicators {	opacity: 1;	transform: translate(0px, 0px); height: 20px;}
#section-slider  .carousel-control-prev {       left: 10px;}
#section-slider  .carousel-control-next {    right: 10px;}

@media (min-width: 768px) {
    #section-slider  .carousel-control-prev {    right: 90px;    left: unset;}
    #section-slider  .carousel-control-next {    right: 50px;}
    #section-slider .carousel .carousel-control-icon.carousel-control-prev-icon {	width:50px; }
    #section-slider .carousel .carousel-control-icon.carousel-control-next-icon {  width:50px; }
}


@media (min-width: 1920px) {
    #section-slider .carousel-item-type-image .carousel-image img {   	max-height: 400px; }
}

/*
Rechts- und Links Navigation
*/
.carousel .carousel-control-next .carousel-control-icon {	right: 0;}
.carousel .carousel-control-prev .carousel-control-icon {	left: 0;}
.carousel .carousel-control-icon {	border: solid 1px #CCCCCC;}

#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(38,38,38,0) 50%, rgba(38,38,38,0.8) 100%);}
#main .frame-type-carousel_fullscreen .carousel .carousel-content-inner {display: flex;    align-items: flex-end;     }
#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;}
#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 .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;

}
/* Rechts- und Links Navigation*/
#main .carousel .carousel-control-icon.carousel-control-prev-icon {	width:30px; background-image: url("/fileadmin/user_upload/Icon/arrow-prev.svg");}
#main .carousel .carousel-control-icon.carousel-control-next-icon {   width:30px; background-image: url("/fileadmin/user_upload/Icon/arrow-next.svg");}
#main .carousel .carousel-control-icon:before {		border-top: 0 solid #575656;	border-right: 0 solid #575656;}
#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);}

#main .carousel-control-prev, #main  .carousel-control-next {    top: unset;    bottom: 50px;}
#main  .carousel .carousel-indicators {	opacity: 1;	transform: translate(0px, 0px); height: 20px;}
#main  .carousel-control-prev {       left: 10px;}
#main  .carousel-control-next {    right: 10px;}

@media (min-width: 768px) {
    #main  .carousel-control-prev {    right: 50px;    left: unset;}
    #main  .carousel-control-next {    right: 50px;}
    #main .carousel .carousel-control-icon.carousel-control-prev-icon {	width:50px; }
    #main .carousel .carousel-control-icon.carousel-control-next-icon {  width:50px; }
}



@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: 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: 500px;    }


}
