/* Allgemein */
[class^='teaser-'] img { max-width: 100%; height: auto; }
[class^='teaser-'] h4 { color: #61666c; font-size: .938em; margin-bottom:4px;  }
[class^='teaser-'] p { font-size: .875em; margin: 0; }
[class^='teaser-'] .date { text-align: right; color: #898989; font: .875em Share-Regular, Arial, Helvetica, sans-serif; margin:8px 0 12px 0;  }
.col-xs-12.col-lg-8 .news {font-size: 1em;}

/* Teaser */
.news>h2 { background-color: #fff; padding: 16px 10px 4px 10px; margin: 34px 0 0 0; }
.teaser-news { width: 100%; display: flex; flex-flow: column; position: relative; background-color: #fff; padding: 15px 10px; margin-bottom: 34px; }
.teaser-news  h3 { font-size: 1.25em; margin-bottom: 6px;  }
.teaser-news a.read-more { padding:6px 0; background-color: #0069b4; border-radius:2px; color: #fff; text-align: center; display: block; width: 100%; margin: auto 0 10px 0; font-size: 13px;}

/* Archiv */
.teaser-archive {  width: 100%; float: left;  }
.teaser-archive+.teaser-archive { margin-top: 30px;}
.teaser-archive h3 { margin:0 0 7px 0; }
.teaser-archive .image { float: left; margin-bottom: 8px;}
.teaser-news .text { margin-bottom:25px; }
.teaser-archive .text p { }

/* Artikel*/
.news-header {  margin: 20px 0 30px 0; }
.news-header a:hover, .news-header a i:hover { text-decoration: none !important; color: #941616; }
.article h1 { color: #334555; width: 100%;}
.article h3 { color: #5c6167; clear:both; padding-bottom: 4px; }
.article .introduction { font-weight: bold; margin: 0; color:#2b3b37; float: left; width: 100%; }
ul.news-img { float: left; }


@media (min-width: 768px) {

    /* Allgemein */
    .col-xs-12.col-lg-8 .news { background-color: #fff; display: table; font-size: .9em }
    body.start .news { padding: 20px 20px 0 20px; }

    /* Teaser */
    .news > h2 { margin-top: 0; padding: 0 0 20px 0;}
    .teaser-news { float: left; width: 32%; padding: 0; margin: 0;}
    .teaser-news:nth-of-type(3n+2) { margin: 0 2%;}


    /* Archiv */
    .teaser-archive .image { margin: 0 10px 0 0;  }
    .teaser-archive .image img {  }
    .teaser-archive .text p {  }
    .teaser-archive .date { float:right; margin:0 0 0 10px; }

    .teaser-news a.read-more { margin-bottom: 40px; }

    }

@media (min-width: 992px) {
    /* Allgemein */
    .col-xs-12.col-lg-8 .news {font-size: .925em;}

    /* Teaser */
    .teaser-news .text p { margin:0; }
    .teaser-news .text h3 { margin:0 0 3px 0;  }
    .teaser-news a.read-more { width:100%; }

}

@media (min-width: 1200px) {
    /* Allgemein */
    .col-xs-12.col-lg-8 .news {font-size: 1em;}

}