section.m24_page_navigation[data-variant="v1"][data-innerer-abstand="innerer_abstand_oben_und_unten"]{
padding-top:153px;
padding-bottom:calc(120px + 70px);
}
section.m24_page_navigation[data-variant="v1"][data-innerer-abstand="innerer_abstand_nur_oben"]{
padding-top:153px;
padding-bottom:0;
}
section.m24_page_navigation[data-variant="v1"][data-innerer-abstand="innerer_abstand_nur_unten"]{
padding-top:0;
padding-bottom:calc(120px + 70px);
}
section.m24_page_navigation[data-variant="v1"] * {
color: #e5e0dd;
}
section.m24_page_navigation[data-variant="v2"] * {
color: #fff !important;
}
section.m24_page_navigation[data-variant="v2"] .m24_button_container {
display: flex;
justify-content: center;
margin-top: 30px;
}
section.m24_page_navigation[data-variant="v2"] .m24_button_container .m24_button:hover .mM_button_text {
color: #000 !important;
}
section.m24_page_navigation[data-variant="v1"] .m24_main_row {
align-items: stretch;
gap: 0 var(--row_gap);
}
section.m24_page_navigation[data-variant="v1"] .flex_row_reverse {
flex-direction: row-reverse;
}
section.m24_page_navigation[data-variant="v1"] .m24_galerie_wrapper {
position: relative;
z-index: 1;
margin-top: -6px;
}
section.m24_page_navigation[data-variant="v1"] .m24_titel {
margin-bottom: 56px;
max-width: 460px;
}
section.m24_page_navigation[data-variant="v1"] .m24_crop_image .m24_galerie_item {
height: 525px;
}
section.m24_page_navigation[data-variant="v1"] .m24_content_wrapper {
background-color: #32312e;
padding-top: 153px;
padding-right: 60px;
padding-bottom: 123px;
margin-bottom: -70px;
}
section.m24_page_navigation[data-variant="v1"] .m24_image {
display: block;
}
section.m24_page_navigation[data-variant="v1"] .m24_navigation_item:not(:last-child) {
padding-bottom: 27px;
border-bottom: 1px solid rgba(229, 224, 221, 0.2);
}
section.m24_page_navigation[data-variant="v1"] .m24_navigation_item:not(:first-child) {
padding-top: 32px;
}
section.m24_page_navigation .m24_nav_icon_container {
min-width: 90px;
width: 90px;
}
section.m24_page_navigation .m24_nav_icon_container svg,
section.m24_page_navigation .m24_nav_icon_container img {
width: 50px;
}
section.m24_page_navigation .m24_nav_icon_container svg {
fill: #e5e0dd;
}
section.m24_page_navigation .m24_nav_content {
margin-top: 8px;
}
section.m24_page_navigation .m24_nav_text_container {
font-size: 0.833rem;
}
section.m24_page_navigation .m24_nav_link_container {
width: 70px;
min-width: 70px;
display: flex;
justify-content: flex-end;
align-items: flex-start;
}
section.m24_page_navigation[data-variant="v2"] .m24_navigation_container {
--row_gap: 33px;
}
section.m24_page_navigation[data-variant="v2"] .m24_navigation_item {
transition: width .4s;
}
section.m24_page_navigation[data-variant="v2"] .m24_nav_wrapper {
display: block;
position: relative;
width: 100%;
}
section.m24_page_navigation[data-variant="v2"] .m24_nav_bgimage_container {
height: 557px;
position: relative;
}
section.m24_page_navigation[data-variant="v2"] .m24_nav_bgimage_container:before,
section.m24_page_navigation[data-variant="v2"] .m24_nav_bgimage_container:after {
content: '';
position: absolute;
inset: 0;
transition: background .4s;
}
section.m24_page_navigation[data-variant="v2"] .m24_nav_bgimage_container:before {
background: linear-gradient(
8deg, 
rgba(27, 27, 27, 0) 30%, 
transparent 70%
);
opacity: .75
}
section.m24_page_navigation[data-variant="v2"] .m24_nav_bgimage_container:after {
background: linear-gradient(
57deg, 
rgba(27, 27, 27, 0.3) 10%, 
transparent 60%
);
opacity: .75
}
section.m24_page_navigation[data-variant="v2"] .m24_nav_link_container {
position: absolute;
top: 20px;
right: 20px;
}
section.m24_page_navigation[data-variant="v2"] .m24_navigation_inner {
position: absolute;
inset: 0;
flex-direction: column;
justify-content: flex-end;
padding: 43px 50px;
}
section.m24_page_navigation[data-variant="v2"] .m24_links_container {
margin-top: 8px;
}
section.m24_page_navigation[data-variant="v2"] .m24_main_row .mM_button {
padding-left: 0;
padding-right: 0;
border-color: transparent !important;
--primarbutton_font_color: #fff;
--primarbutton_hover_font_color: #fff;
--primarbutton_background_color: transparent;
--primarbutton_hover_background_color: transparent;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
section.m24_page_navigation[data-variant="v2"] .m24_navigation_item:nth-child(2n + 1):has(.m24_nav_wrapper:focus),
section.m24_page_navigation[data-variant="v2"] .m24_navigation_item:nth-child(2n + 2):has(.m24_nav_wrapper:focus),
section.m24_page_navigation[data-variant="v2"] .m24_navigation_item:nth-child(2n + 1):hover,
section.m24_page_navigation[data-variant="v2"] .m24_navigation_item:nth-child(2n + 2):hover {
width: calc(55% - ((var(--row_gap) * 1) / 2));
}
section.m24_page_navigation[data-variant="v2"] .m24_navigation_item:nth-child(2n + 1):has(a:focus)+.m24_navigation_item,
section.m24_page_navigation[data-variant="v2"] .m24_navigation_item:has(+ .m24_navigation_item:nth-child(2n + 2) .m24_nav_wrapper:focus),
section.m24_page_navigation[data-variant="v2"] .m24_navigation_item:nth-child(2n + 1):hover+.m24_navigation_item,
section.m24_page_navigation[data-variant="v2"] .m24_navigation_item:has(+ .m24_navigation_item:nth-child(2n + 2):hover) {
width: calc(45% - ((var(--row_gap) * 1) / 2));
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
section.m24_page_navigation[data-variant="v2"] .m24_navigation_item:nth-child(2n + 1):has(.m24_nav_wrapper:focus),
section.m24_page_navigation[data-variant="v2"] .m24_navigation_item:nth-child(2n + 2):has(.m24_nav_wrapper:focus),
section.m24_page_navigation[data-variant="v2"] .m24_navigation_item:nth-child(2n + 1):hover,
section.m24_page_navigation[data-variant="v2"] .m24_navigation_item:nth-child(2n + 2):hover {
width: calc(60% - ((var(--row_gap) * 1) / 2));
}
section.m24_page_navigation[data-variant="v2"] .m24_navigation_item:nth-child(2n + 1):has(a:focus)+.m24_navigation_item,
section.m24_page_navigation[data-variant="v2"] .m24_navigation_item:has(+ .m24_navigation_item:nth-child(2n + 2) .m24_nav_wrapper:focus),
section.m24_page_navigation[data-variant="v2"] .m24_navigation_item:nth-child(2n + 1):hover+.m24_navigation_item,
section.m24_page_navigation[data-variant="v2"] .m24_navigation_item:has(+ .m24_navigation_item:nth-child(2n + 2):hover) {
width: calc(40% - ((var(--row_gap) * 1) / 2));
}
}
@media screen and (min-width: 992px) {
section.m24_page_navigation .m24_navigation_container {
flex-wrap: nowrap;
}
section.m24_page_navigation[data-variant="v1"] .m24_content_wrapper {
margin-left: -206px;
padding-left: 206px;
width: calc(50% - (var(--row_gap) / 2) + 206px);
}
section.m24_page_navigation[data-variant="v2"] .m24_navigation_item:has(a:focus),
section.m24_page_navigation[data-variant="v2"] .m24_navigation_item:hover {
width: calc(40% - ((var(--row_gap) * 2) / 3));
}
section.m24_page_navigation[data-variant="v2"] .m24_navigation_container:has(.m24_nav_wrapper:focus) .m24_navigation_item:not(:has(.m24_nav_wrapper:focus)),
section.m24_page_navigation[data-variant="v2"] .m24_navigation_container:has(.m24_navigation_item:hover) .m24_navigation_item:not(:hover) {
width: calc(30% - ((var(--row_gap) * 2) / 3));
}
}
@media screen and (min-width: 1200px) {
section.m24_page_navigation[data-variant="v1"] .m24_content_wrapper {
margin-left: -186px;
padding-left: 186px;
width: calc(50% - (var(--row_gap) / 2) + 186px);
}
}
@media screen and (min-width: 1400px) {
section.m24_page_navigation[data-variant="v2"] .m24_nav_explore_more_container {
height: 0;
overflow: hidden;
}
}
@media screen and (min-width: 1600px) {
section.m24_page_navigation[data-variant="v1"] .m24_content_wrapper {
margin-left: -136px;
padding-left: 136px;
width: calc(50% - (var(--row_gap) / 2) + 136px);
}
section.m24_page_navigation[data-variant="v2"] .m24_navigation_item:has(.m24_nav_wrapper:focus),
section.m24_page_navigation[data-variant="v2"] .m24_navigation_item:hover {
width: calc(43% - ((var(--row_gap) * 2) / 3));
}
section.m24_page_navigation[data-variant="v2"] .m24_navigation_container:has(.m24_nav_wrapper:focus) .m24_navigation_item:not(:has(.m24_nav_wrapper:focus)),
section.m24_page_navigation[data-variant="v2"] .m24_navigation_container:has(.m24_navigation_item:hover) .m24_navigation_item:not(:hover) {
width: calc(28.5% - ((var(--row_gap) * 2) / 3));
}
}
@media screen and (min-width: 1921px) {
section.m24_page_navigation[data-variant="v1"] .m24_crop_image .m24_galerie_item {
height: 575px;
}
section.m24_page_navigation[data-variant="v1"] .m24_content_wrapper {
margin-left: -186px;
padding-left: 186px;
width: calc(50% - (var(--row_gap) / 2) + 186px);
}
section.m24_page_navigation[data-variant="v2"] .m24_nav_bgimage_container {
height: 607px;
}
}
@media screen and (min-width: 2200px) {
section.m24_page_navigation[data-variant="v1"] .m24_crop_image .m24_galerie_item {
height: 625px;
}
section.m24_page_navigation[data-variant="v1"] .m24_content_wrapper {
margin-left: -236px;
padding-left: 236px;
width: calc(50% - (var(--row_gap) / 2) + 236px);
}
section.m24_page_navigation[data-variant="v2"] .m24_nav_bgimage_container {
height: 657px;
}
}
@media screen and (max-width: 1599px) {
section.m24_page_navigation[data-variant="v1"] .m24_content_wrapper {
padding-right: 40px;
}
section.m24_page_navigation .m24_nav_icon_container {
min-width: 65px;
width: 65px;
}
section.m24_page_navigation .m24_nav_icon_container svg, 
section.m24_page_navigation .m24_nav_icon_container img {
width: 45px;
}
section.m24_page_navigation .m24_nav_link_container {
width: 60px;
min-width: 60px;
}
section.m24_page_navigation[data-variant="v2"] .m24_navigation_inner {
padding: 13px 20px;
}
}
@media screen and (max-width: 1399px) {
section.m24_page_navigation[data-variant="v2"] .m24_navigation_container {
--row_gap: 20px;
}
section.m24_page_navigation[data-variant="v2"] .m24_nav_bgimage_container {
height: 457px;
}
}
@media screen and (max-width: 991px) {
section.m24_page_navigation[data-variant="v1"][data-innerer-abstand="innerer_abstand_oben_und_unten"]{
padding-top: 113px;
padding-bottom:0;
}
section.m24_page_navigation[data-variant="v1"][data-innerer-abstand="innerer_abstand_nur_oben"]{
padding-top: 113px;
padding-bottom:0;
}
section.m24_page_navigation[data-variant="v1"][data-innerer-abstand="innerer_abstand_nur_unten"]{
padding-top:0;
padding-bottom:0;
}
section.m24_page_navigation[data-variant="v1"] .mM_container {
max-width: 100%;
margin: 0;
padding: 0;
}
section.m24_page_navigation[data-variant="v1"] .m24_dont_crop_image .m24_galerie_container {
display: flex;
justify-content: center;
}
section.m24_page_navigation[data-variant="v1"] .m24_titel_container,
section.m24_page_navigation[data-variant="v1"] .m24_galerie_container {
width: 100%;
}
section.m24_page_navigation[data-variant="v1"] .m24_dont_crop_image .m24_galerie_item {
width: 50%;
}
section.m24_page_navigation[data-variant="v1"] .m24_crop_image .m24_galerie_item {
height: 492px;
}
section.m24_page_navigation[data-variant="v1"] .m24_galerie_wrapper {
margin: 0 auto;
max-width: 720px;
}
section.m24_page_navigation[data-variant="v1"] .m24_content_wrapper {
padding: calc(70px + 100px) 0 80px;
margin-top: -100px;
margin-bottom: 0;
}
section.m24_page_navigation[data-variant="v1"] .m24_content_container {
margin: 0 auto;
max-width: 720px;
}
section.m24_page_navigation[data-variant="v2"] .m24_nav_bgimage_container {
height: 457px;
}
section.m24_page_navigation[data-variant="v2"] .m24_nav_bgimage_container:before {
background: linear-gradient(
8deg, 
rgba(27, 27, 27, 0.5) 50%, 
transparent 80%
);
}
section.m24_page_navigation[data-variant="v2"] .m24_nav_bgimage_container:after {
background: linear-gradient(
60deg, 
#1b1b1b 25%, 
transparent 65%
);
}
}
@media screen and (max-width: 767px) {
section.m24_page_navigation[data-variant="v1"] .m24_dont_crop_image .m24_galerie_item {
width: 75%;
}
section.m24_page_navigation[data-variant="v1"] .m24_crop_image .m24_galerie_item {
height: 392px;
}
section.m24_page_navigation[data-variant="v1"] .m24_content_container,
section.m24_page_navigation[data-variant="v1"] .m24_galerie_wrapper {
max-width: 540px;
}
}
@media screen and (max-width: 575px) {
section.m24_page_navigation[data-variant="v1"][data-innerer-abstand="innerer_abstand_oben_und_unten"]{
padding-top: 73px;
padding-bottom:0;
}
section.m24_page_navigation[data-variant="v1"][data-innerer-abstand="innerer_abstand_nur_oben"]{
padding-top: 73px;
padding-bottom:0;
}
section.m24_page_navigation[data-variant="v1"][data-innerer-abstand="innerer_abstand_nur_unten"]{
padding-top:0;
padding-bottom:0;
}
section.m24_page_navigation[data-variant="v1"] .m24_content_container,
section.m24_page_navigation[data-variant="v1"] .m24_galerie_wrapper {
max-width: 100%;
padding: 0 20px;
}
section.m24_page_navigation[data-variant="v2"] .m24_nav_bgimage_container {
height: 327px;
}
}
@media screen and (max-width: 399px) {
section.m24_page_navigation[data-variant="v1"] .m24_dont_crop_image .m24_galerie_item {
width: 100%;
}
section.m24_page_navigation[data-variant="v1"] .m24_crop_image .m24_galerie_item {
height: 342px;
}
}
@media screen and (max-width: 359px) {
section.m24_page_navigation[data-variant="v1"] .m24_crop_image .m24_galerie_item {
height: 292px;
}
section.m24_page_navigation[data-variant="v1"] .m24_navigation_inner {
flex-wrap: wrap;
}
section.m24_page_navigation[data-variant="v1"] .m24_nav_icon_container {
width: 100%;
}
section.m24_page_navigation[data-variant="v1"] .m24_nav_content {
width: calc(100% - 50px);
}
section.m24_page_navigation[data-variant="v1"] .m24_nav_link_container {
width: 50px;
min-width: 50px;
}
}