/****************************************************************************
 * Default
 ****************************************************************************/
.content_wrapper{
    text-align: center; font-size: 0;
    margin: 0 -0.625rem;
}
.content_wrapper > *{
    display: inline-block;
    vertical-align: top;
    padding: 0 .625rem;
    width: 100%;
    font-size: 1rem;
}

.content_wrapper .post_content{
    text-align: justify; margin-bottom: 2rem;
}
.content_wrapper .post_content:last-child{
    margin-bottom: 0;
}
.content_wrapper .post_content > *:last-child{
    margin-bottom: 0;
}

/****************************************************************************
 * Content-Title
 ****************************************************************************/
.content_title_row{ padding-bottom: 2rem; }
.content_title_row:last-child{ padding-bottom: 0; }

/****************************************************************************
 * Call-To-Action
 ****************************************************************************/
.call_to_action_wrapper{ text-align: center;}
.call_to_action_wrapper .button{ margin: 0 auto; }

.content_cta_row .call_to_action_wrapper{ padding-top: 2rem; }
.content_cta_row:first-child .call_to_action_wrapper{ padding-top: 0; }


/****************************************************************************
 * Gallery
 ****************************************************************************/
.content_wrapper .post_thumbnail .post_gallery{
    padding: .5rem 0 0 ; font-size: 0; text-align: left;
}
.content_wrapper .post_thumbnail .post_gallery_item{
    display: none; vertical-align: top;
    font-size: 1rem; width: 50%; padding-bottom: 50%;
}
.content_wrapper .post_thumbnail .post_gallery_item:nth-child(1),
.content_wrapper .post_thumbnail .post_gallery_item:nth-child(2),
.content_wrapper .post_thumbnail .post_gallery_item:nth-child(3),
.content_wrapper .post_thumbnail .post_gallery_item:nth-child(4){
    display: inline-block;
}

@media screen and (min-width:40em){
    /****************************************************************************
     * Default
     ****************************************************************************/
    .content_wrapper{
        margin: 0 -0.9375rem;
    }
    .content_wrapper > *{
        padding: 0 .9375rem; width: 100%;
        vertical-align: top;
        position: relative;
    }
    
    /****************************************************************************
     * Image-Left/Right
     ****************************************************************************/
    .image_left .content_wrapper > *,
    .image_right .content_wrapper > *{
        width: 50%;
    }
    .image_left .content_wrapper .post_content,
    .image_right .content_wrapper .post_content{
        margin-bottom: 0;
    }
    
    .image_left .content_wrapper .post_content{ left: 50%; }
    .image_left .content_wrapper .post_thumbnail{ left: -50%; }
    
    /****************************************************************************
     * Reset Single-Elements
     ****************************************************************************/
    .content_wrapper > *:first-child:last-child{
        width: 100%; left: 0 !important; text-align: center;
    }
    
}

@media screen and (min-width:64em){
    /****************************************************************************
     * Default
     ****************************************************************************/
    .content_wrapper > *{ width: 83.333%; }
    .content_wrapper .post_content{ text-align: left; }
    
    /****************************************************************************
     * Default
     ****************************************************************************/
    .full_width .content_wrapper > *{ width: 100%; }
    
    
    /****************************************************************************
     * Image-Left/right
     ****************************************************************************/
    .image_left .content_wrapper > *,
    .image_right .content_wrapper > *{
        width: 41.666%;
    }
    
    .image_left .content_wrapper .post_content{ left: 41.666%; }
    .image_left .content_wrapper .post_thumbnail{ left: -41.666%; }
    
    /****************************************************************************
     * Gallery
     ****************************************************************************/
    .content_wrapper .post_thumbnail .post_gallery_item{
        width: 25%; padding-bottom: 25%;
    }
    
    /****************************************************************************
     * Reset Single-Elements
     ****************************************************************************/
    .content_wrapper > *:first-child:last-child{ width: 83.333% !important; text-align: center; }
    
    
    /****************************************************************************
     * Content-Title
     ****************************************************************************/
    .content_title_row{ padding-bottom: 3rem; }
    .content_title_row:last-child{ padding-bottom: 0; }
    
    /****************************************************************************
     * Call-To-Action
     ****************************************************************************/
    .content_cta_row .call_to_action_wrapper{ padding-top: 3rem; }
    .content_cta_row:first-child .call_to_action_wrapper{ padding-top: 0; }
}