/*------------------------------------*
 #Global
\*------------------------------------*/
div.voelkel-blog {
    background: rgba(255, 255, 255, 0.3);
    padding:    20px 30px;
}

.voelkel-blog h1,
.voelkel-blog h2,
.voelkel-blog h3,
.voelkel-blog a {
    color: #4C6F2E;
}

/*------------------------------------*
 #Image Container
\*------------------------------------*/
.voelkel-blog .image-container {
    width:                   100%;
    height:                  300px;
    background-size:         cover !important;
    -webkit-background-size: cover !important;
    -moz-background-size:    cover !important;
    -o-background-size:      cover !important;
}

.voelkel-blog .image-container.article-preview {
    height: 80px;
}

/*------------------------------------*
 #Header
\*------------------------------------*/
.blog-header {
    margin: 0 0 50px 0;
}

.blog-header .blog-logo {
    text-align: center;
}

.blog-header .blog-logo img {
    width:     100%;
    max-width: 300px;
    height:    auto;
}

.blog-header .blog-navigation .navigation-point {
    text-align: center;
}

.blog-header .blog-navigation .navigation-point img {
    width:  auto;
    height: 50px;
}

/*------------------------------------*
 #Read More
\*------------------------------------*/
.voelkel-blog .article-more a {
    display:     inline-block;
    line-height: 20px;
    position:    relative;
    padding:     0px 30px;
}

.voelkel-blog .read-more {
    background: url("../Images/arrow-right.png") no-repeat center;
    width:      20px;
    height:     20px;
    display:    block;
    position:   absolute;
    top:        0;
    right:      0;
}

/*------------------------------------*
 #Backlink
\*------------------------------------*/
.voelkel-blog .article-backlink a,
.voelkel-blog .author-backlink a {
    display:     inline-block;
    line-height: 20px;
    position:    relative;
    padding:     0px 30px;
}

.voelkel-blog .back {
    background: url("../Images/arrow-left.png") no-repeat center;
    width:      20px;
    height:     20px;
    display:    block;
    position:   absolute;
    top:        0;
    left:       0;
}

/*------------------------------------*
 #Spacer
\*------------------------------------*/
.voelkel-blog .spacer {
    width:  100%;
    height: auto;
}

/*------------------------------------*
 #Pagination
\*------------------------------------*/
.blog-article-list .f3-widget-paginator,
.article-list .f3-widget-paginator {
    list-style-type: none;
    display:         inline-block;
    margin-bottom:   30px;
}

.blog-article-list .f3-widget-paginator li,
.article-list .f3-widget-paginator li {
    float:   left;
    padding: 0 10px;
}

.blog-article-list .f3-widget-paginator li.current,
.article-list .f3-widget-paginator li.current {
    color:       #4C6F2E;
    font-weight: 700;
}

/*------------------------------------*
 #Sidebar
\*------------------------------------*/
.blog-sidebar .auhtor-list h3,
.blog-sidebar .social-media h3 {
    margin: 0 0 10px 0;
}

.blog-sidebar .auhtor-list {
    margin-bottom: 50px;
}

.blog-sidebar .auhtor-list .author {
    margin: 0 0 10px 0;
}

.blog-sidebar .auhtor-list .author a:hover {
    cursor: pointer;
}

.blog-sidebar .auhtor-list .author .profil-picture img {
    border: 1px solid transparent;
    width:  65%;
}

.blog-sidebar .auhtor-list .author .profil-picture a:hover img {
    border: 1px solid #4C6F2E;
}

.blog-sidebar .social-media ul {
    list-style-type: none;
}

.blog-sidebar .social-media ul li {
    margin: 0 0 10px 0;
}

.blog-sidebar .social-media li img {
    width:  65px;
    height: auto;
}

/*------------------------------------*
 #Form
\*------------------------------------*/
#form-comment .line,
#form-comment-answer .line {
    margin: 0 0 20px 0;
}

#form-comment .line:last-child,
#form-comment-answer .line:last-child {
    margin: 0;
}

#form-comment label,
#form-comment-answer label {
    display: inline-block;
    margin:  0 0 10px 0;
}

#form-comment input,
#form-comment textarea,
#form-comment-answer input,
#form-comment-answer textarea {
    box-sizing: border-box;
    padding:    10px 10px;
    border:     none;
}

#form-comment input:focus,
#form-comment textarea:focus,
#form-comment-answer input:focus,
#form-comment-answer textarea:focus {
    outline: 0;
}

#form-comment textarea,
#form-comment-answer textarea {
    max-width:  100%;
    min-height: 200px;
}

#form-comment input[type=submit],
#form-comment-answer input[type=submit] {
    float:            right;
    width:            180px !important;
    border:           0;
    background-color: #4C6F2E;
    color:            white;
    padding:          6px 0;
}

#form-comment input[type=submit]:hover,
#form-comment-answer input[type=submit]:hover {
    cursor: pointer;
}

/*------------------------------------*
 #Comment answer
\*------------------------------------*/
.blog-comment-answer h1 {
    margin: 0 0 20px 0;
}

/*Comment List*/
.comment-list {
    background-color: #fff;
    padding:          40px !important;
}

.comment-list .comment {
    margin:         0 0 30px 0;
    border-bottom:  1px solid #b9b9b9;
    padding-bottom: 10px;
}

.comment-list .comment:last-child {
    margin: 0;
}

