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

/* News Teaser Lazyload */
.news-container-ajax {margin-top: 30px; background-color: #0186be; height: 48px; padding-top: 5px;}
.news-container-ajax button.more-news-ajax {  background-color: #0186be; border: none; color: #fff; font-size: 18px; padding:0; }
.news-container-ajax button.more-news-ajax:after {content: '\f078'; font: 300 28px var(--fontAwesome); padding-left: 12px; position: relative; top: 5px; }

/* Teaser */
.start .news { display: flex; flex-direction: column; gap: 30px; }
.teaser-news { background-color: #fff; padding: 24px 15px;}
.teaser-news .date { font-size: .8em; display: flex; }
.teaser-news .date-day:after { content: '.'; padding-right: 4px;}
.teaser-news .date-month:after { content: ''; padding-right: 4px;}
.teaser-news h3 { font-size: 1em; }
.teaser-news h4 { font-size: .85em; margin-bottom: 6px; }

/* Archiv */
.teaser-archive { clear: both; margin: 20px 0; }
.teaser-archive+.teaser-archive { margin-top: 40px;}
.teaser-archive img { float: left; margin-bottom: 10px; }
.teaser-archive .date { font-size: .8em; float: right; padding-left: 10px; }
.teaser-archive h3 { margin-bottom: 8px; font-size: 1.05em; }
.teaser-archive h4 {margin-bottom: 4px; font-size: 15px; }
.teaser-archive .text { font-size: .92em; }

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

@media (min-width: 576px) {

    /* Teaser */
    .teaser-news { font-size: .83em; display: flex; padding: 0; }
    .teaser-news .date { display: block; margin: 20px 0; border-right: solid 1px #7c7c7c; width: 80px; text-align: center; flex-shrink: 0; }
    .teaser-news .date-day { font-size: 1.7em; }
    .teaser-news .date-day:after, .teaser-news .date-month:after { display: none; }
    .teaser-news .head {  margin: 20px 5px 20px 20px; flex-grow: 1;}
    .teaser-news .image { flex-shrink: 0;}

    /* Archiv */
    .teaser-archive img { margin: 0 15px 0 0; }
}

@media (min-width: 768px) {

    /* Teaser */
    .teaser-news { font-size: .9em; }

}

@media (min-width: 1200px) {

    /* Teaser */
    .teaser-news { font-size: 1em; }
}