/* Allgemein */
.news {clear: left; }
[class^='teaser-'] img { max-width: 100%; height:auto;}
[class^='teaser-'] .date { text-align: right; font-size: 14px; margin-bottom: 6px; }

/* Ajax */
.news-container-ajax {margin-bottom: 0;}
.news-container-ajax button.more-news-ajax {background-color: #C20069; color: #fff; border: none; padding: 16px 0; font: 22px Share-Regular, Arial Helvetica, sans-serif; cursor: pointer; }
.news-container-ajax button.more-news-ajax:after { font: 300 46px var(--fontAwesome); content: "\f107"; line-height: 13px; position:relative; left:15px; top: 9px; }
.news-container-ajax button.more-news-ajax:hover { background-color: #3b3f43; transition: background-color 450ms; }

/* Prio 1 */
.teaser-prio1 {float:left; background-color: #fff; padding: 18px 14px; margin-bottom:50px; width: 100%; }
.teaser-prio1 h3 { font-size: 24px; margin-bottom:17px; }
.teaser-prio1 h4 { font-size: 17px; color: #4a504f; margin-bottom:1px; }
.teaser-prio1 .image { margin: 0; width: 100%; }
.teaser-prio1 .text { line-height:20px; font-size: 16px; margin: 10px 0;}
.teaser-prio1 .date { font-size: 16px; }

/* Teaser */
.teaser-news { width:100%; margin-bottom:50px; float:left;}
.teaser-news .text { padding: 8px 14px 24px 14px; background-color: #fff; font-size: 16px; }
.teaser-news h3 { font-size: 24px; }
.teaser-news h4 { font-size: 17px; color: #4a504f; margin-bottom:7px; }

/* Archivseite */
.teaser-archive {float: left; width: 100%; margin-bottom: 20px;}
.teaser-archive h3 {margin-bottom: 10px;  }
.teaser-archive h4 {margin-bottom: 3px;}
.teaser-archive p {margin: 8px 0 0 0; font-size: 16px; }

/* Artikelseite */
.news-single h3 { font-size: 17px; color: #646464; margin-bottom: 10px; }
.news-single h1 { font-size: 24px; color: #3b3f43; margin-bottom: 32px; }
.news-single .news-header { margin-bottom: 14px; }
.news-single .news-header .icons a { color: #C20069; }
.news-single .news-header span.date { font: 18px AlegreyaSans-Regular, Arial Helvetica, sans-serif; color: #646464; }
.news-single .share-items { margin:0 0 13px 0; }
.news-single ul.news-img { clear:both; }
.news-single ul.news-img a {margin-bottom: 8px; }
.news-single ul.news-img a:hover { color: #fff; }
.news-single ul.news-img span.creator {font-size: 12px; }
.news-single ul.news-img span.description { font: 16px AlegreyaSans-Regular, Arial Helvetica, sans-serif; color: #646464; margin: 12px 0 0 0; }
.news-single .vorspann { font-weight:bold; padding-top: 13px; line-height:24px; margin-bottom:9px; }
.news-single p { line-height:24px; }

/* Weiterbutton */
.news a.read-more { display: block; font: 18px Share-Regular, Arial, Helvetica, sans-serif; padding:10px 25px 10px 24px; border-radius: 4px; background-color:#C20069; color:#fff; text-align: center; }
.news a.read-more:hover { background-color: #3b3f43; transition: background-color 450ms; }

/* LightGallery */
.lg-sub-html h4 {position: fixed; left: 0; top: 47px; text-align: center; width: 100%; background-color: rgba(0,0,0,.5); padding: 20px 0; }

@media (min-width: 576px) {
    [class^='teaser-'] .date { font-size: 13px; }

    /* Teaser */
    .teaser-news { width: 48.5%; }
    .teaser-news:nth-of-type(even) {margin-left: 3%; }
    .teaser-news h3 { font-size: 17px; }
    .teaser-news h4 { font-size: 14px}
    .teaser-news .text p {font-size: 14px; }

}
@media (min-width: 768px) {
    [class^='teaser-'] .date { font-size: 14px; }

    /* Prio 1 */
    .teaser-prio1 { margin-bottom:35px; }

    /* Teaser */
    .teaser-news {margin-bottom:35px; }
    .teaser-news h3 { font-size: 18px; }
    .teaser-news h4 {font-size: 15px; }
    .teaser-news .text { padding-bottom: 40px; }
    .teaser-news .text p {font-size: 15px; }

    /* Archivseite */
    .teaser-archive h3 {font-size: 18px; margin-bottom: 6px;  }
    .teaser-archive h4 {font-size: 16px; }
    .teaser-archive img {float:  left; margin-right: 12px; }
    .teaser-archive p {font-size: 16px; }

    /* Weiterbutton */
    .news a.read-more { font-size: 16px; float:right; padding:4px 24px; border-radius: 0; }

}

@media (min-width: 992px) {

    /* Prio 1 */
    .teaser-prio1 { padding: 18px 25px 19px 14px; margin-bottom:40px; }
    .teaser-prio1 h3 { font-size: 26px; }
    .teaser-prio1 h4 { font-size: 18px; }
    .teaser-prio1 .image { float:left; margin: 0 16px 0 0; width: auto;  }
    .teaser-prio1 .text {min-height: 139px; font-size: 17px; line-height:21px;  margin: 0;}

    /* Teaser */
    .teaser-news {margin-bottom:40px; }
    .teaser-news h3 { font-size: 19px; }

    /* Artikelseite */
    .news-single h3 { font-size: 18px; }
    .news-single h1 { font-size: 26px; }

    /* Weiterbutton */
    .news a.read-more { font-size: 18px; }

}

@media (min-width: 1200px) {

    /* Prio 1 */
    .teaser-prio1 { padding-right: 22px; margin-bottom:50px; }
    .teaser-prio1 h3 { font-size: 28px; }
    .teaser-prio1 h4 { font-size: 20px; }
    .teaser-prio1 .text {min-height: 224px; font-size: 18px; line-height: 22px; }

    /* Teaser */
    .teaser-news {min-height: 360px; overflow: hidden; margin-bottom:50px; background-color:#fff; }
    .teaser-news .inner-wrap {position: relative; }
    .teaser-news h3 { font-size: 20px; }
    .teaser-news h4 {font-size: 16px; }
    .teaser-news .text {position: absolute; top: 100%; transition: top 700ms; padding-bottom: 24px; height: 160%; width:100%; }
    .teaser-news .text:hover {top: 48px; }
    .teaser-news .text p {margin: 0; font-size: 17px;}
    .teaser-news .headline { height: 142px;}
    .teaser-news a.read-more { margin-top: 15px; text-align: center; width: 95px;}

    /* Artikelseite */
    .news-single h3 { font-size: 20px; }
    .news-single h1 { font-size: 28px; }
}