/****************************************************************************
 * Header Slider
 ****************************************************************************/
.content_section.header_image {padding-top: 0;}

.content_section.header_image.has_padding_top {
	padding-top:4rem;
}

.content_section.header_image > .row {
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
}
.content_section.header_image > .row > .content_image,
.content_section.header_image > .row > .typo_breadcrumbs,
.content_section.header_image > .row > .content_column,
.content_section.header_image > .row > .columns.listing {
    -webkit-box-flex:0;
    -webkit-flex:0 0 100%;
    -ms-flex:0 0 100%;
    flex:0 0 100%;
    max-width:100%;
}

.content_section.header_image .content_image {
    order: 1; padding-top: 0;
}
.content_section.header_image > .row > .content_image {
    height: 20rem; 
}
.content_section.header_image > .row > .content_image [data-ratio] {
    position: absolute; width: auto; top: 0; left: 0; right: 0; 
    height: 20rem; 
}

@media screen and (max-width:39.9375em){
	.content_section.header_image > .row > .content_image[class*=-ratio-] {
		height: auto;
		padding: 0 0 56.25%;
	}
	.content_section.header_image > .row > .content_image[class*=-ratio-] [data-ratio] {
		height: auto; 
	}
}

.content_section.header_image > .row > .content_image figcaption {
    position: absolute; top: 18rem; left: 1rem; z-index: 200;
    color: #FFFFFF;
}
.content_section.header_image > .row > .content_image > img {
    width: auto; height: 20rem; max-width: none;
}
.content_section.header_image .typo_breadcrumbs {
    order: 2;
}
.content_section.header_image .content_column {
    order: 3;
}
.content_section.header_image > .row > .columns.listing {
    order: 4;
}

.content_section.header_image > .row > .content_column .content_title {
    text-align: center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
}
.content_section.header_image > .row > .content_column .content_title.text-left {
	text-align: left;
    -webkit-box-pack:start;
    -webkit-justify-content:flex-start;
    -ms-flex-pack:start;
    justify-content:flex-start;
}

.content_section.header_image > .row:first-child + .listing {
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
}

@media screen and (min-width:40em){
    /****************************************************************************
    * Header Slider
    ****************************************************************************/
    .content_section.header_image > .row > .content_column,
    .content_section.header_image > .row > .columns.listing {
        -webkit-box-flex:0;
        -webkit-flex:0 0 83.33333%;
        -ms-flex:0 0 83.33333%;
        flex:0 0 83.33333%;
        max-width:83.33333%;
    }

    .content_section.header_image > .row > .content_image { height: 25rem;}
    .content_section.header_image > .row > .content_image [data-ratio] { height: 25rem; }
    .content_section.header_image > .row > .content_image > img { height: 25rem; }
    .content_section.header_image > .row > .content_image figcaption { top: 23rem;}

    .content_section.header_image > .row:first-child + .listing {
        padding-top: 1rem;
    }
}

@media screen and (min-width:64em){
    /****************************************************************************
    * Header Slider
    ****************************************************************************/
    /*.content_section.header_image > .row > .content_image,
    .content_section.header_image > .row > .typo_breadcrumbs, */
    .content_section.header_image > .row > .content_column,
    .content_section.header_image > .row > .columns.listing {
        -webkit-box-flex:0;
        -webkit-flex:0 0 66.66667%;
        -ms-flex:0 0 66.66667%;
        flex:0 0 66.66667%;
        max-width:66.66667%;
    }

    .content_section.header_image > .row > .content_image { height: 30rem;}
    .content_section.header_image > .row > .content_image [data-ratio] { height: 30rem; }
    .content_section.header_image > .row > .content_image > img { height: 30rem; }
    .content_section.header_image > .row > .content_image figcaption { top: 28rem;}

    .content_section.header_image > .row > .columns.listing > .item {
        -webkit-box-flex:0;
        -webkit-flex:0 0 50%;
        -ms-flex:0 0 50%;
        flex:0 0 50%;
        max-width:50%;
    }
    .content_section.header_image > .row > .columns.listing.large_three_in_a_row > .item.item.full_width,
    .content_section.header_image > .row > .columns.listing > .item.full_width {
        -webkit-box-flex:0;
        -webkit-flex:0 0 100%;
        -ms-flex:0 0 100%;
        flex:0 0 100%;
        max-width:100%;
    }

    .content_section.header_image > .row > .columns.listing.large_three_in_a_row > .item {
        -webkit-box-flex:0;
        -webkit-flex:0 0 33.333%;
        -ms-flex:0 0 33.333%;
        flex:0 0 33.333%;
        max-width:33.333%;
    }
    
    

    .content_section.header_image > .row:first-child + .listing {
        padding-top: 2rem;
    }
}



@media screen and (min-width:90em){
    /****************************************************************************
    * Header Slider
    ****************************************************************************/
    .content_section.header_image > .row > .content_image { height: 40rem;}
    .content_section.header_image > .row > .content_image [data-ratio] { height: 40rem; }
    .content_section.header_image > .row > .content_image > img { height: 40rem; }
    .content_section.header_image > .row > .content_image figcaption { top: 38rem;}

}

@media screen and (min-width:120em){
    /****************************************************************************
    * Header Slider
    ****************************************************************************/
    .content_section.header_image > .row > .content_image { height: 50rem;}
    .content_section.header_image > .row > .content_image [data-ratio] { height: 50rem; }
    .content_section.header_image > .row > .content_image > img { height: 50rem; }
    .content_section.header_image > .row > .content_image figcaption { top: 48rem;}

}

@media screen and (min-width:150em){
    /****************************************************************************
    * Header Slider
    ****************************************************************************/
    .content_section.header_image > .row > .content_image { height: 60rem;}
    .content_section.header_image > .row > .content_image [data-ratio] { height: 60rem; }
    .content_section.header_image > .row > .content_image > img { height: 60rem; }
    .content_section.header_image > .row > .content_image figcaption { top: 58rem;}

}