/****************************************************************************
 * Timeline
 ****************************************************************************/
.custom_winterfest_timeline .listing,
.custom_winterfest_timeline .listing *,
.custom_winterfest_timeline .slick_slider .slick-dots li button {
    cursor: url('../img/winterfest-cursor-icon-fahrrad-gelb-klein.png') 12 4, auto;
}
.custom_winterfest_timeline .listing {
    padding-bottom: 2rem;
}

.custom_winterfest_timeline .slick_slider .slick-dots {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    height: 1rem; background: #f0f0f0;
    border-radius: 1rem; width: 100%;
    overflow: hidden;
}
.custom_winterfest_timeline .slick_slider .slick-dots li {
    padding: 0; margin: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    background-color: transparent;
}
.custom_winterfest_timeline .slick_slider .slick-dots li button {
    width: 100%; border-radius: 0;
    position: relative;
    background-color: transparent;
}
.custom_winterfest_timeline .slick_slider .slick-dots li.slick-active button:after {
    content: ''; position: absolute; 
    top: 0; bottom: 0; left: -999rem; right: 0;
    width: auto; height: auto;
    background: #ffcc00;
    pointer-events: none;
}


/****************************************************************************
 * Title Counter
 ****************************************************************************/
.title_counter h3 {
    margin: 0;
}