#cmsgrid > div:first-of-type:has(#hpSwiper) { padding-top: 0; }
section:has(#hpSwiper) { padding-top: 0 !important; }
.cms_hp_main { display: flex; justify-content: center; align-items: center; width: 100%; min-height: 100dvh; }
#hpSwiper { position: absolute; z-index: 1; inset: 0; }
.cms_hp_box { position: relative; z-index: 1 !important; width: 100%; }
.cms_hp_imgContainer { position: absolute; z-index: 1; inset: 0; display: flex; }
.cms_hp_imgBox { display: flex; width: 100%; }
.cms_hp_imgBox:before { content: ""; position: absolute; z-index: 2; inset: 0; background: linear-gradient(0deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.4) 100%); }
.cms_hp_imgLegend { display: none; }
.cms_hp_titel { pointer-events: none; position: relative; z-index: 2; max-width: 979px; width: 100%; padding: 30px; }
.cms_hp_titel > h1 { font-weight: 200; font-size: 82px; line-height: 102px; text-align: center; color: var(--white); }
.cms_hp_progress { position: absolute; z-index: 3; bottom: 0; left: 0; width: 100%; }
.cms_hp_progressValue { width: 0; height: 10px; background: var(--primary); }
@media screen and (min-width: 960px) {
    .cms_hp_main { padding-top: 130px; }
}
@media screen and (max-width: 959px) {
    .cms_hp_main { padding-top: 80px; }
    .cms_hp_titel { max-width: 500px; }
    .cms_hp_titel > h1 { font-size: 36px; line-height: 45px; }
}