/* header slider */
@media (max-width:991px) {
    .carousel-control-next-icon {
    background-image: none;
    display: none;
    /*
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e);
*/
}

.carousel-control-prev-icon {
    display: none;
    background-image: none;
    /*
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e);
*/
}


}
@media (min-width: 992px ) {
    .carousel-item-type-header .carousel-text-inner {
        text-align: center;
        max-width: 980px;
        width: 90%;
        /*border: 1px solid red;*/
    }
    .carousel-text-inner h1 {
    font-size: 3rem;
    }
    .carousel-text-inner h2 {
    font-size: 1.97rem;
    }
}
@media (min-width: 1200px ) {
    .carousel-item-type-header .carousel-text-inner {
        max-width: 1180px;
        width:80%;
        /* Nach unten*/
        padding-top: calc(100vh / 5);
    }
    .carousel-text-inner h1 {
    font-size: 3.5rem;
    }
    .carousel-text-inner h2 {
    font-size: 2.3rem;
    }
    
}

/* Navigations Pfeile Slider */

@media (min-width: 992px) {
    
    .carousel .carousel-control-icon {
      /*  
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    width: auto;
    height: auto;
    color: #ed1c24;
    padding: 1em;
    */
    background-color: transparent;
    /*
    transition: all 0.4s ease-in-out 0s;
    */
}
.carousel .carousel-control-icon {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    width: auto;
    height: auto;
    color: transparent;
    padding: 1em;
    background-color: #fff;
    background-color: transparent;
    transition: all 0.4s ease-in-out 0s;
}

/* caroussel indicator immer sichtbar */
.carousel .carousel-control, .carousel .carousel-indicators {
    transition: opacity 0.4s ease-in-out 0s;
    z-index: 1;
    opacity: 1;
    margin-bottom: calc(5vh);
}

.carousel .carousel-control-prev .carousel-control-icon {
    left: 0;
}
.carousel .carousel-control-next .carousel-control-icon {
    right: 0;
}

.carousel .carousel-control-icon:before {
    content: none;
}


.carousel-control-next-icon {
    background-image: none;
    /*
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e);
*/
}

.carousel-control-prev-icon {
    background-image: none;
    /*
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e);
*/
}


    
}



/* slider indikatoren */ 

@media (min-width:992px) { 
}


@media (min-width: 200px) {
    
.carousel-indicators li {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 2px;
    text-indent: -999px;
    border: 0px solid #FFffFF;
    border-radius: 50%;
    cursor: pointer;
    background-color: #FFffFF;
    /* inaktiver button next slide*/
    opacity: 1;
    margin: 4px;
}

.carousel-indicators .active {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #e30613;
    opacity: 1;
}
}


@media (min-width: 992px) {
    .navbar+a+.carousel-fullscreen, .navbar+a+a+.carousel-fullscreen, .navbar+.typo3-feedit-element>a+.carousel-fullscreen, .navbar+.typo3-feedit-element>a+a+.carousel-fullscreen, .navbar+.main-section>a+.carousel-fullscreen, .navbar+.main-section>a+a+.carousel-fullscreen, .navbar+.main-section>.typo3-feedit-element>a+.carousel-fullscreen, .navbar+.main-section>.typo3-feedit-element>a+a+.carousel-fullscreen, .navbar+a+.carousel-fullscreen .carousel-item, .navbar+a+a+.carousel-fullscreen .carousel-item, .navbar+.typo3-feedit-element>a+.carousel-fullscreen .carousel-item, .navbar+.typo3-feedit-element>a+a+.carousel-fullscreen .carousel-item, .navbar+.main-section>a+.carousel-fullscreen .carousel-item, .navbar+.main-section>a+a+.carousel-fullscreen .carousel-item, .navbar+.main-section>.typo3-feedit-element>a+.carousel-fullscreen .carousel-item, .navbar+.main-section>.typo3-feedit-element>a+a+.carousel-fullscreen .carousel-item {
    height: calc(100vh - 70px);
}
   
}
@media (min-width: 1200px) {
    .navbar+a+.carousel-fullscreen, .navbar+a+a+.carousel-fullscreen, .navbar+.typo3-feedit-element>a+.carousel-fullscreen, .navbar+.typo3-feedit-element>a+a+.carousel-fullscreen, .navbar+.main-section>a+.carousel-fullscreen, .navbar+.main-section>a+a+.carousel-fullscreen, .navbar+.main-section>.typo3-feedit-element>a+.carousel-fullscreen, .navbar+.main-section>.typo3-feedit-element>a+a+.carousel-fullscreen, .navbar+a+.carousel-fullscreen .carousel-item, .navbar+a+a+.carousel-fullscreen .carousel-item, .navbar+.typo3-feedit-element>a+.carousel-fullscreen .carousel-item, .navbar+.typo3-feedit-element>a+a+.carousel-fullscreen .carousel-item, .navbar+.main-section>a+.carousel-fullscreen .carousel-item, .navbar+.main-section>a+a+.carousel-fullscreen .carousel-item, .navbar+.main-section>.typo3-feedit-element>a+.carousel-fullscreen .carousel-item, .navbar+.main-section>.typo3-feedit-element>a+a+.carousel-fullscreen .carousel-item {
    height: calc(100vh - 90px);
}
    
}
@media (min-width: 992px) { 
.body-bg-top {
    padding-top: 90px;
}
}
@media (min-width: 1200px) { 
.body-bg-top {
    padding-top: 90px;
}
}


@media (max-height: 450px) {
    .carousel-indicators {
        display: none;
}

}

@media (min-width: 992px) {
    .carousel-indicators {
        bottom: 50px;
}

}
@media (min-width: 1200px) {
    .carousel-indicators {
        bottom: 50px;
}

}