/* News Teaser Lazyload */
.news-container-ajax {margin: 0; background-color: #0069b4; height: 48px; padding-top: 5px; text-align: center; }
.news-container-ajax button.more-news-ajax {  background-color: #0069b4; border: none; color: #fff; font-size: 17px; text-transform: uppercase; 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; }
.container.news-lazyload { margin-bottom: 30px; }

/* Allgemein */
.news { float: left; }
.news h1 {margin: 30px 0 8px 0; }
.teaser { width: 100%; float: left; margin-bottom: 30px; }
.teaser-innerwrap {background-color: #eee; padding: 18px 10px; }
.teaser h2 { font-size: 22px; margin-bottom: 10px;}
.teaser h2 a:hover { text-decoration: none; color: #70706f; }
.teaser h3 {margin-bottom: 4px; }
.teaser img { margin: 0 10px 6px 0; width: 100%; height: auto; }
.teaser .date { font: 15px "Share-Regular", Arial, Helvetica, sans-serif; color: #8b8b8b; float: right; margin: 3px 5px 9px 6px; }

/* Archiv */
.archive.teaser h3 { }
.archive.teaser h3 a { color:#5e6c72; }

/* Teaser News */
.news-slider .teaser:nth-of-type(n + 4) {display: none;}
.news-slider .teaser h2 { margin-bottom: 6px; }
.news-slider .teaser h3 a { color:#626363; }
.news-slider .teaser hr { margin:0 0 14px 0; border-color:#3c3c3c; }

/* Weiterbutton */
a.read-more { display: table; clear: both; text-align: center; margin: 20px auto -1px auto; padding: 7px 25px; background-color: #f7f8f7;
    border-radius: 4px; border: 1px solid #cecece; color: #465056; font-size: 13px; letter-spacing: 0.1em; text-transform: uppercase; }

/* Artikel */
.article h3 { color: #5e6c72; font-size: 19px; margin: 0 0 6px 0; }
.article h1 { margin: 0 0 15px 0; }
.article .vorspann { font-weight: bold; margin: 17px 0; }
.article .news-header span.date {font-size: 16px;}

@media (min-width: 768px) {

    /* News Teaser Lazyload */
    .container.news-lazyload {display: none; }

    /* Allgemein */
    .news { float: none; margin: 30px 0 48px 0;}
    .news h1 {margin: 0 0 8px 12px; }
    .teaser h2 { font-size: 17px; }

    /* Archiv */
    .archive.teaser { margin-bottom: 30px; padding: 0; }
    .archive.teaser .teaser-innerwrap { background-color: transparent; padding: 15px 10px 40px 10px; }
    .archive.teaser img { float: left; max-width: 100%; width: auto; }

    /* News Slider */
    .news-slider { padding-bottom: 25px; }
    .news-slider .teaser { width: calc(33% - 16px); margin: 0 12px; position:relative; outline: none; background-color: #eee;}
    .news-slider .teaser-innerwrap { padding: 15px 10px 46px 10px; }
    .news-slider .teaser:nth-of-type(n + 4) {display: block;}
    .news-slider .slick-list.draggable { position:relative; }
    .news-slider .teaser .date { color: #949494; font-size:14px; padding-bottom:7px; }
    .news-slider .teaser hr { margin:0 0 25px 0; }
    .news-slider .slick-arrow { position: absolute; bottom: 0; font: 400 34px var(--fontAwesome); display: inline-block; background:none; color:#8a8a8a; border: none; width: 30px; height: 30px; opacity: 0.7; outline: none; z-index: 2; }
    .news-slider .slick-arrow.slick-next { right: 42%; }
    .news-slider .slick-arrow.slick-next:after { content: "\f054"; }
    .news-slider .slick-arrow.slick-prev { left: 40%; }
    .news-slider .slick-arrow.slick-prev:before { content: "\f053"; }
    .news-slider .slick-arrow.slick-next:hover, .news-slider .slick-arrow.slick-prev:hover { opacity:1; }
    .news-slider .slick-arrow span { display: none; }

    /* Weiterbutton */
    a.read-more {  margin: 0;float: right;  }
    a.read-more:hover { background-color: inherit; }
    .archive.teaser a.read-more { font-size: 11px; margin-top: -5px; padding: 5px 24px;}
    .news-slider .teaser a.read-more { position:absolute; bottom:10px; right:22px; }
}

@media (min-width: 992px) {

    .teaser h2 { font-size: 20px; }

    /* News Slider */
    .news-slider { padding-bottom:35px; }
    .news-slider .teaser-innerwrap { background-color: #eee; padding: 15px 15px 70px 15px; }

    /* Weiterbutton */
    .archive.teaser a.read-more { margin-top: -20px;}
    .news-slider .teaser a.read-more { bottom:14px; right:26px; }
}

@media (min-width: 1200px) {

    /* Allgemein */
    .teaser h2 {font-size: 22px;}

    /* Archiv */
    .archive.teaser { min-height: inherit;}
    .archive.teaser h2 { margin-bottom: 10px;}

    /* News Slider */
    .news-slider .slick-arrow {}
    .news-slider .teaser h3 { font-size:16px; }
    .news-slider .teaser img { float: left; max-width: 100%; width: auto; }

    .article .vorspann { font-weight: bold; margin-top: 17px }
}

@media (min-width: 1337px) {

    /* Allgemein */
    .news { margin-bottom: 0;}

    /* News Slider */
    .news-slider .slick-arrow { width:60px ; top:38%; }
    .news-slider .slick-arrow.slick-next { right:-60px; }
    .news-slider .slick-arrow.slick-prev { left:-60px; }
}