main > div > div > div > section:has(.cms_hp_main) { padding: 0 !important; }
@media screen and (min-width: 960px) { .cms_hp_main { margin-top: -135px; } }
@media screen and (max-width: 959px) { .cms_hp_main { margin-top: 0; } }
.cms_hp_main { position: relative; display: flex; width: 100%; }
.cms_hp_box { position: relative; width: 100%; height: 100dvh; }
.cms_hps_video,
.cms_hp_video { position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; }
.cms_hps_imgContainer,
.cms_hp_imgContainer { position: absolute; z-index: 1; inset: 0; display: flex; width: 100%; height: 100%; }
.cms_hps_imgBox,
.cms_hp_imgBox { width: 100%; }
.cms_hps_video:before,
.cms_hp_video:before,
.cms_hps_imgBox:before,
.cms_hp_imgBox:before { content: ""; position: absolute; z-index: 2; inset: 0; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 100%); }
.cms_hps_video:not(.cms_parallax_videoContainer) > video,
.cms_hps_imgContainer:not(.cms_parallax_imgContainer) .cms_hps_img,
.cms_hp_video:not(.cms_parallax_videoContainer) > video,
.cms_hp_imgContainer:not(.cms_parallax_imgContainer) .cms_hp_img { position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.cms_hps_imgLegend,
.cms_hp_imgLegend { display: none; }
.cms_hp_info_box { position: absolute; z-index: 1; bottom: 27px; left: 0; width: 100%; }
.cms_hp_text { display: flex; flex-direction: column; gap: 15px; max-width: 1396px; width: 100%; }
.cms_hp_text > h2 { color: var(--white); padding: 0; }
.cms_hp_text > p:not(:has(.button-bg)) { font-weight: 300; font-size: 78px; line-height: 94px; color: var(--white); padding: 0; }
#hpSwiper-pagination { position: absolute; z-index: 1; inset: calc(50% + 135px) 40px auto auto; transform: translateY(-50%); display: flex; flex-direction: column; gap: 12px; width: auto; }
#hpSwiper-pagination .swiper-pagination-bullet { display: block; width: 12px; height: 12px; opacity: 1; background: rgba(255,255,255,0.3); border: 0; border-radius: 0; margin: 0; transition: var(--transition); }
#hpSwiper-pagination .swiper-pagination-bullet-active,
#hpSwiper-pagination .swiper-pagination-bullet:hover { background: var(--white); }
@media screen and (max-width: 959px) {
    .cms_hp_box { height: calc(100dvh - 85px); }
    .cms_hp_info_box { top: 50%; transform: translateY(-50%); bottom: auto; }
    .cms_hp_info_box > .cms_container_wide { max-width: 600px; }
    .cms_hp_text { max-width: none; }
    .cms_hp_text > h2 { font-size: 19px; line-height: 23px; }
    .cms_hp_text > h2 > .quadrat:before { top: 5.5px; width: 12px; height: 12px; }
    .cms_hp_text > p:not(:has(.button-bg)) { font-size: 40px; line-height: 48px; }
    #hpSwiper-pagination { inset: auto 30px 48px 30px; transform: none; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; gap: 10px; width: calc(100% - 60px); margin: 0 auto; }
    #hpSwiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; }
}