section.m2_text_and_image .flex_row_reverse { flex-direction: row-reverse; } section.m2_text_and_image .m2_text_und_bild_main > .mM_row { align-items: center; }
@media screen and (max-width: 991px) {
section.m2_text_and_image .m2_galerie_wrapper { margin-bottom: 40px; }
}  section.m2_text_and_image { background: #fff; }
section.m2_text_and_image .m2_text_container_inner { font-size: 1.0625rem; line-height: 1.6; }
section.m2_text_and_image.bg_blau .m2_text_container_inner p { margin: 0 0 29px; }
section.m2_text_and_image .m2_text_container_inner p:last-child { margin-bottom: 0; } section.m2_text_and_image:not(.bg_blau) .m2_galerie_container {
border-radius: var(--strobl-radius);
overflow: hidden;
aspect-ratio: 748 / 664;
}
section.m2_text_and_image:not(.bg_blau) .m2_galerie_item { width: 100%; height: 100%; }
section.m2_text_and_image:not(.bg_blau) .m2_image { width: 100%; height: 100%; object-fit: cover; }  section.m2_text_and_image.m2_has_detail {
z-index: 2;
}
section.m2_text_and_image.m2_has_detail .m2_galerie_container {
border-radius: var(--strobl-radius);
overflow: hidden;
aspect-ratio: 16 / 13;
}
section.m2_text_and_image.m2_has_detail .m2_galerie_container .m2_image {
width: 100%;
height: 100%;
object-fit: cover;
} section.m2_text_and_image.m2_has_detail .m2_text_und_bild_main { position: relative; }
section.m2_text_and_image.m2_has_detail .m2_galerie_detail {
border-radius: var(--strobl-radius);
overflow: hidden;
box-shadow: 0 18px 40px rgba(18, 38, 91, .15);
}
section.m2_text_and_image.m2_has_detail .m2_galerie_detail img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
section.m2_text_and_image.m2_has_detail .m2_text_container {
max-width: 650px;
}
section.m2_text_and_image.bg_blau .m2_text_container {
max-width: 620px;
} @media all and (min-width: 992px) {
section.m2_text_and_image.m2_has_detail .m2_galerie_detail {
position: absolute;
right: 0;
bottom: -200px;
width: 414px;
height: 300px;
}
} @media all and (min-width: 992px) and (max-width: 1599px) {
section.m2_text_and_image.m2_has_detail .m2_text_und_bild_main > .mM_row { align-items: stretch; }
section.m2_text_and_image.m2_has_detail .m2_galerie_wrapper { display: flex; flex-direction: column; }
section.m2_text_and_image.m2_has_detail .m2_galerie_container {
aspect-ratio: auto;
flex: 1 1 auto;
min-height: 0;
}
}
@media all and (max-width: 1599px) {
section.m2_text_and_image.m2_has_detail .m2_galerie_detail {
width: 364px;
height: 250px;
}
} @media all and (min-width: 992px) and (max-width: 1399px) {
section.m2_text_and_image:not(.bg_blau):not(.m2_has_detail) .m2_text_und_bild_main > .mM_row { align-items: stretch; }
section.m2_text_and_image:not(.bg_blau):not(.m2_has_detail) .m2_galerie_wrapper { display: flex; flex-direction: column; }
section.m2_text_and_image:not(.bg_blau):not(.m2_has_detail) .m2_galerie_container {
aspect-ratio: auto;
flex: 1 1 auto;
min-height: 0;
} body.home section.m2_text_and_image:not(.m2_has_detail):not(.bg_blau) .m2_galerie_container { aspect-ratio: auto; }
} @media all and (min-width: 992px) and (max-width: 1399px) {
section.m2_text_and_image.m2_has_detail .m2_galerie_detail {
right: 50%;
}
} @media all and (max-width: 991px) {
section.m2_text_and_image.m2_has_detail .m2_galerie_detail {
position: absolute;
top: 34%;
right: -15px;
}
}
@media all and (max-width: 767px) {
section.m2_text_and_image.m2_has_detail .m2_galerie_detail {
top: 23%;
}
}
@media all and (max-width: 575px) {
section.m2_text_and_image.m2_has_detail .m2_galerie_detail {
display: none;
}
} @media all and (min-width: 992px) {
body.home section.m2_text_and_image:not(.m2_has_detail) .m2_galerie_container {
aspect-ratio: 755 / 646;
border-radius: var(--strobl-radius);
overflow: hidden;
}
body.home section.m2_text_and_image:not(.m2_has_detail) .m2_galerie_item {
width: 100%;
height: 100%;
}
body.home section.m2_text_and_image:not(.m2_has_detail) .m2_image {
width: 100%;
height: 100%;
object-fit: cover;
}
}
@media all and (min-width: 992px) and (max-width: 1399px) {
body.home section.m2_text_and_image:not(.m2_has_detail) .m2_image {
object-position: 25%;
}
} .m2_text_and_image.bg_blau { background: var(--strobl-blue); }
.m2_text_and_image.bg_blau [class$="_titel"],
.m2_text_and_image.bg_blau [class$="_untertitel"],
.m2_text_and_image.bg_blau .m2_text_container_inner,
.m2_text_and_image.bg_blau .m2_text_container_inner p,
.m2_text_and_image.bg_blau .m2_text_container_inner li { color: #fff; }
.m2_text_and_image.bg_blau .m2_galerie_wrapper img,
.m2_text_and_image.bg_blau .m2_galerie_container img { border-radius: 20px; }
.m2_text_and_image.bg_hell { background: #faf9fc; } .m2_text_and_image .m2_checklist { list-style: none; margin: 22px 0 30px; padding: 0; }
.m2_text_and_image .m2_checklist li {
display: flex;
align-items: flex-start;
gap: 16px;
line-height: 32px;
font-size: 17px;
margin-bottom: 4px;
}
.m2_text_and_image .m2_checklist_icon { flex: 0 0 26px; width: 26px; height: 26px; margin-top: 3px; } section.m2_text_and_image .m2_galerie_item { position: relative; }
section.m2_text_and_image .m2_video { display: block; width: 100%; height: 100%; object-fit: cover; } section.m2_text_and_image.bg_blau .m2_galerie_container .m2_video { border-radius: 20px; } section.m2_text_and_image .m2_video_toggle {
position: absolute;
right: 16px;
bottom: 16px;
z-index: 2;
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;
}
section.m2_text_and_image .m2_video_toggle:hover { background: var(--strobl-blue); }
section.m2_text_and_image .m2_video_toggle_icon { position: relative; display: block; width: 16px; height: 16px; }
section.m2_text_and_image .m2_video_toggle[data-state="playing"] .m2_video_toggle_icon::before,
section.m2_text_and_image .m2_video_toggle[data-state="playing"] .m2_video_toggle_icon::after {
content: "";
position: absolute;
top: 1px;
width: 4px;
height: 14px;
background: #fff;
}
section.m2_text_and_image .m2_video_toggle[data-state="playing"] .m2_video_toggle_icon::before { left: 3px; }
section.m2_text_and_image .m2_video_toggle[data-state="playing"] .m2_video_toggle_icon::after { right: 3px; }
section.m2_text_and_image .m2_video_toggle[data-state="paused"] .m2_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;
}