/* News Teaser Lazyload */
.news-container-ajax {margin: 0; background-color: #2f4a5b; height: 48px; padding-top: 5px; text-align: center; }
.news-container-ajax button.more-news-ajax {  background-color: #2f4a5b; border: none; color: #fff; font-size: 18px; padding:0;  width: 150px; cursor: pointer;}
.news-container-ajax button.more-news-ajax:after {content: '\f350'; font: 28px var(--fontAwesome); padding-left: 12px; position: relative; top: 5px; }
#start .col-xs-12.news-section>.news .news-teaser { margin: 30px 0 0 0;}

/* News Grid Startseite */
section.col-xs-12.news-section .col-xs-12.col-lg-6:nth-of-type(2), section.col-xs-12.news-section>.news { padding: 0 15px;}

/* Allgemein */
.news img { width: 100%; }
.news .date {font-family: FiraSans-Regular,Arial, sans-serif; }
.news .news-list-date {color: #7c7c7c; width: 100%; text-align: right; }
.news-teaser-text {padding: 8px 15px 20px 15px; }
.news-teaser-image { position: relative; }
.news-teaser-image:after {content: ''; display: block; width: 0; height: 0; position: absolute; right: 33px; bottom: 0; border-style: solid; border-width: 0 20px 19px 20px; border-color: transparent transparent #f3f3f3 transparent;}
.news-teaser-image a { display: inline-block; position: relative; width:100%; }
.news-prio1, .news-teaser, .news-archive { background-color: #e7e7e7; margin-bottom: 30px;}

/* Prio 1 */
.news-prio1 {border: none;}
.news-prio1 h3 { font-size: 28px; }
.news-prio1 h4 { margin-bottom: 4px; }
.news-prio1 .news-list-date { font-size: 15px; }

/* News Teaser */
.news-teaser {float: left;}
.news-teaser h3 { font-size: 19px; }
.news-teaser h4 { font-size: 14px; margin-bottom: 4px; }
.news-teaser .news-list-date {font-size: 12px; }

/* News Archiv */
.news-archive { float: left; width: 100%; padding: 17px; margin: 10px 0 20px 0;}
.news-archive h3 { font-size: 18px; margin-bottom: 10px }
.news-archive h4 {font-size: 16px; color: #7c7c7c; margin-bottom: 4px;}
.news-archive-image { float:left; margin-bottom: 10px; }
.news-archive-text { font-size: 15px; }
.news-archive .date {float: right; margin-left: 10px; font-size: 14px; }


/* Artikel */
.news-single h3 { margin-bottom: 8px; font-size: 15px; }
.news-single .vorspann {  font-weight: bold; clear:both; padding-top: 10px; }
.news-single ul.news-img span.creator { font-size: 14px; color: #7c7c7c; bottom: 8px; right: 8px; padding: 6px 16px; background-color: rgba(255,255,255,.8);  }
.news-single ul.news-img span.description {font-size: 14px; margin-top: 6px;}
.news-single ul.news-img li {}
ul.news-img a {color: #009fe3;}
ul.news-img a:hover {color: #fff}

.news-header { clear: none;}
.news-header span.date { font-size: 15px; color: #7c7c7c; margin-top: 7px; }
.news-header a {color: #009fe3;}

/* BildIcons*/
ul.news-img li a:hover .media-icon:before, .ce-gallery figure:hover .media-icon:before{ color:#0069b4; }
ul.news-img li a:hover .media-icon.video, .ce-gallery figure:hover .media-icon.video {border-color: #0069b4;}
ul.news-img li a:hover .media-icon.video:before, .ce-gallery figure:hover .media-icon.video:before { border-color: transparent transparent transparent #0069b4 ; }

@media (min-width: 768px) {

    /* News Teaser Lazyload */
    section.col-xs-12.news-section>.news .news-teaser:nth-of-type(2n + 3){ clear: both; }

    /* News Teaser */
    #start .col-xs-12.news-section .col-xs-12.col-md-6 .news-teaser { border-top: 1px solid #fff;}
    #start .col-xs-12.news-section .col-xs-12.col-md-6:nth-of-type(2) .news-teaser { border-left: 1px solid #fff;}
    .news-teaser {float: none; margin-bottom: 0; }
    .news-teaser-text { padding-bottom: 28px;}

    /* News Teaser Lazyload */
    #start .col-xs-12.news-section>.news .news-teaser {width: 50%; margin: 0; border-top: 1px solid #fff;}
    .news>.inner-wrap {clear: both; }
    .news>.inner-wrap>.news-teaser { width: 25%; float:left; border-left: 1px solid #fff; }

    /* News Archiv */
    .news-archive {padding: 0; background-color: transparent; }
    .news-archive-image { margin-right: 10px; }
    .news-archive h3 { font-size: 15px;}
    .news-archive h4 {font-size: 13px;}
    .news-archive-text { font-size: 13px; }
    .news-archive .date {font-size: 12px; }

    .news-teaser a.read-more { position: absolute; bottom:0; width:90%; }

    /* Artikel */


}
@media (min-width: 992px) {

    /* News Teaser Lazyload */
    #start .col-xs-12.news-section > .news .news-teaser { width: 25%; }
    section.col-xs-12.news-section>.news .news-teaser:nth-of-type(2n + 3){ clear: none; }

    /* News Grid Startseite */
    section.col-xs-12.news-section .col-xs-12.col-lg-6:nth-of-type(2), section.col-xs-12.news-section>.news { padding: 0;}
    section.col-xs-12.news-section>.col-xs-12.col-lg-6>.col-xs-12.col-md-6 {border-left: 1px solid #fff;}

    /* Allgemein */
    .news-prio1, .news-teaser { background-color: transparent; margin-bottom: 0;}

    /*  Prio 1 und News Teaser */
    #start .col-xs-12.news-section .col-xs-12.col-lg-6 > .col-xs-12.col-md-6:first-of-type { border-left: 1px solid #fff;}
    #start .col-xs-12.news-section .col-xs-12.col-md-6 .news-teaser { border-top: none; }
    #start .col-xs-12.news-section .col-xs-12.col-md-6 .news-teaser:nth-of-type(2) { border-top: 1px solid #fff;}

    /* Prio 1 */
    .news-prio1 h3 { font-size: 23px; margin-bottom: 10px; }

    /* News Teaser */
    .news-teaser-text { padding-bottom: 20px;}
    .news-teaser h3 { font-size: 17px; }
    .news-teaser h4 { font-size: 13px; }

    /* News Archiv */
    .news-archive h3 { font-size: 16px;}
    .news-archive-text { font-size: 14px; }
    .news-archive .date {font-size: 13px; }

    /* Artikel */
    .news-single h3 { font-size: 16px;}
    .news-prio1 h4 { font-size: 15px; }

    .news-header span.date { font-size: 17px;}

}

@media (min-width: 1200px) {

    /* Prio 1 */
    .news-prio1 h3 { font-size: 28px; margin-bottom: 18px; }
    .news-prio1 h4 { font-size: 16px; }

    /* News Teaser */
    .news-teaser h3 { font-size: 18px; }
    .news-teaser h4 { font-size: 14px; }

    /* News Archiv */
    .news-archive h3 { font-size: 18px;}
    .news-archive h4 {font-size: 16px;}
    .news-archive-text { font-size: 15px; }
    .news-archive .date {font-size: 14px; }

    /* Artikel */
    .news-single h3 {font-size: 18px;}
    .news-header span.date {font-size: 20px;  margin-top: 0; }
}

@media (min-width: 1440px) {

    /* Prio 1 und News Teaser */


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