.ban-news-body h2{text-align:center}.ban-news-card{margin:24px auto 36px;width:min(70%,300px)}.ban-news-card a,.ban-news-card img{display:block;width:100%;height:auto}.ban-news-card img{border-radius:5%;box-shadow:0 12px 24px #0003}.ban-news-body blockquote{margin:24px 0;padding:0;border:0;background:none;font-style:italic}.ban-news-body cite{display:block;font-size:.85em;font-style:normal}.ban-news-body .ban-link{color:#32894c}.ban-news-body .ban-links{text-align:center}.ban-news-body .bereich-trennstrich{margin:36px 0}

/* Reserve the canonical close-button area; only this new article uses this cover. */
#sitePage.blog-article-page .integrated-article>.cocodex-blog-header.ban-article-cover{display:block;position:relative;isolation:isolate;overflow:hidden;aspect-ratio:auto;height:auto;min-height:0;padding:140px clamp(32px,6vw,80px) 40px;background:#102c24;color:#fff}
.ban-cover-background{position:absolute;inset:-30px;z-index:-2;background:var(--ban-art) 55% 28%/140% auto;filter:blur(24px);opacity:.55}
.ban-article-cover:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0c1e1bf0,rgba(11,34,27,.7) 45%,rgba(17,40,32,.15))}
.ban-cover-brand{position:absolute;left:clamp(100px,9vw,136px);top:clamp(44px,4.8vw,65px);width:clamp(140px,16vw,220px);filter:invert(1)}
.ban-article-cover>.blog-frame{filter:invert(1);pointer-events:none}
.ban-cover-content{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);align-items:center;gap:clamp(20px,4vw,60px);text-align:left}
.ban-cover-copy>span{display:block;font-size:clamp(10px,1.5vw,21px);font-weight:900;letter-spacing:.1em;margin-bottom:18px}
.ban-cover-copy>strong{display:block;font:900 clamp(34px,6.2vw,88px)/.98 CocoDexHeavy,Avenir,'Avenir Next',sans-serif;letter-spacing:-.025em;color:#fff}
.ban-cover-copy>p{font-size:clamp(13px,1.8vw,24px);line-height:1.4;margin:24px 0 0}
.ban-cover-card{display:block;width:88%;height:auto;justify-self:center;transform:rotate(9deg);border-radius:5%;box-shadow:0 16px 36px #0007}
.ban-cover-credit{display:block;margin-top:30px;font-size:10px;opacity:.8;text-align:left}
@media(max-width:600px){#sitePage.blog-article-page .integrated-article>.cocodex-blog-header.ban-article-cover{padding:110px 28px 24px}.ban-cover-content{grid-template-columns:1fr;gap:30px}.ban-cover-copy>strong{font-size:clamp(30px,8vw,44px)}.ban-cover-copy>span{font-size:10px;margin-bottom:12px}.ban-cover-copy>p{margin-top:14px}.ban-cover-card{width:150px}.ban-cover-credit{font-size:8px;margin-top:28px}}