/************************************ Start: Teaser mittel ************************************/
.cms_tm_box { position: relative; width: 100%; background: var(--white); border-radius: var(--border-radius-small); overflow: clip; box-shadow: 0 0 100px 0 rgba(0, 0, 0, 0.10); }
.cms_tm_imgMain { position: relative; z-index: 1; width: 100%; }
.cms_tm_imgContainer { width: 100%; }
.cms_tm_imgBox { position: relative; width: 100%; overflow: clip; }
.cms_tm_imgBox:before { content: ""; position: absolute; z-index: 2; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.18) 100%); transition: var(--transition); }
.cms_tm_box:hover .cms_tm_imgBox:before { opacity: 0; visibility: hidden; }
.cms_tm_imgBox > picture { display: flex; width: 100%; padding: 0 0 66.66666666666667% 0; }
.cms_tm_imgBox > picture > img { position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; object-position: center; object-fit: cover; transition: var(--transition); will-change: transform; }
.cms_tm_box:hover .cms_tm_imgBox > picture > img { transform: scale(1.05); }
.cms_tm_imgLegend { display: none; }
.cms_tm_nrj { position: absolute; z-index: 2; right: 51px; bottom: 0; transform: translateY(50%); font-family: "IBM Plex Sans", sans-serif; font-weight: 300; font-size: 62px; line-height: 74px; color: var(--primary); }
.cms_tm_text { width: 100%; padding: 40px; }
.cms_tm_text h3 { padding: 0; margin: 0 0 -3px 0; }
.cms_tm_text .button-link-teaser { display: block; margin: 25px 0 0 0; }
@media screen and (max-width: 959px) {
    .cms_tm_imgBox > picture { padding: 0 0 71.66666666666667% 0; }
    .cms_tm_nrj { right: 30px; font-size: 28px; line-height: 34px; }
    .cms_tm_text { padding: 15px; }
    .cms_tm_text h3 { padding: 0; margin: 0 0 -1px 0; }
    .cms_tm_text .button-link-teaser { margin: 14px 0 0 0; }
}
/************************************ End: Teaser mittel ************************************/