/* Allgemein */


/* News  Teaser Scrollbox */
.news-scrollbox { font-size:14px; color:#7c7c7c; margin-bottom: 50px;}
.news-scrollbox h5 { color:#454846; margin:0 18px 30px 0; font: 25px Share-Regular, Arial, sans-serif; }
.news-scrollbox h3 { font-size:15px; margin-bottom: 3px; }
.news-scrollbox h2 { font-size:22px; margin-bottom: 8px; }
.news-scrollbox .news-teaser-image {margin-bottom: 10px; }
.news-scrollbox .news-teaser-image img {max-width: 100%; }
.news-scrollbox .news-list-date { font-size:14px;}
.news-scrollbox .scrollable-wrap { position: relative; }
.news-scrollbox .scrollable-wrap:after { content: ''; background-image: linear-gradient(to bottom,rgba(235,235,235,0),rgba(235,235,235,1)); position:absolute; bottom:0; width: 100%; height: 40px; }
.news-scrollbox span[class*='angle'] { font: 48px var(--fontAwesome); position:absolute; right: 0; cursor:pointer; z-index:2; color:#05652f; padding: 0 5px; line-height:25px; }
.news-scrollbox .angle-up.inactive, .news-scrollbox .angle-down.inactive { color:#454846; cursor: default; }
.news-scrollbox .angle-up { top:30px; }
.news-scrollbox .angle-down { top:74px; }
.news-scrollbox .angle-up:after { content: "\f106"; }
.news-scrollbox .angle-down:after { content: "\f107"; }
.news-scrollbox .scrollable>div, .news-archive { margin-top:15px; position: relative; float: left; width: 100%; background-color: #fff; padding: 20px 15px; min-height: 100px; }

/* Wenn die Gesamtanzahll der News die der eingestellten sichtbaren Newa entspricht */
.news-scrollbox>div { float: left; width: 100%; margin-bottom: 40px; }

/* Artikel */
.article h1 { color: #2f4743; font-size: 25px; width: 100%; margin-bottom: 20px; }
.article h3 { color: #5e6c72; font-size: 19px; clear:both; margin-bottom: 6px}
.article .vorspann { font-weight: bold; margin: 17px 0; }
.news-header a {color: #05652f; }
.news-header .icons {display: inline-block; }
.news-header .icons:before { content: '|'; margin-left: 14px; font-size: 24px; }
.news-header span.date { font: 20px Asap-Regular, Arial, sans-serif; color: #454846; float:none; }
.news-header a.print:after {font-weight: 900;}
.share-items {float: left; margin: -18px 0 18px 0;}
ul.news-img span.creator {background-color: rgba(255,255,255,.9); padding: 8px 16px; bottom: 7px; right: 7px;}

/* Article Head*/
.news-header a:hover, .news-header a i:hover { color: #2f4743; }
.news-header .icons a.print:after { font-size:24px; }

/* Lightgallery */
ul.news-img a:hover { color:#05652f; }

.news-archive { }
.news-archive .date, .news-archive h3, .news-archive h4 { }
.news-archive .date { float:right; font-size: 13px; padding:10px 10px 3px 10px; margin:0; color: #8b8d8c; }
.news-archive h3 { font-size:16px; padding-top: 10px; }
.news-archive h3 a { color:#696f6d; }
.news-archive h2 { font-size: 20px; padding:0; margin: 0 0 6px 0 }
.news-archive .news-archive-image { float:left; width:17%; }
.news-archive .news-archive-image img { width:100%; }
.news-archive .news-archive-image { padding:0 15px 0 0; }
.news-archive .news-archive-text { float:left; width:83%; }
.news-archive .news-archive-text.fullwidth { width:100%; }

@media (min-width: 576px) {

    .news-scrollbox .news-teaser-image  {float: left; margin: 0 12px 0 0; }

    }

@media (min-width: 768px) {

    /* News  Teaser Scrollbox */
    .news-scrollbox { margin-right: 40px; margin-bottom: 0; }
    .news-scrollbox:after {content: ''; position: absolute; bottom: 0; width: 100%; height: 64px; background-image: linear-gradient(to bottom,rgba(235,235,235,0),rgba(235,235,235,.7),rgba(235,235,235,1));}
    .news-scrollbox h2 { font-size:15px; }
    .news-scrollbox h3 { font-size:12px; }
    .news-scrollbox h5 { font-size: 22px; margin-bottom: 5px; }
    .news-scrollbox .news-teaser-image img { margin-bottom: 0; }
    .news-scrollbox .news-list-date { font-size:11px;}
    .news-scrollbox span[class*='angle-'] { right: 7.5%; font-size: 29px;}
    .news-scrollbox .angle-up { top:28px; }
    .news-scrollbox .angle-down { top:60px; }
    .news-scrollbox .scrollable>div, .news-archive { margin-top: 25px;  background-color: transparent; padding: 0; min-height: inherit;}
}


@media (min-width: 992px) {

    /* News  Teaser Scrollbox */
    .news-scrollbox h2 { font-size:16px; }
    .news-scrollbox h3 { font-size:14px; }
    .news-scrollbox h5 { font-size: 25px; }
    .news-scrollbox .news-list-date { font-size:14px;}
    .news-scrollbox span[class*='angle-'] { font-size: 31px;}
    .news-scrollbox .angle-up { top:33px; }
    .news-scrollbox .angle-down { top:63px; }
    .news-scrollbox .scrollable>div, .news-archive {  margin-top:30px;  }

}

@media (min-width: 1200px) {

    /* News  Teaser Scrollbox */
    .news-scrollbox h2 { font-size:18px; }
    .news-scrollbox h5 { font-size: 30px; }
    .news-scrollbox span[class*='angle-'] { font-size: 33px; }
    .news-scrollbox .angle-up { top:45px; }
    .news-scrollbox .angle-down { top:76px; }

    /* Artikel */
    .article { margin-top: 0; }
    .article h1 { font-size: 32px; }
    .article h3 { font-size: 22px; }
    .article .vorspann { font-weight: bold; margin-bottom: 17px; }

}

@media (min-width: 1440px) {

    /* News  Teaser Scrollbox */
    .news-scrollbox h5 { font-size: 36px; }
    .news-scrollbox span[class*='angle-'] { right: 8%; }
    .news-scrollbox .angle-up { top:85px; }
    .news-scrollbox .angle-down { top:118px; }
    .news-scrollbox .scrollable>div, .news-archive { margin:25px 0; }

    }