/* Teaser */
.news-teaser {background-color: #fff; float: left; }
.news-teaser h3 {font-size: 18px; margin-bottom: 6px; }
.news-teaser-image img { width: 100%;  }
.news-teaser .news-teaser-text { font-size: 15px; padding: 8px 15px 0 15px;}
.news-teaser-date {font-size: 13px; text-align: right; margin: 10px 0;}

a.news-teaser-archivbutton { display: block; text-align: center; background-color: #233588; color: #fff; text-transform: uppercase; padding: 15px 0; margin: 0 15px 26px 15px; clear: both; }
a.news-teaser-archivbutton:hover { background-color: #707070; color: #fff; transition: background-color 300ms; }
a.news-teaser-archivbutton:before { content:'\f054'; font: 16px "Font Awesome 5 Pro"; padding-right: 7px;}

/* Archiv */
.news-archive {float: left; width: 100%; margin: 20px 0; }
.news-archive-image { float: left; }
.news-archive-image img {width: 100%}
.news-archive h3 {font-size: 18px; margin-bottom: 8px; }
.news-archive h4 {font-size: 14px; margin-bottom: 2px; }
.news-archive-text {font-size: 15px; }
.news-archive .date {font-size: 13px; float: right; margin-left: 10px; }

/* Artikel */
.news-header {margin: 0 5px 30px 0; }
.news-header span.date {float: none; font: 16px Titillium-Regular, Arial, Helvetica, sans-serif;}
.news-header .icons {display: inline-block; }
.news-header .icons a:before{ content: '| '; font:19px Titillium-Regular, Arial, Helvetica, sans-serif; color: #585858;}
.news-header .icons a.print:before {position: relative; top: -1px;}
.news-header .icons a:after {font-size: 19px; font-weight: 900; color: #0069b4; }
.news-header .icons a.share {position: relative; top: -3px;}
.news-header .icons a.share:after {content: '\f064'; font-family: "Font Awesome 5 Pro", sans-serif; position: relative; left: 5px; top: 2px;}
.share-items {margin: -18px 0 24px 0; }
.article h1 {font-size: 32px; margin-bottom: 30px}
.article h3 {margin-bottom: 6px; font-size: 22px}
.vorspann p {float: left; font-weight: bold;}
ul.news-img span.description {font-size: 14px; margin-top: 7px; }
ul.news-img span.creator { font-size: 14px; color: #7c7c7c; bottom: 10px; right: 10px; padding: 6px 16px; background-color: rgba(255,255,255,.8);  }

a.read-more {   font-size: 15px; }

@media (min-width: 576px) {

    .news-archive-image { margin-right: 10px; }
    .news-archive-text {font-size: 13px; }
    .news-archive .date {font-size: 12px; }
}

@media (min-width: 768px) {

    .news-teaser { width: 100%; }
    .news-teaser h3 { }
    .news-teaser .news-teaser-image { float: left; margin: 0 15px 30px 0;}

    a.news-teaser-archivbutton {  }

    .news-archive .date {font-size: 13px; }

}

@media (min-width: 992px) {


    .news-archive-text {font-size: 15px; line-height: 20px;}
}

@media (min-width: 1200px) {

    .news-teaser {height: 400px; }
    .news-teaser h3 {  }
    .news-teaser .news-teaser-image { float: none; margin: 0;}
    .news-teaser .news-teaser-text { font-size: 14px; }
    a.news-teaser-archivbutton {position: absolute; margin-bottom: 0; bottom: 18px; left:0; width: 87.4%;  }
}