@media screen and (min-width: 1201px) { main > div > div > div > section:has(.cms_hp_box) { margin-top: -70px; } }
@media screen and (min-width: 960px) and (max-width: 1200px) { main > div > div > div > section:has(.cms_hp_box) { margin-top: -50px; } }
@media screen and (max-width: 959px) { main > div > div > div > section:has(.cms_hp_box) { margin-top: -24px; } }
.cms_hp_box { position: relative; width: 100%; }
.cms_hp_box:before { content: ""; position: absolute; z-index: 2; bottom: 0; left: 0; width: 100%; padding: 0 0 15.416666666666668% 0; background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%); }
.cms_hp_video { position: relative; z-index: 1; width: 100%; padding: 0 0 min(919px,47.864583333333336%) 0; }
.cms_hp_video > video { position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; object-position: center; object-fit: cover; }
.cms_hp_overlay { position: absolute; z-index: 3; bottom: 43px; left: 0; width: 100%; }
.cms_hp_overlay_lst { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 30px; width: 100%; }
.cms_hp_txt { flex: 1; color: var(--white); }
.cms_hp_txt .pretitle:before { background: var(--white); }
.cms_hp_txt h1 { padding-top: 26px; }
.cms_hp_stoerer { flex-shrink: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 18px; max-width: 222px; width: 100%; aspect-ratio: 1 / 1; background: var(--primary); border-radius: 50%; transition: var(--transition); will-change: transform; }
.cms_hp_stoerer:hover { background: var(--secondary); }
.cms_hp_stoerer_txt { max-width: 186px; font-family: "tasman", sans-serif; font-weight: 400; font-size: 25px; line-height: 31px; text-align: center; color: var(--white); }
.cms_hp_stoerer_btn { display: flex; flex-direction: column; align-items: center; gap: 10px; }
.cms_hp_stoerer_btn > span { color: var(--white); }
.cms_hp_stoerer_btn > svg { display: flex; width: 49px; height: 15px; }
.cms_hp_stoerer_btn > svg > path { fill: var(--white); }
@media screen and (max-width: 959px) {
    .cms_hp_box { margin-bottom: 153px; }
    .cms_hp_box:before { padding: 0 0 65.90330788804071% 0; }
    .cms_hp_video { padding: 0 0 max(300px, 50%) 0; }
    .cms_hp_overlay { bottom: -183px; }
    .cms_hp_overlay_lst { flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 10px; }
    .cms_hp_txt { flex: none; }
    .cms_hp_txt h1 { padding-top: 16px; }
    .cms_hp_stoerer { gap: 10px; max-width: 210px; transform: rotate(-8.499deg); margin: 0 0 0 auto; }
    .cms_hp_stoerer_txt { font-weight: 600; }
}