.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-container { opacity: 0.9;    background-color: #2D2D2B;  }
/*#section-slider .carousel .carousel-content   { background: linear-gradient(rgba(255,255,255,0.8) 0, rgba(255,255,255,0) 30%, rgba(255,255,255,0.3) 80%, rgba(255,255,255,0.3) 100%);}*/
#section-slider .carousel .carousel-item {	 padding-left: 0;	padding-right: 0; height: 100vh  }
#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;    justify-content: center; align-items: center;  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;    max-height: 143px;    width: auto; max-width: 90%;    overflow: hidden;}


@media (min-width: 768px) {
    #section-slider .carousel-item-type-image .carousel-image img {   	max-width: 456px; }
}

@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);}
}

@media (min-width: 1600px) {

}

@media (min-width: 1920px) {
    #section-slider .carousel-item-type-image .carousel-image img {   	max-width: 664px; }

    /* 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;}

}


/* 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: 100px; height: 32px;   background-image: url("/fileadmin/user_upload/Icon/arrow-prev.svg");}
#section-slider .carousel .carousel-control-icon.carousel-control-next-icon {    width: 100px; 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: 16px; 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: 100px; height: 32px;}
    #section-slider .carousel-control-next {   bottom: 50px; right: 40%; width: 100px; 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;    }


}


/*
überschreibt bootstrap Carousel

*/

.news .carousel-item .tab-content img {
    max-width: 100%;
    height: auto;
}


.news .carousel-control-prev,
.news .carousel-control-next {
    position: absolute;
    top: 0;
    bottom: auto; /* überschreibt bootstrap */
    width: 11px;
    height: 22px;
    opacity: 1; /* damit sie voll sichtbar sind */
}

/* Prev Button */
.news .carousel-control-prev {
    left: 0;
}

.news .carousel-control-prev-icon {
    background-image: url('/fileadmin/user_upload/Icon/arrow-b-prev.svg');
    background-size: contain;
    background-repeat: no-repeat;
    width: 11px;
    height: 22px;
}

/* Next Button */
.news .carousel-control-next {
    right: 0;
}

.news .carousel-control-next-icon {
    background-image: url('/fileadmin/user_upload/Icon/arrow-b-next.svg');
    background-size: contain;
    background-repeat: no-repeat;
    width: 11px;
    height: 22px;
}

/* Optional: Bootstrap blendet Icons mit Filter aus – zurücksetzen */
.news .carousel-control-prev-icon,
.news .carousel-control-next-icon {
    filter: none;
}

.news .carousel-counter {
    position: absolute;
    font-family: "havelock-titling-variable", sans-serif;
    top: 40px;   /* Höhe des Pfeils (35px) + etwas Abstand */
    right: 0;
    color: #585757;
    padding: 4px 8px;
    font-size: 15px;
    font-weight: bold;
    line-height: 1;
    z-index: 10;
}

@media (min-width: 992px) {

    .news .carousel-control-prev,
    .news .carousel-control-next {
        width: 86px;
        height: 35px;
    }

    .news .carousel-control-prev-icon {
        background-image: url('/fileadmin/user_upload/Icon/arrow-prev.svg');
        width: 86px;
        height: 35px;
    }
    .news .carousel-control-next-icon {
        background-image: url('/fileadmin/user_upload/Icon/arrow-next.svg');
        width: 86px;
        height: 35px;
    }
    .news .carousel-counter {
        top: 40px;   /* Höhe des Pfeils (35px) + etwas Abstand */
        font-size: 20px;
    }

}