/* Allgemein */
[class^='teaser-'] { float: left; background-color: #e9ebed; margin-bottom: 40px; width: 100%;  padding: 10px; }
[class^='teaser-'] .date { font: 13px Share-Regular, Arial, sans-serif; color: #7a7a7a; float: right; margin: 0 0 3px 5px; text-align: right; }
[class^='teaser'] .text p {margin: 0;}
[class^='teaser-'] .image { float: left; margin: 0 0 10px 0; }
[class^='teaser-'] img {  max-width: 100%; }

/* Prio 1 */
.teaser-prio1 h3 {font-size: 22px; margin-bottom: 25px; }
.teaser-prio1 h4 {font-size: 15px; margin-bottom: 4px;}

/* Teaser */
.teaser-news h3 { font-size: 22px; margin-bottom: 10px; }
.teaser-news h4 {margin-bottom: 4px; font-size: 15px; }

/* Teaser mit Prio 1 */
.teaser-news.width-prio1 h3 { font-size: 20px; }

/* Archivseite */
.teaser-archive h3 {font-size: 19px; margin-bottom: 8px; }
.teaser-archive h4 { margin-bottom: 3px; font-size: 15px; }
.teaser-archive h4 a { color: #164194; }

/* Detailseite */
.article h1 {  }
.article h3 { margin-bottom: 6px;}
.article .vorspann { font-weight: bold; margin:10px 0 0 0; clear:both; float: left; width: 100%; }
/* wenn das Bild kleiner ist als das Minimum  */
.article .news-text-wrap, .article ul.news-img {float: left; width: 100%;}

/* Mehr-Button */
a.read-more { display: block; font-size: 14px; text-transform: uppercase; background-color: #2d4b84; padding: 10px 0; margin-top: 34px; color: #fff; border-radius: 5px; text-align: center; order: inherit; }
a.read-more:hover {color: #fff; }
@media (min-width: 768px) {

    /* Allgemein */
    [class^='teaser-'] { background-color: #fff;  margin-bottom: 30px; }

    /* Prio 1 */
    .teaser-prio1 { padding: 10px; }
    .teaser-prio1 h3 {font-size: 23px; }
    .teaser-prio1 a.read-more { margin-top: 15px; }

    /* Teaser */
    body:not(.start) .teaser-news {padding: 0; }
    .teaser-news { display: block; margin-bottom: 30px;}

    /* Mehr-Button */
    a.read-more { float: right; background-color: #eaeaea; color: #696969; padding: 7px 35px; font-size: 12px; }
    a.read-more:hover { color: #696969; background-color: #d7d9de; transition: background-color, 700ms; }

}

@media (min-width: 992px) {

    /* Allgemein */
    [class^='teaser-'] { margin-bottom: 40px; }
    [class^='teaser-']:not(.width-prio1) .image {  margin: 0 10px 0 0; }

    /* Prio 1 */
    .teaser-prio1 .text { min-height: 125px; }

    /* Teaser */
    .teaser-news h4 {font-size: 16px; }

    /* Teaser mit Prio 1 */
    .teaser-news.width-prio1 { width: 31.2%; padding:0; }
    .teaser-news.width-prio1 { margin-left: 3.1%; }
    .teaser-news.width-prio1:nth-of-type(3n + 1) { margin-left: 0; clear:left; }
    .teaser-news.width-prio1 h3 { font-size: 17px; }
    .teaser-news.width-prio1 h4 { font-size: 13px; }
    .teaser-news.width-prio1 img { float: left; margin: 0 0 6px 0; max-width: 100%; }
    .teaser-news.width-prio1 .text {font-size: 12px; margin: 10px; min-height: 210px; float: left;  }
    .teaser-news.width-prio1 .date { font-size: 12px; float: none; }
    .teaser-news.width-prio1 a.read-more { width: 92%; margin: 10px; }

    /* Archivseite */
    .teaser-archive h4 { font-size: 16px; }

}

@media (min-width: 1200px) {

    /* Allgemein */
   .start [class^='teaser-']:not(.width-prio1) { padding: 20px; }

    /* Prio 1 */
    .teaser-prio1 h3 {font-size: 25px; }
    .teaser-prio1 .text { min-height: 216px;}

    /* Teaser mit Prio 1 */
    .teaser-news.width-prio1 h3 { font-size: 20px; }
    .teaser-news.width-prio1 h4 { font-size: 14px; }
    .teaser-news.width-prio1 .date { font-size: 13px; }
    .teaser-news.width-prio1 .text { font-size: 14px; }

    /* Artikel */
    .article h3 { font-size: 19px; }

}