/* Teaser */
.news * h2 {font: 25px Yanone-Kaffeesatz-Regular, Share-Regular, Arial, sans-serif; color: #585858; border-bottom: 2px solid #585858; margin-bottom: 15px; }
.news-teaser h3 {font-size: 15px;}
#start .news .news-teaser {margin: 30px 10px 0 10px;}

/* Archiv */
.news-archive {  font-size: 14px; float:left; width: 100%; margin-bottom: 22px; }
.news-archive img {float:left; margin-right: 10px; }
.news-archive h3 { margin: 3px 0 6px 0; font-size: 16px; clear: right; }
.news-archive .date { float: right; color: #9ea8ae; font-size: 13px;  }
.news-archive .news-img-wrap { float:left; margin-right:5px; }
.news-archive .news-archive-text p { margin:3px 0 15px 0; }
.news-archive .news-archive-image img { height: auto; }

/* Article */
.article {}
.article .article-content { margin: 0 10px; }
.article .article-content p { float: left;}
.article h1 { margin-bottom: 24px; }
.article h3 { color: #5e6c72; font-size: 19px; clear:both; padding-bottom: 2px; }
.article .vorspann { font-weight: bold; margin-bottom: 17px; width:100%; float: left; }
.article .vorspann p {margin: 0;}
.article ul.news-img {float:left;}
.article .article-header {border-bottom: 2px solid #585858; margin-bottom: 35px; height: 26px; }
.article .article-header h4 { float:left; font: 25px Yanone-Kaffeesatz-Regular, Share-Regular, Arial, sans-serif; color: #585858;}
.article .news-header {text-align: left; }
.article .news-header .icons {position: relative; top: -8px;}
.article .news-header .icons a {color: #db5727;}
.article .news-header .icons a:before{ content: '| '; font:18px Yanone-Kaffeesatz-Regular, arial, sans-serif; color: #585858; }
.article .news-header .icons a:after {font-size: 17px; font-weight: 900; }
.article .news-header .icons a.share {position: relative; top: -3px;}
.article .news-header .icons a.share:after {content: '\f064'; font-family: var(--fontAwesome); position: relative; left: 5px; top: 1px;}

.article .news-header span.date { color: #585858;}
/* Paginierung Archiv */
.page-navigation ul li a:hover, .page-navigation ul li.current  { color: #5e6c72; }

@media (min-width:768px) {

    /* Allgemein */
    .news img { height: auto; width: auto; max-width: 100%; }


    .news-archive .news-archive-image img { float: left; margin-right: 10px; }
}

@media (min-width: 992px) {


}

@media (min-width: 1200px) {

    /* Article */
    .article { margin-top: 0; }
    .article h1 { font-size: 25px; }
    .article h3 { font-size: 19px; }
    .article .vorspann { font-weight: bold; margin: 17px 0; }
}