.m25_hero {
position: relative;
min-height: 900px; height: 100dvh;
margin: 0; display: flex;
align-items: flex-end; background: linear-gradient(
180deg,
var(--strobl-blue-deep) 0,
var(--strobl-blue-deep) 50%,
var(--strobl-blue) 50%,
var(--strobl-blue) 100%
);
} .m25_card {
position: absolute;
top: var(--strobl-topline-h, 44px);
left: 0;
right: 0;
bottom: 0;
z-index: 0;
border-radius: var(--strobl-radius);
overflow: hidden;
}
.m25_slides,
.m25_slide { position: absolute; inset: 0; }
.m25_slide img { width: 100%; height: 100%; object-fit: cover; } .m25_slides,
.m25_slides .slick-list,
.m25_slides .slick-track,
.m25_slides .slick-slide { height: 100% !important; } .m25_overlay {
position: absolute;
inset: 0;
background:
linear-gradient(180deg, rgba(255,255,255,.7) 0%, rgba(255,255,255,0) 52%),
linear-gradient(90deg, rgba(255,255,255,.58) 0%, rgba(255,255,255,.58) 100%);
pointer-events: none;
} .m25_inner { position: relative; z-index: 2; width: 100%; padding-bottom: 100px; }
.m25_content { max-width: 1040px; } .m25_hero .subline { display: none; } .m25_hero .m25_titel {
line-height: 0.9;
}
.m25_text { font-size: 1.25rem; font-weight: 600; margin: 0 0 77px; }
.m25_buttons { display: flex; flex-wrap: wrap; gap: 16px; } .m25_inner .mM_dots_container {
margin-top: 85px;
}
.m25_hero .mM_dots .slick-dots {
position: relative;
bottom: unset;
width: auto;
display: flex;
justify-content: flex-start;
gap: 10px;
padding: 0;
margin: 0;
list-style: none;
} .m25_hero .mM_dots .slick-dots li .mM_dot {
width: 14px;
height: 14px;
border-radius: 50%;
border: 1.5px solid rgba(18,38,91,.3);
background: transparent;
cursor: pointer;
}
.m25_hero .mM_dots .slick-dots li.slick-active .mM_dot {
background: var(--strobl-blue);
border-color: var(--strobl-blue);
}  @media all and (max-width: 991px) { .m25_hero { min-height: 560px; height: auto; margin: 0; display: block; } .m25_inner { padding-top: 400px; padding-bottom: 70px; }
.m25_text {
margin: 0;
}
.m25_inner .mM_dots_container {
margin-top: 40px;
}
}
@media all and (max-width: 575px) {
.m25_inner { padding-top: 300px; padding-bottom: 50px; }
} .m25_video_wrap { position: absolute; inset: 0; }
.m25_video { width: 100%; height: 100%; object-fit: cover; display: block; } .m25_video_toggle {
position: absolute;
left: 20px;
bottom: 20px;
z-index: 3;
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
padding: 0;
border: none;
border-radius: 50%;
background: rgba(18, 38, 91, .65);
cursor: pointer;
transition: background .2s ease;
}
.m25_video_toggle:hover { background: var(--strobl-blue); }
.m25_video_toggle_icon { position: relative; display: block; width: 16px; height: 16px; } .m25_video_toggle[data-state="playing"] .m25_video_toggle_icon::before,
.m25_video_toggle[data-state="playing"] .m25_video_toggle_icon::after {
content: "";
position: absolute;
top: 1px;
width: 4px;
height: 14px;
background: #fff;
}
.m25_video_toggle[data-state="playing"] .m25_video_toggle_icon::before { left: 3px; }
.m25_video_toggle[data-state="playing"] .m25_video_toggle_icon::after { right: 3px; } .m25_video_toggle[data-state="paused"] .m25_video_toggle_icon::before {
content: "";
position: absolute;
top: 0;
left: 4px;
border-style: solid;
border-width: 7px 0 7px 12px;
border-color: transparent transparent transparent #fff;
}