
.progressBarContainer h3 {
    position: absolute;
    color: #000;
    top: -44px;
    font-size: 16px;
    padding-left: 10px;
}
.sliderContainer {
    position: relative;
    /*margin-top: 94px;*/
}

.slider {
    width: 100%;
    margin: 0;
    #height: 600px;
}

.slick-slide {
    color: #666;
    padding: 0;
    font-size: 30px;
    text-align: center;
    #min-height: 190px;
}

.slick-prev:before,
.slick-next:before {
    color: black;
}

.slick-dots {
    bottom: -30px;
}

.progressBarContainer {
    position: inherit;
    bottom: 31px;
    width: 100%;
    margin-top: 7px;
    background-color: #E6F4F6;
    padding: 5px 0 6px 0;
    z-index: 150;
}

.progressBarContainer .slslsl {
    display: block;
    width: 20%;
    padding: 0;
    cursor: pointer;
    margin-right: 0;
    float: left;
    border-right: 2px dotted #ccc;
}
.progressBarContainer .slslsl:first-child {
    border-left: 2px dotted #ccc;
}
.progressBarContainer .slslsl:last-child {
    #border-right: none
}

.progressBarContainer div:last-child {
    #margin-right: 0;
}

.progressBarContainer .slslsl span.progressBar {
    width: 100%;
    height: 40px;
    background-color: #E6F4F6;
    display: block;
}
.progressBarContainer .slslsl span.progressBar:hover {
    #background-color: #81cad1;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c0e4e8+0,c0e4e8+17,c0e4e8+17,a0d7dd+18,a0d7dd+18,a0d7dd+18,a0d7dd+35,a0d7dd+35,81cad1+35,81cad1+35,81cad1+100 */
    background: linear-gradient(to bottom,  rgb(192,228,232) 0%,rgb(192,228,232) 17%,rgb(192,228,232) 17%,rgb(160,215,221) 18%,rgb(160,215,221) 18%,rgb(160,215,221) 18%,rgb(160,215,221) 35%,rgb(160,215,221) 35%,rgb(129,202,209) 35%,rgb(129,202,209) 35%,rgb(129,202,209) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    color:#fff;
}
.slslsl :hover .slider_h6{
    #color:#fff
}
.slslsl :hover .progressBar{
    #color:#fff
}
.slider_h6{

}

.slider_arrows_frame button,
.teile_slider_section button,
.progressbar_wrapper button,
.slick-slider-mobile > button {
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
}

.carousel-slide-heading {
    margin-top: 0;
    margin-bottom: 0;
}

.slider-link-button {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    text-decoration: none;
}

.slider_arrows_frame button:focus-visible,
.teile_slider_section button:focus-visible,
.progressbar_wrapper button:focus-visible,
.slick-slider-mobile > button:focus-visible {
    outline: 3px solid #fff;
    outline-offset: 3px;
}

.progressbar_wrapper .slslsl {
    border-top: 0;
    border-bottom: 0;
    border-left: 0;
    border-right: 2px dotted #ccc;
}

.progressbar_wrapper .slslsl:first-child {
    border-left: 2px dotted #ccc;
}

.progressbar_wrapper .prog-arrow {
    border: 0;
}

.progressbar_wrapper button:focus-visible {
    outline-color: #000;
}

@media (max-width: 430px) {
    .slider-link-button.slider_button_green1,
    .slider-link-button.slider_button_green2 {
        margin-left: 13px;
    }
}
.progressBarContainer .slslsl span.progressBar .inProgress {
    background-color: #c0e4e8;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c0e4e8+0,c0e4e8+17,c0e4e8+17,a0d7dd+18,a0d7dd+18,a0d7dd+18,a0d7dd+35,a0d7dd+35,81cad1+35,81cad1+35,81cad1+100 */
    #background: linear-gradient(to bottom,  rgb(192,228,232) 0%,rgb(192,228,232) 17%,rgb(192,228,232) 17%,rgb(160,215,221) 18%,rgb(160,215,221) 18%,rgb(160,215,221) 18%,rgb(160,215,221) 35%,rgb(160,215,221) 35%,rgb(129,202,209) 35%,rgb(129,202,209) 35%,rgb(129,202,209) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    width: 0%;
    height: 40px;
}

.h6.slider_h6 {
    color: #747474;
    font-size: 12px;
    position: absolute;
    padding: 3px 15px 0;
}
