/************************************ Start: Container & Slider ************************************/
.cms_ts_container { display: flex; flex-direction: column; gap: 50px; width: 100%; padding: 30px; }
.cms_ts_swiper { overflow: visible; }
/************************************ Ende: Container & Slider ************************************/

/************************************ Start: Box ************************************/
.cms_ts_box { position: relative; display: flex; flex-direction: column; width: 100%; }
.cms_ts_box > .full_article_link { border-radius: var(--border-radius-default); }
.cms_ts_imgContainer { position: relative; z-index: 1; width: 100%; border-radius: var(--border-radius-default) var(--border-radius-default) 0 0; overflow: clip; }
.cms_ts_imgFixZindex { z-index: 12; }
.cms_ts_imgBox { width: 100%; }
.cms_ts_imgBox > picture { display: flex; width: 100%; padding: 0 0 59.12698412698413% 0; }
.cms_ts_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_ts_box:hover .cms_ts_imgBox > picture > img { transform: scale(1.05); }

.cms_ts_imgLegend { display: none; }
.cms_ts_info { display: flex; flex-direction: column; flex: 1; padding: 30px 20px; background: var(--tertiary); border-radius: 0 0 var(--border-radius-default) var(--border-radius-default); box-shadow: 0 4px 4px 0 rgba(0,0,0,0.25); }
.cms_ts_text h2 { padding: 0 0 11px 0; }
.cms_ts_text h2+p { padding-top: 0; }
.cms_ts_info > .button-link-teaser { padding: 11px 0 0 0; margin: auto 0 0 0; }
/************************************ Ende: Box ************************************/

/************************************ Start: Functions ************************************/
.cms_ts_swiper_functions { display: flex; justify-content: center; align-items: center; gap: 27px; width: 100%; }
/************************************ Ende: Functions ************************************/

/************************************ Start: Button ************************************/
.cms_ts_swiper_button { cursor: pointer; display: flex; justify-content: center; align-items: center; width: 58px; height: 58px; flex-shrink: 0; background: var(--primary); border-radius: 50%; transition: var(--transition); will-change: transform; }
.cms_ts_swiper_button.swiper-button-disabled { cursor: auto; pointer-events: none; opacity: .35; }
.cms_ts_swiper_button:hover { transform: scale(1.05); }
.cms_ts_swiper_button > svg { display: flex; width: 13px; height: 25px; }
/************************************ Ende: Button ************************************/

/************************************ Start: Pagination ************************************/
.cms_ts_pagination { position: relative; inset: 0 !important; display: flex; flex-wrap: wrap; align-items: center; gap: 11px; width: auto !important; }
.cms_ts_pagination > .swiper-pagination-bullet { width: 53px; height: 6px; opacity: 1; background: var(--white); border: 1px solid var(--primary); border-radius: 0; margin: 0 !important; transition: var(--transition); }
.cms_ts_pagination > .swiper-pagination-bullet:hover { background: var(--primary); border: 1px solid var(--primary); }
.cms_ts_pagination > .swiper-pagination-bullet-active { opacity: 1; background: var(--primary); border: 1px solid var(--primary); }
/************************************ Ende: Pagination ************************************/