/*
Theme Name: Voss2
Description: Theme für Voss Wuppertal Relaunch 2024; Child-Theme auf Basis von Twenty TwentyFive
Author: Marcus Köhler
Author URI: https://www.evoworkx-media.de
Template: twentytwentyfive
Version: 0.15
Text-Domain: voss2
*/

* {
	box-sizing: border-box;
}

:where(.wp-site-blocks *:focus) {
	outline-width: unset!important;
	outline-style: none!important;
}

body.home {
	overflow: hidden;
}

/* Startseite - Desktop */

.mkStartseiteDesktop {	display: block;	}
.mkStartseiteMobile {	display: none;	}

/* Sidebar Menu - Desktop */

.mkSidebarMenu {
	background-color: #fff;
    width: 8rem;
    height: 100%;
    position: absolute;
    z-index: 1000;
	display: grid;
	grid-template-columns: auto;
	/* grid-template-rows: 8% 10% 24% 16% 20% 22%; */
	grid-template-rows: 10% 10% 6% 16% 36% 22%;		/* Anpassung nach weiterem Icon */
	margin-left: 0;
	padding: 0;
	border-right: 1px solid #c0c0c0;
	transition: margin-left 1.5s ease;
}

.mkSidebarMenu.inactive {
	margin-left: 33.33vw;
	border-right: 0;
}

.mkSidebarMenu .sidebarMenuLogo {
	align-self: end;
	padding: 1rem 1.5rem;
}

.mkSidebarMenu .sidebarMenuBurger {
	align-self: end;
	padding: 1rem 2rem;
	cursor: pointer;
}

.mkSidebarMenu .sidebarMenuZahl {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.mkSidebarMenu .menuZahl {
	aspect-ratio: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	transition: margin 1.5s ease, opacity 0.75s ease;
	margin: 4.444vw 0 0 0;
	opacity: 0;
	font-size: clamp(1.667vw, 2.222vw, 2.222vw);	/* 2rem */
}

.mkSidebarMenu .menuZahl.active {
	z-index: 1;
	margin: 0;
	opacity: 1;
}

.mkSidebarMenu .menuZahl.old {
	margin: 0 0 4.444vw 0;
}

.mkSidebarMenu .menuZahlUp {
	position: absolute;
	top: 0;
	z-index: 1;
	cursor: n-resize;	/* Pfeil nach oben */
}

.mkSidebarMenu .menuZahlUp img {
	width: 32px;
	aspect-ratio: 1;
}

.mkSidebarMenu .menuZahlDown {
	position: absolute;
	bottom: 0;
	z-index: 1;
	cursor: s-resize;	/* Pfeil nach unten */
}

.mkSidebarMenu .menuZahlDown img {
	width: 32px;
	aspect-ratio: 1;
}

.mkSidebarMenu .sidebarMenuIcons {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	align-items: center;
	justify-content: center;
}

.mkSidebarMenu .sidebarMenuIcons img {
	width: 32px;
	aspect-ratio: 1;
	display: flex;
}

.mkSidebarMenu .sidebarMenuFooterlinks {
	/* align-self: end; */
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}
	
.mkSidebarMenu .sidebarMenuFooterlinks ul {
	list-style: none;
	margin: 0;
	padding: 0;
	transform: rotate(-90deg);
	font-size: clamp(1rem, 0.833vw, 0.833vw);	/* 0.75rem EDIT */
	line-height: 1.2;
	white-space: nowrap;
	aspect-ratio: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: calc(100% - 3rem);
}



/* Revolver Menu - Desktop */

#MKRevolverMenuDesktop {
	background-color: #fff;
	width: 100vw;
	height: 100vh;	/* check @supports weiter unten */
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	visibility: hidden;
	display: flex;
	margin-block-start: 0;
}

#MKRevolverMenuDesktop.active {
	visibility: visible;
	transition: visibility 0.5s ease;
}

.mkRevolverMenuLeft {
	width: 15vw;
	/* height: 100vh; */	/* check @supports weiter unten */
	z-index: 2;
	background-color: #fff;
}

.mkInsideRevolverMenuGrid {
	display: grid;
	grid-template-columns: 8rem auto;
	/* grid-template-rows: 8% auto 1fr 20% 22%; */
	grid-template-rows: 10% auto 1fr 36% 22%;	/* Anpassung nach weiterem Icon */
	height: 100%;
	font-size: clamp(0.875rem, 0.729vw, 1rem);	/* EDIT */
	color: #000;
}

.mkInsideRevolverMenuGrid .revolverMenuLogo {
	align-self: end;
	padding: 1rem 1.5rem;
}

.mkInsideRevolverMenuGrid .revolverMenuClaim {
	align-self: end;
	font-weight: 500;
	color: var(--wp--preset--color--voss-grey);
	padding: 1rem;
}

.mkInsideRevolverMenuGrid .revolverMenuSubline {
	color: var(--wp--preset--color--voss-grey);
	padding: 1rem;
	grid-column-start: 2;
    grid-row-start: 2;
	/* position: relative; */
}
.mkInsideRevolverMenuGrid .revolverMenuSubline .inside {
	/* position: absolute;
    top: 0;
    left: 1rem;
    width: 20vw; */
}
.mkInsideRevolverMenuGrid .revolverMenuSitexLogo {
	padding: 1rem;
	grid-column-start: 2;
    grid-row-start: 3;
}
.mkInsideRevolverMenuGrid .revolverMenuSitexLogo img {
	width: 200px;
}

.mkInsideRevolverMenuGrid .revolverMenuIcons {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	align-items: center;
	justify-content: center;
    grid-row-start: 4;
}

.mkInsideRevolverMenuGrid .revolverMenuIcons img {
	width: 32px;
	aspect-ratio: 1;
	display: flex;
}

.mkInsideRevolverMenuGrid .revolverMenuFooterlinks {
	/* align-self: end; */
	grid-row-start: 5;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.mkInsideRevolverMenuGrid .revolverMenuFooterlinks ul {
	list-style: none;
	margin: 0;
	padding: 0;
	transform: rotate(-90deg);
	font-size: clamp(1rem, 0.833vw, 0.833vw);	/* 0.75rem EDIT */
	line-height: 1.2;
	white-space: nowrap;
	aspect-ratio: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: calc(100% - 3rem);
}

.mkRevolverMenuRight {
	width: calc(85vw - 4rem);
	/* height: 100vh; */	/* check @supports weiter unten */
	display: flex;
	align-items: center;
	position: relative;
}

.circle {
	border: 1px solid #c0c0c0;
	position: absolute;
	top: 0;
	width: 100vh;	/* check @supports weiter unten */
	aspect-ratio: 1;
	border-radius: 50%;
	transform: translatex(-50%);
}

.blender1 {
	height: 25vh; 
	width: 100%;
	position: absolute;
	top: 0;
	z-index: 1;
	background-image: linear-gradient(#fff, transparent);
}

.blender2 {
	height: 25vh; 
	width: 100%;
	position: absolute;
	bottom: 0;
	z-index: 1;
	background-image: linear-gradient(transparent, #fff);
}

.menuslide {
	transition: transform 1.0s ease, color 1.0s;
	/* transition: transform 1.5s linear(0 0%, 0.22 2.1%, 0.86 6.5%, 1.11 8.6%, 1.3 10.7%, 1.35 11.8%, 1.37 12.9%, 1.37 13.7%, 1.36 14.5%, 1.32 16.2%, 1.03 21.8%, 0.94 24%, 0.89 25.9%, 0.88 26.85%, 0.87 27.8%, 0.87 29.25%, 0.88 30.7%, 0.91 32.4%, 0.98 36.4%, 1.01 38.3%, 1.04 40.5%, 1.05 42.7%, 1.05 44.1%, 1.04 45.7%, 1 53.3%, 0.99 55.4%, 0.98 57.5%, 0.99 60.7%, 1 68.1%, 1.01 72.2%, 1 86.7%, 1 100%); */
	/* transition: transform 1.5s cubic-bezier(0.68, -0.55, 0.27, 1.55), color 1.5s; */
	padding-left: 48.8vh;
	color: #c0c0c0;
}

.menuslide.active {
	color: #000;
}

.mkRevolverMenuItem {
	display: flex;
	gap: 3rem;
}

.mkRevolverMenuItem a {
	text-decoration: none;
}

.mkRevolverMenuItem .content {
	max-width: 45vw;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.mkRevolverMenuItem .zahl {
	font-size: clamp(3.333vw, 4.444vw, 4.444vw);	/* 4rem */
	font-weight: 300;
	font-style: italic;
	line-height: 1;
	align-self: center;
	white-space: nowrap;
}

.mkRevolverMenuItem .punkt {
	font-style: normal;
	font-weight: 400;
}

.mkRevolverMenuItem .heading {
	font-size: clamp(3.333vw, 4.444vw, 4.444vw);	/* 4rem */
	font-weight: 300;
	line-height: 1;
}

.mkRevolverMenuItem .heading em {
	font-weight: 200;
}

.mkRevolverMenuItem .subline {
	font-size: clamp(0.833vw, 1.111vw, 1.111vw);	/* 1rem */
	line-height: 1;
	text-transform: uppercase;
}

.mkRevolverMenuClose {
	width: 3rem;
	height: 3rem;
	margin: 1rem 1rem 0 0;
	cursor: pointer;
}



/* Revolver Menu - Mobile */

body.mkNoScroll {
	overflow: hidden!important;
}

#MKRevolverMenuMobile {
	display: none;
	background-color: #fff;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: -100%;
	z-index: 1000;
	transition: left 0.25s ease-out;
	margin-block-start: 0;
}

#MKRevolverMenuMobile.active {
	left: 0;
	transition: left 0.25s ease-in;
}

#MKRevolverMenuMobile .mkRevolverMenuMobileCenter {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	position: relative;
	overflow: hidden;
	margin-left: -15%;
}

#MKRevolverMenuMobile .circleWrapper {
	height: 100%;
	display: flex;
	align-items: center;
	margin-left: -25%;
}
#MKRevolverMenuMobile .circle2 {
	border: 1px solid #c0c0c0;
	width: 50vw;
	aspect-ratio: 1;
	border-radius: 50%;
}

#MKRevolverMenuMobile .menuslideMobile {
	transition: transform 0.5s ease, color 0.5s;
	/* transition: transform 1.5s linear(0 0%, 0.22 2.1%, 0.86 6.5%, 1.11 8.6%, 1.3 10.7%, 1.35 11.8%, 1.37 12.9%, 1.37 13.7%, 1.36 14.5%, 1.32 16.2%, 1.03 21.8%, 0.94 24%, 0.89 25.9%, 0.88 26.85%, 0.87 27.8%, 0.87 29.25%, 0.88 30.7%, 0.91 32.4%, 0.98 36.4%, 1.01 38.3%, 1.04 40.5%, 1.05 42.7%, 1.05 44.1%, 1.04 45.7%, 1 53.3%, 0.99 55.4%, 0.98 57.5%, 0.99 60.7%, 1 68.1%, 1.01 72.2%, 1 86.7%, 1 100%); */
	/* transition: transform 1.5s cubic-bezier(0.68, -0.55, 0.27, 1.55), color 1.5s; */
	padding-left: 24.2vw;
	color: #c0c0c0;
	display: none;
}

#MKRevolverMenuMobile .menuslideMobile.active {
	color: #000;
}

#MKRevolverMenuMobile .menuslideMobile.active,
#MKRevolverMenuMobile .menuslideMobile.next,
#MKRevolverMenuMobile .menuslideMobile.next2,
#MKRevolverMenuMobile .menuslideMobile.old,
#MKRevolverMenuMobile .menuslideMobile.veryold {
	display: block;
}



#MKRevolverMenuMobile .mkRevolverMenuMobileTop {
	background-image: linear-gradient(#fff 66%, transparent);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 40vh;
	z-index: 3;
}

#MKRevolverMenuMobile .mkRevolverMenuMobileBottom {
	background-image: linear-gradient(transparent, #fff 33%);
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 40vh;
	z-index: 3;
	display: flex;
	align-items: end;
}

#MKRevolverMenuMobile .mkMobileTopWrapper {
	padding: 1rem;
	display: flex;
	justify-content: space-between;
}

#MKRevolverMenuMobile .mkMobileTopLogo {
	min-width: 50px;
	width: 13.33%;
	max-width: 80px;
	flex-shrink: 0;
}

#MKRevolverMenuMobile .mkMobileTopClose {
	width: 32px;
	height: 32px;
}

#MKRevolverMenuMobile .mkMobileBottomWrapper {
	width: 100%;
	padding: 1rem;
	display: flex;
	justify-content: space-between;
}


#MKRevolverMenuMobile .mkMobileBottomIcons {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	align-items: center;
	justify-content: center;
}

#MKRevolverMenuMobile .mkMobileBottomIcons img {
	width: 32px;
	aspect-ratio: 1;
	display: flex;
}

#MKRevolverMenuMobile .mkMobileBottomLinks {
	display: flex;
	width: 50%;
	padding: 0;
}

