/****************************************************************************
 * Content-Title
 ****************************************************************************/
.content_title{
    text-align: center; padding-bottom: 3rem;
    position: relative;
}
.content_title > *{ margin: 0 auto; }
.content_title:after, .title_image:after {
    content: '***'; width: 100%; margin: auto; display: block;
    position: absolute; left: 0; right: 0; bottom: 1.5rem;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
    
}
.title_image {position: relative; margin: 2rem auto 4rem;}
.title_image:before {
    content: '***'; width: 100%; margin: auto; display: block;
    position: absolute; left: 0; right: 0; top: -3.5rem;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
}

.title_image:after {
    top: 3.5rem;
}

/****************************************************************************
 * Post Content
 ****************************************************************************/
.post_content a,
.post_content a:visited {
    color: #7f1714;
}
.post_content a:hover,
.post_content a:focus {
    color: #0a0a0a;
}

/****************************************************************************
 * Native Elements
 ****************************************************************************/
hr{ border-bottom: 1px solid #3c3c3b; }


/****************************************************************************
 * nudel_line
 ****************************************************************************/
.nudel_line {
    position: relative;
    margin-bottom: 4rem;
}
.nudel_line:before {
    content: '';
    position: absolute;
    bottom: -4rem;
    background-size: 100%;
    background-image: url("../img/nudeln-illustriert.png");
    background-repeat: no-repeat;
    z-index: 5;
    max-width: 500px;
    height: 4rem;
    margin: 0 auto;
    display: block;
    left: 0.9375rem;
    right: 0.9375rem;

}

/****************************************************************************
 * Farmer circle_icon
 ****************************************************************************/

.large_width_thin .post_thumbnail,
.story_farmer_icon .post_thumbnail {
    margin-top: 3rem;
    position: relative;
}
.large_width_thin .post_thumbnail:before,
.story_farmer_icon .post_thumbnail:before {
    content: '';
    position: absolute;
    top: -5rem;
    background-size: 100%;
    background-image: url(../img/circle-icon.png);
    background-repeat: no-repeat;
    z-index: 5;
    width: 4rem;
    height: 6rem;
    margin: 0 auto;
    display: block;
    left: 0;
    right: 0;

}
.story_farmer_icon .post_thumbnail:before { top: -7rem;}


/****************************************************************************
 * PASTA – heart
 ****************************************************************************/
.heart {
    position: relative;
    margin-bottom: 4rem;
}
.heart:before {
    content: '';
    position: absolute;
    bottom: -4rem;
    background-size: 100%;
    background-image: url("../img/heart.svg");
    background-repeat: no-repeat;
    z-index: 5;
    width: 1.5rem;
    height: 4rem;
    margin: 0 auto;
    display: block;
    left: 0.9375rem;
    right: 0.9375rem;

}

/****************************************************************************
 * PASTA – border_bottom
 ****************************************************************************/
.border_bottom .post_thumbnail {
    position: relative;
}
.border_bottom .post_thumbnail:before {
    content: '';
    position: absolute;
    bottom: -2rem;
    background-color: #d1d3d4;
    z-index: 5;
    width: 100%;
    height: 2px;
    margin: 0 auto;
    display: block;
    left: 0;
    right: 0;

}




@media screen and (min-width:40em){
/****************************************************************************
 * Content-Title
 ****************************************************************************/
    .title_image {margin: 2rem auto 6rem;}
    .title_image:before {
        top: -5rem;
    }
    
    .title_image:after {
        top: 5rem;
    }

}



@media screen and (min-width:64em) {
    /****************************************************************************
    * large_width_small
    ****************************************************************************/
    .large_width_small .post_content {
        width: 70%;
        margin: 0 auto;
    }
    
    /****************************************************************************
    * large_width_thin
    ****************************************************************************/
    .large_width_thin .post_content {
        width: 50%;
        margin: 0 auto;
    }
    
}

/*
@media screen and (min-height:75em) {
    body #content { min-height: 55rem;}
}
*/


.searchform {
    margin-bottom: 2rem;
}
.searchform input {
    height: 2.5rem;
}