/****************************************************************************
 * Slider Container
 ****************************************************************************/
.content_section.typo_slider_section{
    padding: 0; position: relative;
    overflow: hidden;
}
.slick_wrapper{
    padding-bottom: 100%; overflow: hidden;
    position: static;
}

.typo_slider_section.fullscreen .slick_wrapper{
    padding-bottom: 0; height: 100%;
}

.slick_wrapper .slick_slider{
    position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    width: 100%; height: 100%; z-index: 0;
}

.slick_wrapper .slick_slide > [data-ratio]{
    position: absolute; left: 0; right: 0;
    bottom: 0; top: 0; z-index: 0;
}


/****************************************************************************
 * Slider-Content
 ****************************************************************************/
.slick_wrapper .slider_content{
    position: absolute; top: 50%; left: 0; right: 0;
    margin: 0 auto; width: 100%; pointer-events:none;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10; padding: 0 .1625rem; text-align: center;
    max-width: 75rem;
}
.slick_wrapper .slider_content > *{
    pointer-events:all;
}

@media screen and (min-width:40em){
    /****************************************************************************
     * Slider Container
     ****************************************************************************/
    .slick_wrapper{
        padding-bottom: 75%;
    }
    
    /****************************************************************************
     * Slider-Content
     ****************************************************************************/
    .slick_wrapper .slider_content{
        padding: 0 2.9375rem;
    }
}

@media screen and (min-width:64em){
    /****************************************************************************
     * Slider Container
     ****************************************************************************/
    .slick_wrapper{ padding-bottom: 56.25%; }
}