[class^=teaser-] img { height: auto; max-width: 100%; }
.read-more-wrap { display: inline-block;}

/* Opener */
.teaser-opener { margin: 5em 0 8em; position: relative; display: grid;}
.teaser-opener picture {display: flex; }
.teaser-opener img { max-width: 100%; height: auto; }
.teaser-opener a.link-text {color: #fff; background-color: var(--contentBlueDark); padding: 1.9em 1.6em;  box-sizing: border-box; display: flex; flex-direction: column; }
.teaser-opener .text-block h1 { font-size:clamp(1.2em,3vw,2em); font-weight:normal; letter-spacing: .13em; margin-bottom: .9em; color: #fff;}
.teaser-opener .text-block h1 span {display:block; font: .78em var(--fontTextCondensed); text-transform: uppercase; letter-spacing: .15em;margin-bottom: .6em; }
.teaser-opener .text-block .date { font-family: var(--fontTextCondensed); margin-bottom: .8em; letter-spacing: .15em;  }
.teaser-opener .text-block .text { font: 1em var(--fontTextLight); letter-spacing: .1em; line-height: 1.2em; }
.teaser-opener a.link-image { grid-area: 1/1/2/-1; }
.teaser-opener a.caption { grid-area: 1/1/2/-1; z-index: 2; display:flex; justify-content: flex-end; align-items: start; margin: -20px 2% 0 0;}
.teaser-opener a.caption span { display: block; background-color: var(--cdPink); color: #fff; padding:.8em 1em; font-size: clamp(.95em,1.5vw,1.1em); letter-spacing: .08em;}


/* Teaser */
.teaser-news { margin-bottom: 4.8em; letter-spacing: .09em; display: grid;}
.teaser-news h2 { margin-bottom: .7em; text-transform: uppercase; font-size: clamp(1.25em,1.6vw,1.5em); line-height: 1.3em; }
.teaser-news h2 a {color: #8b8b8b;}
.teaser-news h2 span, .teaser-news .date {color: var(--contentTextGrey); font-size: 1em; letter-spacing: .14em; }
.teaser-news h2 span {font: .74em var(--fontTextCondensed); display: block; margin-bottom: .6em; text-transform: uppercase; }
.teaser-news h2 span a { color: var(--cdPink); }
.teaser-news .text-block { margin-top: 1.4em; }
.teaser-news .text { font-size: 1.05em; line-height: 1.2em; color: #8b8b8b; }
.teaser-news .text a { color: #8b8b8b; }
.teaser-news .date { margin-bottom: .4em;}
.news .advert { font-size:.74em; color: var(--headlineColor); margin-bottom: .4em;}
.teaser-news>a.link-image, .teaser-news .caption { grid-area: 1/1/2/-1;}
.teaser-news a.caption { display: flex; justify-content: flex-end; align-items: flex-start; margin: -20px 2% 0 0; z-index: 2; }
.teaser-news a.caption span {display: block; background-color: var(--cdPink); color: #fff; padding: .8em 1em; font-size: .95em; letter-spacing: .08em;}
.wrap-content>div {}


/* Artikelseiten */
.news-single { font-size: clamp(.77em,1.6vw,1em); display:flex; flex-direction: column; }
.news-single .title-items { margin-top:0.2em; font-size: clamp(.8em,2vw,1em); }
.news-single .content-items {grid-column: 1/-1; letter-spacing: .05em; order: 2; margin-top:0.5em; }
.news-single ul.news-img { list-style: none; margin: 0; padding: 0; cursor: pointer; position: relative; grid-column: 1/2; order: 2; }
.news-single h1 {font-size:1.8em; }
.news-single h1 span  {display: block; font: 400 .76em var(--fontTextCondensed); letter-spacing: .1em; margin-bottom: 0.4em; color: var(--cdPink); }
.news-single h2{ font: 400 1.7em var(--fontText); letter-spacing: .05em; margin-bottom: 0.4em; color: var(--headlineColor);}
.news-single h2 a {color: var(--headlineColor); } /* Durch Anker */
.news-single h3  { font: 1.7em var(--fontText); color: var(--headlineColor);}
.news-single ul.news-img img { max-width: 100%; }
.news-single ul.news-img .description { margin-top: .6em; color: var(--headlineColor); font-size: 1.16em; letter-spacing: .06em; }
.news-single ul.news-img .creator { color: var(--headlineColor); font-size: 1.06em; display: inline; opacity:0.7; font-style: italic; white-space: nowrap; }
.news-single ul.news-img .advert {font-size: 13px; }
.news-single ul.news-img .caption {position: absolute; top:0; right: 2%; background-color: var(--cdPink); color: #fff; padding:.8em 1em; font-size: clamp(.95em,1.5vw,1.1em); letter-spacing: .08em;}
.news-single ul.news-img>li>a {padding-top:20px; margin-top:-20px;}
/*
.news-single h3 { font-family: var(--fontText), sans-serif; text-transform: uppercase; color: var(--headlineColor); font-size: 1.7em; line-height: 1.2em; }
 */
.news-single .lead { font-weight: bold; }
.news-single .content-items>p {margin-bottom: 1.8em; }
.news-single .content-items ul { display: flex; flex-direction: column; gap: .52em; font-size: 1.3em; letter-spacing: .04em; }
.news-single .ce-gallery figcaption { margin-bottom:1.8em; }
.art-head { border-top: 1px dotted #666; border-bottom: 1px dotted #666; display: flex; justify-content: space-between; padding: 22px 0; margin: 32px 0; color: #666; }
.art-head a::before { font: 1.3em var(--fontAwesome); }
.art-head a+a::before { margin-left: clamp(10px,3vw,30px);}
.art-head a.popup-print::before { content: '\f02f'; }
.art-head a.icon-facebook::before { content: '\f39e'; }
.art-head a.icon-twitter::before { content: '\e61b'; }
.art-head .date { font: clamp(1.3em,3vw,1.46em) var(--fontTextCondensed); letter-spacing: .1em; }

/* Infobox */
.infobox {--m: 2.4em; border: 1px solid var(--contentBlueDark); font: .75em var(--fontHeadline); margin: 3.4em 0 3em; overflow: hidden; box-sizing: border-box; }
.infobox:not(.center) { padding: var(--m); border-radius: .5em; width: 100%}
.infobox:not(.center) span {font-size: clamp(1.12em,4vw,1.2em); }
.infobox:not(.center) h3 {font-size: 1.6em; text-align: center; text-transform: uppercase; margin-bottom: .8em;}
.infobox:not(.center) ol { display: flex; flex-direction: column; gap: .6em; font-size: 1.3em;}
.infobox p {line-height: 1.6em; }

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

.news-single .ce-gallery figcaption { text-align:left; }
.news-single .ce-gallery figcaption.image-caption span { display: inline; opacity:0.7; font-style: italic; white-space: nowrap; }

/* Box Mehr entdecken */
.theme {display: flex; flex-flow: wrap column; row-gap: 1.5em; margin-bottom: 2em; }
.theme h2 { color: var(--headlineColor); font:normal 1.7em var(--fontText); text-transform: uppercase; margin: 1.6em 0 .4em; }
.theme h3 {font-size: 1.4em; text-indent: -22px; margin-left:24px;}
.theme h3 a::before { content: '\f054'; }
.theme h3 a span.topic {font-weight: bold;}

/* Lazyload */
.news-container-ajax { text-align: center }
.news-container-ajax button { font: clamp(.78em,1.6vw,1em) var(--fontHeadline); text-transform: uppercase; letter-spacing: .05em; border-radius: .2em; background: unset; color: var(--contentBlueDark); border: 1px solid var(--contentBlueDark); padding: 1.4em; cursor: pointer; margin-top: 5em; width: 60%; }
.news-container-ajax button:hover { background-color: var(--contentBlueDark); color: #fff; transition: background-color 450ms; }

/* Werbungsteaser */
.teaser-advert { margin-top:-1.1em}
.teaser-advert .advert { grid-area: 1;}
.teaser-advert a.link-image {grid-area: 2/1;}

@media (min-width: 576px) {

    /* Infobox */
    .infobox:not(.center):not(.layout-4) { width:30em; }
    .infobox.right:not(.layout-4) { float: right; margin-left: var(--m);}
    .infobox.left:not(.layout-4) { float: left; margin-right: var(--m); }
}

@media (min-width: 768px) {
    /* Opener */
    .teaser-opener a.link-text {padding: 2.6em 2.2em 2.6em; }
    .teaser-opener .text-block h3 { font-size: 1.22em }
    .teaser-opener .text-block .text { font-size: 1.25em; }
    /* Teaser */
    body.teasersite div.wrap-content  {display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); column-gap: 5.99%; row-gap: 80px;}
    .teaser-news {  margin-bottom: 0; }

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

    /* Zitatbox */
    .infobox.center { flex-wrap: nowrap;}
    .infobox.center span { margin: 2em 0 0 1em;}
    }

@media (min-width: 992px) {
    /* Opener */
    .teaser-opener { grid-template-columns: minmax(400px,auto) minmax(200px,550px); }
    .teaser-opener a.link-text {  margin: 9em 0 -2.4em -6em; flex-basis: 55%; }
    .teaser-opener a.link-image { align-self: baseline; }
    .teaser-opener .text-block h2 { font-size:clamp(.9em,2vw,2em);}
    .teaser-opener a.link-image { grid-area: 1/1/2/2; }
    .teaser-opener a.caption {grid-area: 1/1/2/2;}
    .teaser-opener a.link-text {grid-area: 1/2/2/3}

    /* Teaser */
    body.teasersite div.wrap-content  { grid-template-columns:  repeat(3,minmax(0,1fr)); }
    .teaser-news h2 { letter-spacing: .1em; hyphens: auto;}

}

@media (min-width: 1200px) {
    /* Artikelseiten */
    .news-single { display: grid; grid-template-columns: 600px auto; grid-column-gap: 5.6em;}
    .news-single .title-items { grid-column: 2/3; display: flex; flex-direction: column; justify-content: center; margin-top:0; }
    .news-single .content-items {order: unset;}
    .news-single ul.news-img { order: unset;}
    }

@media (min-width: 1440px) {

    /* Opener */
    .teaser-opener {margin: 5em 3.13em 8em; }
    .teaser-opener a.link-image { flex-shrink: 0;}
}

@media (min-width: 1670px) {
    /* Opener */
    .teaser-opener a.link-text { flex-basis: auto; }

    /* Teaser */
    body.teasersite div.wrap-content .news { grid-template-columns:  repeat(3, 490px); justify-content: space-between; }
    .teaser-news { font-size: 1.1em; }

    /* Artikelseiten */
    .news-single { grid-template-columns: 915px auto;}
    .news-single h1 {font-size:2.5em; }
    /* Infobox
        Size L = layout-1
        Size M = layout-2
        Size S = layout-3
    */
    .infobox.layout-1 { --size-L: 38em; }
    .infobox.layout-2 { --size-M: 32em; }
    .infobox.layout-3 { --size-S: 29em; }
    .infobox.layout-1 {width: var(--size-L) !important; height: var(--size-L);}
    .infobox.layout-2 {width: var(--size-M) !important; height: var(--size-M);}
    .infobox.layout-3 {width: var(--size-S); height: var(--size-S);}
    .infobox-layout-4 {width: 100%;}
    .infobox:not(.center):not(.layout-4)  { padding: 0; border-radius: 50%; text-align: justify;  shape-outside: circle(50% at 50% 50%) border-box; shape-margin: var(--m);}
    .infobox:not(.center):not(.layout-4)::before, .infobox:not(.center):not(.layout-4) i {content: ''; float: left; height: 100%; width: 50%; shape-outside: radial-gradient(farthest-side at right, transparent calc(100% - 3.2em), #fff 0);}
    .infobox:not(.center):not(.layout-4) i {  float: right;shape-outside: radial-gradient(farthest-side at left, transparent calc(100% - 3.2em), #fff 0); }

}

@media(min-width: 2090px) {
    /* Artikelseiten */
    .infobox.left:not(.layout-4)  { margin-left: -201px; }
    .infobox.right:not(.layout-4)  { margin-right: -201px; }
}