#start .news { padding: 22px 15px; }
.news h2 { text-transform: uppercase;  margin-bottom: 30px; text-align: right; padding-right: 10px;}
.news h2:after {content: '|'; display: inline-block; position: relative; top: -3px; line-height: 36px; padding-left: 8px; }
.news h3 { font-size: 19px; margin-bottom: 4px; }
.news h4 { margin: 3px 0;}

/* News Teaser */
.news .news-teaser { margin-bottom: 30px; overflow: hidden;  }

/* News Archiv */
.news .news-archive { float: left; width: 100%; }
.news .news-archive+.news-archive { margin-top: 30px;}
.news .news-archive .date {text-align: right;}

.news .news-teaser img, .news .news-archive img { float: left; margin-bottom: 10px; width: 100%; height:auto; }
.news .news-archive img { margin-top:15px; }

/* Artikel */
.article h1 { margin-bottom: 15px; }
.article .vorspann { float: left; width: 100%; font-weight: bold; }
.article ul.news-img span.creator { bottom: 3px; right: 3px}
.article .magnifier-icon {bottom: 3px;}
.news-header span.date {font-family: Univers-Cond, Arial, Helvetica, sans-serif; }
.news-header a { color: #6ab429; }
.news-header a:hover {color: #293951;}

@media (min-width: 768px) {

    #start .news { padding: 15px 5px; }
    #start .news .inner-wrap { overflow:hidden; }

    .news h2 { font-size: 23px; }
    .news h3 { font-size: 15px;}
    .news img { width: auto !important; max-width: 100% !important; height: auto; }
    /* News Teaser */
    .news .news-teaser {font-size: 12px; margin-bottom: 20px; }
    .news .news-teaser img, .news .news-archive img { margin: 0 10px 0; }
}
@media (min-width: 992px) {

    #start .news { padding: 15px; }

    /* News Teaser */
    .news .news-teaser {font-size: 14px; margin-bottom: 30px;}
    .news h2 { font-size: 27px; }
    .news h3 { font-size: 16px;}
}

@media (min-width: 1200px) {
    #start .news { padding: 30px 38px; }
    .news h3 { font-size: 19px;}
}