/****************************************************************************
 * Intro-Section
 ****************************************************************************/
.aktuelles_newsletter .content_title.icon_bg.leafes_left > *:first-child:before{
    left: -2.5em; bottom: .5em; width: 3.25em; height: 3.25em;
}
.aktuelles_newsletter .content_title.icon_bg.leafes_right > *:first-child:after{
    width: 3em; height: 3em; right: -2.25em; bottom: 0;
}



/****************************************************************************
 * Grid-Items
 ****************************************************************************/
.blog_archive_section .blog_item{
    padding: .9375rem; position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
}
.blog_archive_section .blog_item:after{
    position: absolute; content: ''; height: 3px;
    left: .9375rem; right: .9375rem; bottom: .875rem;
    background-color: rgb(245,154,0);
}

.blog_item .blog_image{
    margin-bottom: 1rem; padding-bottom: 75%;
    display: block; position: relative; overflow: hidden;
}
.blog_item .blog_image:before,
.blog_item .blog_image:after{
    position: absolute; left: 0; right: 0; top: 0; bottom: 0;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    opacity: 0; visibility: hidden;
    z-index: 10;
}
.blog_item .blog_image:before{
    top: 50%; bottom: auto;z-index: 20;
    text-align: center; content: "\f00e";
    font-family: FontAwesome; 
    color: #FFFFFF; font-size: 3rem;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.blog_item .blog_image:after{
    content: ''; display: block; background-color: rgba(66,31,16,.3);
}
.blog_item .blog_image:hover:before,
.blog_item .blog_image:focus:before,
.blog_item .blog_image:hover:after,
.blog_item .blog_image:focus:after{
    opacity: 1; visibility: visible;
}
.blog_item .blog_image:hover:before,
.blog_item .blog_image:focus:before{
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.blog_item .content_title{
    font-size: 1rem; margin-bottom: 1rem; text-align: left;
}
.blog_item .content_title > *:first-child{
    font-size: 1.5em; order: 0;
}

/****************************************************************************
 * Pagination
 ****************************************************************************/
.blog_archive_pagination_section.content_section{
    padding-top: 1rem; padding-bottom: 1rem;
}
.blog_archive_pagination_section .pagination{
    margin: 0;
}

.blog_archive_pagination_section .pagination .nav-links > *{
    background-color: rgba(245,154,0,0); border: 2px solid rgba(245,154,0,0);
    color: rgba(245,154,0,1); border-radius: .125rem;
    text-transform: uppercase; letter-spacing: 0.2em;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
.blog_archive_pagination_section .pagination .nav-links > *:hover,
.blog_archive_pagination_section .pagination .nav-links > *:focus{
    border: 2px solid rgba(245,154,0,1);
}
.blog_archive_pagination_section .pagination .nav-links > .current{
    background-color: rgb(245,154,0); border: 2px solid rgb(245,154,0);
    color: #FFFFFF;
}

@media screen and (min-width:40em){
    /****************************************************************************
     * Grid-Items
     ****************************************************************************/
    .blog_archive_section .blog_item{
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        width: 50%;
    }
}

@media screen and (min-width:70em){
    /****************************************************************************
     * Grid-Items
     ****************************************************************************/
    .blog_archive_section .blog_item{
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.333%;
        -ms-flex: 0 0 33.333%;
        flex: 0 0 33.333%;
        width: 33.333%;
    }
    .blog_item .content_title > *:first-child{
        font-size: 1.375em;
    }
}