section.m30_header_unterseite .m30_header_unterseite_main {
height: 810px;
}
section.m30_header_unterseite .m30_header_unterseite_main_item {
position: relative;
}
section.m30_header_unterseite .m30_header_unterseite_main_item,
section.m30_header_unterseite .m30_header_unterseite_main_item_text_content > .mM_container,
section.m30_header_unterseite .m30_titel_untertitel_text_link_wrapper,
section.m30_header_unterseite .m30_header_unterseite_main_item_img_content {
height: 100%;
}
section.m30_header_unterseite .m30_header_unterseite_main_item_img_content {
position: relative;
background: #111517;
}
section.m30_header_unterseite .m30_header_unterseite_main_item_img_content:after {
content: '';
position: absolute;
inset: 0; background: rgba(17, 21, 23, .6);
}
section.m30_header_unterseite .m30_header_unterseite_main_item_img_content img {
opacity: .5;
}
section.m30_header_unterseite.mM_img_parallax .m30_header_unterseite_main_item_img_content img {
height: 110%;
}
section.m30_header_unterseite .m30_header_unterseite_main_item_text_content {
position: absolute;
inset: 0;
z-index: 9;
}
section.m30_header_unterseite img[data-bild_position="oben"] {
object-position: top;
}
section.m30_header_unterseite img[data-bild_position="unten"] {
object-position: bottom;
}
section.m30_header_unterseite .m30_titel_untertitel_text_link_wrapper {
display: flex;
align-items: end;
padding-bottom: 120px;
}
section.m30_header_unterseite .m30_untertitel_container {
margin-bottom: 5px;
}
section.m30_header_unterseite .m30_links_container {
margin-top: 54px;
}
section.m30_header_unterseite .m30_logos_container svg .cls-1 {
fill: #037374;
}
section.m30_header_unterseite .m30_logos_container svg .cls-2 {
fill: #216274;
} section.m30_header_unterseite .m30_slider_placeholder_image_container {
height: 100%;
width: 100%;
z-index: 1;
position: absolute;
inset: 0%;
}
section.m30_header_unterseite .m30_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.m30_header_unterseite .m30_slider_placeholder_image_inner picture {
width: 100%;
}
section.m30_header_unterseite .m30_slider_galerie_container {
position: relative;
height: 100%;
}
section.m30_header_unterseite .m30_slider_galerie_item {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
z-index: 3; width: 100%;
height: 100%;   } section.m30_header_unterseite .m30_slider_galerie_item_inner {
justify-content: flex-start;
align-items: center;
width: 100vw;
height: 100%;
display: flex;
position: absolute;
inset: 0%;
overflow: hidden; }
section.m30_header_unterseite .m30_slider_galerie_item_inner picture {
width: 100%;
}
section.m30_header_unterseite .m30_untertitel_container p {
color: #fff;
}
section.m30_header_unterseite .m30_link_container:not(:first-child) {
margin-left: 18px;
}
section.m30_header_unterseite .m30_text_container {
max-width: 40%;
}
section.m30_header_unterseite .m30_text_container * {
color: rgba(255, 255, 255, .7);
-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.m30_header_unterseite .m30_header_unterseite_main {
height: 610px;
}
section.m30_header_unterseite .m30_titel_untertitel_text_link_wrapper {
padding-bottom: 60px;
} }
@media all and (max-width: 767px) {
section.m30_header_unterseite .m30_links_container.mM_links {
display: flex;
flex-direction: column;
}
section.m30_header_unterseite .m30_link_container .button {
position: relative;
}
section.m30_header_unterseite .m30_link_container:not(:first-child) {
margin-left: 0;
margin-top: 15px;
}
section.m30_header_unterseite .m30_links_container {
margin-top: 30px;
}
section.m30_header_unterseite .m30_untertitel_container p {
font-size: 20px;
} }
@media all and (max-width: 575px) { section.m30_header_unterseite .m30_text_container {
max-width: 100%;
}
}
@media all and (max-width: 475px) { }
@media all and (max-width: 375px) { }