/* Start: Teaser */
.cms_teaser_container { width: 100%; --teaserMainPadd: calc(calc(calc(100% - 1230px) / 2) + 30px); padding: 0 0 0 max(30px,var(--teaserMainPadd)); }
.cms_teaser_main { position: relative; display: flex; flex-direction: column; width: 100%; }
.cms_teaser_main_title { writing-mode: sideways-lr; position: absolute; top: 0; left: -33px; }
.teaserSwiper { display: flex; flex-direction: column; gap: 60px; padding: 0 200px 0 0; }
.teaserSwiper-functions { display: flex; align-items: center; gap: 20px; max-width: 890px; width: 100%; }
.teaserSwiper-pagination { position: relative; height: 5px !important; background: rgba(0, 111, 193, 0.2); inset: auto !important; }
.teaserSwiper-pagination > span { background: rgba(0, 111, 193, 0.6) !important; }
.teaserSwiper-button { cursor: pointer; display: flex; width: 17px; height: 17px; opacity: 0.6; }
.teaserSwiper-button.swiper-button-disabled { pointer-events: none; cursor: auto; opacity: 0.2; }
.teaserSwiper-button:not(.swiper-button-disabled):hover { opacity: 1; }
.teaserSwiper-button > svg { display: flex; width: 17px; height: 17px; }
.teaserSwiper-button > svg > path { stroke: var(--primary); }
@media screen and (max-width: 1300px) { .cms_teaser_main_title { writing-mode: unset; position: relative; top: auto; left: auto; margin: 0 0 30px 0; } }
@media screen and (max-width: 1200px) { .teaserSwiper { padding: 0 30px 0 0; } }
@media screen and (max-width: 959px) {
    .cms_teaser_main_title { margin: 0 0 11px 0; }
    .teaserSwiper-functions { gap: 15px; max-width: none; padding: 0 30px 0 0; }
}
/* End: Teaser */