[class^=teaser-] { color: #666; overflow: hidden; }
[class^=teaser-] h2 { font-size: 1.7em; margin-bottom: 15px;line-height: 1.18em;}
[class^=teaser-] h2 span { display:block; font-size:.76em; margin-bottom: 8px; line-height: 1.05em;}
[class^=teaser-] .read-more { margin-left: 10px; text-transform: uppercase; font-size: .9em;}
[class^=teaser-] .read-more-wrap { display:inline }
[class^=teaser-] img { height: auto; max-width: 100%; }
[class^=teaser-] .text {font-size: 1.125em}
[class^=teaser-] .media-icon.gallery::before { }


/* Opener */
.teaser-opener .container { position: relative; color: #fff; }
.teaser-opener .text-block { background-color: var(--contentBlue);  padding: 20px; overflow: hidden; }
.teaser-opener a { color: #fff; }
.teaser-opener h1 { margin-bottom: 10px; font-size: 2em; color: #fff;
}
.teaser-opener h1 span { display: block; margin-bottom: .35em; font-size:.642em; color: #fff; }
.teaser-opener .read-more { color: #fff; }
.teaser-opener .date { margin-bottom: 16px; }
.teaser-opener img { width: 100%; }

/* Prio 2+3 */
.teaser-prio2-3 { width: 100%; border-bottom: 1px dotted #666; margin-bottom: 31px; padding-bottom: 24px;}
.teaser-prio2-3 .date { margin-bottom: 15px;}
.teaser-prio2-3 .text-block { margin-top: .95em; }
.teaser-prio2-3 .date a { color: #666; }

/* Teaser */
.teaser-news { display: flex; flex-direction: column; margin-bottom: 31px; padding-bottom: 24px; border-bottom: 1px dotted #666;}
.teaser-news:last-of-type { border: none; }
.teaser-news .date { margin: .6em 0; }
.teaser-news .date a { color: #666; }
.teaser-items>a{ order: -1;}

/* Artikelseiten */
.news-single h1 { margin-bottom: 2px;}
.news-single h1 span { display: block; font: .74em var(--fontHeadline); color: #666; margin-bottom:.74em; }
.news-single h2 { color: var(--contentBlue);}
.news-single ul.news-img { list-style: none; margin: 0 0 24px; padding: 0; cursor: pointer; }
.news-single ul.news-img img { width: 100%; }
.news-single ul.news-img li>.container { display: flex; justify-content: space-between; font: 1.1em var(--fontNav); color: #707070; }
.news-single ul.news-img .aside-top { order: 0; }
.news-single ul.news-img:not(.img-16x9) .description { padding: 0 15px;}
.news-single ul.news-img .description { display: block; margin-top: .35em; }
.news-single .lead { font-weight: bold; margin-bottom: 34px}
.news-single p>a::before {padding-left: .24em;}
.art-head { border-top: 1px dotted #666; border-bottom: 1px dotted #666; display: flex; flex-direction: column; padding: 22px 0; margin-bottom: 30px; color: #666; }
.art-head a::before { font: 16px var(--fontAwesome); }
.art-head a+a::before { margin-left: 30px;}
.art-head a.icon-print::before { content: '\f02f'; }
.art-head a.icon-facebook::before { content: '\f39e'; }
.art-head a.icon-twitter::before { content: '\e61b'; }
.art-head a.icon-send::before { content: '\f0e0'; }
.art-head .date-cat { margin-bottom: 20px; }
.art-head .date-cat a { color: #666; }
.news-single .ce-gallery figcaption.image-caption span { display: inline; font-style: italic; font-size: .96em; }

/* Archiv */
.teaser-archive { margin-bottom: 40px; font-size: .82em;}
.teaser-archive h2 {grid-column: 1/-1; font-size: 1.34em; margin-bottom: 4px;}
.teaser-archive h2 span { display:block; font-size: .8em; margin-bottom: 5px; }
.teaser-archive .image { margin-bottom: .6em; }
.teaser-archive .text { display: grid; grid-template-columns: repeat(2,auto); padding: 2px 2px 0 0; }
.teaser-archive .description {grid-area:2/1/3/-1;}
.teaser-archive .category {grid-area: 3/2/4/3; justify-self: end; align-self:end; margin-left: .8em; font-family: var(--fontText); font-style: italic;  }
.h-under { margin: -24px 0 35px; font: 1.1em var(--fontHeadline); color: var(--contentBlueDark); }
.news>.date { border-bottom: 1px dotted var(--contentBlue); color: #666; margin-bottom: 20px; padding-bottom: 5px;}
.news .teaser-archive time::after { content: '';}

/* Newsbox Aus den Ressorts */
.news-box { background-color: var(--contentBlue); padding: 24px 0 30px 30px; margin-bottom: 50px; position: relative; }
.news-box h2 { color: #fff; font-size: 1.875em; margin-bottom: 0;  }
.news-box a { color: #fff; }
.news-box .slick-track {display: flex;}
.news-box .slick-slide {float: none; height: auto; display:flex !important; flex-flow: column;color: #fff; margin-right: 30px; border-bottom: 1px dotted #fff; }
.news-box .slick-slide h3 { font-size: 1.5em; margin-bottom: .6em; }
.news-box .slick-slide h3 span { display: block; font-size: .76em; margin-bottom: .4em; }
.news-box .slick-slide .image { margin-bottom: .8em;}
.news-box .slick-slide .date { padding-bottom: 10px; margin-top: auto; }
.news-box button.slick-arrow{ font-size: 0; border: none; background: none; cursor: pointer; outline: none; }
.news-box button::before { content: '\f054'; font: 300 21px var(--fontAwesome); color: #fff; position: absolute; bottom: 0; right: 30px; }
.news-box button.slick-prev::before {content: '\f053'; right: 84px; }
.news-box ul.slick-dots {list-style: none; margin: 0; padding: 0; display: flex; }
.news-box ul.slick-dots li+li { margin-left: 14px;}
.news-box ul.slick-dots li button { text-indent: -9999px; width: 14px; height: 14px; border-radius: 50%; border:none; outline: none; cursor: pointer; background-color: #fff; padding:0; }
.news-box ul.slick-dots li.slick-active button { background-color: #c1c1c1;}

/* Mbox News Frauen, Jugend, Senioren */
.mbox.news .news {margin-bottom: 20px; }
.mbox.news .news>.news {margin-top: .4em; }
.teaser-mbox h3 { font-size: 1.15em; margin-bottom: 0;}
.teaser-mbox h3 span { display:block; font-size: .76em; margin-bottom: 4px;  }
.teaser-mbox .date { font-size: .86em; }

/* video caption */
.video-notice {font-size:12px}

/* Infobox */
.infobox {--m: 1.7em; border: 1px solid var(--contentBlueDark); font-family:var(--fontHeadline); margin-bottom: 1em; overflow: hidden; box-sizing: border-box; }
.infobox:not(.center) { padding: var(--m); border-radius: .5em; text-align: justify;}
.infobox:not(.center) span {font-size: clamp(1.04em,4vw,1.1em); color: var(--contentBlueDark); }
.infobox:not(.center) h3 {font-size: 1.6em; text-align: center; text-transform: uppercase; margin-bottom: .8em;}
.infobox:not(.center) ol { display: flex;}

/* Zitatbox */
.infobox.center { margin: 2em 0; border-radius: .54em; padding: 1em; font-size: clamp(1.06em,3vw,1.48em); position: relative; }
.infobox.center::before {content: '\f10e'; color:rgba(65,90,101,1); font: italic 600 4.2em var(--fontAwesome); }
.infobox.center span {display: block;  font-size: clamp(1.12em,2vw,1.16em); margin-left:1em; color: var(--contentBlueDark); line-height: 1.6em; letter-spacing: .07em; }
.infobox.center span strong { font-weight: normal; font-style: italic; display: block; color: #888; font-size: .76em; margin-top: .3em;}

@media (min-width: 576px) {

    /* Archiv */
    .teaser-archive { font-size: clamp(.75em,1.4vw,.82em); display: flex; gap:2%; }
    .teaser-archive .image { flex-shrink: 0;}
    .teaser-archive .category {grid-area: 2/2/3/3; }
    .teaser-archive .description {grid-area:2/1/3/2;}


    /* Infobox
    Size L = layout-1
    Size M = layout-2
    Size S = layout-3
*/
    .infobox:not(.center) {font-size: clamp(.8em,2vw,1em);}
    .infobox.layout-2 { width: clamp(18em,29.5vw,24.2em);}
    .infobox.layout-3 { width:clamp(14em,28vw,18.2em); }
    .infobox.right { float: right; margin-left: var(--m);}
    .infobox.left { float: left; margin-right: var(--m); }
    /* Zitatbox */
    .infobox.center { display: flex; }
    .infobox.center span { margin-top: 2em; }
}


@media (min-width: 768px) {

    /* Opener */
    .teaser-opener .text-block { position: absolute; left: 10%; bottom: 0; background-color: rgba(20,35,42,.8); margin-bottom: 7%; font-size: calc(14px + (18 - 14) * ((100vw - 768px) / (1600 - 768))); max-width: calc(400px + (700 - 400) * ((100vw - 768px) / (1800 - 768))); }
    .teaser-opener .text-block.right { right: 7%;  left: auto;}

    /* Prio 2+3 */
    .start .content>.col-content:first-of-type .news { display: flex; gap: 4.5%; }
    .teaser-prio2-3 { border-bottom: none; margin-bottom: 50px; padding-bottom: 0;}
    .teaser-prio2-3, .teaser-news { font-size: .92em; }

    /* Teaser */
    .teaser-news { display: block; margin-bottom: 22px; padding-bottom: 36px;}
    body:not(.dbb-aktuell) .teaser-news .teaser-items {display: grid; grid-template: auto 1fr/auto 1fr; }
    .teaser-news .image { grid-row: 1/-1; }
    .teaser-items>a{ order: unset; }
    .teaser-news img { margin:0 10px 0 0; }
    .teaser-news .date { margin-top: 0; }

    /* Artikelseiten */
    .art-head { flex-direction: row; justify-content: space-between; }
    .art-head .date-cat { margin-bottom: 0; }

    /* Mbox News Frauen, Jugend, Senioren */
    .mbox.news { width: 44.56% !important; }

    /* Archiv */
    .h-under { margin-top: -45px; font-size: 1.3em; }

}

@media (min-width: 992px) {

    /* Opener */
    .teaser-opener .text-block {margin-bottom: 10%; }
    .teaser-opener .date { margin-bottom: 10px; }

    /* Prio 2+3 */
    .start .content>.col-content:first-of-type .news { gap: 40px; }
    .teaser-prio2-3, .teaser-news { font-size: clamp(.83em,1.4vw,1em) ; }

    /* Mbox News Frauen, Jugend, Senioren */
    .mbox.news { width: auto !important; }
}

@media (min-width: 1200px) {

    /* Opener */
    .teaser-opener .text-block { margin-bottom: 10px;  left: 0;}
}

@media (min-width: 1320px) {

    /* Prio 2+3 */
    .start .content>.col-content:first-of-type .news { gap: 60px; }

}

@media (min-width: 1450px) {
    /* Opener */
    .teaser-opener .text-block.right { right: 0; }
    .teaser-opener .text-block { padding: 30px; margin-bottom: 1.6%; }
    .teaser-opener .date { margin-bottom: 16px; }

    /* Artikelseiten */
    .news-single ul.news-img .description { padding: 0 !important;}


}