.comment-list .comment .name {
    font-weight: 700;
}

.comment-list .comment .message p {
    margin: 20px 0;
}

.comment-list .comment .answer {
    margin-bottom: 10px;
}

.comment-list .comment .date,
.comment-list .comment .answer {
    text-align: right;
}

.comment-list .comment h4 {
    margin: 0 0 10px 0;
}

.comment-list .comment .comment-answer {
    border-bottom: 1px solid #b9b9b9;
}

.comment-list .comment .comment-answer:last-child {
    border: none;
}

.comment-list .comment .comment-answer p {
    margin: 10px 0 20px 0;
}

/*------------------------------------*
 #Overview
\*------------------------------------*/
.blog-overview .article-list .article {
    margin: 0 0 50px 0;
}

.blog-overview .article-list .article-header {
    margin: 0 0 10px 0;
}

.blog-overview .article-list .article-header h3 {
    font-size:   25px;
    margin:      0 0 5px 0;
    line-height: 30px;
}

.blog-overview .article-list .article-header span {
    font-size: 14px;
}

.blog-overview .article-list .article-teaser-text,
.blog-overview .article-list .article-teaser-image {
    margin: 0 0 10px 0;
}

.blog-overview .article-list .article-more {
    text-align: right;
}

/*------------------------------------*
 #Category list
\*------------------------------------*/
.blog-article-list .article {
    margin: 0 0 50px 0;
}

.blog-article-list .article .article-header {
    margin: 0 0 10px 0;
}

.blog-article-list .article .article-teaser-text,
.blog-article-list .article .article-teaser-image {
    margin: 0 0 10px 0;
}

.blog-article-list .article .article-more {
    text-align: right;
}

.blog-article-list .article .article-header h3 {
    font-size:   25px;
    margin:      0 0 5px 0;
    line-height: 30px;
}

.blog-article-list .article .article-header span {
    font-size: 14px;
}

/*------------------------------------*
 #Gallery
\*------------------------------------*/
#article-gallery {
    position: relative;
    overflow: hidden;
}

#article-gallery ul {
    width:      20000em;
    position:   relative;
    list-style: none;
    margin:     0;
    padding:    0;
}

#article-gallery li {
    float: left;
}

#article-gallery img {
    display:   block;
    max-width: 100%;
    height:    auto !important;
}

.gallery-controller a {
    display:   block;
    font-size: 0;
    width:     20px;
    height:    20px;
    top:       50%;
    position:  absolute;
}

.gallery-controller .jcarousel-next {
    background: url("../Images/arrow-right.png") no-repeat center;
}

.gallery-controller .jcarousel-prev {
    background: url("../Images/arrow-left.png") no-repeat center;
}

/*------------------------------------*
 #Article Single
\*------------------------------------*/
.blog-article-single .article-headline,
.blog-article-single .article-images {
    margin: 0 0 10px 0;
}

.blog-article-single .article-backlink {
    margin: 0 0 30px 0;
}

.blog-article-single .article-headline h2 {
    margin:    0 0 5px 0;
    font-size: 25px;
}

.blog-article-single .article-headline span {
    font-size: 14px;
}

.blog-article-single .article-images {
    position: relative;
}

.blog-article-single h3 {
    margin: 0 0 20px 0;
}

.blog-article-single .article-content {
    margin: 0 0 50px 0;
}

.blog-article-single form {
    margin: 0 0 10px 0;
}

/*------------------------------------*
 #Author
\*------------------------------------*/
.author-detail .author-backlink,
.author-detail .author-image,
.author-detail .author-infos {
    margin: 0 0 20px 0;
}

.author-detail .author-infos h2,
.author-detail .author-articles h3 {
    margin: 0 0 10px 0;
}

.author-detail .author-articles .toArticle {
    display: block;
    margin:  0 0 10px 0;
}

/*.author-detail .author-articles a:nth-child(2) .author-article {*/
/*border-top: 1px solid #4C6F2E;*/
/*}*/

.author-detail .author-articles .author-article {
    /*border-left:      1px solid #4C6F2E;*/
    /*border-right:     1px solid #4C6F2E;*/
    /*border-bottom:    1px solid #4C6F2E;*/
    background-color: rgba(255, 255, 255, 0.5);
}

.author-detail .author-articles a:hover .author-article {
    background-color: rgba(255, 255, 255, 0.8);
}

.author-detail .author-articles .author-article img {
    max-height: 80px;
    height:     80px;
    width:      auto;
    float:      left;
    max-width:  100%;
}

.author-detail .author-articles .author-article .image {
    text-align: center;
}

.author-detail .author-articles .author-article .date {
    margin: 5px 0 5px 0;
}

.author-detail .author-articles .author-article .link span {
    padding-right: 10px;
}

.author-detail .author-articles .author-article .link {
    text-align:  right;
    line-height: 80px;
    background:  url("../Images/arrow-right.png") no-repeat right;
}

/*------------------------------------*
 #Media Querys
\*------------------------------------*/
@media (max-width: 767px) {
    .blog-header .blog-navigation .navigation-point img {
        height:    20px;
        width:     auto;
        max-width: 100%;
    }

    #form-comment input,
    #form-comment textarea,
    #form-comment-answer input,
    #form-comment-answer textarea {
        background: #4C6F2E;
        color:      #fff;
    }
}