/*Slider für News */
.carousel .item img {
    width: 100%;
}

.carousel .carousel-content {
    left: 0;
    position: absolute;
    right: 0;
    top: 42%;
    width: 100%;
}

.carousel h2 {
    font-size: 1.6em;
    margin-top: 0;
    font-weight:bold;
}

.carousel.item h2 span {
    background: #ffffff none repeat scroll 0 0;
    color: #009540;
    padding: 5px;
    display: inline-block;
    letter-spacing: 1px;
}

.carousel a h2, .carousel a span {
    color: #000;
}

.carousel-control.left,
.carousel-control.right {
    background-image: none;
    display: inline-block;
    height: 35px;
    margin-top: -17px;
    top: 50%;
    width: auto;
    z-index: 20;
}

.carousel-control.left {
    left: 60px;
}

.carousel-control.right {
    right: 60px;
}

.carousel-indicators li {
    background-color: #009540;
    border: 2px solid #fff;
    height: 12px;
    width: 12px;
}

.carousel-indicators .active {
    background-color: #e20613;
    height: 14px;
    width: 14px;
}

.carousel-caption {
    right: unset;
    bottom: 1.25rem;
    left: 300px;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: left;
    width: 400px;
    background: rgba(255, 255, 255, 0.5);
    padding: 15px;
    border-radius: 10px;
}


.carousel-indicators [data-bs-target] {
    background-color: #009540 !important;
    border: 2px solid #fff !important;
    height: 20px !important;
    width: 20px !important;
    border-radius: 10px !important;
}

.carousel-indicators .active [data-bs-target] {
    background-color: #e20613 !important;
    height: 12px !important;
    width: 12px !important;
    border-radius: 10px !important;
}

.news .carousel-indicators .active {
    background-color: #e20613 !important;
}

/*Slider mit Fade-Effekt */
/*Boostrap Slider */

.slider-frame {
    display: inline-block;
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: 2s;
    transition-property: opacity;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
    opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    opacity: 0;
}

.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
    transform: translateX(0);
    transform: translate3d(0, 0, 0);
}