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

/* Teaser */
.news-teaser { float:left; background-color: #fff; width: 100%; padding: 30px 12px;}
.news-teaser h3 { font-size: 20px; margin-bottom: 12px; }
.news-teaser h4 { margin-bottom: 4px; font-size: 15px; }
.news-teaser-image, .news-archive-image {float:left; margin-bottom: 8px; }
.news-list-date, .news-archive .date {float: right; margin-left: 10px; font-size: 13px;}

/* Archiv */
.news-archive { float: left; width: 100%; margin: 20px 0; }
.news-archive h3 { margin-bottom: 5px; }
.news-archive h4 {margin-bottom: 4px; font-size: 15px;}

    /* Weiterbutton */
a.read-more { width: 100%; border-radius: 4px; text-align: center; margin-top: 20px; background-color: #009fe3; color: #fff; float: left; padding: 12px 0;  }
a.read-more:hover { background-color: #9ca1a2; color: #fff; }

/* Artikel */
.article h3 { margin-bottom: 5px;  }
.article .vorspann { font-weight: bold; float: left; width: 100%; margin: 10px 0 15px 0; }
.article .vorspann p { margin: 0;}
.article .news-header span.date { font-size: 16px; }

@media (min-width: 768px) {

    /* Teaser */
    .news-teaser h3 { font-size: 17px; margin-bottom: 6px; }
    .news-teaser h4 { font-size: 14px; }
    .news-teaser-image, .news-archive-image { margin: 0 10px 0 0;}
    .news-teaser-text { font-size: 14px; }

    /* Archiv */
    .news-archive {  }

    /* Weiterbutton */
    a.read-more { float: none; background-color: transparent; color: #be181e; width: auto; padding: 0; margin:0;  text-align: left; }
    a.read-more:hover { background-color: transparent; color: #5b5b5b; }
}

@media (min-width: 992px) {

    /* Teaser */
    .news-teaser h3 { font-size: 18px; }

}

@media (min-width: 1200px) {

    /* Teaser */
    .news-teaser { padding: 30px;}
    .news-teaser h3 { font-size: 20px; }
    .news-teaser h4 { font-size: 15px; }
    .news-teaser-text { font-size: 16px; }

}