*, :after, :before {
box-sizing: border-box;
}
section{
position: relative;
width:100%;
}
.opacity_0{
opacity: 0;
} .button{
padding:20px;
cursor:pointer;
-webkit-transition: color .4s, background .4s;
-moz-transition: color .4s, background .4s;
-ms-transition: color .4s, background .4s;
-o-transition: color .4s, background .4s;
transition: color .4s, background .4s;
}
.button.primary{
background-color:var(--primarbutton_background_color);
color: var(--primarbutton_font_color);
}
.button.primary svg {
fill: var(--primarbutton_font_color);
-webkit-transition: fill .4s;
-moz-transition: fill .4s;
-ms-transition: fill .4s;
-o-transition: fill .4s;
transition: fill .4s;
}
.button.primary:hover {
background-color:var(--primarbutton_hover_background_color);
color:var(--primarbutton_hover_font_color);
}
.button.primary:hover svg {
fill: var(--primarbutton_hover_font_color);
}
.button.secondary{
background-color:var(--sekundarbutton_background_color);
color:var(--sekundarbutton_font_color);
}
.button.secondary svg {
fill: var(--sekundarbutton_font_color);
-webkit-transition: fill .4s;
-moz-transition: fill .4s;
-ms-transition: fill .4s;
-o-transition: fill .4s;
transition: fill .4s;
}
.button.secondary:hover {
background-color:var(--sekundarbutton_hover_background_color);
color:var(--sekundarbutton_hover_font_color);
}
.button.secondary:hover svg {
fill: var(--sekundarbutton_hover_font_color);
}
.link{
display: inline-flex;
align-items: center;
gap: 0 8px;
cursor:pointer;
-webkit-transition: color .4s, background .4s;
-moz-transition: color .4s, background .4s;
-ms-transition: color .4s, background .4s;
-o-transition: color .4s, background .4s;
transition: color .4s, background .4s;
}
.link.primary{
color:var(--primarlink_font_color);
}
.link.primary .mM_link_text {
font-weight: 800;
color:var(--primarlink_font_color);
transition: color .4s;
}
.link.primary svg {
width: 16px;
fill: var(--primarlink_font_color);
-webkit-transition: fill .4s;
-moz-transition: fill .4s;
-ms-transition: fill .4s;
-o-transition: fill .4s;
transition: fill .4s;
}
.link.primary:hover{
color:var(--primarlink_hover_font_color);
}
.link.primary:hover .mM_link_text {
color:var(--primarlink_hover_font_color);
}
.link.primary:hover svg {
fill: var(--primarlink_hover_font_color);
}
.link.secondary{
font-weight: 800;
color:var(--sekundarlink_font_color);
}
.link.secondary .mM_link_text {
color:var(--sekundarlink_font_color);
transition: color .4s;
}
.link.secondary svg {
width: 16px;
fill: var(--sekundarlink_font_color);
-webkit-transition: fill .4s;
-moz-transition: fill .4s;
-ms-transition: fill .4s;
-o-transition: fill .4s;
transition: fill .4s;
}
.link.secondary:hover{
color:var(--sekundarlink_hover_font_color);
}
.link.secondary:hover .mM_link_text {
color:var(--sekundarlink_hover_font_color);
}
.link.secondary:hover svg {
fill: var(--sekundarlink_hover_font_color);
}  .mM_arrow {
position: absolute;
top: 50%;
display: flex;
align-items: center;
justify-content: center;
height: 52px;
width: 52px;
cursor: pointer;
background: #eaeaea;
border-radius: 50%;
transition: opacity .4s;
}
.mM_arrow.slick-disabled {
opacity: 0;
}
.mM_arrow:hover {
opacity: .7;
}
.mM_arrow svg {
width: 20px;
fill: #dd3333;
transform: fill .4s;
}
.mM_arrow:hover svg {
fill: #0056a1;
}
.mM_arrow.mM_arrow_prev {
transform: rotate(180deg);
left: 0;
}
.mM_arrow.mM_arrow_next {
right: 0;
}
.mM_dots .slick-dots {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
position: relative;
bottom: unset;
}
.mM_dots .mM_dot {
width: 10px;
height: 10px;
border-radius: 50%;
background: #dd3333;
transition: background .4s;
}
.mM_dots .slick-dots li {
width: auto;
height: auto;
}
.mM_dots li:hover .mM_dot {
background: #0056a1;
}
.mM_dots li.slick-active .mM_dot {
background: #000;
}  a.mM_edit_post {
position: absolute;
top: 30px;
left: 30px;
z-index: 99999;
font-size: 1.5rem;
display: flex;
justify-content: center;
align-items: center;
background: #0056a1;
border-radius: 50%;
width: 50px;
height: 50px;
color: #f67939;
-webkit-transition: color .4s, background .4s;
-moz-transition: color .4s, background .4s;
-ms-transition: color .4s, background .4s;
-o-transition: color .4s, background .4s;
transition: color .4s, background .4s;
}
a.mM_edit_post_global {
position: fixed;
top: 150px;
left: 40px;
}
a.mM_edit_post svg {
width: 24px;
fill: #f67939;
-webkit-transition: fill .4s;
-moz-transition: fill .4s;
-ms-transition: fill .4s;
-o-transition: fill .4s;
transition: fill .4s;
}
a.mM_edit_post:hover svg {
fill: #0056a1
}
a.mM_edit_post:hover {
background: #f67939;
color: #0056a1;
}  .wpcf7 form .wpcf7-not-valid-tip{
margin-top: 5px;
position: relative;
font-size: 0.8rem;
padding: 6px 10px;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: 5px;
color: #842029;
background-color: #f8d7da;
border-color: #f5c2c7;
margin-bottom:0;
}
.wpcf7 form .wpcf7-response-output{
position: relative;
font-size: 0.8rem;
padding: 6px 10px;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: 5px;
color: #664d03;
background-color: #fff3cd;
border-color: #ffecb5;
margin: 0;
margin-top: 10px;
}
.wpcf7 form.sent .wpcf7-response-output{
color: #0f5132;
background-color: #d1e7dd;
border-color: #badbcc;
}
.wpcf7-form{
display: table;
width: 100%;
}
:-ms-input-placeholder,
::-ms-input-placeholder{
color: #4d5666;
opacity: 1;
font-family: 'Nexa-Regular', sans-serif;
font-size: 1rem;
}
.wpcf7-form *::placeholder{
color: #4d5666;
font-family: 'Nexa-Regular', sans-serif;
opacity: 1;
font-size: 1rem;
}
.form_container{
display:flex;
gap: 0 20px;
margin-bottom: 20px;
}
.form_container.form_last_container {
align-items: center;
}
.form_item,
.wpcf7-form-control{
width: 100%;
}
.form_item{
display: flex;
flex-direction: column;
}
.form_acceptance{
margin-top: 20px;
}
.wpcf7-form-control:not(.wpcf7-checkbox):not(.wpcf7-acceptance) {
padding: 14px 25px 7px;
border-radius: 25px;
border: 1px solid #374052;
font-family: 'Nexa-Regular', sans-serif;
font-size: 1rem;
}
.wpcf7-form-control:not(.wpcf7-submit):not(.wpcf7-acceptance):not(.wpcf7-checkbox) {
background: #e5eaee;
}
.wpcf7-form-control.wpcf7-submit {
border-color: transparent;
font-size: 1rem;
line-height: 1;
padding: 20px 30px 16px;
display: block;
width: auto;
margin: 0 auto;
background: #374052;
color: #fff;
opacity: .7;
transition: background .4s, opacity .4s;
}
.wpcf7-form-control.wpcf7-submit:not(:disabled) {
opacity: 1;
}
.wpcf7-form-control.wpcf7-submit:not(:disabled):hover {
background: #2d99f7;
}
.wpcf7-form.submitting .wpcf7-form-control.wpcf7-submit {
transition: background .4s;
opacity: 0;
}
textarea.wpcf7-form-control {
resize: none;
}
.form_item [data-name="ihr_anliegen"] .wpcf7-not-valid-tip{
margin-top: -5px;
}
.form_submit{
position: relative;
margin-top: 10px;
}
.wpcf7-form .form_submit .wpcf7-spinner{
position: absolute;
left: calc(50% - 12px);
top: calc(50% - 12px);
margin: 0;
}
.wpcf7-acceptance .wpcf7-list-item{
margin:0;
}
.wpcf7-acceptance{
padding:0;
border:none;
}
.wpcf7-submit:not([disabled]) {
cursor: pointer;
} .wpcf7-acceptance input {
display: none;
}
.wpcf7-acceptance label input + span {
position: relative;
padding-left: 20px;
}
.wpcf7-acceptance label input + span:before,
.wpcf7-acceptance label input + span:after {
content: '';
position: absolute;
}
.wpcf7-acceptance label input + span:before {
width: 15px;
height: 15px;
top: 1px;
left: 0;
background-color: transparent;
border: 1.5px solid #374052;
}
.wpcf7-acceptance label input:checked + span:before {
background-color: #374052;
}
.wpcf7-acceptance label input + span:after {
opacity: 0;
top: 5px;
left: 3px;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Isolationsmodus' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 359.22 255.12'%3E%3Cpath class='cls-1' d='M351.86,7.58c-9.93-9.99-26.12-10.12-36.2-.28L126.43,193.31,44.17,108.61c-9.81-10.17-26.05-10.5-36.28-.75-10.23,9.76-10.56,25.91-.75,36.08.04.05.09.09.13.14l100.3,103.38c4.8,4.87,11.36,7.63,18.22,7.66h.28c6.73-.02,13.18-2.67,17.96-7.38L351.63,43.58c10.03-9.89,10.13-25.99.23-36.01Z' style='fill:%23fff'/%3E%3C/svg%3E");
background-size: 10px 7px;
width: 10px;
height: 7px;
}
.wpcf7-acceptance label input:checked + span:after {
opacity: 1;
}
.wpcf7-acceptance a {
text-decoration: underline;
}
.wpcf7-acceptance a:hover {
text-decoration: none;
} @media screen and (max-width: 767px) {
.form_container{
flex-direction: column;
gap: 20px 0;
}
}   :root {
scroll-behavior: unset;
}
html,
body{
font-family: Nexa-Regular, sans-serif;
font-weight: 400;
font-style: normal;
font-size: var(--font_size);
line-height: 1.5;
background-color: var(--background_color);
}
body {
margin: 0;
}
*{
color:var(--font_color);
}
section.light {
background: #e5eaee;
}
section.dark {
background: #374052;
}
section.yellow {
background: #ffdd00;
}
section.white {
background: #fff;
}
section.darkgrey {
background: #181d21;
}
section.dark *,
section.darkgrey * {
color: #ffffff;
}
body.with_bg_image section:not(.m32_references) {
background: transparent !important;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
p {
margin: 0;
}
.mM_text_container > *:not(:last-child) {
margin-bottom: 20px;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4 {
font-family: 'Nexa-Heavy', sans-serif;
font-weight: 800;
line-height: 1.2;
}
h1,
.h1 {
font-size: 7.1875rem;
text-transform: uppercase;
line-height: .9;
}
h2,
.h2 {
font-size: 4.5625rem;
margin-bottom: 30px;
}
h3,
.h3 {
font-size: 2.625rem;
}
h4,
.h4 {
font-size: 1.5rem;
}
p:last-child {
margin-bottom: 0;
}
a,
a:focus,
a:hover,
a:active,
a:visited {
color: inherit;
text-decoration: none;
outline: none;
}
a {
display: inline-block;
}
img,
svg {
max-width: 100%;
width: 100%;
height: auto;
}
.coverimg {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
img.coverimg {
font-family: 'object-fit: cover; object-position: center;';
}
.overflow_x_hidden{
overflow-x: hidden !important;
}
.overflow_y_hidden{
overflow-y: hidden !important;
}
.wpgmza-filter-widgets {
display: none !important;
}
.mM_container {
max-width: 100%;
margin: 0 auto;
}
.mM_row {
display: flex;
flex-wrap: wrap;
gap: 0 20px;
}
[data-show-highlight="true"] {
position: relative;
}
[data-show-highlight="true"] .mM_container {
position: relative;
z-index: 2;
}
[data-show-highlight="true"]:before {
content: '';
position: absolute;
left: 50%;
transform: translateX(-50%);
width: 80vw;
height: 40vw;
background: radial-gradient(circle,rgba(255, 255, 255, .5) 0%, rgba(0, 0, 0, 0) 100%);
border-radius: 50%;
filter: blur(30px);
}
[data-innerer-abstand="innerer_abstand_oben_und_unten"]{
padding-top:75px;
padding-bottom:75px;
}
[data-innerer-abstand="innerer_abstand_nur_oben"]{
padding-top:75px;
padding-bottom:0;
}
[data-innerer-abstand="innerer_abstand_nur_unten"]{
padding-top:0;
padding-bottom:75px;
}
.bigger_padding[data-innerer-abstand="innerer_abstand_oben_und_unten"] {
padding-top: 143px;
padding-bottom: 143px;
}
.bigger_padding[data-innerer-abstand="innerer_abstand_nur_oben"] {
padding-top: 143px;
padding-bottom: 0;
}
.bigger_padding[data-innerer-abstand="innerer_abstand_nur_unten"] {
padding-top: 0;
padding-bottom: 143px;
}
[data-auserer-abstand="auserer_abstand_oben_und_unten"]{
margin-top:75px;
margin-bottom:75px;
}
[data-auserer-abstand="auserer_abstand_nur_oben"]{
margin-top:75px;
margin-bottom:0;
}
[data-auserer-abstand="auserer_abstand_nur_unten"]{
margin-top:0;
margin-bottom:75px;
}
.mM_container[data-ausrichtung="links"]{
padding-left: 0;
margin-left: 0;
}
.mM_container[data-ausrichtung="rechts"]{
padding-right: 0;
margin-right:0;
}
.mM_container[data-container="container_full"] {
max-width: 100%;
padding-left: 0;
padding-right: 0;
}
[data-appearance="fade"]{
opacity: 0;
}
.mM_d_flex {
display: flex;
}
.mM_d_none {
display: none;
}
.mM_d_block {
display: block;
}
.mM_d_inlineblock {
display: inline-block;
}
.mM_links {
margin-top: 30px;
}
[class*="mM_col_"] {
flex: 0 0 auto;
max-width: 100%;
}
.mM_col_100,
[class*="mM_col_"] {
width: 100%;
}
.subtitle {
font-family: Nexa-Heavy, sans-serif;
text-transform: uppercase;
}
.hovering_dot {
position: absolute;
top: -50%;
right: - 50%;
display: block;
width: 300px;
heigt: 300px;
border-radius: 50%;
}
span.lilac_violet {
color: #ec93ff;
}
@media all and (min-width: 576px) {
.mM_container {
max-width: 540px;
}
.mM_col_25,
.mM_col_33,
.mM_col_66 {
width: calc(50% - 10px);
}
}
@media all and (min-width: 768px) {
.mM_container {
max-width: 720px;
}
}
@media all and (min-width: 992px) {
.mM_container {
max-width: 960px;
}
.mM_col_50 {
width: calc(50% - 10px);
}
.mM_col_33 {
width: calc(33.3333% - 14px);
}
.mM_col_66 {
width: calc(66.6666% - 10px);
}
.mM_col_40,
.mM_col_60 {
width: calc(50% - 10px);
}
}
@media all and (min-width: 1200px) {
.mM_container {
max-width: 1140px;
}
.mM_col_25 {
width: calc(25% - 15px);
}
.mM_col_40 {
width: calc(40% - 10px);
}
.mM_col_60 {
width: calc(60% - 10px);
}
}
@media all and (min-width: 1400px) {
.mM_container {
max-width: 1320px;
}
}
@media all and (min-width: 1600px) {
.mM_container {
max-width: 1520px;
}
}
@media all and (min-width: 1800px) {
.mM_container {
max-width: 1720px;
}
}
@media all and (min-width: 1921px) {
.mM_container {
max-width: 1841px;
}
}
@media all and (min-width: 2200px) {
.mM_container {
max-width: 2120px;
}
}
@media screen and (max-width: 767px) {
section.mobile_display_none {
display: none;
}
section.mobile_margin_center {
margin-left: auto !important;
margin-right: auto !important;
}
section.mobile_margin_center .m2_galerie_container {
margin-left: auto !important;
margin-right: auto !important;
}
section.mobile_height_auto {
height: auto !important;
}
section.mobile_height_auto .m2_galerie_wrapper {
height: auto !important;
}
section.mobile_margin_padding_custom .m2_content_wrapper {
margin-bottom: 30px !important;
padding-bottom: 0 !important;
}
section.mobile_padding_top {
padding-top: 25px !important;
}
section.mobile_padding_top .m2_content_wrapper{
padding-top: 0 !important;
}
}
@media all and (max-width: 575px) {
.mM_container {
padding: 0 20px;
}
[data-innerer-abstand="innerer_abstand_oben_und_unten"]{
padding-top:40px;
padding-bottom:40px;
}
[data-innerer-abstand="innerer_abstand_nur_oben"]{
padding-top:40px;
padding-bottom:0;
}
[data-innerer-abstand="innerer_abstand_nur_unten"]{
padding-top:0;
padding-bottom:40px;
}
.bigger_padding[data-innerer-abstand="innerer_abstand_oben_und_unten"] {
padding-top: 40px;
padding-bottom: 40px;
}
.bigger_padding[data-innerer-abstand="innerer_abstand_nur_oben"] {
padding-top: 40px;
padding-bottom: 0;
}
.bigger_padding[data-innerer-abstand="innerer_abstand_nur_unten"] {
padding-top: 0;
padding-bottom: 40px;
}
}
@keyframes rotateCursorItem {
0% {
transform: rotateZ(0);
} 100% {
transform: rotateZ(359deg);
}
}
.btw_cursor_el_wrapper {
position: absolute;
left: -999999px;
top: -999999px;
z-index: 2;
pointer-events: none;
opacity: 0;
transition: opacity .6s;
width: 112px;
height: 112px;
}
.btw_cursor_el_wrapper.btw_cursor_footer_wrapper {
width: 148px;
height: 148px;
}
.btw_cursor_el_wrapper.active {
opacity: 1;
}
.btw_cursor_el_wrapper .btw_cursor_el {
transform-origin: center;
}
.btw_cursor_el_wrapper.active .btw_cursor_el {
animation-name: rotateCursorItem;
animation-duration: 6s;
animation-iteration-count: infinite;
animation-timing-function: linear;
} .sub_blob {
position: absolute; width: var(--blob-size);
height: var(--blob-size); transform: translate3d(calc(-50% + var(--px, 0px)), calc(-50% + var(--py, 0px)), 0) scale(var(--sc, 1));
pointer-events: none;
opacity: var(--opacity);
filter: blur(var(--blur-base)) contrast(1.2);
background: radial-gradient(circle at 50% 50%, var(--color) 0%, rgba(255,255,255,0) 70%); will-change: transform, filter;
transition: filter .4s ease;
backface-visibility: hidden;
isolation: isolate;
z-index: 0;
}
.sub_blob_left {
--color: var(--left-blob);
top: -600px;
left: -600px;
}
.sub_blob_right {
--color: var(--right-blob);
top: -400px;
right: -400px;
} .mM_footer {
background: #374052;
padding: 75px 0 40px;
overflow: hidden;
}
.mM_footer * {
color: #ffffff;
}
.mM_footer .mM_footer_middle {
align-items: flex-end;
}
.mM_footer .mM_footer_middle_left {
flex: 0 0 auto;
max-width: 100%;
width: 75%;
}
.mM_footer .mM_footer_middle_right {
flex: 0 0 auto;
max-width: 100%;
width: 25%;
}
.mM_footer .mM_footer_claim {
padding: 0 0 60px;
width: 100%;
}
.mM_footer .mM_footer_claim * {
font-size: 2.5625rem;
}
.mM_footer .mM_footer_claim_text {
font-family: 'Nexa-Heavy', sans-serif;
font-weight: 800;
line-height: 1;
}
.mM_footer .mM_footer_claim_small {
display: flex;
align-items: center;
gap: 0 17px;
}
.mM_footer .mM_footer_claim_small_text {
font-family: 'Nexa-Book', sans-serif;
font-weight: 300;
line-height: 1;
}
.mM_footer .mM_footer_claim_icon {
width: 35px;
fill: #fff;
}
.mM_footer .mM_footer_container_logo {
height: 43px;
text-align: right;
}
.mM_footer .mM_footer_logo_link svg {
fill: #fff;
transition: fill .4s;
}
.mM_footer .mM_footer_logo_link:hover svg {
fill: #2d99f7;
}
.mM_footer .mM_footer_social_container {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 0 30px;
margin-top: 65px;
}
.mM_footer .m30_home_header_social_icon {
width: auto;
max-width: unset;
height: 22px;
fill: #fff;
transition: fill .4s;
}
.mM_footer .m30_home_header_social_item:hover .m30_home_header_social_icon {
fill: #2d99f7;
}
.mM_footer .mM_footer_menu_container {
margin-top: 10px;
}
.mM_footer .menu-item:not(.mM_footer_imprint_datasec) {
margin-right: 60px;
}
.mM_footer .menu-item:not(.mM_footer_imprint_datasec) a {
font-weight: 700;
transition: color .4s;
}
.mM_footer .menu-item:not(.mM_footer_imprint_datasec) a:hover,
.mM_footer .menu-item:not(.mM_footer_imprint_datasec).current-menu-item a {
color: #2d99f7;
}
.mM_footer .menu-item.mM_footer_imprint {
padding-right: 25px;
position: relative;
}
.mM_footer .menu-item.mM_footer_imprint:after {
content: '|';
font-family: 'Nexa-Book', sans-serif;
font-weight: 400;
font-size: 1rem;
color: rgba(255,255,255,.3);
position: absolute;
right: 11px;
top: 50%;
transform: translateY(-50%);
}
.mM_footer .menu-item.mM_footer_imprint_datasec a {
color: rgba(255,255,255,.3);
font-family: 'Nexa-Book', sans-serif;
font-weight: 400;
transition: color .4s;
}
.mM_footer .menu-item.mM_footer_imprint_datasec a:hover,
.mM_footer .menu-item.mM_footer_imprint_datasec.current-menu-item a {
color: rgba(255,255,255,.8);
}
.mM_footer .mM_footer_bottom_inner_container {
display: flex;
justify-content: space-between;
align-items: center;
background: #2d99f7;
border-radius: 30px;
margin-top: 40px;
padding: 16px 40px;
}
.mM_footer .mM_core_text {
font-family: 'Nexa-Book', sans-serif;
font-weight: 400;
letter-spacing: 3px;
}
.mM_footer .mM_footer_bottom_left_inner {
display: flex;
align-items: center;
}
.mM_footer .mM_footer_network_icon {
width: 14px;
fill: #fff;
transform: rotate(-45deg);
margin-left: 10px;
}
.mM_footer .footer_copyright_text,
.mM_footer .footer_copyright_text * {
font-family: 'Nexa-Book', sans-serif;
color: rgba(255,255,255,.6);
}
a.ext_link {
position: relative;
color: #fff;
}
a.ext_link:hover {
color: #fff;
}
a.ext_link:after {
content: '';
position: absolute;
left: 0;
bottom: -3px;
width: 100%;
height: 1px;
background: #fff;
transform-origin: right;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: transform .4s ease-out;
-moz-transition: transform .4s ease-out;
-ms-transition: transform .4s ease-out;
-o-transition: transform .4s ease-out;
transition: transform .4s ease-out;
}
a.ext_link:hover:after {
transform-origin: left;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
a.ext_link svg {
fill: #fff;
width: 16px;
min-width: 16px;
height: 13px;
min-height: 13px;
margin-left: 7px;
}
@media all and (max-width: 1599px) {
.mM_footer .mM_footer_claim * {
font-size: 2.1625rem;
}
}
@media all and (max-width: 1399px) {
.mM_footer .mM_footer_claim * {
font-size: 1.8625rem;
}
}
@media all and (max-width: 1199px) {
.mM_footer .mM_footer_middle_left {
width: 70%;
}
.mM_footer .mM_footer_middle_right {
width: 30%;
}
.mM_footer .menu-item:not(.mM_footer_imprint_datasec) {
margin-right: 30px;
}
}
@media all and (max-width: 991px) {
.mM_footer .mM_footer_middle {
flex-wrap: wrap;
}
.mM_footer .mM_footer_middle_right {
order: 1;
width: 100%;
margin-bottom: 30px;
}
.mM_footer .mM_footer_middle_left {
order: 2;
width: 100%;
}
.mM_footer .mM_footer_container_logo {
text-align: left;
}
.mM_footer .mM_footer_social_container {
justify-content: flex-start;
margin-top: 30px;
}
.mM_footer .mM_footer_claim {
margin: 20px 0 25px;
padding: 30px 0;
border-top: 1px solid rgba(255,255,255,.3);
border-bottom: 1px solid rgba(255,255,255,.3);
}
.mM_footer .mM_footer_claim_text {
line-height: 1.3;
}
}
@media all and (max-width: 767px) {
.mM_footer .mM_footer_menu {
flex-wrap: wrap;
}
.mM_footer .mM_footer_claim .mM_footer_claim_small_text {
font-size: 1.125rem;
}
.mM_footer .mM_footer_claim_icon {
width: 22px;
}
.mM_footer .mM_footer_claim_small {
gap: 0 11px;
}
.mM_footer .mM_footer_menu_container {
margin-top: 32px;
}
.mM_footer .menu-item:not(.mM_footer_imprint_datasec) {
width: 100%;
margin-right: 0;
margin-bottom: 10px;
}
.mM_footer .menu-item * {
font-size: 1.125rem;
}
.mM_footer .mM_footer_imprint_datasec {
margin-top: 10px;
}
.mM_footer .mM_footer_bottom_inner_container {
flex-wrap: wrap;
margin-top: 53px;
}
.mM_footer .mM_footer_bottom_left_container,
.mM_footer .mM_footer_bottom_right_container {
width: 100%;
text-align: center;
}
.mM_footer .mM_footer_bottom_left_container {
margin-bottom: 15px;
}
.mM_footer .mM_footer_bottom_left_inner {
justify-content: center;
}
}
@media all and (max-width: 575px) {
.mM_footer {
padding: 40px 0 20px;
}
.mM_footer .mM_footer_claim * {
font-size: 1.5625rem;
}
.mM_footer .mM_footer_container_logo {
height: 29px;
}
}
section.m46_accordion_horizontal_video_bild .m46_accordion_horizontal_video_bild_item img {
object-position: 42%;
}
.error404 {
height: 100vh;
overflow: hidden;
margin-bottom: 0 !important;
}
.error404 footer {
display: none;
} .err404 {
background-size: cover;
background-position: center center;
height: 100vh;
background-repeat: no-repeat;
position: relative;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
} .err404__moon {
position: absolute;
width: 257px;
left: 30%;
top: 110px;
}
.err404__moon.loaded {
transition: none !important;
} .err404__moon#moon1 {}
@media screen and (max-width: 1199px) {
.err404__moon#moon1 {
left: 20%;
}
}
@media screen and (max-width: 991px) {
.err404__moon#moon1 {
left: 5%;
width: 200px;
}
}
@media screen and (max-width: 575px) {
.err404__moon#moon1 {
width: 125px;
}
} .err404__moon#moon2 {
left: auto;
width: 327px;
right: -40px;
top: 175px;
}
@media screen and (max-width: 1199px) {
.err404__moon#moon2 {
top: 135px;
}
}
@media screen and (max-width: 991px) {
.err404__moon#moon2 {
width: 250px;
right: -55px;
top: 45px;
}
}
@media screen and (max-width: 575px) {
.err404__moon#moon2 {
width: 175px;
}
} .err404__moon#moon3 {
left: auto;
right: 30%;
top: 650px;
width: 169px;
}
@media screen and (max-width: 1199px) {
.err404__moon#moon3 {
right: 20%;
}
}
@media screen and (max-width: 991px) {
.err404__moon#moon3 {
right: 10%;
width: 125px;
top: 425px;
}
}
@media screen and (max-width: 575px) {
.err404__moon#moon3 {
top: auto;
bottom: 24vh;
}
} .err404__moon#moon4 {
width: 655px;
left: -200px;
top: auto;
bottom: -300px;
}
@media screen and (max-width: 991px) {
.err404__moon#moon4 {
width: 575px;
}
}
@media screen and (max-width: 767px) {
.err404__moon#moon4 {
width: 485px;
}
}
@media screen and (max-width: 575px) {
.err404__moon#moon4 {
width: 315px;
left: -100px;
bottom: -150px;
}
} .err404__moon#moon5 {
width: 348px;
right: -75px;
left: auto;
top: auto;
bottom: -180px;
}
@media screen and (max-width: 575px) {
.err404__moon#moon5 {
width: 148px;
bottom: -50px;
right: -25px;
}
} .err404 > .mM_container {
position: relative;
z-index: 2;
width: 100%;
}
@media screen and (max-width: 575px) {
.err404 > .mM_container {
position: static;
}
} .err404 .astronaut {
position: absolute;
width: 371px;
left: 445px;
top: 140px;
z-index: 2;
}
@media screen and (max-width: 1920px) {
.err404 .astronaut {
left: 285px;
}
}
@media screen and (max-width: 1600px) {
.err404 .astronaut {
left: 185px;
}
}
@media screen and (max-width: 1400px) {
.err404 .astronaut {
left: 85px;
}
}
@media screen and (max-width: 1199px) {
.err404 .astronaut {
width: 285px;
left: 95px;
top: 90px;
}
}
@media screen and (max-width: 991px) {
.err404 .astronaut {
width: 255px;
left: 3px;
}
}
@media screen and (max-width: 767px) {
.err404 .astronaut {
width: 205px;
left: 0;
top: 75px;
}
}
@media screen and (max-width: 575px) {
.err404 .astronaut {
width: 170px;
left: 10%;
top: auto;
bottom: 47%;
}
}
@media screen and (max-width: 500px) {
.err404 .astronaut {
left: 16%;
width: 135px;
bottom: 50%;
}
}
@media screen and (max-width: 450px) {
.err404 .astronaut {
left: 12.5%;
}
}
@media screen and (max-width: 400px) {
.err404 .astronaut {
left: 10%;
bottom: 53%;
}
}
@media screen and (max-width: 350px) {
.err404 .astronaut {
left: 5%;
bottom: 54%;
}
} .err404__text-cont {
text-align: center;
color: #fff;
}
.err404__text-cont * {
color: #fff;
} .err404__text-cont > h2 {
font-size: 25rem;
line-height: .8;
color: #0056a1;
}
@media screen and (max-width: 1199px) {
.err404__text-cont > h2 {
font-size: 20rem;
}
}
@media screen and (max-width: 767px) {
.err404__text-cont > h2 {
font-size: 15rem;
}
}
@media screen and (max-width: 575px) {
.err404__text-cont > h2 {
font-size: 10rem;
line-height: 1;
}
}
@media screen and (max-width: 500px) {
.err404__text-cont > h2 {
font-size: 7rem;
}
}
@media screen and (max-width: 400px) {
.err404__text-cont > h2 {
font-size: 5rem;
margin-bottom: 2rem;
}
} .err404__text-cont > p {
font-size: 1.125rem;
line-height: 1;
margin-bottom: 10px;
letter-spacing: 1px;
}
@media screen and (max-width: 575px) {
.err404__text-cont > p {
font-size: 1rem;
line-height: 1.4;
}
} .err404__text-cont > p > strong {
font-size: 2.1875rem;
}
@media screen and (max-width: 1199px) {
.err404__text-cont > p > strong {
font-size: 1.6875rem;
}
}
@media screen and (max-width: 575px) {
.err404__text-cont > p > strong {
font-size: 1.3875rem;
}
}
@media screen and (max-width: 400px) {
.err404__text-cont > p > strong {
font-size: 1.0875rem;
}
} .err404__text-cont-button {
display: inline-block;
margin-top: 20px;
padding: 15px 30px;
line-height: 1;
color: $colorOrange;
border: 1px solid $colorOrange;
font-family: $fontBold;
font-weight: $fontWeightBold;
letter-spacing: 1px;
border-radius: 4px;
transition: color .4s, background .4s;
}
.err404__text-cont-button:active,
.err404__text-cont-button:focus,
.err404__text-cont-button:visited {
color: $colorOrange;
}
.err404__text-cont-button:hover {
background: $colorOrange;
color: #fff;
} section.err404 .mM_button {
cursor: pointer;
overflow: hidden;
position: relative;
display: inline-block;
line-height: 1;
color: #0056a1;
border: 1px solid #b4cbdf;
padding: 21px 32px 18px;
border-radius: 35px;
-webkit-transition: color 0.4s, background 0.4s, border-color 0.4s;
-moz-transition: color 0.4s, background 0.4s, border-color 0.4s;
-ms-transition: color 0.4s, background 0.4s, border-color 0.4s;
-o-transition: color 0.4s, background 0.4s, border-color 0.4s;
transition: color 0.4s, background 0.4s, border-color 0.4s;
}
section.err404 .mM_button_effect_elem {
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden;
}
section.err404 .mM_button_effect_elem span {
display: block;
width: 100%;
height: 100%;
transform: translateY(101%);
background: #f67939;
border-radius: 50% 50% 0 0;
transition: transform 0.5s cubic-bezier(0.4, 0, 0, 1), border-radius 0.5s cubic-bezier(0.4, 0, 0, 1);
}
section.err404 .mM_button:hover .mM_button_effect_elem span {
border-radius: 0;
transform: translateY(0);
transition-duration: 0.5s, 0.9s;
}
section.err404 .mM_button_text {
position: relative;
z-index: 2;
}
section.err404 .mM_button {
color: #fff;
border-color: #f67939;
background: #f67939;
border: 1px solid rgba(246, 121, 57, 0.3);
}
section.err404 .mM_button:hover,
section.err404 .mM_button:hover * {
color: #f67939;
}
section.err404 .mM_button_effect_elem span {
background: #fff;
}
body.page-id-2172 {
max-height: 100dvh;
}
body.page-id-2172 header,
body.page-id-2184 header,
body.page-id-2172 footer,
body.page-id-2184 footer {
display: none;
}
section.text_white h1,
section.text_white h2,
section.text_white h3,
section.text_white h4,
section.text_white p,
section.text_white span {
color: #ffffff !important;
}
section.text_steel h1,
section.text_steel h2,
section.text_steel h3,
section.text_steel h4,
section.text_steel p,
section.text_steel span {
color: #8ca9c6 !important;
}
section.text_black h1,
section.text_black h2,
section.text_black h3,
section.text_black h4,
section.text_black p,
section.text_black span {
color: #01042b !important;
}
body section.m2_text_and_image.bg_italy {
background: no-repeat url(https://www.mediameans.de/wp-content/uploads/2025/12/BTS-Video_BG.png) !important;
background-size: cover !important;
}
body.linktree_page header {
background: transparent;
backdrop-filter: none;
-webkit-backdrop-filter: none;
}
body.linktree_page header .header_menu_activator_container * {
color: #fff;
}
body.linktree_page header .header_menu_activator_container:before,
body.linktree_page header .header_menu_activator_container:after {
background: #fff;
}
body.linktree_page header .logo_container svg {
fill: #fff;
}
body.linktree_page header .header_inner_right .header_contact_button:after,
body.linktree_page header .header_container_menu ul li a:after {
background: #fff;
}
body.linktree_page header .header_contact_button,
body.linktree_page header .header_container_menu ul li a {
color: #fff;
}