/************************************ Start: Teaser mittel ************************************/
.cms_tm_main { width: 100%; padding: 30px 0; }
.cms_tm_box { --tmPadding: calc(calc(calc(100% - 1630px) / 2) + 30px); position: relative; z-index: 1; width: 100%; padding: 92px 0 183px max(30px,var(--tmPadding)); }
.cms_tm_box.cms_tm_box_reverse { padding: 92px max(30px,var(--tmPadding)) 183px 0; }
.cms_tm_box:before { content: ""; position: absolute; z-index: -2; top: 50%; left: 0; transform: translate(-50%,-50%); width: 830px; height: 830px; background: center / contain no-repeat url("/pages/img/zielscheibe.svg"); }
.cms_tm_box.cms_tm_box_reverse:before { left: auto; right: 0; transform: translate(50%,-50%); }
.cms_tm_text { width: 58%; min-height: 537px; padding: 100px; background: var(--white); box-shadow: 0 0 100px 0 rgba(0,0,0,0.1); }
.cms_tm_box_reverse .cms_tm_text { margin: 0 0 0 auto; }
.cms_tm_text h2 { color: var(--primary); }
.cms_tm_imgContainer { position: absolute; z-index: -1 !important; top: 0; bottom: 0; right: 0; display: flex; width: 52%; }
.cms_tm_box_reverse .cms_tm_imgContainer { right: auto; left: 0; }
.cms_tm_imgBox { display: flex; width: 100%; }
.cms_tm_imgBox > picture { display: flex; width: 100%; }
.cms_tm_imgBox > picture > img { position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; object-position: center; object-fit: cover; }
.cms_tm_imgLegend { display: none; }
@media screen and (max-width: 1200px) { .cms_tm_text { padding: 50px; } }
@media screen and (max-width: 959px) {
    .cms_tm_box { padding: 0; }
    .cms_tm_box.cms_tm_box_reverse { padding: 0; }
    .cms_tm_box:before { top: 169px; left: 0; transform: translateX(-50%); width: 587px; height: 587px; }
    .cms_tm_box.cms_tm_box_reverse:before { left: 0; right: auto; transform: translateX(-50%); }
    .cms_tm_text { width: calc(100% - 60px); min-height: auto; padding: 30px; margin: 0 0 0 30px; }
    .cms_tm_box_reverse .cms_tm_text { margin: 0 0 0 30px; }
    .cms_tm_imgContainer { position: relative; z-index: 1 !important; top: auto; bottom: auto; right: auto; width: 100%; }
    .cms_tm_box_reverse .cms_tm_imgContainer { right: auto; left: auto; }
    .cms_tm_imgBox > picture { padding: 0 0 89.769820971867% 0; }
}
/************************************ Ende: Teaser mittel ************************************/