/* News Teaser Lazyload */
.news-container-ajax {margin: 0; background-color: #1a3444; height: 48px; padding-top: 5px; text-align: center;}
.container .news-container-ajax {float: left;}
.news-container-ajax button.more-news-ajax {  background-color: #1a3444; border: none; color: #fff; font-size: 18px; padding:0;  width: 152px; cursor: pointer;}
.news-container-ajax button.more-news-ajax:after {content: '\f13a';display: inline-block; height: 35px; font: 400 28px var(--fontAwesome); color: #c20069; padding-left: 12px; position: relative; top: 4px; }
#start .col-xs-12.news-section>.news .news-teaser { margin: 30px 0 0 0; }
#start .col-xs-12.news-section>.news  { float:left; width: 100%; }

/* Prio 1 und News Teaser */
.news h3 { font-size: 19px; margin-top: 14px; }
.news h4 { margin: 3px 0;}
.news .news-teaser img { width: 100%; }
.news .news-teaser {float: left; margin-bottom: 30px; width: 100%; }
.news .news-teaser-text {padding: 8px 15px 20px 15px; }
.news .news-list-date {font-size: 14px; color: #7c7c7c; }
.news .news-teaser-image a:hover{ color: #fff !important;}
.news .news-teaser-image { position: relative; }
#start .news .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 .news-teaser-image a { display: inline-block; position: relative; width:100%; }

/* Prio 1 */
.news .news-teaser.prio1 {border: none;}
.news .prio1 .news-list-date { margin-bottom: 6px; }
.news .prio1 h3 { font-size: 28px; margin-bottom: 18px; }

/* News Teaser Ressort-Content */
.container .col-xs-12.col-md-8 .news-teaser .news-teaser-image { float:left; }

/* Artikel */
.article h1 {margin-bottom: 38px; font-size: 28px; }
.article h3 {margin-bottom: 3px; }
.article .vorspann {font-weight: bold; margin-top: 12px; }
.article .vorspann p {margin: 0;}
.article ul.news-img { float: left;}
.article ul.news-img a {color: #c20069;}
.article ul.news-img a:hover {color: #fff}
.article {display: flex; flex-direction: column; }
.article .news-header { clear: none; order: -1;}
.article .share-items {order: -1; float: none; margin-top: -6px;}
.article .news-header a {color: #c20069;}
.article .news-header .icons {position: relative; top: -3px;}
.article .news-header span.date { font-size: 18px; color: #7c7c7c; }


/* News Archiv */
.news .news-archive { float: left; width: 100%; }
.news .news-archive h3 {font-size: 18px; margin-bottom: 10px; }
.news .news-archive h4 {font-size: 14px; color: #4c5563;}
.news .news-archive { margin-bottom: 30px;}
.news .news-archive .date {text-align: right;font-size: 14px; color: #7c7c7c;}
.news .news-archive p { margin:0; font-size: 15px; }
.news-archive .news-archive-image img {width: 100%; height: auto; }

    /* Archiv Box */
.news .archiv-box { background-color: #ebeaeb;padding: 20px; float: left; margin-bottom:40px; }
.news .archiv-box h4 { font-size: 22px; color: #455e6e; margin-bottom: 20px;}
.news .archiv-box h5 { font-size: 16px; color: #616d7f; margin-bottom: 4px;}
.news .archiv-box .year {float: left; margin-bottom: 20px; }
.news .archiv-box .year ul {margin: 0; padding: 0; list-style:none; }
.news .archiv-box .year ul li { float: left; font-size: 15px; width: 72px; margin-right: 20px;  }
.news .archiv-box .year ul li+li {}


/* News Scrollbox */
.news-scrollbox { padding:15px 19px 2px 19px; background-color:#ebeaeb; font-size:14px; color:#7c7c7c; margin-bottom: 40px; position: relative;}
.news-scrollbox h5 { font-size:22px; color:#455e6e; margin:0 18px 49px 0; }
.news-scrollbox h4 { font-size:13px; }
.news-scrollbox h3 { font-size:15px; }
.news-scrollbox :last-child { padding-bottom: 20px; }
.news-scrollbox .news-list-date { font-size:14px; padding-bottom:5px; }
.news-scrollbox .scrollable-wrap { z-index:1; position:relative; }
.news-scrollbox .angle-up, .news-scrollbox .angle-down { font-family: var(--fontAwesome); position:absolute; font-size: 33px; right: 19px; cursor:pointer; z-index:2; color:#c20069; padding: 0 5px; line-height:25px; }
.news-scrollbox .angle-up.inactive, .news-scrollbox .angle-down.inactive { color:#b0b0b0; }
.news-scrollbox .angle-up { top:15px; }
.news-scrollbox .angle-down { top:44px; }
.news-scrollbox .angle-up:after { content: "\f106"; }
.news-scrollbox .angle-down:after { content: "\f107"; }

.news-teaser a.img-link { position: relative; float:left; }
.news-teaser h3 a:hover { color: #455e6e }

/* ###temp### begin */
div.col-xs-12.col-md-8 .news .news-archive .news-archive-image .mediaelement-video {margin-right: 10px;}
div.col-xs-12.col-md-8 .news .news-archive .news-archive-image iframe { width: 220px; height: 124px; }
/* ###temp### end */


@media (min-width: 768px) {

    /*  Prio 1 */
    .news .prio1 .news-teaser-text {padding: 12px 15px 30px 15px;}
    .news .prio1 h4 {font-size: 16px}
    .news .prio1 .news-list-date {font-size: 14px;}
    .news .prio1 .news-teaser-text {font-size: 14px; }

    /* News Teaser */
    #start .col-xs-12.news-section .col-xs-12.col-md-6>.news .news-teaser { border-top: 1px solid #fff;}
    .container .col-xs-12.col-md-8 .news .news-teaser {float: none; margin-bottom: 0; }
    .news .news-teaser-text {padding: 6px 10px; }
    .news h3 { font-size: 15px; margin: 0 0 12px 0;}
    .news h4 {font-size: 12px;}
    .news .news-list-date {font-size: 11px;}

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

    /* Artikel */
    .article {display: block;}
    .article ul.news-img { width: 55%; padding-right: 2.5%; }
    .article .news-header span.date { font-size: 22px; }
    .article .ce-intext.ce-left .ce-gallery { margin-right:18px; }

    /* News Archiv */
    .news-archive .news-archive-text { vertical-align: top; }
    .news-archive .news-archive-image img { margin-right: 10px; width: auto; max-width: 100%; float: left;   }

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

    /* Prio 1 und News Teaser */
    .news .news-teaser-text {padding: 6px 10px; }
    .news h3 { font-size: 15px; margin: 0 0 4px 0;}
    .news h4 {font-size: 12px;}
    .news .news-list-date {font-size: 11px; }

    /* Prio 1 */
    .news .prio1 .news-teaser-text {padding: 19px;}

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

    /* News Teaser Lazyload */
    #start .col-xs-12.news-section>.news .news-teaser, #start .col-xs-12.news-section>div:not([class])>.news .news-teaser {width: 25%; }

    /* Artikel */
    .article h1 {font-size: 30px; }

}

@media (min-width: 1200px) {

    /*  Prio 1 und News Teaser */
    .news .news-teaser-text {padding: 10px 12px; }
    .news h3 { font-size: 16px;}
    .news h4 {font-size: 13px;}
    .news .news-list-date {font-size: 12px;}

    /* Artikel */
    .article h1 {font-size: 35px; }
    .article .ce-intext.ce-left .ce-gallery { margin-right:2.5%; }

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

    /* Prio 1 und News Teaser */
    .news h3 { font-size: 17px; }
    .news .news-teaser-text {padding: 14px 19px; }

}