/************************************ Start: Teaser Slider ************************************/
.cms_ts_main { display: flex; flex-direction: column; gap: 55px; width: 100%; padding: 30px 0; }
.cms_ts_container { --tsMainPadding: calc(calc(calc(100% - 1230px) / 2) + 30px); display: flex; flex-direction: column; gap: 35px; width: 100%; padding: 0 0 0 max(30px,var(--tsMainPadding)); }
.cms_ts_swiper { overflow: visible; clip-path: inset(-100vw); padding: 0 30px 0 0; }
.cms_ts_main .cms_tm_imgBox > picture { padding: 0 0 60% 0; }
.cms_ts_functions { display: flex; justify-content: space-between; align-items: center; gap: 30px; max-width: 1230px; width: 100%; margin: 0 auto; padding: 0 30px; }
.cms_ts_functions .swiper-pagination { position: relative; inset: auto !important; height: 5px; background: var(--tertiary-100); border-radius: var(--border-radius-small); }
.cms_ts_functions .swiper-pagination > span { background: var(--primary); border-radius: var(--border-radius-small); }
.cms_ts_arrows { display: flex; align-items: center; gap: 20px; }
.cms_ts_arrow { cursor: pointer; width: 23px; height: 17px; transition: var(--transition); will-change: transform; }
.cms_ts_prev:not(.swiper-button-disabled):hover { transform: translateX(-10px); }
.cms_ts_next:not(.swiper-button-disabled):hover { transform: translateX(10px); }
.cms_ts_arrow.swiper-button-disabled { cursor: auto; opacity: 0.2; }
.cms_ts_arrow > svg { display: flex; width: 23px; height: 17px; }
.cms_ts_arrow > svg { stroke: var(--primary); }
@media screen and (max-width: 959px) {
    .cms_ts_main { gap: 30px; }
    .cms_ts_container { gap: 19px; }
    .cms_ts_main .cms_tm_imgBox > picture { padding: 0 0 60% 0; }
    .cms_ts_arrows { display: none !important; }
}
/************************************ End: Teaser Slider ************************************/