/* Allgemein */
[class^=teaser-] img { height: auto; max-width: 100%; margin-bottom: 10px; }

/* Opener */
.teaser-opener { margin:50px 0 60px; position:relative;}
.teaser-opener .text-block { background-color: var(--contentGreen);  padding: 20px; overflow: hidden; }
.teaser-opener a { color: #fff !important; }
.teaser-opener h2 {  margin-bottom: 10px; font-size: 1.6em; line-height: 1.18em; color: #fff;}
.teaser-opener h3 { margin-bottom: 8px; font-size: .86em; color: #fff;}
.teaser-opener .text {font-family: var(--fontTextThin); }
.teaser-opener .read-more { color: #fff; }
.teaser-opener .date { margin-bottom: 16px; }
.teaser-opener img { width: 100%; }

/* Prio 2+3 */
.teaser-prio2-3 { margin-bottom: 3.33333em; background-color: #fff; flex: 1; position: relative;}
.teaser-prio2-3 h2 { font-size: clamp(22px,4vw,27px); margin-bottom: 1em; }
.teaser-prio2-3 h3 { font-size: 1em; margin-bottom: 10px;  }
.teaser-prio2-3 .text-block { padding: 1.6em 1.6em 1.8em; }
.teaser-prio2-3 .date { color: #888; font-size: .9em; margin-bottom: 15px;}

/* Teaser */
.teaser-news { margin-bottom: 3.33333em; padding: 2em 1.6em 1.6em; background-color: #fff; position: relative;  }
body:not(.start) .teaser-news { padding: 0; display: grid; }
.teaser-news h2 { font-size: 1.3em; margin-bottom: 12px; }
.teaser-news h3 { font-size: .9em; margin-bottom: 3px}
.teaser-news .date { color: #888; font-size: .9em;}
body.press .teaser-news .image {display: none;}
.teaser-news .image .media-icon {font-size: 1.4em; left: 35px; bottom: 35px;}

/* Kategorien */
body.start [class^=teaser] .category { position: absolute; left: .9em; top:-27px;padding:0.7em 1.2em; background-color: #ffdd00; color:#003310; transform: skewX(12deg);  }
[class^=teaser] .category { font: .86em var(--fontNav); display: flex; }
body:not(.start) .teaser-news .category { margin: 0 0 -27px 15px; order: 1; }
body:not(.start) .teaser-news .image { order: 2; }
body:not(.start) .teaser-news .text { order: 3; }
body:not(.start) .teaser-news .category>div {padding:0.7em 1.2em; background-color: #ffdd00; color:#003310; transform: skewX(12deg); }
[class^=teaser] .category span { display:block; transform: skewX(-12deg);}
body.press [class^=teaser] .category { display: none;}

/* Artikelseiten */
.news-single h1 { margin-bottom: .6em; }
.news-single h3 { font-size: 1.35em; color: #666; margin-bottom: 6px; }
.news-single ul.news-img { list-style: none; margin: 0; padding: 0; cursor: pointer; }
.news-single a .media-all { color: #fff;}
.news-single ul.news-img img { width: 100%; margin-bottom: 10px; }
.news-single ul.news-img li>.container { display: flex; justify-content: space-between; font: 1.1em var(--fontNav); color: #707070; margin-top: 6px; }
.news-single ul.news-img .aside-top { }
.news-single ul.news-img:not(.img-16x9) .description { }
.news-single .lead { font-weight: bold; }
.news-single .media-icon {bottom: 32px; left: 32px; }
.art-head { border-top: 1px dotted #666; border-bottom: 1px dotted #666; display: flex; justify-content: space-between; padding: 1.54em 0; margin-bottom: 30px; color: #666; }
.art-head .meta { display: flex; gap: 1.4em;}
.art-head a.fb-icon::before { content:'\f39e'; }
.art-head a.tw-icon::before { content:'\f099'; }
.art-head a.print::before {content: '\f02f'; }
.art-head a.send::before { content: '\f0e0'; }

/* Archiv */
.teaser-archive { margin-bottom: 40px; }
.teaser-archive h3 { font-size: clamp(.97em,1.5vw,1.16em); margin-bottom: 8px; }
.teaser-archive h4 { margin-bottom: 4px; font-size: clamp(.82em,1vw,.92em) }
.teaser-archive img { margin-bottom: 10px; }
.teaser-archive .text { font-size: .89em;}
.teaser-archive .category {float: right; font-family: var(--fontText); font-style: italic;  }
.h-under { margin: 0 0 35px; font: 1.1em var(--fontHeadline); color: var(--contentGreenDark); }
.teaser-archive>.date { border-bottom: 1px dotted var(--contentBlue); color: #666; margin-bottom: 20px; padding-right: 5px;}
.teaser-archive time::after { content: '';}

/* Archivbox */
.archiv-box { display: flex; gap: 1.4em; padding-bottom: 35px; border-bottom: 1px dotted #898989; }

/* Lazy load */
.news-container-ajax button.more-news-ajax { width: 100%; font-size: .9em; color: var(--linkRed); border: 1px solid var(--linkRed); cursor: pointer; padding: .75em 0; background-color: #fff; text-transform: uppercase; margin-bottom: 50px;}
.news-container-ajax button.more-news-ajax::before { content:'\f33d'; font-family: var(--fontAwesome); padding-right: .6em;}
.news-container-ajax button.more-news-ajax:hover { color: #fff; background-color: var(--linkRed); transition: background-color 450ms;}

@media (min-width: 576px) {
    /* Archiv */
    .teaser-archive .inner-wrap { display: flex; gap:.82em; }
    .teaser-archive .inner-wrap .image { flex-shrink: 0; }
}

@media (min-width: 768px) {
    /* Allgemein */
    [class^=teaser-] img { margin-bottom: 0; }

    /* Opener */
    .teaser-opener { margin:0 0 60px; }
    .teaser-opener .text-pos { position: relative; }
    .teaser-opener .text-block { position: absolute; bottom: 0; margin: 0 0 2% 2%;  font-size: calc(14px + (18 - 14) * ((100vw - 768px) / (1320 - 768))); max-width: 788px; background-color: unset; padding:0; }
    .teaser-opener .text-block .inner-wrap { background-color: rgba(16,43,21,.82); padding: 56px 45px 48px; margin-top: 30px; }
    body.start .teaser-opener .category { top: 0; }
    [class^=teaser-] .category { font-size: .93em;}
    .teaser-opener .text-block.right { right: 0;  left: auto;}

    /* Lazy load */
    .news-container-ajax button.more-news-ajax { margin-bottom: 0;}

}

@media (min-width: 992px) {
    /* Prio 2+3 */
    .start .content .news:first-of-type { display: flex; gap: 6%;}
    .teaser-prio2-3 h2 { font-size: calc(21px + (26 - 21) * ((100vw - 992px) / (1319 - 992))); }


    /* Teaser */
    .teaser-news { display: grid; grid-template-columns: minmax(255px,auto) 1fr; column-gap: 15px; }
    .teaser-news .head-items { grid-column: 1/-1;}
    .teaser-news .image {  grid-column: 1; }
    }

@media (min-width: 1200px) {

}

@media (min-width: 1320px) {
    .start .content .news:first-of-type { gap: 60px;}

    /* Opener */
    .teaser-opener h2 {  font-size: 1.9em; }
    .teaser-opener h3 { font-size: .98em; }
    .teaser-opener .text-pos { width: 1320px; margin: 0 auto;}
    .teaser-opener .text-block {font-size: .9em; margin-left: 0; }

    /* Prio 2+3 */
    .teaser-prio2-3 h2 { font-size: 1.4em; }

}

@media (min-width:1900px) {

    .teaser-opener .text-block { margin-bottom: 3%; font-size: 1.12em;}
}