.cms_teaser_box { display: flex; gap: 30px 62px; width: 100%; padding: 60px 40px; background: var(--bg-color); border-radius: var(--border-radius-default); margin: 80px 0 0 0; }
.cms_teaser_text { flex: 1; }
.cms_teaser_text *+h2 { padding-top: 27px; }
.cms_teaser_text h2:has(+*) { padding-bottom: 0; }
.cms_teaser_text *+p { padding-top: 27px; }
.cms_teaser_imgMain { position: relative; flex-shrink: 0; margin: -140px 0 0 0; }
.cms_teaser_box_hoch .cms_teaser_imgMain { width: 369px; }
.cms_teaser_box_quer .cms_teaser_imgMain,
.cms_teaser_box_quadratisch .cms_teaser_imgMain { width: 566px; }
.cms_teaser_imgContainer { position: relative; z-index: 1 !important; }
.cms_teaser_imgContainer,
.cms_teaser_imgBox,
.cms_teaser_imgBox > picture,
.cms_teaser_imgBox > picture > img { display: flex; width: 100%; }
.cms_teaser_imgLegend { display: none; }
.cms_teaser_stoerer { position: absolute; z-index: 2; top: 5px; left: -152px; display: flex; justify-content: center; align-items: center; width: 204px; height: 204px; background: var(--primary); border-radius: 50%; overflow: clip; transform: rotate(-7.648deg); }
.cms_teaser_stoerer:has(.full_article_link) { transition: var(--transition); }
.cms_teaser_stoerer:has(.full_article_link):hover { background: var(--secondary); }
.cms_teaser_stoerer .full_article_link { border-radius: 50%; }
.cms_teaser_stoerer > span { max-width: 186px; font-family: "tasman", sans-serif; font-weight: 400; font-size: 25px; line-height: 31px; text-align: center; color: var(--white); }
@media screen and (max-width: 1200px) {
    .cms_teaser_box_quer .cms_teaser_imgMain,
    .cms_teaser_box_quadratisch .cms_teaser_imgMain { width: 369px; }
}
@media screen and (max-width: 959px) {
    .cms_teaser_box { flex-direction: column; gap: 30px; padding: 30px; margin: 0 0 40px 0; }
    .cms_teaser_text { flex: none; width: 100%; }
    .cms_teaser_text *+h2 { padding-top: 29px; }
    .cms_teaser_text h2:has(+*) { margin-bottom: -20px; }
    .cms_teaser_text *+p { padding-top: 29px; }
    .cms_teaser_imgMain { width: 100% !important; flex-shrink: unset; margin: 117px 0 -70px 0; }
    .cms_teaser_stoerer { top: -117px; left: auto; right: 23px; width: 166px; height: 166px; transform: rotate(-7.6deg); }
    .cms_teaser_stoerer > span { max-width: 158px; font-weight: 600; font-size: 20px; line-height: 25px; }
}