.cms_twk_main { display: flex; flex-direction: column; width: 100%; padding: 30px; }
.twkSwiper { overflow: visible; clip-path: inset(-100vw 0 0 0); margin: 80px 0 0 0; }
.cms_twk_box { position: relative; display: flex; flex-direction: column; align-items: center; gap: 30px; width: 100%; background: var(--hellgrau); padding: 0 30px 45px 30px; }
.cms_twk_imgContainer { max-width: 168px; width: 100%; margin: -80px 0 0 0; }
.cms_twk_imgBox { position: relative; width: 100%; }
.cms_twk_imgBox > picture { display: flex; width: 100%; }
.cms_twk_imgBox > picture > img { display: flex; width: 100%; transition: var(--transition); will-change: transform; }
.cms_twk_box:hover .cms_twk_imgBox > picture > img { transform: scale(1.1); }
.cms_twk_imgLegend { display: none; }
.cms_twk_box .button-link-2 { margin: auto 0 0 0; }
.twkSwiper-function { display: flex; justify-content: center; align-items: center; gap: 55px; margin: 30px 0 0 0; }
.twkSwiper-function:has(.swiper-button-lock) { display: none; }
.twkSwiper-button { cursor: pointer; display: flex; width: 27px; height: 20px; transition: var(--transition); will-change: transform; }
.twkSwiper-button.swiper-button-disabled { pointer-events: none; cursor: auto; opacity: .35; }
.twkSwiper-button:not(.swiper-button-disabled):hover { transform: scale(1.01); }
.twkSwiper-button > svg { display: flex; width: 27px; height: 20px; }
.twkSwiper-button > svg > path { stroke: var(--primary); }
@media screen and (max-width: 1400px) {
    .cms_twk_main { padding: 30px 0 30px 30px; }
    .twkSwiper { padding: 0 30px 0 0; }
}
@media screen and (max-width: 959px) {
    .twkSwiper { margin: 47px 0 0 0; }
    .cms_twk_box { gap: 30px; padding: 0 15px 30px 15px; }
    .cms_twk_imgContainer { max-width: 94px; margin: -47px 0 -26px 0; }
}