#MKRevolverMenuMobile .mkMobileBottomLinks ul {
	list-style: none;
	margin: 0;
	padding: 0;
	transform: rotate(-90deg);
	aspect-ratio: 1 / 1;
	display: flex;
	flex-direction: column;
	justify-content: start;
}

#MKRevolverMenuMobile .mkRevolverMenuItem {
	display: flex;
	gap: 2rem;
}

#MKRevolverMenuMobile .mkRevolverMenuItem .content {
	max-width: 55vw;
	gap: 0.5rem;
}

#MKRevolverMenuMobile .mkRevolverMenuItem .zahl,
#MKRevolverMenuMobile .mkRevolverMenuItem .heading {
	font-size: clamp(3.125vw, 6.4vw, 6.4vw);	/* 1.5rem | 375px */
}

#MKRevolverMenuMobile .mkRevolverMenuItem .subline {
	font-size: clamp(1.563vw, 3.2vw, 3.2vw);	/* 0.75rem | 375px */
}



/* Popup */

.mkPopupWrapper {
    height: 100vh;
	max-height: 100vh;
    max-width: 100vw;
    display: flex;
    justify-content: center;
}







/* Startseite v2 */

.slider-container {
    width: 100vw;
    height: 100vh;	/* check @supports weiter unten */
    overflow: hidden;
    position: relative;
	scroll-behavior: smooth;
}

.slide {
    width: 100vw;
    height: 100vh;	/* check @supports weiter unten */
	transform: translateX(100%);
	position: absolute;
	scroll-behavior: smooth;
}

.slide.active {
	transform: translateX(0);
	transition: transform 1.5s ease;
}

.slide.old {
	transform: translateX(0);
}

.slide.next {
	transition: transform 1.5s ease;
}

/*
.slide.slideMK0	{	z-index: 0;	}
.slide.slideMK1	{	z-index: 10;	}
.slide.slideMK2	{	z-index: 20;	}
.slide.slideMK3	{	z-index: 30;	}
.slide.slideMK4	{	z-index: 40;	}
.slide.slideMK5	{	z-index: 50;	}
.slide.slideMK6	{	z-index: 60;	}
.slide.slideMK7	{	z-index: 70;	}
*/

.slideFlex {
	display:flex;
	min-height: 100%;
}

/*
.slideMK1,
.slideMK2,
.slideMK3,
.slideMK4,
.slideMK5,
.slideMK6,
.slideMK7 {
	display: flex;
	justify-content: left;
	align-items: center;
}
*/

.mkCall2ActionDeeplinkWrapper {
	width: 100%;
	display: flex;
}

.mkCall2ActionDeeplinkWrapper.mitte {
	justify-content: center;
	display: none; /* temp */
}

.mkCall2ActionDeeplinkWrapper.rechts {
	justify-content: end;
}

.mkCall2ActionDeeplink {
	color: #fff;
	background-color: var(--wp--preset--color--voss-red);
	padding: 1rem;
	font-size: clamp(0.833vw, 1.111vw, 1.111vw);	/* 1rem */
	line-height: 1;
}

