.cms_tmd_box { position: relative; width: 100%; margin: 17.5px 0 0 0; }
.cms_tmd_box > .full_article_link { border-radius: var(--border-radius-default); }
.cms_tmd_datum { position: absolute; z-index: 2; top: 0; right: 18px; transform: translateY(-50%); color: var(--white); padding: 5px 10px; background: var(--primary); border-radius: var(--border-radius-default); overflow: clip; }
.cms_tmd_imgContainer { position: relative; z-index: 1; width: 100%; border-radius: var(--border-radius-default); overflow: clip; }
.cms_tmd_imgBox { width: 100%; }
.cms_tmd_imgBox:before { content: ""; position: absolute; z-index: 2; inset: 0; background: linear-gradient(0deg, #000 0%, rgba(0,0,0,0.00) 100%); }
.cms_tmd_imgBox > picture { display: flex; width: 100%; padding: 0 0 max(388px,68.0701754385965%) 0; }
.cms_tmd_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_tmd_box:hover .cms_tmd_imgBox > picture > img { transform: scale(1.05); }
.cms_tmd_overlay { position: absolute; z-index: 1; inset: auto 30px 30px 30px; display: flex; flex-direction: column; gap: 30px; }
.cms_tmd_text { color: var(--white); }
.cms_tmd_text h3 { padding: 0 0 8px 0; }
.cms_tmd_text p { padding: 0; }
.cms_tmd_overlay .button-link-teaser > a { color: var(--white); }
@media screen and (max-width: 959px) { .cms_tmd_box { margin: 17px 0 0 0; } }