section.m3_bild {
background: #1a1d1f;
}
section.m3_bild .m3_bild_main {
height: 570px;
}
section.m3_bild .m3_bild_main_item {
position: relative;
}
section.m3_bild .m3_bild_main_item,
section.m3_bild .m3_bild_main_item_text_content > .mM_container,
section.m3_bild .m3_titel_untertitel_text_link_wrapper,
section.m3_bild .m3_bild_main_item_img_content {
height: 100%;
}
section.m3_bild .m3_bild_main_item_img_content {
position: relative;
}
section.m3_bild .m3_bild_main_item_img_content:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; background: linear-gradient(to right, transparent 0%, #1a1d1f 65%);
}
section.m3_bild.mM_img_parallax .m3_bild_main_item_img_content img {
height: 110%;
}
section.m3_bild .m3_bild_main_item_text_content {
position: absolute;
inset: 0;
z-index: 10;
}
section.m3_bild img[data-bild_position="oben"] {
object-position: top;
}
section.m3_bild img[data-bild_position="unten"] {
object-position: bottom;
}
section.m3_bild .m3_titel_untertitel_text_link_wrapper {
display: flex;
justify-content: end;
align-items: center;
}
section.m3_bild .m3_titel_untertitel_text_link_wrapper * {
color: #fff;
}
section.m3_bild .m3_untertitel_container {
margin-bottom: 5px;
}
section.m3_bild .m3_links_container {
margin-top: 53px;
}
section.m3_bild .m3_logos_container svg .cls-1 {
fill: #037374;
}
section.m3_bild .m3_logos_container svg .cls-2 {
fill: #216274;
} section.m3_bild .m3_slider_placeholder_image_container {
height: 100%;
width: 100%;
z-index: 1;
position: absolute;
inset: 0%;
}
section.m3_bild .m3_slider_placeholder_image_inner {
z-index: 2;
justify-content: flex-start;
align-items: center;
width: 100vw;
height: 100%;
display: flex;
position: absolute;
inset: 0%;
overflow: hidden;
transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
transform-style: preserve-3d;
}
section.m3_bild .m3_slider_placeholder_image_inner picture {
width: 100%;
}
section.m3_bild .m3_slider_galerie_container {
position: relative;
height: 100%;
}
section.m3_bild .m3_slider_galerie_item {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
z-index: 3; width: 100%;
height: 100%;   } section.m3_bild .m3_slider_galerie_item_inner {
justify-content: flex-start;
align-items: center;
width: 100vw;
height: 100%;
display: flex;
position: absolute;
inset: 0%;
overflow: hidden; }
section.m3_bild .m3_slider_galerie_item_inner picture {
width: 100%;
}
section.m3_bild .m3_titel_untertitel_text_link_container {
width: 50%;
padding-left: 50px;
} section.m3_bild .m3_bild_main_item_img_content img.mobile {
display: none;
}
@media all and (min-width: 2200px) {
section.m3_bild .m3_bild_main {
height: 620px;
}
}
@media all and (min-width: 2400px) {
section.m3_bild .m3_bild_main {
height: 670px;
}
}
@media all and (max-width: 1399px) {
section.m3_bild .m3_bild_main_item_img_content img {
object-position: 35%;
}
}
@media all and (max-width: 1199px) {
section.m3_bild .m3_bild_main_item_img_content img {
object-position: 25%;
}
}
@media all and (max-width: 991px) {
section.m3_bild .m3_bild_main {
height: auto !important;
}
section.m3_bild .m3_bild_main_item_text_content {
position: relative;
top: auto;
left: auto;
}
section.m3_bild .m3_bild_main_item_img_content,
section.m3_bild .m3_slider_galerie_container {
height: 465px;
}
section.m3_bild .m3_bild_main_item_img_content img.desktop {
display: none;
}
section.m3_bild .m3_bild_main_item_img_content img.mobile {
display: block; }
section.m3_bild .m3_titel_untertitel_text_link_wrapper {
justify-content: start;
}
section.m3_bild .m3_titel_untertitel_text_link_container {
width: 100%;
padding: 20px 0 40px;
}
section.m3_bild .m3_text_container {
max-width: 100%;
}
section.m3_bild .m3_bild_main_item_img_content {
position: relative;
}
section.m3_bild .m3_bild_main_item_img_content:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: linear-gradient(to top, #1a1d1f 0%, transparent 100%);
}
section.m3_bild .m3_bild_main_item_img_content img {
object-position: unset;
}
}
@media all and (max-width: 767px) {
section.m3_bild .m3_bild_main_item_img_content,
section.m3_bild .m3_slider_galerie_container {
height: 415px;
}
}
@media all and (max-width: 575px) {
section.m3_bild .m3_bild_main_item_img_content,
section.m3_bild .m3_slider_galerie_container {
height: 365px;
}
}
@media all and (max-width: 475px) {
section.m3_bild .m3_bild_main_item_img_content,
section.m3_bild .m3_slider_galerie_container {
height: 315px;
}
}
@media all and (max-width: 375px) {
section.m3_bild .m3_bild_main_item_img_content,
section.m3_bild .m3_slider_galerie_container { height: 225px;
}
} section.m3_bild[data-variante="v1"] .m3_bild_main {
height: 590px;
}
section.m3_bild[data-variante="v1"] .m3_titel_untertitel_text_link_wrapper {
justify-content: end;
}
section.m3_bild[data-variante="v1"] .m3_titel_untertitel_text_link_container {
width: 50%;
background: #fff;
border-radius: 3px;
padding: 77px 63px 86px;
}
@media all and (max-width: 991px) {
section.m3_bild[data-variante="v1"] .m3_titel_untertitel_text_link_wrapper {
justify-content: start;
margin-top: -86px;
}
section.m3_bild[data-variante="v1"] .m3_titel_untertitel_text_link_container {
width: 100%;
}
}
@media all and (max-width: 575px) {
section.m3_bild[data-variante="v1"] .m3_titel_untertitel_text_link_wrapper {
margin-top: -40px;
}
section.m3_bild[data-variante="v1"] .m3_titel_untertitel_text_link_container {
padding: 34px 20px 40px;
}
section.m3_bild[data-variante="v1"] .m3_titel {
margin-bottom: 19px;
}
section.m3_bild[data-variante="v1"] .m3_links_container {
margin-top: 34px;
}
}
@media all and (max-width: 425px) {
section.m3_bild[data-variante="v1"] .m3_links_container {
flex-direction: column;
gap: 10px 0;
}
section.m3_bild[data-variante="v1"] .m3_link_container,
section.m3_bild[data-variante="v1"] .button {
width: 100%;
}
section.m3_bild[data-variante="v1"] .button {
text-align: center;
}
}
@media all and (max-width: 300px) {
section.m3_bild[data-variante="v1"] .button {
font-size: .85rem;
}
}
section.m3_bild[data-variante="v1"][data-show_img_left="true"] .m3_titel_untertitel_text_link_wrapper {
justify-content: start;
}  section.m3_bild[data-variante="v2"] .m3_bild_main {
background: #f8f9fa;
}
section.m3_bild[data-variante="v2"] .m3_bild_main:before {
content: '';
position: absolute;
inset: 0;
top: -1px;
background: linear-gradient(to bottom, #f8f9fa 0%, #f8f9fa 25%, transparent 100%);
z-index: 1;
}
section.m3_bild[data-variante="v2"] .m3_bild_main .m3_bild_main {
height: 735px;
}
section.m3_bild[data-variante="v2"] .m3_bild_main .m3_titel_untertitel_text_link_wrapper {
align-items: start;
padding-top: 77px;
}
@media all and (max-width: 991px) {
section.m3_bild[data-variante="v2"] .m3_bild_main:before {
content: none;
}
section.m3_bild[data-variante="v2"] .m3_bild_main .m3_bild_main_item {
display: flex;
flex-direction: column-reverse;
}
section.m3_bild[data-variante="v2"] .m3_bild_main .m3_bild_main_item_img_content {
position: relative;
margin-top: -86px;
}
section.m3_bild[data-variante="v2"] .m3_bild_main .m3_bild_main_item_img_content:before {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(to bottom, #f8f9fa 0%, #f8f9fa 25%, transparent 100%);
z-index: 1;
}
}
@media all and (max-width: 575px) {
section.m3_bild[data-variante="v2"] .m3_bild_main .m3_titel_untertitel_text_link_wrapper {
padding-top: 36px;
}
}
section.m3_bild[data-variante="v2"][data-with-logos="true"] .m3_bild_main:before {
background: linear-gradient(to bottom, #f8f9fa 0%, #f8f9fa 40%, transparent 100%);
}
section.m3_bild[data-variante="v2"][data-with-logos="true"] .m3_bild_main .m3_titel_untertitel_text_link_container,
section.m3_bild[data-variante="v2"][data-with-logos="true"] .m3_bild_main .m3_logos_wrapper {
width: 50%;
}
section.m3_bild[data-variante="v2"][data-with-logos="true"] .m3_bild_main .m3_titel_untertitel_text_link_container {
padding-right: 55px;
}
section.m3_bild[data-variante="v2"][data-with-logos="true"] .m3_bild_main .m3_logos_wrapper {
padding-left: 10px;
}
section.m3_bild[data-variante="v2"][data-with-logos="true"] .m3_bild_main .m3_logos_container {
display: flex;
flex-wrap: wrap;
gap: 40px 30px;
margin-top: 43px;
}
section.m3_bild[data-variante="v2"][data-with-logos="true"] .m3_bild_main .m3_logo_item {
width: calc(50% - 15px);
}
section.m3_bild[data-variante="v2"][data-with-logos="true"] .m3_bild_main .m3_logo_content_container {
display: flex;
margin-bottom: 6px;
}
section.m3_bild[data-variante="v2"][data-with-logos="true"] .m3_bild_main .m3_logo_container {
width: 70px;
min-width: 70px;
}
section.m3_bild[data-variante="v2"][data-with-logos="true"] .m3_bild_main .m3_logo_container svg {
width: auto;
max-width: 55px;
height: 52px;
}
section.m3_bild[data-variante="v2"][data-with-logos="true"] .m3_bild_main .m3_logo_title {
line-height: 1.2;
}
section.m3_bild .m3_stichpunkte_item {
display: flex;
align-items: center;
gap: 0 13px;
}
section.m3_bild .m3_stichpunkte_item:not(.first-child) {
margin-top: 8px;
}
section.m3_bild .m3_stichpunkte_item svg {
fill: #1b9cd9;
width: 18px;
min-width: 18px;
height: 18px;
min-height: 18px;
}
section.m3_bild .m3_stichpunkte_container {
margin-top: 20px;
}
section.m3_bild .m3_text_container {
max-width: 500px;
margin-top: 33px;
}
@media all and (min-width: 2400px) {
section.m3_bild[data-variante="v2"][data-with-logos="true"] .m3_bild_main .m3_logo_content_container {
align-items: center;
}
}
@media all and (max-width: 1399px) {
section.m3_bild[data-variante="v2"][data-with-logos="true"] .m3_bild_main .m3_logo_title {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
-o-hyphens: auto;
hyphens: auto;
word-break: break-word;
}
}
@media all and (max-width: 991px) {
section.m3_bild[data-variante="v2"][data-with-logos="true"] .m3_bild_main .m3_titel_untertitel_text_link_wrapper {
flex-wrap: wrap;
}
section.m3_bild[data-variante="v2"][data-with-logos="true"] .m3_bild_main .m3_titel_untertitel_text_link_container,
section.m3_bild[data-variante="v2"][data-with-logos="true"] .m3_bild_main .m3_logos_wrapper {
width: 100%;
}
section.m3_bild[data-variante="v2"][data-with-logos="true"] .m3_bild_main .m3_logos_wrapper {
margin-top: 40px;
}
}
@media all and (max-width: 767px) {
section.m3_bild[data-variante="v2"][data-with-logos="true"] .m3_bild_main .m3_logos_container {
gap: 20px 30px;
margin-top: 0;
}
section.m3_bild[data-variante="v2"][data-with-logos="true"] .m3_bild_main .m3_logo_item {
width: 100%;
}
section.m3_bild[data-variante="v2"][data-with-logos="true"] .m3_bild_main .m3_logo_content_container {
align-items: center;
}
} .m3_stichpunkte_item p,
.m3_text_container p {
font-size: 16px;
margin-top: 0;
}
section.m3_bild[data-title_text_top="true"] {
background: #191d20;
}
section.m3_bild[data-title_text_top="true"] .m3_bild_main_item_img_content:after,
section.m3_bild[data-title_text_parallel="true"] .m3_bild_main_item_img_content:after {
content: none;
}
section.m3_bild[data-title_text_top="true"] .m3_bild_main {
height: 1060px;
}
section.m3_bild[data-title_text_top="true"] .m3_titel_untertitel_text_link_wrapper {
justify-content: center;
align-items: start;
}
section.m3_bild[data-title_text_top="true"] .m3_titel_untertitel_text_link_container {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
padding-top: 180px;
padding-left: 0;
}
section.m3_bild[data-title_text_top="true"] .m3_titel_container {
max-width: 550px;
}
section.m3_bild[data-title_text_top="true"] .m3_text_container {
max-width: 650px;
margin-top: 26px;
}
section.m3_bild[data-title_text_top="true"] .m3_titel_container h2,
section.m3_bild[data-title_text_top="true"] .m3_text_container p {
text-align: center;
}
@media all and (min-width: 2200px) {
section.m3_bild[data-title_text_top="true"] .m3_titel_untertitel_text_link_container {
padding-top: 150px;
}
}
@media all and (max-width: 1399px) {
section.m3_bild[data-title_text_top="true"] .m3_bild_main {
height: 1000px;
}
section.m3_bild[data-title_text_top="true"] .m3_titel_untertitel_text_link_container {
padding-top: 150px;
}
}
@media all and (max-width: 1199px) {
section.m3_bild[data-title_text_top="true"] .m3_bild_main_item_img_content img {
object-position: center top;
}
}
@media all and (max-width: 991px) {
section.m3_bild[data-title_text_top="true"] .m3_titel_untertitel_text_link_container {
padding: 80px 0 0;
}
section.m3_bild[data-title_text_top="true"] .m3_bild_main_item_img_content {
height: auto;
margin-top: -150px;
}
section.m3_bild[data-title_text_top="true"] .m3_bild_main_item_img_content img.mobile {
display: none;
}
section.m3_bild[data-title_text_top="true"] .m3_bild_main_item_img_content img.desktop {
display: block;
}
section.m3_bild[data-title_text_top="true"] .m3_bild_main_item {
display: flex;
flex-direction: column-reverse;
}
}
@media all and (max-width: 767px) {
section.m3_bild[data-title_text_top="true"] .m3_bild_main_item_img_content {
margin-top: -100px;
}
}
@media all and (max-width: 575px) {
section.m3_bild[data-title_text_top="true"] .m3_titel_untertitel_text_link_container {
align-items: start;
adding: 50px 0 0;
}
section.m3_bild[data-title_text_top="true"] .m3_titel_container h2,
section.m3_bild[data-title_text_top="true"] .m3_text_container p {
text-align: start;
}
section.m3_bild[data-title_text_top="true"] .m3_bild_main_item_img_content {
margin-top: -50px;
}
}
@media all and (max-width: 475px) {
section.m3_bild[data-title_text_top="true"] .m3_bild_main_item_img_content {
margin-top: -30px;
}
}
section.m3_bild[data-title_text_parallel="true"] .m3_bild_main {
height: auto;
max-height: 720px;
}
section.m3_bild[data-title_text_parallel="true"] .m3_titel_untertitel_text_link_wrapper {
justify-content: start;
}
section.m3_bild[data-title_text_parallel="true"] .m3_titel_untertitel_text_link_container {
display: flex;
align-items: end;
gap: 88px;
width: 100%;
padding-left: 0;
}
section.m3_bild[data-title_text_parallel="true"] .m3_title_group_container,
section.m3_bild[data-title_text_parallel="true"] .m3_text_container {
width: 50%;
}
section.m3_bild[data-title_text_parallel="true"] .m3_untertitel_container.untertitel_unten {
max-width: 520px;
}
section.m3_bild[data-title_text_parallel="true"] .m3_untertitel_container.untertitel_unten p {
color: #1b9cd9;
letter-spacing: .7px;
}
section.m3_bild[data-title_text_parallel="true"] .m3_text_container {
max-width: unset;
margin-top: 0;
}
section.m3_bild[data-title_text_parallel="true"] .m3_text_container p { color: #fff;
}
@media all and (min-width: 2200px) {
section.m3_bild[data-title_text_parallel="true"] .m3_untertitel_container.untertitel_unten {
max-width: unset;
}
}
@media all and (max-width: 1399px) {
section.m3_bild[data-title_text_parallel="true"] .m3_bild_main {
height: 570px;
}
}
@media all and (max-width: 991px) {
section.m3_bild[data-title_text_parallel="true"] .m3_bild_main_item_img_content,
section.m3_bild[data-title_text_parallel="true"] .m3_slider_galerie_container {
height: 570px;
}
section.m3_bild[data-title_text_parallel="true"] .m3_bild_main_item_text_content {
position: absolute;
inset: 0;
z-index: 10;
}
section.m3_bild[data-title_text_parallel="true"] .m3_bild_main_item_img_content img.mobile {
display: none;
}
section.m3_bild[data-title_text_parallel="true"] .m3_bild_main_item_img_content img.desktop {
display: block;
object-position: 75%;
}
}
@media all and (max-width: 767px) {
section.m3_bild[data-title_text_parallel="true"] .m3_titel_untertitel_text_link_container {
flex-wrap: wrap;
gap: 30px;
padding: 80px 0;
}
section.m3_bild[data-title_text_parallel="true"] .m3_title_group_container,
section.m3_bild[data-title_text_parallel="true"] .m3_text_container {
width: 100%;
}
section.m3_bild[data-title_text_parallel="true"] .m3_bild_main_item_img_content,
section.m3_bild[data-title_text_parallel="true"] .m3_slider_galerie_container {
height: 670px;
}
}
@media all and (max-width: 575px) {
section.m3_bild[data-title_text_parallel="true"] .m3_bild_main {
max-height: unset;
}
section.m3_bild[data-title_text_parallel="true"] .m3_titel_untertitel_text_link_container {
padding: 50px 0;
}
}
@media all and (max-width: 353px) {
section.m3_bild[data-title_text_parallel="true"] .m3_bild_main_item_img_content,
section.m3_bild[data-title_text_parallel="true"] .m3_slider_galerie_container {
height: 720px;
}
}
@media all and (max-width: 328px) {
section.m3_bild[data-title_text_parallel="true"] .m3_bild_main_item_img_content,
section.m3_bild[data-title_text_parallel="true"] .m3_slider_galerie_container {
height: 770px;
}
}
@media all and (max-width: 295px) {
section.m3_bild[data-title_text_parallel="true"] .m3_bild_main_item_img_content,
section.m3_bild[data-title_text_parallel="true"] .m3_slider_galerie_container {
height: 820px;
}
}