.mkCall2ActionDeeplink a::after {
	width: clamp(0.833vw, 1.111vw, 1.111vw);	/* 1rem */
	height: auto;
	aspect-ratio: 1;
	content: "";
	background-image: url(https://voss2.evoworkx-media.de/wp-content/uploads/2024/12/icon-deeplink-100.svg);
	background-repeat: no-repeat;
}

.mkCall2ActionDeeplink a {
	text-decoration: none;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 1rem;
}

.mkCall2ActionDeeplinkGrid {	/* XXX */
	color: #fff;
	background-color: var(--wp--preset--color--voss-red);
	padding: 1rem;
	display: grid;
	grid-template-columns: 1fr max-content ;
	column-gap: 2rem;
	font-size: 2.5rem;
	font-weight: 300;
	font-style: italic;
	line-height: 1;
}
.mkCall2ActionDeeplinkGrid strong {
	font-weight: 400;
	font-style: normal;
}
.mkCall2ActionDeeplinkGrid a {
	text-decoration: none;
}
.mkCall2ActionDeeplinkGrid__Icon {
	aspect-ratio: 1;
	height: 5rem;
}
.mkCall2ActionDeeplinkGrid__Icon img {
	aspect-ratio: 1;
	height: 100%;
	display: block;
}



/* SECTION 0 */

.slideMK0 .mk_intro_text_mitte {
	font-size: clamp(1.042vw, 1.389vw, 1.389vw);	/* 1.25rem */
	font-weight: 600;
	padding: 9rem 4rem 0 3rem;
	line-height: 1.3;
	background: linear-gradient(0deg, rgba(255,255,255,0.95), rgba(255,255,255,0.05));
}

.slideMK0 .mk_intro_text_unten {
	font-size: clamp(6.667vw, 8.889vw, 8.889vw);	/* 8rem */
	font-weight: 300;
	font-style: italic;
	padding-right: 2rem;
	background-color: rgba(255,255,255,0.95);
}

.mkInsideSlideIntro {
	width: calc(50vw - 8rem);
	margin-block-start: 0;
	border-right: 1px solid #ccc;
	margin: 0;
	margin-left: 8rem;
	transition: margin 1.5s ease;
}

.slide.slideMK0.old .mkInsideSlideIntro {
	margin: 0 50vw 0 -50vw;
	transition: margin 1.5s ease;
}

.mkInsideSlideIntroMenu {
	width: calc(100vw / 6);
	margin-block-start: 0;
	border-right: 1px solid #ccc;
	background-color: #fff;
	margin: 0;
	transition: margin 1.5s ease;
}

.slide.slideMK0.old .mkInsideSlideIntroMenu {
	margin: 0 50vw 0 -50vw;
	transition: margin 1.5s ease;
}

.mkInsideSlideIntroMenuGrid {
	display: grid;
	grid-template-columns: 8rem auto;
	grid-template-rows: 8% 10% auto;
	height: 100%;
	/* font-size: 0.75rem; */
	font-size: clamp(0.469vw, 0.625vw, 0.625vw);	/* 0.75rem | 1920px */
	color: #000;
}

.mkInsideSlideIntroMenuGrid .introMenuPlaceholder {
    grid-row-start: 1;
    grid-row-end: 7;
}

.mkInsideSlideIntroMenuGrid .introMenuClaim {
	align-self: end;
	font-weight: 500;
	color: var(--wp--preset--color--voss-grey);
	padding: 1rem;
}

.mkInsideSlideIntroMenuGrid .introMenuSubline {
	align-self: end;
	color: var(--wp--preset--color--voss-grey);
	padding: 1rem;
}

.mkInsideSlideIntroMenuGrid .introMenuAdress {
	grid-column-start: 2;
    grid-row-start: 3;
    grid-row-end: 7;
	padding: 1rem 1rem 0.5rem 1rem;
	align-self: end;
}

.mkInsideSlideIntroNext {
	width: 50vw;
	/* height: 100vh; */
	margin-block-start: 0;
	padding-right: 1rem;
	gap: 0;
	align-items: stretch;
	justify-content: space-between;
}

.mkInsideSlideIntroNext p {
	font-size: clamp(12.5vw, 16.667vw, 16.667vw);	/* 15rem */
	line-height: 0.8;
}

.slide.slideMK0.old .mkInsideSlideIntroNext {
	/* color: #fff;
	transition: color 0.5s ease; */
	transform: translatex(33.33vw);
	transition: transform 1.5s ease;
}




/* SECTION 1 */

.mkInsideSlideSection1Spacer {
	width: 8rem;
}

.mkInsideSlideSection1Left {
	width: calc(50vw - 8rem);
	height: 100vh;	/* check @supports weiter unten */
	background-color: #fff;
	margin-block-start: 0;
	gap: 0;
	align-items: stretch;
	justify-content: space-between;
}

.mkInsideSlideSection1Left p {
	font-size: clamp(12.5vw, 16.667vw, 16.667vw);	/* 15rem */
	line-height: 0.8;
}

.mkInsideSlideSection1Left .zeile1 {	/* XXX */
	z-index: 1;
	width: 1%;
	transition: width 1.5s ease;
	font-weight: 200;
	font-style: italic;
}
.mkInsideSlideSection1Left .zeile2 {	/* XXX */
	z-index: 1;
	width: 1%;
	transition: width 1.5s ease;
    white-space: nowrap;
	font-weight: 200;
	font-style: italic;
}
.mkInsideSlideSection1Left .zeile3 {
	z-index: 1;
	width: 1%;
	transition: width 1.5s ease;
	white-space: nowrap;
}

.mkInsideSlideSection1Right {
	width: 50vw;
	height: 100vh;	/* check @supports weiter unten */
	margin-block-start: 0;
}

.mkInsideSlideSection1Right .teaserWrapper {
	position: relative;
	background-image: url('https://voss2.evoworkx-media.de/wp-content/uploads/2025/10/100-jahre-voss-veranstaltung-intro.jpg');
	background-size: cover;
	background-position: center right;
	width: 100%;
	height: 100%;
}

.mkInsideSlideSection1Right .eckpfeilSchwarz {
	position: absolute;
	bottom: 1rem;
	right: 1rem;
	width: 3rem;
	height: 3rem;
}

.mkInsideSlideSection1Right .eckpfeilSchwarz img {
	width: 100%;
	height: auto;
	aspect-ratio: 1;
}

.mkInsideSlideSection1Right .mkCall2ActionDeeplink,
.mkInsideSlideSection1Right .mkCall2ActionDeeplinkGrid {	/* XXX */
	position: absolute;
	bottom: 1rem;
	right: 1rem;
}

.slide.slideMK1.active .zeile1 {	/* XXX */
	width: 80%;
	transition: width 1.5s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.slide.slideMK1.active .zeile2 {	/* XXX */
	width: 130%;
	transition: width 2.5s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.slide.slideMK1.active .zeile3 {	/* XXX */
	width: 110%;
	transition: width 3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.slide.slideMK1.old .zeile1 {	/* XXX */
	width: 80%;
	transition: width 1.5s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.slide.slideMK1.old .zeile2 {	/* XXX */
	width: 130%;
	transition: width 2.5s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.slide.slideMK1.old .zeile3 {	/* XXX */
	width: 110%;
	transition: width 3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}



/* Test mit Keyframe-Animation */

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.slide.slideMK1.active .fadeInDownBig {
    animation-name: fadeInDownBig;
    animation-duration: 1s; /* Dauer der Animation */
    animation-timing-function: ease-out; /* Timing-Funktion */
    animation-iteration-count: 1; /* Anzahl der Wiederholungen */
    animation-fill-mode: forwards; /* Endstatus beibehalten */
}



/* SECTION 2 */

.mkInsideSlideSection2Spacer {
	width: 8rem;
}

.mkInsideSlideSection2Wrapper {
	width: calc(100vw - 8rem);
	height: 100vh;	/* check @supports weiter unten */
	margin-block-start: 0;
	gap: 0;
	background-color: #fff;
}

.mkInsideSlideSection2Hero {
	width: 100%;
	height: 50%;
	min-height: unset;	/* aushebeln der Cover-Block Einstellung */
	border: 1rem solid #fff;
	border-left: 3rem solid #fff;
}

.mkInsideSlideSection2TextWrapper {
	padding: 0 1rem 0 3rem;
	justify-content: space-between;
	align-items: stretch;
	height: 50%;
	border-bottom: 1rem solid #fff;
}

.mkInsideSlideSection2TextWrapperLeft {
	width: 45%;
}

.mkInsideSlideSection2TextWrapperRight {
	width: 50%;
	justify-content: space-between;
}

.mkInsideSlideSection2TextWrapper .textLinks {
	font-size: clamp(4.167vw, 5.556vw, 5.556vw);	/* 5rem */
	line-height: 1;
}

.mkInsideSlideSection2TextWrapper .textLinks em {
	font-weight: 200;
}

.mkInsideSlideSection2TextWrapper .textRechts {
	font-size: clamp(0.938vw, 1.25vw, 1.25vw);	/* 1.125rem */
}

.mkInsideSlideSection2TextWrapperRightBottom {
	font-size: clamp(0.625vw, 0.833vw, 0.833vw);	/* 0.75rem */
}

.mkInsideSlideSection2Wrapper .mkCall2ActionDeeplink {
	/* TEMPORÄR: */
	display: none;
}



/* SECTION 3 */

.mkInsideSlideSection3Spacer {
	width: 8rem;
}

.mkInsideSlideSection3Wrapper {
	width: calc(100vw - 8rem);
	height: 100vh;	/* check @supports weiter unten */
	margin-block-start: 0;
	gap: 0;
	color: #fff;
	background-color: #000;
	border: 1rem solid #000;
	border-left: 3rem solid #000;
	flex-direction: row;
	justify-content: end;
}

.mkInsideSlideSection3Oben {
	align-self: start;
	text-align: right;
	align-items: start;
}

.mkInsideSlideSection3Text {
	font-size: clamp(5vw, 6.667vw, 6.667vw);	/* 6rem */
	line-height: 1;
}

.mkInsideSlideSection3Unten {
	width: 100%;
	height: 50%;
	overflow: hidden;
	gap: 3rem;
	align-self: end;
}

.mkInsideSlideSection3Hero {
	width: 45%;
	height: 100%;
	min-height: auto;
}

.mkInsideSlideSection3UntenRechts {
	width: 55%;
	align-self: start;
	font-size: clamp(0.833vw, 1.111vw, 1.111vw);	/* 1rem */
}





/* SECTION 4 */

.mkInsideSlideSection4Spacer {
	width: 8rem;
}

.mkInsideSlideSection4WrapperLeft {
	width: calc(66vw - 8rem);
	height: 100vh;	/* check @supports weiter unten */
	margin-block-start: 0;
	gap: 0;
	border-right: 1rem solid #fff;
	background-color: #fff;
	justify-content: space-evenly;
}

.mkInsideSlideSection4WrapperLeftSpacer {
	width: 100%;
	height: 1rem;
}

.mkInsideSlideSection4WrapperLeft .swiper2 {
	width: 100%;
	height: 50%;
	position: relative;
	overflow: hidden;
}

.mkInsideSlideSection4WrapperLeft .swiper-wrapper {
	display: flex;
}

.mkInsideSlideSection4WrapperLeft .swiper-slide {
	flex-shrink: 0;
}

.mkInsideSlideSection4WrapperLeft .swiper-slide img {
	width: 100%;
}

.mkInsideSlideSection4WrapperLeftText {
	width: 100%;
	height: calc(34% - 4rem);
	font-size: clamp(4.167vw, 5.556vw, 5.556vw);	/* 5rem */
	line-height: 1;
	text-align: right;
}

.mkInsideSlideSection4WrapperLeftText em {
	font-weight: 200;
}

.mkInsideSlideSection4WrapperLeftText2 {
	padding: 0 1rem 1rem 1rem;
	font-size: clamp(0.729vw, 0.972vw, 0.972vw);	/* 0.875rem */
}

.mkInsideSlideSection4WrapperLeftLink {
	width: 100%;
	display: flex;
    justify-content: end;
	border-bottom: 1rem solid #fff;
	/* TEMPORÄR */
	display: none;
}

.mkInsideSlideSection4WrapperRight {
	width: 34vw;
	height: 100vh;	/* check @supports weiter unten */
	margin-block-start: 0;
	gap: 0;
	color: #fff;
	background-color: #000;
	border-left: 1rem solid #000;
}

.mkInsideSlideSection4WrapperRightInside {
	width: 100%;
	height: 16%;
	display: flex;
	align-items: end;
}

.mkInsideSlideSection4WrapperRightText {
	align-items: start;
	gap: 0.5rem;
}

.mkInsideSlideSection4WrapperRightInside .textLinks {
	font-size: clamp(4.167vw, 5.556vw, 5.556vw);	/* 5rem */
	white-space: nowrap;
	line-height: 1.2;
}

.mkInsideSlideSection4WrapperRightInside .textRechts {
	font-size: clamp(0.833vw, 1.111vw, 1.111vw);	/* 1rem */
	line-height: 1;
	padding-top: 0.5rem;
	padding-right: 2rem;
}

.mkInsideSlideSection4WrapperRightHero {
	height: 84%;
	width: 100%;
	position: relative;
}

.mkInsideSlideSection4WrapperRightHero .textInside {
	color: #fff;
	position: absolute;
	bottom: 1rem;
	left: 1rem;
	font-size: clamp(1.25vw, 1.667vw, 1.667vw);	/* 1.5rem */
	font-weight: 600;
	line-height: 1.1;
	width: 66%;
}



/* SECTION 5 */

.mkInsideSlideSection5Spacer {
	width: 8rem;
}

.mkInsideSlideSection5Wrapper {
	width: calc(100vw - 8rem);
	height: 100vh;	/* check @supports weiter unten */
	margin-block-start: 0;
	gap: 0;
	/* background-image: url(https://voss2.evoworkx-media.de/wp-content/uploads/2025/04/voss-op-systeme-background.jpg); */
    background-image: linear-gradient(180deg, rgba(204, 204, 204, 0), rgba(224, 224, 224, 0.9), rgba(255,255,255,1)), url(https://voss2.evoworkx-media.de/wp-content/uploads/2025/04/voss-op-systeme-background.jpg);
	background-size: cover;
	position: relative;
}

.mkInsideSlideSection5WrapperHeading {
	position: absolute;
	top: 1rem;
	right: 1rem;
	text-align: right;
}

.mkInsideSlideSection5WrapperHeading .zeile1 {
	font-size: clamp(6.667vw, 8.889vw, 8.889vw);	/* 8rem */
	font-weight: 300;
	line-height: 1;
}

.mkInsideSlideSection5WrapperHeading .zeile2 {
	font-size: clamp(6.667vw, 8.889vw, 8.889vw);	/* 8rem */
	font-weight: 200;
	font-style: italic;
	line-height: 1;
	margin-block-start: 0;
}

.mkInsideSlideSection5WrapperContent {
	position: absolute;
	left: 3rem;
	bottom: 2rem;
	width: 60%;
	font-size: clamp(1.25vw, 1.667vw, 1.667vw);	/* 1.5rem */
	font-weight: 400;
	line-height: 1.3;
}



/* SECTION 6 */

.mkInsideSlideSection6Spacer {
	width: 8rem;
}

.mkInsideSlideSection6Wrapper {
	width: calc(100vw - 8rem);
	height: 100vh;	/* check @supports weiter unten */
	margin-block-start: 0;
	gap: 0;
	position: relative;
	background-color: #fff;
}

.mkInsideSlideSection6WrapperImage1 {
	height: 66%;
	width: 40%;
	position: absolute;
	right: 0;
	bottom: 0;
	background-image: url(https://voss2.evoworkx-media.de/wp-content/uploads/2024/11/section-06-image01.jpg);
	background-size: cover;
}

.mkInsideSlideSection6WrapperImage2 {
	height: 55%;
	width: 25%;
	position: absolute;
	top: 0;
	left: 8rem;
	background-image: url(https://voss2.evoworkx-media.de/wp-content/uploads/2024/11/section-06-image02.jpg);
	background-size: cover;
}

.mkInsideSlideSection6WrapperImage3 {
	height: 66%;
	width: 40%;
	position: absolute;
	right: 0;
	bottom: 0;
	background-image: url(https://voss2.evoworkx-media.de/wp-content/uploads/2025/03/section-06-image03.jpg);
	background-size: cover;
}


.mkInsideSlideSection6WrapperHeading {
	position: absolute;
	right: 1rem;
	top: 1rem;
	width: 70%;
}

.mkInsideSlideSection6WrapperHeading .zeile1 {
	font-size: clamp(6.667vw, 8.889vw, 8.889vw);	/* 8rem */
	font-weight: 300;
	line-height: 1;
	padding-left: 7rem;
}

.mkInsideSlideSection6WrapperHeading .zeile2 {
	font-size: clamp(6.667vw, 8.889vw, 8.889vw);	/* 8rem */
	font-weight: 200;
	font-style: italic;
	line-height: 1;
	margin-block-start: 0;
}

.mkInsideSlideSection6WrapperContent {
	position: absolute;
	top: 62%;
	left: 14rem;
	width: 28%;
	font-size: clamp(0.833vw, 1.111vw, 1.111vw);	/* 1rem */
}

.mkInsideSlideSection6WrapperLink {
	width: 100%;
	display: flex;
    justify-content: start;
	/* TEMPORÄR: */
	display: none;
}



/* SECTION 7 */

.mkInsideSlideSection7Spacer {
	width: 8rem;
}

.mkInsideSlideSection7Wrapper {
	width: calc(100vw - 8rem);
	max-width: inherit;
	height: 100vh;	/* check @supports weiter unten */
	margin-block-start: 0;
	gap: 0;
	position: relative;
	background-color: #fff;
}

.mkInsideSlideSection7WrapperGrid {
	width: inherit;
	height: 100%;
	display: grid;
	grid-template-columns: 32% 18% 32% 18%;
	grid-template-rows: 45% 55%;
	border-left: 3rem solid #fff;
}

.mkInsideSlideSection7WrapperImage1 {
	grid-column-start: 3;
    grid-row-start: 2;
	background-image: url(https://voss2.evoworkx-media.de/wp-content/uploads/2024/12/section-07-image01.jpg);
	background-size: cover;
	opacity: 0.8;
}

.mkInsideSlideSection7WrapperImage2 {
	grid-column-start: 1;
    grid-row-start: 1;
	background-image: url(https://voss2.evoworkx-media.de/wp-content/uploads/2024/12/section-07-image02.jpg);
	background-size: cover;
}

.mkInsideSlideSection7WrapperImage3 {
	grid-column-start: 4;
    grid-row-start: 1;
	background-image: url(https://voss2.evoworkx-media.de/wp-content/uploads/2024/12/section-07-image03.jpg);
	background-size: cover;
}

.mkInsideSlideSection7WrapperImage4 {
	grid-column-start: 1;
    grid-row-start: 1;
	background-image: url(https://voss2.evoworkx-media.de/wp-content/uploads/2025/03/section-07-image04.jpg);
	background-size: cover;
	background-position: top center;
}

.mkInsideSlideSection7WrapperText {
	grid-column-start: 1;
	grid-row-start: 2;
	align-self: end;
	padding: 0 2rem 3rem 0;
	font-size: clamp(0.938vw, 1.25vw, 1.25vw);	/* 1.125rem */
    font-weight: 400;
}

.mkInsideSlideSection7WrapperOverlaytext {
	position: absolute;
	width: inherit;
	height: 100%;
	justify-content: space-between;
	gap: 0;
	padding-bottom: 3rem;
	padding-left: 3rem;
}

.mkInsideSlideSection7WrapperOverlaytext p {
	font-size: clamp(12.5vw, 16.667vw, 16.667vw);	/* 15rem */
	font-weight: 300;
	line-height: 0.8;
	width: 100%;
}

.mkInsideSlideSection7WrapperOverlaytext .zeile1 {
	text-align: center;
}

.mkInsideSlideSection7WrapperOverlaytext .zeile2 {
	font-style: italic;
	font-weight: 200;
	text-align: center;
}

.mkInsideSlideSection7WrapperOverlaytext .zeile3 {
	text-align: right;
	padding-right: 5rem;
}

.mkInsideSlideSection7WrapperLink {
	width: 100%;
	display: flex;
    justify-content: start;
	margin-top: 1rem;
	/* TEMPORÄR: */
	display: none;
}



/* SECTION 8 */

.mkInsideSlideSection8Spacer {
	width: 8rem;
}
.mkInsideSlideSection8Wrapper {
	width: calc(100vw - 8rem);
	max-width: inherit;
	height: 100vh;	/* check @supports weiter unten */
	margin-block-start: 0;
	gap: 0;
	position: relative;
	background-color: #fff;
}
.mkInsideSlideSection8WrapperHeading {
	font-size: clamp(6.667vw, 8.889vw, 8.889vw);	/* 8rem */
	font-weight: 300;
	line-height: 1;
	position: absolute;
    top: 1rem;
    right: 3rem;
	left: 3rem;
}
.mkInsideSlideSection8WrapperHeading em {
	font-weight: 200;
}

.mkInsideSlideSection8WrapperImage1 {
	background-image: url(https://voss2.evoworkx-media.de/wp-content/uploads/2025/04/voss-karriere-image04.jpg);
	background-size: cover;
	background-position: center;
	height: 100%;
    width: calc(50% + 4rem);
    position: absolute;
    right: 0;
    bottom: 0;
	opacity: 0.8;
}

.mkInsideSlideSection8WrapperContent {
	width: 33%;
	position: absolute;
	bottom: 3rem;
	left: 3rem;
	font-size: clamp(0.833vw, 1.111vw, 1.111vw);	/* 1rem */
}
.mkInsideSlideSection8WrapperLink {
	display: flex;
    justify-content: start;
	margin-top: 3rem;
}


/* SECTION: MIETBERUFSBEKLEIDUNG */

.mkInsideSlideSectionMietberufsbekleidung__Spacer {
	width: 8rem;
}
.mkInsideSlideSectionMietberufsbekleidung__Wrapper {
	width: calc(100vw - 8rem);
	height: 100vh;	/* check @supports weiter unten */
	margin-block-start: 0;
	gap: 0;
	color: #000;
	background-color: #c0c0c0;
	border: 1rem solid #c0c0c0;
	border-bottom: 0;
	border-left: 3rem solid #c0c0c0;
	
	flex-direction: row;
	justify-content: end;
}
.mkInsideSlideSectionMietberufsbekleidung__Oben {
	align-self: start;
	text-align: right;
	align-items: start;
}
.mkInsideSlideSectionMietberufsbekleidung__Text {
	font-size: clamp(6.667vw, 8.889vw, 8.889vw);	/* 8rem */
	line-height: 1;
}
.mkInsideSlideSectionMietberufsbekleidung__Text em {
	font-weight: 200;
}
.mkInsideSlideSectionMietberufsbekleidung__Unten {
	width: 100%;
	height: 55%;
	overflow: hidden;
	gap: 3rem;
	align-self: end;
}
.mkInsideSlideSectionMietberufsbekleidung__Hero {
	width: 55%;
	height: 100%;
	min-height: auto;
}
.mkInsideSlideSectionMietberufsbekleidung__UntenRechts {
	width: 45%;
	align-self: start;
	font-size: clamp(0.833vw, 1.111vw, 1.111vw);	/* 1rem */
}





/* Contentseite */

.mkContentseite {
	display: flex;
	height: 100vh;	/* check @supports weiter unten */
}
.mkContentseiteSpacerS {
	margin: 0;
	padding: 2rem;
}
.mkContentseiteSpacerM {
	margin: 0;
	padding: 5rem;
}
.mkContentseiteSpacerL {
	margin: 0;
	padding: 8rem;
}
.mkContentseiteSpacerXL {
	margin: 0;
	padding: 10rem;	
}

.mkContentseite .mkFooterBacklink {
	width: 100%;
	display: flex;
	justify-content: end;
	align-items: center;
	padding: 3rem;
}
.mkContentseite .mkFooterBacklink a {
	display: flex;
}
.mkContentseite .mkFooterBacklink img {
	width: 15vw;
}

.mkContentseite .mkFooterBacklink.mobile {
	display: none;
}





/* Contentseite - SidebarMenu Desktop */

.mkContentSidebarMenu {
	background-color: #fff;
    width: 8rem;
    height: 100%;
	position: fixed;
	z-index: 1000;
	display: grid;
	grid-template-columns: auto;
	/* grid-template-rows: 8% 10% 40% 21% 21%; */
	grid-template-rows: 10% 10% 22% 36% 22%;	/* Änderung nach weiterem Icon */
	margin-block-start: 0;
	border-right: 1px solid #c0c0c0;
}

.mkContentSidebarMenu .sidebarMenuLogo {
	align-self: end;
	padding: 1rem 1.5rem;
}

.mkContentSidebarMenu .sidebarMenuBurger {
	align-self: end;
	padding: 1rem 2rem;
	cursor: pointer;
}

/*
.mkContentSidebarMenu .sidebarMenuZahl {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.mkContentSidebarMenu .menuZahl {
	aspect-ratio: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	transition: margin 1.5s ease, opacity 0.75s ease;
	margin: 4.444vw 0 0 0;
	opacity: 0;
	font-size: clamp(1.667vw, 2.222vw, 2.222vw);
}
.mkContentSidebarMenu .menuZahl.active {
	z-index: 1;
	margin: 0;
	opacity: 1;
}
.mkContentSidebarMenu .menuZahl.old {
	margin: 0 0 4.444vw 0;
}
.mkContentSidebarMenu .menuZahlUp {
	position: absolute;
	top: 0;
	z-index: 1;
}
.mkContentSidebarMenu .menuZahlUp img {
	width: 32px;
	aspect-ratio: 1;
}
.mkContentSidebarMenu .menuZahlDown {
	position: absolute;
	bottom: 0;
	z-index: 1;
}
.mkContentSidebarMenu .menuZahlDown img {
	width: 32px;
	aspect-ratio: 1;
}
*/
.mkContentSidebarMenu .sidebarMenuIcons {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	align-items: center;
	justify-content: center;
}
.mkContentSidebarMenu .sidebarMenuIcons img {
	width: 32px;
	aspect-ratio: 1;
	display: flex;
}
.mkContentSidebarMenu .sidebarMenuFooterlinks {
	/* align-self: end; */
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.mkContentSidebarMenu .sidebarMenuFooterlinks ul {
	list-style: none;
	margin: 0;
	padding: 0;
	transform: rotate(-90deg);
	font-size: clamp(1rem, 0.833vw, 0.833vw);	/* 0.75rem EDIT */
	line-height: 1.2;
	white-space: nowrap;
	aspect-ratio: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: calc(100% - 3rem);
}


/* Contentseite - MenuBar Mobile */

.mkContentMobileMenuBar {
	display: none;
}



/* Modul 1 */

.mkContentseiteModul1 {
	width: calc(100vw - 8rem);
	min-height: 100vh;
	margin-left: 8rem;
	margin-block-start: 0;
	gap: 0;	
}

.mkContentseiteModul1 .swiperC1 {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.mkContentseiteModul1 .swiper-wrapper {
	display: flex;
}
.mkContentseiteModul1 .swiper-slide {
	flex-shrink: 0;
}
.mkContentseiteModul1 .swiper-slide img {
	max-width: 50vw;
}

.mkContentseiteModul1 .mkInsideSlideSection1Left .zeile1 {	/* XXX */
	width: 80%;
	transition: unset;
	text-align: right;
	font-weight: 200;
	font-style: italic;
}
.mkContentseiteModul1 .mkInsideSlideSection1Left .zeile2 {	/* XXX */
	width: 130%;
	transition: unset;
	text-align: right;
	font-weight: 200;
	font-style: italic;
}
.mkContentseiteModul1 .mkInsideSlideSection1Left .zeile3 {	/* XXX */
	width: 110%;
	transition: unset;
	text-align: right;
}

#mkCountdown {
	width: 100%;
	display: flex;
	justify-content: space-evenly;
	align-items: flex-end;
	margin: 4rem 0;
}
.mkCountdown__item {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.mkCountdown__zahl {
	font-size: clamp(6.667vw, 8.889vw, 8.889vw);	/* 8rem */
	font-weight: 300;
	line-height: 1.3;
}
.mkCountdown__zahlbig {
	font-size: clamp(12.5vw, 16.667vw, 16.667vw);	/* 15rem */
	font-weight: 300;
	line-height: 1;
}
.mkCountdown__sub {
	line-height: 1;
	font-style: italic;
	font-size: clamp(1.25vw, 1.667vw, 1.667vw);	/* 1.5rem */
}

.mkContentseiteModul1 .mkDasDatum {
	padding: 0 3rem;
	margin-bottom: 4rem;
	gap: 1rem;
}
.mkContentseiteModul1 .mkDasDatum .mkDasDatum__Pfeil {
	flex-basis: unset;
	display: flex;
	align-items: center;
}
.mkContentseiteModul1 .mkDasDatum .mkDasDatum__Pfeil img {
	width: 8vw;
}
.mkContentseiteModul1 .mkDasDatum .mkDasDatum__Datum {
	word-break: unset;
    flex-basis: unset;
	display: flex;
	align-items: center;
	font-size: clamp(4.167vw, 5.556vw, 5.556vw);	/* 5rem */
}
.mkContentseiteModul1 .mkContentText {
	margin: 5rem 0;		/* XXX */
	padding: 0 3rem;
	font-size: clamp(1.25vw, 1.667vw, 1.667vw);	/* 1.5rem */
	font-weight: 400;
}
.mkContentseiteModul1 .mkContentText .mkContentText__Left {
	flex-basis: unset;
	width: 50%;
}
.mkContentseiteModul1 .mkContentText .mkContentText__Right {
	word-break: unset;
    flex-basis: unset;
	min-width: auto;
	text-align: right;
	display: flex;
	justify-content: end;
	align-items: end;
	font-size: clamp(3.333vw, 4.444vw, 4.444vw);	/* 4rem | 1920px */
	line-height: 1;
	padding-top: 5rem;	/* XXX */
}
.mkContentseiteModul1 .mkContentText .mkContentText__Right em {
	font-weight: 300;
}
.mkContentseiteModul1 .contentBild1 {
	width: 100%;
	min-height: 70vh;
	margin: 3rem 0 0;
}
.mkContentseiteModul1 .mkContentVideoWrapper {	/* XXX */
	width: 100%;
	padding: 3rem 15%;
}
.mkContentseiteModul1 .mkContentVideoCaption {	/* XXX */
	font-size: clamp(0.938vw, 1.25vw, 1.25vw);	/* 1.125rem */
}

.mkContentseiteModul1 .mkContentHeading {
	margin-top: 6rem;
	padding: 3rem;
	font-size: clamp(4.167vw, 5.556vw, 5.556vw);	/* 5rem */
	font-weight: 200;
	font-style: italic;
	line-height: 1;
}
.mkContentseiteModul1 .mkContentHeading strong {	/* XXX */
	font-weight: 300;
	font-style: normal;
}
.mkContentseiteModul1 .mkContentHeading.grusswort {	/* XXX */
	width: 85%;
}
.mkContentseiteModul1 .mkContentGallery {	/* XXX */
	width: 100%;
	padding: 0 3rem;
	position: relative;
}
.mkContentseiteModul1 .mkContentGallery .swiper {	/* XXX */
	overflow: hidden;
}
.mkContentseiteModul1 .mkContentGallery .swiper-wrapper {	/* XXX */
	min-height: 35vw;
}
.mkContentseiteModul1 .mkContentGallery .swiper-slide {	/* XXX */
	display: flex;
	justify-content: center;
	align-items: end;
	transform: translatey(-5rem);
}
.mkContentseiteModul1 .mkContentGallery img {	/* XXX */
	width: 50%;
	display: flex;
	justify-content: center;
	transition: width 0.33s ease;
}
.mkContentseiteModul1 .mkContentGallery .swiper-slide-active {	/* XXX */
	transform: translatey(0);
}
.mkContentseiteModul1 .mkContentGallery .swiper-slide-active img {	/* XXX */
	width: 150%;
}
.mkContentseiteModul1 .mkContentGallery .swiper-slide-prev {	/* XXX */
	justify-content: left;
}
.mkContentseiteModul1 .mkContentGallery .swiper-slide-next {	/* XXX */
	justify-content: right;
}
.mkContentseiteModul1 .mkContentGallery .mkSwiperControls {
	height: 3rem;
	position: absolute;
	right: 3rem;
	bottom: 1rem;
	display: flex;
	gap: 3rem;
}
.mkContentseiteModul1 .mkContentGallery .mkSwiperControls img {
	width: auto;
	height: 3rem;
	cursor: pointer;
}
.mkContentseiteModul1 .mkContentGallery .mkSwiperControls *:focus {
	outline: unset;
}
.mkContentseiteModul1 .mkContentGallery .mkSwiperPaging {
	text-align: center;
}
.mkContentseiteModul1 .mkContentGallery .mkSwiperPaging .swiper-pagination-current {
	font-weight: 400;
}
.mkContentseiteModul1 .mkContentMeilensteine {
	width: 100%;
	padding: 0 3rem;
	position: relative;
}
.mkContentseiteModul1 .mkContentMeilensteine .swiper2 {	/* XXX */
	overflow: hidden;
}
.mkContentseiteModul1 .mkContentMeilensteine .swiper-wrapper {	/* XXX */
	min-height: 90vh;
	max-height: 90vh;
}
.mkContentseiteModul1 .mkContentMeilensteine .swiper-slide {	/* XXX */
	display: flex;
	justify-content: center;
	align-items: end;
	transform: translatey(-5rem);
}
.mkContentseiteModul1 .mkContentMeilensteine img {	/* XXX */
	width: 70%;
	display: flex;
	justify-content: center;
	transition: width 0.33s ease;
	filter: brightness(90%);
}
.mkContentseiteModul1 .mkContentMeilensteine .swiper-slide-active {	/* XXX */
	transform: translatey(0);
}
.mkContentseiteModul1 .mkContentMeilensteine .swiper-slide-active img {	/* XXX */
	filter: brightness(98%);
	width: 100%;
}
.mkContentseiteModul1 .mkContentMeilensteine .mkSwiperControls {
	height: 3rem;
	position: absolute;
	right: 3rem;
	bottom: 1rem;
	display: flex;
	gap: 3rem;
}
.mkContentseiteModul1 .mkContentMeilensteine .mkSwiperControls img {
	width: auto;
	height: 3rem;
	cursor: pointer;
}
.mkContentseiteModul1 .mkContentMeilensteine .mkSwiperControls *:focus {
	outline: unset;
}
.mkContentseiteModul1 .mkContentMeilensteine .mkSwiperPaging {
	text-align: center;
}
.mkContentseiteModul1 .mkContentMeilensteine .mkSwiperPaging .swiper-pagination-current {
	font-weight: 400;
}
.mkContentseiteModul1 .mkContentChronik {
	width: 100%;
	padding: 9rem 3rem 3rem 3rem;
	display: flex;
	align-items: center;
    justify-content: space-evenly;
}
.mkContentseiteModul1 .mkContentChronik .mkContentChronik__Text {
	font-size: clamp(1.667vw, 2.222vw, 2.222vw);	/* 2rem */
	font-weight: 400;
}

	/* Presseberichte */
.mkContentseiteModul1 .mkContentPresse__Wrapper {
	width: 100%;
	padding: 6rem 3rem;
}
.mkContentseiteModul1 .mkContentPresse {
	border-top: 4px solid #111;
	padding-top: 3rem;
}
.mkContentseiteModul1 .mkContentPresse__Heading {
	font-size: clamp(1.667vw, 2.222vw, 2.222vw);	/* 2rem */
	font-weight: 200;
	line-height: 1;
	padding-bottom: 3rem;
}
.mkContentseiteModul1 .mkContentPresse__Berichte {
	border-top: 4px solid #111;
}
.mkContentseiteModul1 .mkContentPresseItem {
	display: grid;
	grid-template-columns: 1fr auto auto auto;
	align-items: start;
	column-gap: 2rem;
	row-gap: 0.5rem;
	padding: 1rem 0;
	border-bottom: 1px solid #111;
}
.mkContentseiteModul1 .mkContentPresseItem__Title {
	font-weight: 400;
}
.mkContentseiteModul1 .mkContentPresseItem__Title em {
	font-weight: 200;
}
.mkContentseiteModul1 .mkContentPresseItem__Size {
	text-align: left;
}
.mkContentseiteModul1 .mkContentPresseItem__LinkShow {
	text-align: center;
}
.mkContentseiteModul1 .mkContentPresseItem__LinkDownload {
	text-align: right;
}
.mkContentseiteModul1 .mkContentPresse__ContentImage {
	filter: brightness(97%);
}





/* Modul 5 */

.mkContentseiteModul5 {
	width: calc(100vw - 8rem);
	height: 100vh;	/* check @supports weiter unten */
	margin-left: 8rem;
	margin-block-start: 0;
	gap: 0;
	/* position: relative; */
	background-image: linear-gradient(45deg, rgba(204,204,204,1), rgba(204,204,204,0.3)), url(https://voss2.evoworkx-media.de/wp-content/uploads/2024/11/section-05-background.jpg);
	background-size: cover;
	background-attachment: fixed;
	overflow: auto;
}

.mkContentseiteModul5Heading {
	width: 100%;
	text-align: right;
	padding: 1rem 1rem 1rem 3rem;
}

.mkContentseiteModul5Heading .zeile1 {
	font-size: clamp(6.667vw, 8.889vw, 8.889vw);	/* 8rem */
	font-weight: 300;
	line-height: 1;
}

.mkContentseiteModul5Heading .zeile2 {
	font-size: clamp(6.667vw, 8.889vw, 8.889vw);	/* 8rem */
	font-weight: 200;
	font-style: italic;
	line-height: 1;
	margin-block-start: 0;
}

.mkContentseiteModul5Content {
	width: 66%;
	padding: 1rem 1rem 1rem 3rem;
	font-size: clamp(1.042vw, 1.389vw, 1.389vw);	/* 1.25rem */
	font-weight: 400;
	line-height: 1.2;
}

.mkContentseiteModul5Content p {
	padding-bottom: 1rem;
}



/* Modul 13 */

.mkContentseiteModul13 {
	width: calc(100vw - 8rem);
	min-height: 100vh;
	margin-left: 8rem;
	margin-block-start: 0;
	gap: 0;	
	position: relative;
}

.mkKarriereImage1 {
	background-image: url(https://voss2.evoworkx-media.de/wp-content/uploads/2025/04/voss-karriere-image04.jpg);
	background-size: cover;
	background-position: center;
	height: 100%;
    width: calc(50% + 4rem);
    position: absolute;
    right: 0;
    bottom: 0;
	opacity: 0.8;
}
.mkKarriereHeading {
	font-size: clamp(6.667vw, 8.889vw, 8.889vw);	/* 8rem */
	font-weight: 300;
	line-height: 1;
	position: absolute;
    top: 0;
    right: 3rem;
    left: 3rem;
}
.mkKarriereHeading em {
	font-weight: 200;
}
.mkKarriereHeadingContent {
	width: 33%;
	position: absolute;
	bottom: 3rem;
	left: 3rem;
	font-size: clamp(0.833vw, 1.111vw, 1.111vw);	/* 1rem */
}
.mkKarriereContentWrapperHeading {
	font-size: clamp(6.667vw, 8.889vw, 8.889vw);	/* 8rem */
	font-weight: 300;
	line-height: 1;
	padding: 3rem;
}
.mkJobs__Wrapper {
	margin-block-start: 0;
	padding: 3rem 0;
	background-color: #f0f0f0;
}
.mkJobs {
	margin-block-start: 0;
	margin: 3rem;
	border-bottom: 1px solid #000;
}
.mkJobs__Heading {
	font-size: clamp(1.667vw, 2.222vw, 2.222vw);	/* 2rem */
	font-weight: 400;
	line-height: 1;
	display: flex;
    justify-content: space-between;
    align-items: center;
	gap: 1rem;
	border-top: 1px solid #000;
    padding: 2rem 0;
    cursor: pointer;
}
.mkJobs__ContentInside {
	display: flex;
	margin: 3rem 0;
}
.mkJobs__ContentInsideLeft {
	min-width: 30%;
	font-size: clamp(1.25vw, 1.667vw, 1.667vw);	/* 1.5rem */
	font-weight: 200;
	font-style: italic;
}
.mkJobs__ContentInside ul {
	margin-block-start: 0;
	margin-block-end: 0;
}
.mkJobs__Workaround {
	display: grid;
	grid-template-rows: 0fr;
	transition: grid-template-rows 0.66s ease-out;
}
.mkJobs__Workaround.ShowMe {
	grid-template-rows: 1fr;
}
.mkJobs__Content {
	overflow: hidden;
}
.mkJobs__Heading .iconOff,
.mkJobs__Heading.active .iconOn {
	display: none;
}
.mkJobs__Heading .iconOn,
.mkJobs__Heading.active .iconOff {
	display: block;
}

/* Zertifikate */
.mkZertifikate__Heading {
	font-size: clamp(6.667vw, 8.889vw, 8.889vw);	/* 8rem */
	font-weight: 300;
	line-height: 1;
	padding: 1rem 3rem;
	display: flex;
    justify-content: end;
    width: 100%;
}
.mkZertifikate__ContentWrapper {
	width: 100%;
	padding: 3rem;
}
.mkZertifikate__ContentHeading {
	font-size: clamp(1.667vw, 2.222vw, 2.222vw);	/* 2rem */
	font-weight: 400;
	line-height: 1;
}
.mkZertifikate {
	border-top: 1px solid #000;
}
.mkZertifikateItem {
	display: grid;
	grid-template-columns: 1fr auto auto auto;
	align-items: end;
	column-gap: 2rem;
	row-gap: 0.5rem;
	padding: 1rem 0;
	border-bottom: 1px solid #000;
}
.mkZertifikateItem__Title {
	font-weight: 400;
}



/* Modul Kontakt */

.mkContentseiteModulKontakt__Wrapper {
	width: calc(100vw - 8rem);
	min-height: 100vh;	/* check @supports weiter unten */
	margin-left: 8rem;
	margin-block-start: 0;
	gap: 0;
}
.mkContentseiteModulKontakt__Hero {
	width: 100%;
	border: 1rem solid #fff;
	border-left: 3rem solid #fff;
	min-height: 45vh;
}
.mkContentseiteModulKontakt__Content {
	width: 100%;
    padding: 1rem 1rem 1rem 3rem;
    align-items: start;	
	gap: 1rem;
}
.mkContentseiteModulKontakt__ContentHeading {
	width: 50%;
	font-size: clamp(6.667vw, 8.889vw, 8.889vw);	/* 8rem */
	font-weight: 300;
	line-height: 1;
}
.mkContentseiteModulKontakt__ContentHeading em {
	font-weight: 200;
}
.mkContentseiteModulKontakt__ContentText {
	width: 50%;
}

/* Formular */

.mkContentseiteFormular {
	margin-block-start: 0;
	margin-top: 3rem;
	padding: 2rem;
	width: 100%;
	background-color: #f0f0f0;
	border-radius: 0.5rem;
}
.mkContactForm__Item,
.mkContactForm__Item2 {
    margin-bottom: 2rem;
}
.mkContactForm__Item label {
	font-weight: 200;
	transition: font-weight 0.25s ease-out;
}
.mkContactForm__Item:focus-within label {
	font-weight: 600;
    transition: font-weight 0.25s ease-in;
}
.mkContactForm__Item input[type="text"],
.mkContactForm__Item input[type="tel"],
.mkContactForm__Item input[type="email"],
.mkContactForm__Item textarea {
	width: 100%;
    color: #000;
    font-size: 1.25rem;
    margin: 0;
    padding: 1rem!important;
}
.mkContentseiteFormular input[type="submit"] {
	color: #fff;
    background-color: var(--wp--preset--color--voss-red);
	padding: 1rem;
	font-size: 1.2rem;
	font-family: var(--wp--preset--font-family--source-sans-font);
	font-weight: 200;
	border: 0;
	cursor: pointer;
}
.mkContactForm__Item textarea {
	font-family: var(--wp--preset--font-family--source-sans-font);
}
.mkContactForm__Item input:focus,
.mkContactForm__PrivacyAcceptance input:focus,
.mkContactForm__Item textarea:focus{
	outline-width: 0;
}
.mkContactForm__PrivacyAcceptance label {
	cursor: pointer;
}
.mkContactForm__PrivacyAcceptance .wpcf7-list-item {
	margin: 0;
}
.mkContentseiteFormular .wpcf7-list-item-label {
    cursor: pointer;
}
.mkContentseiteFormular .wpcf7 span.wpcf7-not-valid-tip {
    color: var(--wp--preset--color--voss-red)!important;
    margin: 0;
    padding: 0.5rem 0 0 0;
    font-size: 1rem;
}
.mkContactForm__Subtext {
    font-size: 1rem;
    margin-bottom: 2rem;
}


.mkContactForm .wpcf7 form .wpcf7-response-output {
    padding: 1rem;
    margin: 2rem 0;
    font-size: 1rem;
    background-color: rgba(255, 255, 255, 0.5);
}







@media only screen and (min-width: 1440px) and (max-width: 1919px) {
	
	/* neu */
	
	.mkInsideSlideIntroMenu {
		width: calc(100vw / 4);
	}
	
	.mkInsideSlideIntroMenuGrid {
		font-size: clamp(0.625vw, 0.833vw, 0.833vw);	/* 0.75rem */
	}
	
	.mkInsideSlideSection3Unten {
		height: 45%;
	}

	.mkContentseiteModul1 .mkContentMeilensteine .swiper-wrapper {
		min-height: 80vh;
		max-height: 80vh;
	}
	.mkContentseiteModul1 .mkContentPresseItem {
		grid-template-columns: 1fr 1fr 1fr;
	}
	.mkContentseiteModul1 .mkContentPresseItem__Title {
		grid-column: 1 / 4;
	}
	
	.mkZertifikateItem {
		grid-template-columns: 1fr 1fr 1fr;
	}
	.mkZertifikateItem__Title {
		grid-column-start: 1;
		grid-column-end: 4;
	}
	
	
	
	/* alt */

	.mkInsideSlideIntroMenuGrid {
		padding: 0;
		/* font-size: 0.625rem; */
	}
	
	.mkInsideSlideIntroMenuGrid .introMenuLogo,
	.mkInsideSlideIntroMenuGrid .introMenuClaim,
	.mkInsideSlideIntroMenuGrid .introMenuBurger,
	.mkInsideSlideIntroMenuGrid .introMenuSubline,
	.mkInsideSlideIntroMenuGrid .introMenuAdress {
		padding: 0.5rem;
	}
	
	.mkInsideSlideSection3Text {
		font-size: clamp(6.667vw, 8.889vw, 8.889vw);	/* 8rem */
	}
	
	.mkContentseiteSpacerXL {
		padding: 8rem;
	}

}




@media only screen and (min-width: 1024px) and (max-width: 1439px) {
	
	.mkInsideSlideIntroMenu {
		width: 33.33vw;
	}
	
	.slide.slideMK0.old .mkInsideSlideIntroMenu {
		margin: 0 66.66vw 0 -66.66vw;
	}
	
	.mkInsideSlideIntroMenuGrid {
		font-size: clamp(0.625vw, 0.833vw, 0.833vw);	/* 0.75rem */
	}
	
	.mkCall2ActionDeeplinkGrid {	/* XXX */
		font-size: 2rem;
	}
	.mkCall2ActionDeeplinkGrid__Icon {	/* XXX */
		height: 4rem;
	}

	.mkInsideSlideSection3Unten {
		height: 55%;
	}

	/* Content */
	
	.mkContentseiteSpacerXL {
		padding: 8rem;
	}
	
	.mkContentseiteModul5Content {
		width: 80%;
	}

	.mkContentseiteModul1 .mkContentMeilensteine .swiper-wrapper {
		min-height: 70vh;
		max-height: 70vh;
	}
	.mkContentseiteModul1 .mkContentPresseItem {
		grid-template-columns: 1fr 2fr 2fr;
	}
	.mkContentseiteModul1 .mkContentPresseItem__Title {
		grid-column: 1 / 4;
	}
	
	.mkZertifikate__ContentWrapper {
		flex-direction: column;
	}
	.mkZertifikateItem {
		grid-template-columns: 1fr auto auto auto;
		column-gap: 3rem;
	}
	.mkZertifikateItem__Title {
		grid-column-end: 2;
	}
}





@media only screen and (max-width: 1023px) {
	
	body.home {
		overflow: unset;
	}

	/* Startseite - Mobile */

	.mkStartseiteDesktop {	display: none;	}
	.mkStartseiteMobile {	display: block;	}
	#MKRevolverMenuDesktop {	display: none;	}
	#MKRevolverMenuMobile {	display: block;	}
	.mkContentSidebarMenu
	

	.mkStartseiteMobile {
		margin-block-start: 0;
	}
	
	#MKRevolverMenuMobile .mkMobileTopWrapper,
	#MKRevolverMenuMobile .mkMobileBottomWrapper {
		padding: 2rem;
	}

	.mkMobileOutside {

	}
	
	.mkCall2ActionDeeplink {
		font-size: clamp(2.083vw, 4.267vw, 4.267vw);	/* 1rem | 375px */
	}

	.mkCall2ActionDeeplink a::after {
		width: clamp(2.083vw, 4.267vw, 4.267vw);	/* 1rem | 375px */
	}
	
	.mkCall2ActionDeeplinkGrid {	/* XXX */
		font-size: 2rem;
		position: absolute;
		bottom: 1rem;
		right: 1rem;
	}
	.mkCall2ActionDeeplinkGrid__Icon {	/* XXX */
		height: 4rem;
	}
	
	
	
	/* Startseite - Section 0 - Mobile */
	
	.mkMobileIntroWrapper {
		min-height: 85vh;
		background-position: top center;
	}
	
	.mkMobileIntroTextMitte {
		font-size: clamp(2.083vw, 4.267vw, 4.267vw);	/* 1rem | 375px */
		font-weight: 600;
		padding: 8rem 1rem 1rem 1rem;
		line-height: 1.3;
		background: linear-gradient(0deg, rgba(255,255,255,0.9), transparent);
	}
	
	.mkMobileIntroTextUnten {
		font-size: clamp(10.417vw, 21.333vw, 21.333vw);	/* 5rem | 375px */
		font-weight: 300;
		font-style: italic;
		padding-right: 1rem;
		background-color: rgba(255,255,255,0.9);
	}
	
	.mkMobileMenuBar {
		display: flex;
		padding: 1rem;
		gap: 1rem;
		justify-content: space-between;
		align-items: center;
		border-top: 1px solid #c0c0c0;
		margin-block-start: 0;
	}

	.mkMobileMenuBar.sticky {
		border-bottom: 1px solid #c0c0c0;
		background-color: #fff;
		z-index: 3;
	}

	.mkMobileMenuBarLogo {
		min-width: 50px;
		width: 13.33%;
		max-width: 80px;
		flex-shrink: 0;
	}

	.mkMobileMenuBarText {
		width: 100%;
		font-weight: 500;
    	color: var(--wp--preset--color--voss-grey);
		font-size: clamp(1.563vw, 3.2vw, 3.2vw);	/* 0.75rem | 375px */
	}

	.mkMobileMenuBarClaim {
		opacity: 1;
		transition: opacity 0.33s ease-in;
	}

	.mkMobileMenuBar.sticky .mkMobileMenuBarClaim {
		opacity: 0;
		transition: opacity 0.33s ease-out;
	}

	.mkMobileMenuBarWrapperRight {
		min-width: 32px;
		width: 13.33%;
		max-width: 32px;
		height: 32px;
		display: flex;
		position: relative;
	}

	.mkMobileMenuBarPfeil {
		position: absolute;
		right: 0;
		top: 0;
		opacity: 1;
		width: 32px;
		height: 32px;
		transition: opacity 0.33s ease-in, width 0.33s ease-in;
	}
	
	.mkMobileMenuBar.sticky .mkMobileMenuBarPfeil {
		opacity: 0;
		width: 0;
		transition: opacity 0.33s ease-out, width 0.33s ease-out;
	}
	
	.mkMobileMenuBarBurger {
		opacity: 0;
		width: 0;
		transition: opacity 0.33s ease-out, width 0.33s ease-out;
		height: 32px;
	}

	.mkMobileMenuBar.sticky .mkMobileMenuBarBurger {
		position: absolute;
		right: 0;
		top: 0;
		opacity: 1;
		width: 32px;
		transition: opacity 0.33s ease-in, width 0.33s ease-in;
	}
	
	
	
	
	
	.mkMobileIntroTextblock {
		display: flex;
		padding: 0rem 1rem 1rem 1rem;
		gap: 1rem;
		justify-content: space-between;
		margin-block-start: 0;
		font-size: clamp(1.563vw, 3.2vw, 3.2vw);	/* 0.75rem | 375px */
		border-bottom: 1px solid #c0c0c0;
	}

	.mkMobileIntroTextblockSpacer {
		min-width: 50px;
		width: 13.33%;
		max-width: 80px;
		flex-shrink: 0;
	}
	
	.mkMobileIntroTextblockInside {
		width: 100%;
	}	

	
	.mkMobileSection1Bar,
	.mkMobileSection2Bar,
	.mkMobileSection3Bar,
	.mkMobileSection4Bar,
	.mkMobileSection5Bar,
	.mkMobileSection6Bar,
	.mkMobileSection7Bar {
		width: 100%;
		display: flex;
		justify-content: space-between;
		margin-block-start: 0;
		padding: 1rem;
	}

	.mkMobileSection1Bar.sticky,
	.mkMobileSection2Bar.sticky,
	.mkMobileSection3Bar.sticky,
	.mkMobileSection4Bar.sticky,
	.mkMobileSection5Bar.sticky,
	.mkMobileSection6Bar.sticky,
	.mkMobileSection7Bar.sticky {
		font-weight: 600;
		z-index: 3;
		margin-block-start: 0;
	}
	
	.sticky .mkBarLogoSpacer {
		width: 50px;
		height: 32px;
	}

	.sticky .mkBarCounter {
		background-color: #fff;
	}
	
	.sticky .mkBarMenuSpacer {
		width: 50px;
		height: 32px;
	}
	
	

	/* Startseite - Section 1 - Mobile */
	
	.mkMobileSection1Text {
		margin-block-start: 0;
		gap: 0;
		align-items: stretch;
		justify-content: space-between;
		position: relative;
		margin-bottom: 0;	/* XXX */
		padding: 1rem;
		z-index: 2;
	}
	
	.mkMobileSection1Text p {	/* XXX */
		font-size: clamp(6.25vw, 12.8vw, 12.8vw);	/* 3rem | 375px */
		line-height: 1;
	}
	
	
	.mkMobileSection1Bild {	/* XXX */
		position: relative;
		background-image: url('https://voss2.evoworkx-media.de/wp-content/uploads/2025/10/100-jahre-voss-veranstaltung-intro.jpg');
		background-size: cover;
		background-position: center right;
		height: 80vh;
	}
	
	.mkMobileSection1Swiper {
		max-height: 80vh;
		position: relative;
		width: 100%;
		max-width: 100vw;
		overflow: hidden;
	}

	.mkMobileSection1Swiper .swiper-wrapper {
		display: flex;
	}

	.mkMobileSection1Swiper .swiper-slide {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
	}
	
	.mkMobileSection1Swiper .swiper-slide img {
		width: 100%;
		height: 100%;
		object-fit: contain;
		max-width: 100%;
		max-height: 100%;
	}
	
	.mkMobileSection1Swiper .swiper-button-next {
		position: absolute;
    	top: 50%;
    	left: 50%;
		right: unset; /* temp */
	}
	
	.mkMobileSection1Swiper .mkCall2ActionDeeplink {
		position: absolute;
		bottom: 1rem;
		right: 1rem;
		display: block!important; /*temp */
	}


	
	/* Startseite - Section 2 - Mobile */

	.mkMobileSection2Wrapper {
		width: 100%;
		margin-block-start: 0;
		gap: 0;
		border-bottom: 1px solid #c0c0c0;
		padding-bottom: 2rem;
	}
	
	.mkMobileSection2Hero {
		width: 100%;
		height: 50vh;
		min-height: unset;	/* aushebeln der Cover-Block Einstellung */
	}

	.mkMobileSection2TextHeading {
		font-size: clamp(6.25vw, 12.8vw, 12.8vw);	/* 3rem | 375px */
		line-height: 1;
		padding: 1rem;
	}

	.mkMobileSection2TextHeading em {
		font-weight: 200;
	}
	
	.mkMobileSection2Text {
		font-size: clamp(2.083vw, 4.267vw, 4.267vw);	/* 1rem | 375px */
		padding: 3rem 1rem 1rem 1rem;
	}
	
	.mkMobileSection2TextWrapper {
		padding: 1rem;
		align-items: end;
        gap: 1rem;
	}

	.mkMobileSection2Unten {
		font-size: clamp(1.563vw, 3.2vw, 3.2vw);	/* 0.75rem | 375px */
	}


	/* Startseite - Section 3 - Mobile */

	.mkMobileSection3Wrapper {
		width: 100%;
		margin-block-start: 0;
		gap: 0;
		color: #fff;
		background-color: #000;
	}
	
	.mkMobileSection3TextHeading {
		font-size: clamp(6.25vw, 12.8vw, 12.8vw);	/* 3rem | 375px */
		line-height: 1;
		padding: 1rem;
	}
	
	.mkMobileSection3TextHeading em {
		font-weight: 200;
	}

	.mkMobileSection3Text {
		font-size: clamp(2.083vw, 4.267vw, 4.267vw);	/* 1rem | 375px */
		padding: 3rem 1rem 1rem 1rem;
	}
	
	.mkMobileSection3Hero {
		width: 100%;
		height: 100vw;
		min-height: unset;	/* aushebeln der Cover-Block Einstellung */
		border-left: 1rem solid #000;
	}

	.mkMobileSection3TextWrapper {
		display: none!important;	/* Video und Text tempörär raus */
		padding: 1rem;
		align-items: end;
        gap: 1rem;
	}
	
	.mkMobileSection3Unten {
		font-size: clamp(1.563vw, 3.2vw, 3.2vw);	/* 0.75rem | 375px */
	}

	.mkMobileSection3Wrapper .mkCall2ActionDeeplinkWrapper {
		padding: 1rem 1rem 3rem 1rem;
		justify-content: end;
	}


	/* Startseite - Section 4 - Mobile */

	.mkMobileSection4Wrapper {
		width: 100%;
		margin-block-start: 0;
		gap: 0;
	}
	
	.mkMobileSection4TextHeading {
		font-size: clamp(6.25vw, 12.8vw, 12.8vw);	/* 3rem | 375px */
		line-height: 1;
		padding: 1rem;
	}
	
	.mkMobileSection4TextHeading em {
		font-weight: 200;
	}
	
	.mkMobileSection4Text {
		font-size: clamp(2.083vw, 4.267vw, 4.267vw);
		padding: 1rem;
	}

	.mkMobileSection4Swiper {
		max-height: 50vh;
		position: relative;
		width: 100%;
		max-width: 100vw;
		overflow: hidden;
	}

	.mkMobileSection4Swiper .swiper-wrapper {
		display: flex;
	}

	.mkMobileSection4Swiper .swiper-slide {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
	}
	
	.mkMobileSection4Swiper .swiper-slide img {
		width: 100%;
		height: 100%;
		object-fit: contain;
		max-width: 100%;
		max-height: 100%;
	}

	.mkMobileSection4Swiper .swiper-button-next {
		position: absolute;
    	top: 50%;
    	left: 50%;
		right: unset; /* temp */
	}
	
	.mkMobileSection4BWrapper {
		width: 100%;
		margin-block-start: 0;
		gap: 0;
		color: #fff;
		background-color: #000;
	}
	
	.mkMobileSection4BTextWrapper {
		padding: 3rem 1rem 1rem 1rem;
		align-items: start;
	}
	
	.mkMobileSection4BTextLeft {
		font-size: clamp(6.25vw, 12.8vw, 12.8vw);	/* 3rem | 375px */
		line-height: 1;
		white-space: nowrap;
	}
	
	.mkMobileSection4BTextRight {
		font-size: clamp(1.563vw, 3.2vw, 3.2vw);	/* 0.75rem | 375px */
	}

	.mkMobileSection4Hero {
		width: 100%;
		height: 70vh;
		min-height: unset;	/* aushebeln der Cover-Block Einstellung */
		border-left: 1rem solid #000;
		position: relative;
	}
	
	.mkMobileSection4Hero .textInside {
		color: #fff;
		position: absolute;
		bottom: 1rem;
		left: 1rem;
		font-size: clamp(2.604vw, 5.333vw, 5.333vw);	/* 1.25rem | 375px */
		font-weight: 600;
		line-height: 1.1;
		width: 66%;
	}
	
	.mkMobileSection4BWrapper .mkCall2ActionDeeplinkWrapper {
		padding: 1rem;
		justify-content: end;
	}


	/* Startseite - Section 5 - Mobile */

	.mkMobileSection5Wrapper {
		width: 100%;
		margin-block-start: 0;
		margin-top: 1rem;
		gap: 0;
		min-height: 80vh;
		/* background-image: url(https://voss2.evoworkx-media.de/wp-content/uploads/2024/11/section-05-background.jpg); */
		background-image: linear-gradient(180deg, rgba(204, 204, 204, 0), rgba(224, 224, 224, 0.9), rgba(255,255,255,1)), url(https://voss2.evoworkx-media.de/wp-content/uploads/2025/04/voss-op-systeme-background.jpg);
    	background-size: cover;
    	justify-content: space-between;
	}
	
	.mkMobileSection5TextHeading {
		font-size: clamp(6.25vw, 12.8vw, 12.8vw);	/* 3rem | 375px */
		line-height: 1;
		padding: 2rem 1rem;
	}
	
	.mkMobileSection5TextHeading em {
		font-weight: 200;
	}

	.mkMobileSection5TextUnten {
		font-size: clamp(2.604vw, 5.333vw, 5.333vw);	/* 1.25rem | 375px */
		font-weight: 400;
		line-height: 1.2;
		padding: 1rem;
	}

	.mkMobileSection5Wrapper .mkCall2ActionDeeplinkWrapper {
		padding: 1rem;
		justify-content: end;
		margin-block-start: 0;
	}


	/* Startseite - Section 6 - Mobile */

	.mkMobileSection6Wrapper {
		width: 100%;
		margin-block-start: 0;
		gap: 0;
		/* min-height: 100vh; */
	}
	
	.mkMobileSection6WrapperOben {
		width: 100%;
		margin-block-start: 0;
		gap: 0;
		min-height: 40vh;
		position: relative;
	}

	.mkMobileSection6TextHeading {
		font-size: clamp(6.25vw, 12.8vw, 12.8vw);	/* 3rem | 375px */
		line-height: 1;
		padding: 1rem;
		position: relative;
		z-index: 2;
	}
	
	.mkMobileSection6TextHeading em {
		font-weight: 200;
	}

	.mkMobileSection6WrapperImage1 {
		min-height: 40vh;
		width: 100%;
		aspect-ratio: 1;
		position: relative;
		background-image: url(https://voss2.evoworkx-media.de/wp-content/uploads/2024/11/section-06-image01.jpg);
		background-size: cover;
		margin-block-start: 0;
		border-bottom: 1px solid #c0c0c0;
	}
	
	.mkMobileSection6WrapperImage1 .mkCall2ActionDeeplink {
		position: absolute;
		right: 1rem;
		bottom: 1rem;
	}
	
	.mkMobileSection6WrapperImage2 {
		min-height: 40vh;
		width: 50%;
		position: absolute;
		right: 0;
		top: 0;
		background-image: url(https://voss2.evoworkx-media.de/wp-content/uploads/2024/11/section-06-image02.jpg);
		background-size: cover;
		margin-block-start: 0;
	}
	
	.mkMobileSection6WrapperImage3 {
		min-height: 40vh;
		width: 100%;
		aspect-ratio: 1;
		position: relative;
		background-image: url(https://voss2.evoworkx-media.de/wp-content/uploads/2025/03/section-06-image03.jpg);
		background-size: cover;
		margin-block-start: 0;
		border-bottom: 1px solid #c0c0c0;
	}

	.mkMobileSection6Text {
		font-size: clamp(2.083vw, 4.267vw, 4.267vw);	/* 1rem | 375px */
		padding: 3rem 1rem 1rem 1rem;
	}


	/* Startseite - Section 7 - Mobile */

	.mkMobileSection7Wrapper {
		width: 100%;
		margin-block-start: 0;
		gap: 0;
	}
	
	.mkMobileSection7WrapperOben {
		width: 100%;
		margin-block-start: 0;
		gap: 0;
		min-height: 100vh;
		position: relative;
	}

	.mkMobileSection7TextHeading {
		font-size: clamp(12.5vw, 25.6vw, 25.6vw);	/* 6rem | 375px */
		line-height: 1;
		padding: 1rem;
		position: relative;
		z-index: 2;
	}

	.mkMobileSection7TextHeading em {
		font-weight: 200;
	}
	
	
	.mkMobileSection7WrapperImage4 {
		background-image: url(https://voss2.evoworkx-media.de/wp-content/uploads/2025/03/section-07-image04.jpg);
    	background-size: cover;
		position: relative;
		aspect-ratio: 3 / 2;
		margin-block-start: 0;
	}

	.mkMobileSection7WrapperImage2 {
		background-image: url(https://voss2.evoworkx-media.de/wp-content/uploads/2024/12/section-07-image02.jpg);
    	background-size: cover;
		position: relative;
		width: 80%;
		aspect-ratio: 2 / 3;
		margin-block-start: 0;
	}
	
	.mkMobileSection7WrapperImage3 {
		background-image: url(https://voss2.evoworkx-media.de/wp-content/uploads/2024/12/section-07-image03.jpg);
    	background-size: cover;
		position: absolute;
		right: 0;
		top: 0;
		width: 60%;
		height: 40%;
		margin-block-start: 0;
	}


	
	.mkMobileSection7Text {
		font-size: clamp(2.083vw, 4.267vw, 4.267vw);	/* 1rem | 375px */
		padding: 3rem 1rem 1rem 1rem;
	}

	.mkMobileSection7WrapperImage1 {
		min-height: 40vh;
		width: 100%;
		aspect-ratio: 1;
		position: relative;
		background-image: url(https://voss2.evoworkx-media.de/wp-content/uploads/2024/12/section-07-image01.jpg);
		background-size: cover;
		margin-block-start: 0;
	}
	
	.mkMobileSection7WrapperImage1 .mkCall2ActionDeeplink {
		position: absolute;
		right: 1rem;
		bottom: 1rem;
	}
	
	
	
	/* Startseite - Section: Mietberufsbekleidung - Mobile */

	.mkMobileSectionMietberufsbekleidung__Wrapper {
		width: 100%;
		margin-block-start: 0;
		margin-top: 1rem;
		gap: 0;
		color: #000;
		background-color: #c0c0c0;
	}
	.mkMobileSectionMietberufsbekleidung__TextHeading {
		font-size: clamp(6.25vw, 12.8vw, 12.8vw);	/* 3rem | 375px */
		line-height: 1;
		padding: 2rem 1rem 1rem 1rem;
	}
	.mkMobileSectionMietberufsbekleidung__TextHeading em {
		font-weight: 200;
	}
	.mkMobileSectionMietberufsbekleidung__Text {
		font-size: clamp(2.083vw, 4.267vw, 4.267vw);	/* 1rem | 375px */
		padding: 2rem 1rem 3rem;
	}
	.mkMobileSectionMietberufsbekleidung__Hero {
		width: 100%;
		min-height: unset;	/* aushebeln der Cover-Block Einstellung */
		aspect-ratio: 16 / 9;
	}
	


	/* Startseite - Section: Karriere - Mobile */

	.mkMobileSectionKarriere__Wrapper {
		width: 100%;
		margin-block-start: 0;
		margin-top: 1rem;
		gap: 0;
	}
	.mkMobileSectionKarriere__TextHeading {
		font-size: clamp(6.25vw, 12.8vw, 12.8vw);	/* 3rem | 375px */
		line-height: 1;
		padding: 1rem;
		position: relative;
	}
	.mkMobileSectionKarriere__TextHeading em {
		font-weight: 200;
	}
	.mkMobileSectionKarriere__Text {
		font-size: clamp(2.083vw, 4.267vw, 4.267vw);	/* 1rem | 375px */
		padding: 2rem 1rem;
	}
	.mkMobileSectionKarriere__Image1 {
		min-height: 40vh;
		width: 100%;
		aspect-ratio: 1;
		position: relative;
		background-image: url(https://voss2.evoworkx-media.de/wp-content/uploads/2025/04/voss-karriere-image04.jpg);
		background-size: cover;
		margin-block-start: 0;
	}
	.mkMobileSectionKarriere__Image1 .mkCall2ActionDeeplink {
		position: absolute;
		right: 1rem;
		bottom: 1rem;
	}
	
	

	/* Contentseite - Mobile */

	.mkContentseite {
		flex-direction: column;
	}
	
	.mkContentseiteSpacerXL {
		padding: 4rem;
	}
	

	.mkContentSidebarMenu {	display: none; }

	/* Contentseite - MENU Mobile */
	
	.mkContentMobileMenuBar {
		width: 100%;
		position: fixed;
		z-index: 100;
		display: flex;
		padding: 1rem;
		gap: 1rem;
		justify-content: space-between;
		align-items: center;
		background-color: #fff;
		border-bottom: 1px solid #c0c0c0;
		margin-block-start: 0;
	}

	.mkContentMobileMenuBarLogo {
		min-width: 50px;
		width: 13.33%;
        max-width: 80px;
		flex-shrink: 0;
	}
	
	.mkContentMobileMenuBarBurger {
		width: 32px;
		height: 32px;
	}
	

	.mkContentseite .mkFooterBacklink.desktop {
		display: none;
	}
	.mkContentseite .mkFooterBacklink.mobile {
		display: flex;
	}

	
	
	/* Modul 1 - Mobile */

	.mkContentseiteModul1 {
		width: 100vw;
		margin-left: 0;
	}
	
	.mkContentseiteModul1 .slideFlex {
		padding-top: 80px;
		flex-direction: column;
		min-height: inherit;
	}
	
	.mkContentseiteModul1 .mkInsideSlideSection1Left {
		width: 100vw;
		height: unset;
		padding: 2rem;
		margin-bottom: 0;	/* XXX */
	}
	
	.mkContentseiteModul1 .mkInsideSlideSection1Left .zeile1 {
		width: 100%;
		text-align: left;
	}
	.mkContentseiteModul1 .mkInsideSlideSection1Left .zeile2 {
		width: 100%;
		text-align: left;
	}
	.mkContentseiteModul1 .mkInsideSlideSection1Left .zeile3 {
		width: 100%;
		text-align: left;
	}

	.mkContentseiteModul1 .mkInsideSlideSection1Right {
		width: 100vw;
		height: 100%;
	}
	
	.mkContentseiteModul1 .mkInsideSlideSection1Right .swiper-slide img {
		max-width: 100vw;
	}
	
	
	.mkContentseiteModul1 .mkContentText {
		padding: 0 2rem;
		font-size: clamp(2.083vw, 4.267vw, 4.267vw);	/* 1rem | 375px */
		font-weight: 300;
		flex-direction: column;
	}
	.mkContentseiteModul1 .mkContentText .mkContentText__Left {
		flex-basis: unset;
		width: 100%;
	}

	.mkContentseiteModul1 .mkContentText .mkContentText__Right {
		word-break: unset;
		flex-basis: unset;
		min-width: auto;
		text-align: right;
		display: flex;
		justify-content: end;
		align-items: end;
		font-size: clamp(3.333vw, 4.444vw, 4.444vw);	/* 4rem | 1920px */
		line-height: 1;
	}
	
	.mkContentseiteModul1 .mkContentPresse {
		flex-direction: column-reverse;
	}
	
	
	
	
	
	/* Modul 5 - Mobile */

	.mkContentseiteModul5 {
		width: 100vw;
		margin-left: 0;
	}
	
	.mkContentseiteModul5Heading {
		padding: 2rem;
	}
	
	.mkContentseiteModul5Content {
		width: 100%;
		padding: 2rem;
		font-size: clamp(2.604vw, 5.333vw, 5.333vw);	/* 1.25rem | 375px */
	}
	

	
	/* Modul Kontakt - Mobile */

	.mkContentseiteModulKontakt__Wrapper {
		width: 100vw;
		margin-left: 0;
	}
	.mkContentseiteModulKontakt__Hero {
		margin-top: 65px!important;
		border-left: 1rem solid #fff;
	}
	
	
	/* Modul 13 - Mobile */

	.mkContentseiteModul13 {
		width: 100vw;
		margin-left: 0;
	}
	.mkKarriereHeading {
		top: 80px;
		font-size: clamp(6.25vw, 12.8vw, 12.8vw);	/* 3rem | 375px */
	}
	.mkKarriereImage1 {
		width: 100%;
		height: calc(100% - 80px);
	}
	.mkKarriereContentWrapperHeading {
		font-size: clamp(4.167vw, 8.533vw, 8.533vw);	/* 2rem | 375px */
		padding: 3rem 2rem;
	}
	.mkJobs__Wrapper {
		padding: 1rem 0;
	}
	.mkJobs {
		margin: 2rem;
	}
	.mkJobs__Heading {
		font-size: clamp(2.604vw, 5.333vw, 5.333vw);	/* 1.25rem | 375px */
		line-height: 1.3;
	}
	.mkJobs__ContentInside {
		flex-direction: column;
		gap: 1rem;
	}
	.mkJobs__ContentInsideLeft {
		font-size: clamp(2.604vw, 5.333vw, 5.333vw);	/* 1.25rem | 375px */
	}

	
	.mkZertifikate__ContentWrapper {
		flex-direction: column;
		padding: 2rem;
	}
	.mkZertifikate__Heading {
		padding: 6rem 2rem 2rem 2rem
	}
	.mkZertifikateItem {
		grid-template-columns: 1fr auto auto auto;
		column-gap: 3rem;
	}
	.mkZertifikate__ContentHeading {
		font-size: clamp(1.25rem, 5.333vw, 5.333vw);	/* 1.25rem | 375px */
	}
	.mkZertifikate__ContentImage {
		min-height: inherit;
		aspect-ratio: 3 / 2;
	}
	.mkZertifikateItem__Title {
		grid-column-end: 2;
	}
	
	
}



@media only screen and (min-width: 768px) and (max-width: 1023px) {
	
	.mkCall2ActionDeeplink {
		font-size: clamp(2.344vw, 3.125vw, 3.125vw);	/* 1.5rem | 768px */
	}

	.mkCall2ActionDeeplink a::after {
		width: clamp(2.344vw, 3.125vw, 3.125vw);	/* 1.5rem | 768px */
	}
	
	.mkMobileIntroTextMitte {
		font-size: clamp(2.344vw, 3.125vw, 3.125vw);	/* 1.5rem | 768px */
		padding: 8rem 3rem 3rem 3rem;
	}
	
	.mkMobileIntroTextUnten {
		font-size: clamp(12.5vw, 16.667vw, 16.667vw);	/* 8rem | 768px */
		padding-right: 3rem;
	}
	
	.mkMobileMenuBar {
		padding: 1.5rem 2rem;
		gap: 2rem;
	}
	
	.mkMobileSection1Bar,
	.mkMobileSection2Bar,
	.mkMobileSection3Bar,
	.mkMobileSection4Bar,
	.mkMobileSection5Bar,
	.mkMobileSection6Bar,
	.mkMobileSection7Bar {
		padding: 1.5rem 2rem;
	}

	.sticky .mkBarLogoSpacer,
	.sticky .mkBarMenuSpacer {
		width: 100px;
	}
	
	.mkMobileIntroTextblock {
		padding: 0rem 3rem 1rem 3rem;
	}

	.mkMobileSection1Text {
		padding: 3rem;
		margin-bottom: 0;	/* XXX */
	}
	
	.mkMobileSection1Text p {
		font-size: clamp(15.625vw, 20.833vw, 20.833vw);	/* 10rem | 768px */
	}

	.mkMobileSection1Swiper .mkCall2ActionDeeplink {
		bottom: 3rem;
		right: 3rem;
	}

	.mkMobileSection2Wrapper {
		padding-bottom: 3rem;
	}

	.mkMobileSection2TextHeading,
	.mkMobileSection3TextHeading,
	.mkMobileSection4TextHeading,
	.mkMobileSection5TextHeading,
	.mkMobileSection6TextHeading,
	.mkMobileSectionMietberufsbekleidung__TextHeading,
	.mkMobileSectionKarriere__TextHeading {
		font-size: clamp(7.813vw, 10.417vw, 10.417vw);	/* 5rem | 768px */
		padding: 3rem;
	}
	
	.mkMobileSection2Text,
	.mkMobileSection3Text,
	.mkMobileSection4Text,
	.mkMobileSection6Text,
	.mkMobileSection7Text,
	.mkMobileSectionMietberufsbekleidung__Text,
	.mkMobileSectionKarriere__Text,
	.mkContentseiteModul1 .mkContentText {
		font-size: clamp(2.344vw, 3.125vw, 3.125vw);	/* 1.5rem | 768px */
		padding: 3rem;
	}
	
	.mkContentseiteModul1 .mkContentText {
		padding: 0 3rem;
		flex-direction: row;
	}
	
	.mkMobileSection2TextWrapper,
	.mkMobileSection3TextWrapper {
		padding: 1rem 3rem;
	}

	.mkMobileSection2Unten,
	.mkMobileSection3Unten {
		font-size: clamp(1.563vw, 2.083vw, 2.083vw);	/* 1rem | 768px */
	}

	.mkMobileSection3Hero {
		border-left: 3rem solid #000;
	}
	
	.mkMobileSection3Wrapper .mkCall2ActionDeeplinkWrapper,
	.mkMobileSection5Wrapper .mkCall2ActionDeeplinkWrapper {
		padding: 1rem 3rem 3rem 1rem;
	}

	.mkMobileSection4BTextWrapper {
		padding: 3rem 3rem 1rem 3rem;
	}
	
	.mkMobileSection4BTextLeft {
		font-size: clamp(7.813vw, 10.417vw, 10.417vw);	/* 5rem | 768px */
	}
	
	.mkMobileSection4BTextRight {
		font-size: clamp(1.563vw, 2.083vw, 2.083vw);	/* 1rem | 768px */
	}

	.mkMobileSection4Hero {
		border-left: 3rem solid #000;
	}
	
	.mkMobileSection4Hero .textInside {
		font-size: clamp(3.125vw, 4.167vw, 4.167vw);	/* 2rem | 768px */
	}
	
	.mkMobileSection4BWrapper .mkCall2ActionDeeplinkWrapper {
		padding: 3rem;
	}
	
	.mkMobileSection5TextUnten {
		font-size: clamp(3.125vw, 4.167vw, 4.167vw);	/* 2rem | 768px */
		padding: 3rem;
	}

	.mkMobileSection6WrapperImage1 .mkCall2ActionDeeplink,
	.mkMobileSection7WrapperImage1 .mkCall2ActionDeeplink {
		right: 3rem;
		bottom: 3rem;
	}

	.mkMobileSection7TextHeading {
		font-size: clamp(15.625vw, 20.833vw, 20.833vw);	/* 10rem | 768px */
		padding: 3rem;
	}
	
	/* Content */

	/* .mkContentseiteModul1 .mkInsideSlideSection1Left {
		width: 50vw;
		padding-top: 80px;
	}
	.mkContentseiteModul1 .mkInsideSlideSection1Right {
		padding-top: 80px;
	}*/
	
	.mkContentseiteModul5Content {
		font-size: clamp(2.344vw, 3.125vw, 3.125vw);	/* 1.5rem | 768px */
	}
	
	.mkJobs__Heading {
		font-size: clamp(2.344vw, 3.125vw, 3.125vw);	/* 1.5rem | 768px */
	}
	.mkJobs__ContentInside {
		flex-direction: row;
	}
	.mkJobs__ContentInsideLeft {
		font-size: clamp(2.344vw, 3.125vw, 3.125vw);	/* 1.5rem | 768px */
	}
	
}


@media only screen and (max-width: 781px) {

	.mkContentseiteModulKontakt__Content {
		padding: 1rem;
		flex-direction: column;
	}
	.mkContentseiteModulKontakt__ContentHeading,
	.mkContentseiteModulKontakt__ContentText {
		width: 100%;
	}

	.mkContentseiteModul1 .mkContentPresseItem {
		grid-template-columns: 1fr 2fr 2fr;
	}
	.mkContentseiteModul1 .mkContentPresseItem__Title {
		grid-column: 1 / 4;
	}
	
	.mkZertifikate__ContentWrapper {
		flex-direction: unset;	/* Workaround wegen übergeordnetem Layer */
		padding: 1rem;
	}
	.mkZertifikateItem {
		grid-template-columns: 1fr 1fr 1fr;
	}
	.mkZertifikateItem__Title {
		grid-column-start: 1;
		grid-column-end: 4;
	}
	
}


@media only screen and (max-width: 480px) {

	.mkContentseiteFormular {
		padding: 1rem;
	}
	
	.mkCall2ActionDeeplinkGrid {	/* XXX */
		font-size: 1.5rem;
	}
	.mkCall2ActionDeeplinkGrid__Icon {	/* XXX */
		height: 3rem;
	}

	.mkContentseiteModul1 .mkContentText {	/* XXX */
		margin: 2rem 0;
		padding: 0 1rem;
		gap: 1rem;
	}
	.mkContentseiteModul1 .mkContentText .mkContentText__Right {	/* XXX */
		padding-top: 0;
		font-size: clamp(4.167vw, 8.533vw, 8.533vw);	/* 2rem | 375px */
	}
	.mkContentseiteModul1 .mkContentVideoWrapper {	/* XXX */
		padding: 2rem 1rem;
	}
	.mkContentseiteModul1 .mkContentVideoCaption {
		font-size: clamp(2.083vw, 4.267vw, 4.267vw);	/* 1rem | 375px */
	}
	.mkContentseiteModul1 .mkContentHeading {
		margin-top: 1rem;
		padding: 2rem 1rem;
		font-size: clamp(4.167vw, 8.533vw, 8.533vw);	/* 2rem | 375px */
	}
	.mkContentseiteModul1 .mkContentGallery {
		padding: 0 1rem;
	}
	.mkContentseiteModul1 .mkContentGallery img,
	.mkContentseiteModul1 .mkContentGallery .swiper-slide-active img {
		width: 100%;
	}
	.mkContentseiteModul1 .mkContentGallery .swiper-slide img {
		max-width: 66vw;
	}
	.mkContentseiteModul1 .mkContentGallery .mkSwiperControls {
		position: relative;
		right: unset;
        bottom: unset;
        justify-content: space-between;
		margin-top: 1rem;
	}
	.mkContentseiteModul1 .mkContentGallery .mkSwiperControls img {
		height: 2rem;
	}
	.mkContentseiteModul1 .mkContentGallery .mkSwiperPaging {
		margin-top: -2.5rem;
	}
	.mkContentseiteModul1 .mkContentHeading.grusswort {
		width: 100%;
		margin-top: 3rem;
		padding: 2rem 1rem 0 1rem;
		font-size: clamp(3.125vw, 6.4vw, 6.4vw);	/* 1.5rem | 375px */
	}

	.mkContentseiteModul1 .mkContentPresseItem {	/* XXX */
		grid-template-columns: 1fr 1fr;
	}
	.mkContentseiteModul1 .mkContentPresseItem__Title {	/* XXX */
		grid-column: 1 / 3;
	}
	.mkContentseiteModul1 .mkContentPresseItem__Size {	/* XXX */
		grid-column: 1 / 3;
	}
	.mkContentseiteModul1 .mkContentPresseItem__LinkShow {	/* XXX */
		text-align: left;
	}
	
	.mkContentseiteModul1 .mkContentMeilensteine {
		padding: 0 1rem;
	}
	.mkContentseiteModul1 .mkContentMeilensteine img,
	.mkContentseiteModul1 .mkContentMeilensteine .swiper-slide-active img {
		width: 100%;
	}
	.mkContentseiteModul1 .mkContentMeilensteine .swiper-wrapper {
		min-height: 80vh;
		max-height: 80vh;
	}
	.mkContentseiteModul1 .mkContentMeilensteine .swiper-slide {
		transform: none;
	}
	.mkContentseiteModul1 .mkContentMeilensteine .swiper-slide img {
		max-height: 80vh;
		max-width: unset;
		width: auto;
	}
	.mkContentseiteModul1 .mkContentMeilensteine .mkSwiperControls {
		position: relative;
		right: unset;
        bottom: unset;
        justify-content: space-between;
		margin-top: 1rem;
	}
	.mkContentseiteModul1 .mkContentMeilensteine .mkSwiperControls img {
		height: 2rem;
	}
	.mkContentseiteModul1 .mkContentMeilensteine .mkSwiperPaging {
		margin-top: -2.5rem;
	}
	.mkContentseiteModul1 .mkContentChronik {
		padding: 6rem 1rem 3rem 1rem;
		gap: 1rem;
		flex-direction: column;
	}
	.mkContentseiteModul1 .mkContentChronik .mkContentChronik__Text {
		font-size: clamp(2.083vw, 4.267vw, 4.267vw);	/* 1rem | 375px */
	}
	.mkContentseiteModul1 .mkContentPresse__Wrapper {
		padding: 3rem 1rem;
	}
	.mkContentseiteModul1 .mkContentPresse__Heading {
		font-size: clamp(4.167vw, 8.533vw, 8.533vw);	/* 2rem | 375px */
		padding-bottom: 2rem;
	}

	.mkZertifikate__ContentText {
		hyphens: auto;
	}
	.mkZertifikateItem {
		grid-template-columns: 1fr 1fr;
		grid-column-gap: 1rem;
	}
	.mkZertifikateItem__Title {
		grid-column-start: 1;
		grid-column-end: 3;
	}
	.mkZertifikateItem__Size {
		grid-column-start: 1;
		grid-column-end: 3;
	}
	.mkZertikifateItem__LinkDownload {
		text-align: right;
	}

}
	


@supports (height: 100dvh) {
	#MKRevolverMenuDesktop,
    .slider-container,
	.slide,
	.mkInsideSlideSection1Left,
	.mkInsideSlideSection1Right,
	.mkInsideSlideSection2Wrapper,
	.mkInsideSlideSection3Wrapper,
	.mkInsideSlideSection4WrapperLeft,
	.mkInsideSlideSection4WrapperRight,
	.mkInsideSlideSection5Wrapper,
	.mkInsideSlideSection6Wrapper,
	.mkInsideSlideSection7Wrapper,
	.mkInsideSlideSection8Wrapper,
	.mkInsideSlideSectionMietberufsbekleidung__Wrapper,
	.mkContentseiteModul5 {
		height: 100dvh;
	}
}

@supports (min-height: 100dvh) {
	.mkContentseite,
	.mkContentseiteModul13,
	.mkContentseiteModulKontakt__Wrapper {
		min-height: 100dvh;
	}
}

@supports (width: 100dvh) {
	.circle {
		width: 100dvh;
	}
}

@supports (padding-left: 48.8dvh) {
	.menuslide {
		padding-left: 48.8dvh;
	}
}