/*
Theme Name: Total Child
Theme URI: http://totalwptheme.com
Description: Total WordPress theme example child theme.
Author: AJ Clarke
Author URI: http://totalwptheme.com
Template: Total
Version: 1.1
*/

/*FIX STRETCHED ROW LACKS 15 PX
* 
* extend right has left col missing 15 px on vc_column-inner
* 
* 
*/

/*HEADER*/
.header-seven-aside, .header-ten-aside {
	margin-inline-start: unset;
}
.mobile-menu-toggle .mobile-menu-toggle__label {
	color: var(--wpex-body-color, var(--wpex-text-2));
	font-size: .8em;
}
/*HEADER add aside content to have 3 flex elements, then give min width to 1 and 3*/#
#mobile-menu a, 
#mobile-icons-menu a {
	display: flex;
	flex-direction: column-reverse !important;
}
.wpex-mobile-toggle-menu-next_to_logo #site-header-flex-aside {
	order: 1 !important;
}
.wpex-mobile-toggle-menu-centered_logo #site-logo, .wpex-mobile-toggle-menu-next_to_logo #site-logo {
	order: 2 !important;
}
/*margins*/
.wpex-mobile-toggle-menu-centered_logo #mobile-menu, 
.wpex-mobile-toggle-menu-next_to_logo #mobile-menu {
	order: 3 !important;
	display: flex;
	justify-content: flex-end;
	margin-inline-end: unset !important;
	margin-inline-start: unset !important;
}

/*HEADER TOGGLE X SMALLER*/
.wpex-hamburger-icon--active>span, 
.wpex-hamburger-icon--active>span::before, 
.wpex-hamburger-icon--active>span::after {
	width: 80%;
}
.wpex-hamburger-icon--active span {
	left: 10px;
	background-color: transparent;
	transition: none !important; 
}

/*HEADER DESKTOP*/
@media only screen and (min-width: 768px) {
	#site-header-sticky-wrapper.is-sticky .logo-img[data-nonsticky-logo] {
		display: block !important;
	}
	#site-header-sticky-wrapper.is-sticky .logo-img--sticky {
		display: none !important;	
	}

}

/*HEADER MOBILE*/
@media only screen and (max-width: 767px) {
	.is-sticky header #site-logo .logo-img {
		width: 110px;
	}
	.header-fixed-height #site-header-inner {
		height: 170px !important;
	}
	.is-sticky header  #site-header-inner {
		height: 100px !important;
	}
	.header-fixed-height.sticky-header-shrunk #site-header-inner .logo-img--sticky {
		width: 110px;
	}
	.mobile-menu-toggle__label {
		display: none;
	}
}
/*HIDE REGULAR MENU*/
#site-navigation-wrap {
	display: none;
}


/*HEADER OVERLAY MENU*/
.full-screen-overlay-nav-menu {
    padding-top: 20px;
}
/*force scrollbar*/
html.html-noscroll {
	/*position: fixed;
    width: 100%;*/
    overflow-y: scroll;
}
.current-menu-item .full-screen-overlay-nav-menu__link {
	color: var(--wpex-palette-42-color);
}
a.full-screen-overlay-nav-menu__link:hover {
	color: var(--wpex-palette-42-color);
	text-decoration-thickness: 2px !important;
	text-underline-offset: 0.2em;
	/*text-decoration: underline;*/
	transition: all 0s;
}




/*PROJEKTE*/
.fixed-bullets {
	    margin-left: 11px;
}
.fixed-kompass {
	    margin-left: 4px !important;
}
.fixed-weg,
.fixed-ihrweg {
	margin-left: 2px !important;
}
.fixed-mmobilien {
	
}
.fixed-bestreben {
	    margin-left: 1px;
}
.fixed-nachhaltig {
	margin-left: -4px;
}
.fixed-engagement {
	margin-left: 3px !important;
}
.fixed-partner {
	margin-left: -3px;
}
.fixed-anspruch {
	margin-left: 2px !important;
}
.fixed-gf {
	margin-left: -1px !important;
}
.fixed-gftitle {
	margin-left: 3px !important;
}
.fixed-ziel {
	margin-left: 4px !important;
}

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

	.fixed-kompass {
		margin-left: 3px !important;
	}
	.fixed-ziel {
		margin-left: 3px !important;
	}
}


/*FIX HEADING*/
.referenz-152 .vcex-heading-badge,
.referenz-2024 .vcex-heading-badge,
.referenz-149 .vcex-heading-badge {
	margin-left: 3px;
}
.wpex-badge.fixed .vcex-heading-inner {
	margin-left: 3.5px;
}
.referenz-2028 .vcex-heading-badge,
.referenz-2076 .vcex-heading-badge {
	margin-left: -1px;
}
.herotitle.fixed-left {
	margin-left: -5px;
}
/*FIX HEADING*/







/* 
@media only screen and (min-width: 768px) {
	.vcex-heading.korr-l {
		margin-left: -0.05em;
		margin-left: -5px;
	}
} */


/*FOOTER*/
#footer-builder a:hover {
	color: var(--wpex-palette-42-color) !important; 
	/*
	text-decoration: underline !important; 
	text-decoration-thickness: 1px !important;
	text-underline-offset: 0.2em;
*/
}

/*IMAGE HOTSPOTS*/
.wpb-im-marker-point {
    width: 30px !important;
    height: 30px !important;
}


/*ELEMENT QUOTE*/
/*hide icon*/
.enym-quote-icon {
	/*opacity: 0;*/
	display: none !important;
}


/*
html {
	lang: de; 
	overflow-y: scroll !important;
}
*/

/*
p {
hyphens: auto;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
}
*/

/*HEADER*/
/**/

/*
.wpex-mobile-toggle-menu-next_to_logo #mobile-menu {
margin-inline-end: unset !important;
margin-inline-start: var(--wpex-mobile-menu-toggle-side-margin, 25px) !important;
}
*/

@media only screen and (min-width: 768px) {

	.wpex-mobile-toggle-menu-centered_logo, .wpex-mobile-toggle-menu-next_to_logo {
		--wpex-site-header-gutter: unset;
	}
	/*#mobile-menu,
	#site-header-flex-aside {
	min-width: 300px;
}
	*/
	#site-logo {
		margin-inline-start: auto;
	}
	/*
	.logo-img {
	padding-left: 75px;
}

	.wpex-mobile-toggle-menu-centered_logo #site-logo, .wpex-mobile-toggle-menu-next_to_logo #site-logo {
	padding-left: 75px;
}
	*/
	#mobile-menu {
		position: relative;
	}
	header:not(.sticky-header-shrunk) #mobile-menu {
		top: 25px;
	}
	/*
	.mobile-menu-toggle.wpex-gap-10 {
    	gap: 5px;
	}
	*/
	#site-header-flex-aside,
	#mobile-menu {
		width: 50px;
	}
}


/*	.wpex-mobile-toggle-menu-centered_logo #site-logo, .wpex-mobile-toggle-menu-next_to_logo #site-logo {
.logo-img

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

.wpex-mobile-toggle-menu-centered_logo #site-logo, .wpex-mobile-toggle-menu-next_to_logo #site-logo {
max-width: 80%;
padding-left: 0;
}
}
*/
/*max-width: 75%;
padding-left: 10%;

@media only screen and (min-width: 421px) and (max-width: 767px) {
.wpex-mobile-toggle-menu-centered_logo #site-logo, .wpex-mobile-toggle-menu-next_to_logo #site-logo {

max-width: 250px;
margin: 0 auto;
}
}
*/

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

	.wpex-mobile-toggle-menu-centered_logo #site-logo, 
	.wpex-mobile-toggle-menu-next_to_logo #site-logo {
		/*max-width: 75%;
		padding-left: 10%;*/
		max-width: 250px;
		margin: 0 auto;
	}
	img.logo-img {
		padding: 0 10px;
	}
	
	.mobile-smaller p {
		font-size: .9em;
	}

	/*
	#site-header-flex-aside {
	display: none;
}
	*/
	


	/*
	.logo-img {
	padding-left: 60px;
}
	*/
	#mobile-menu {
		top: 5px;
		position: relative;
	}

	#site-header-flex-aside,
	#mobile-menu {
		width: 50px;
	}
	
	.padding-default-half.corner-quote {
		padding: calc(var(--enym-default-margin, 30px) / 4);
	}
	
	.footer-logo img {
		width: 70%;
	}

}




/*
.full-screen-overlay-nav  .menu-item-object-page.menu-item-25,
.full-screen-overlay-nav  .menu-item-object-page.menu-item-27  */
.full-screen-overlay-nav  .menu-item-object-page {
	margin-bottom: 5px;
}
.full-screen-overlay-nav-content-inner {
	padding: 0;
}


@media only screen and (min-width: 768px) {
	.heading-icon {
		background-image: url(/wp-content/uploads/2026/07/imentum-text-logo-signet.svg?id=110) !important;
		background-position: 0 40px !important;
		background-repeat: no-repeat !important;
		background-size: 150px !important;
	}
}

@media only screen and (max-width: 767px) {
	.pl-default,
	.pr-default {
		padding-left: 0 !important;	
		padding-right: 0 !important;	
	}
	.theme-button {
		text-align: left;
	}
	.theme-button .theme-button-inner{
		display: block;
	}
	.theme-button .theme-button-icon-right {
		top: 7px;
	}

	.default-special {
		height: 0 !important;	
	}
	/*
	#site-header-sticky-wrapper.is-sticky {
		display: none;
	}
	*/
}

/*PROJEKTE*/
.arrow-list ul {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-block-end: 0 !important;
	position: relative;
	margin-left: 30px !important;
}

.arrow-list ul li::before {
	content: "\25B6\FE0E"; /* \25B6 Unicode for black right-pointing triangle */
	color: var(--wpex-palette-42-color); /* Change color as needed */
	margin-right: 8px; /* Spacing between arrow and text */
	left: -30px;
	position: absolute;
}
.arrow-list ul {
	margin: 0;
}
.arrow-list ul li {
	margin-bottom: 10px;
}


/*UNTERNEHMEN*/
.wpex-toggle-element-trigger[aria-expanded="true"] img {
	display: none;
}
.wpex-toggle-element-trigger[aria-expanded="true"]::after {
	content: url('/wp-content/uploads/2026/07/imentum-team-button-close-blue.svg');
	display: block;
	width: 30px;
	height: 30px;
}
@media only screen and (max-width: 767px) {
	.wpex-toggle-element-trigger img,
	.wpex-toggle-element-trigger[aria-expanded="true"]::after {
		max-width: 25px;
	}
}

/*KONTAKT*/
.kontakt-special-1 {
	padding-bottom: var(--enym-default-margin, 30px);
}
.kontakt-special-2 {
	padding-top: var(--enym-default-margin, 30px);
	padding-bottom: var(--enym-default-margin, 30px);
}

@media only screen and (max-width: 767px) {
	.vcex-leader-item .vcex-last.wpex-float-right {
		width: 75% !important;
		text-align: left !important;
	}
	.kontakt-special-1,
	.kontakt-special-2 {
		padding-left: 22px;
		padding-right: 22px;
	}
}
@media only screen and (min-width: 768px) {
	.vcex-leader-item .vcex-last.wpex-float-right {
		width: 90% !important
	}
	.kontakt-special-1,
	.kontakt-special-2 {
		padding-left: calc(var(--enym-default-margin, 30px) * 1);
	}
}


.vcex-heading.like-button {
	font-size: 1.2em !important;
	font-weight: var(--wpex-btn-font-weight);
	margin-bottom: 10px;
}

@media (max-width: 767px) {
	.herotitle.vcex-heading {
		font-size: 2.5em !important;
		hyphens: none;
	}
}
/**/
@media (min-width: 768px) {
	.herotitle.vcex-heading {
		font-size: 3.78em !important; /*3.16*/
		hyphens: none;
	}
}


.mobile-menu-toggle {
	position: relative;
	font-size: 22px;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	flex-direction: column-reverse;
}

.linea:not(.no-mobile-line) + .vc_row-full-width.vc_clearfix,
.linea-small:not(.no-mobile-line) + .vc_row-full-width.vc_clearfix {
	position: relative !important;
}
.linea:not(.no-mobile-line) + .vc_row-full-width.vc_clearfix::before,
.linea-small:not(.no-mobile-line) + .vc_row-full-width.vc_clearfix::before {
	content: '';
	position: absolute;
	width: 1px;
	background-color: var(--wpex-accent-alt);
	transform: translateX(-50%);
	left: calc(var(--wpex-container-width) / 3 + calc(var(--enym-default-margin)) + 5px);
	/*bottom: calc(-1 * var(--enym-default-margin));
	height: calc(2 * (var(--enym-default-margin)));*/
	pointer-events: none;
	z-index: 1;
}

.linea:not(.no-mobile-line) + .vc_row-full-width.vc_clearfix::before {
	bottom: calc(-.7 * var(--enym-default-margin));
	height: calc(1.4 * (var(--enym-default-margin)));
}

@media (min-width: 768px) {
	.linea-small:not(.no-mobile-line) + .vc_row-full-width.vc_clearfix::before {
		bottom: calc(-.7 * var(--enym-default-margin));
		height: calc(1.4 * (var(--enym-default-margin)));
	}
}
@media (max-width: 767px) {
	.linea-small:not(.no-mobile-line) + .vc_row-full-width.vc_clearfix::before {
		bottom: 0;
		height: calc(.7 * (var(--enym-default-margin)));
	}
}
.in-up:not(.no-mobile-line) + .vc_row-full-width.vc_clearfix::before {
	bottom: 0;
	height: calc(1.4 * (var(--enym-default-margin)));
}
.in-up-h2:not(.no-mobile-line) + .vc_row-full-width.vc_clearfix::before {
	bottom: 0;
	height: calc(2 * (var(--enym-default-margin)));
}
.up-h2:not(.no-mobile-line) + .vc_row-full-width.vc_clearfix::before {
	bottom: calc(-.7 * var(--enym-default-margin));
	height: calc(2 * (var(--enym-default-margin)));
}
@media (max-width: 768px) {
	.linea:not(.no-mobile-line) + .vc_row-full-width.vc_clearfix::before,
	.linea-small:not(.no-mobile-line) + .vc_row-full-width.vc_clearfix::before {
		left: 50%;
	}
}

/*FOOTER*/
.no-underline a {
	text-decoration: none !important;
}
.vcex-teaser-text.wpex-mt-10 {
	margin-block-start: 0;
}
/*
.strong-beige p {
margin-bottom: 5px;
}
*/

.strong-beige strong {
	color: var(--wpex-palette-42-color);
	text-transform: uppercase;
}

.col-z2 {
	z-index: 2;
}

/**/
.kontakt-linex {
	position: absolute;
	bottom: -105px;
	left: 0;
	width: 1px;
	height: calc(var(--enym-default-margin));
	background-color: var(--wpex-accent-alt);
	/* transform: translateX(-50%); */
	pointer-events: none;
	z-index: 1;
}
.line-top {
	position: absolute;
	top: calc(1 * (var(--enym-default-margin) - 50px));
	left: 523px;
	width: 1px;
	height: 100px;
	background-color: var(--wpex-accent-alt);
	transform: translateX(-50%);
	pointer-events: none;
	z-index: 1;
}

.line-top-lifted {
	position: absolute;
	top: calc(-1.5 * (var(--enym-default-margin) - 50px));
	left: 523px;
	width: 1px;
	height: calc(1 * var(--enym-default-margin));
	background-color: var(--wpex-accent-alt);
	transform: translateX(-50%);
	pointer-events: none;
	z-index: 1;
}


.line-bottom {
	position: absolute;
	bottom: calc(-1 * (var(--enym-default-margin) + 50px));
	left: 523px;
	width: 1px;
	height: 100px;
	background-color: var(--wpex-accent-alt);
	transform: translateX(50%);
	pointer-events: none;
	z-index: 1;
}
/**/
.line-bottom-top-x2 {
	position: absolute;
	bottom: calc(-1 * (var(--enym-default-margin) + 50px));
	left: 523px;
	width: 1px;
	height: calc(var(--enym-default-margin) * 2);
	background-color: var(--wpex-accent-alt);
	transform: translateX(50%);
	pointer-events: none;
	z-index: 1;
}
/**/
.line-bottom-top-x3 {
	position: absolute;
	bottom: calc(-1 * (var(--enym-default-margin) + 50px));
	left: 523px;
	width: 1px;
	height: calc(var(--enym-default-margin) * 3);
	background-color: var(--wpex-accent-alt);
	transform: translateX(50%);
	pointer-events: none;
	z-index: 1;
}

.line-bottom-1-3 {
	position: absolute;
	bottom: calc(-1 * calc(var(--enym-default-margin) / 2));
	/*	left: calc(var(--wpex-container-width) / 3);*/
	left: calc(var(--wpex-container-width) / 3 + calc(var(--enym-default-margin) + 25px ) );
	width: 1px;
	height: var(--enym-default-margin);
	background-color: var(--wpex-accent-alt);
	transform: translateX(50%);
	pointer-events: none;
	z-index: 2;
}
.line-top-1-3 {
	position: absolute;
	/*	top: calc(-1 * calc(var(--enym-default-margin) / 2));*/
	top: calc(-1 * calc(var(--enym-default-margin) * 1.5 ) ); /*fix pt-default*/
	/*	left: calc(var(--wpex-container-width) / 3);*/
	left: calc(var(--wpex-container-width) / 3 + calc(var(--enym-default-margin) + 25px ) );
	width: 1px;
	height: var(--enym-default-margin);
	background-color: var(--wpex-accent-alt);
	transform: translateX(50%);
	pointer-events: none;
	z-index: 2;
}

.line-bottom-2-3 {
	position: absolute;
	bottom: calc(-1 * calc(var(--enym-default-margin) / 2));
	left: calc(var(--wpex-container-width) / 3);
	width: 1px;
	height: var(--enym-default-margin);
	background-color: var(--wpex-accent-alt);
	transform: translateX(50%);
	pointer-events: none;
	z-index: 2;
}


.no-bottom-margins .vc_column-inner .vc_row.wpb_row.vc_inner:not(.no-bottom-margins) {
	/*	--wpex-vc-column-inner-margin-bottom: 70px !important;*/
	margin-bottom: var(--enym-default-margin);
}

/*
@media (max-width: 768px) {
html:before {
content: 'DIE MOBILANSICHT IST DERZEIT NICHT FREIGESCHALTET!!!';
width: 200px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: 0 auto;
position: absolute;
padding: 20px;
background-color: yellow;
font-family: sans-serif;
}
body:not(.role-administrator ) {
display: none;
}
}
*/

@media (min-width: 768px) {

	
	
	.home-row-1 {
		background: 
			/* 2. Hintergrund (unten): Abrupter Wechsel bei 100px */
			linear-gradient(to bottom, #fff 100px, transparent 100px);
	}

	.home-row-2 {
		background: 
			/* 2. Hintergrund (unten): Abrupter Wechsel bei 100px */
			linear-gradient(to bottom, var(--wpex-palette-131-color) 100px, transparent 100px);
	}

	.unternehmen-row-1 {
		background-image: linear-gradient(to right, #ffffff 2vw, var(--wpex-palette-31-color) 2vw);
		background-repeat: no-repeat;
		background-color: var(--wpex-palette-31-color);
	}

	.unternehmen-row-2 {
		background: linear-gradient(to right, var(--wpex-palette-131-color) 70%,#ffffff 70%);
	}

	.unternehmen-row-3 {
		/*			linear-gradient(to right, #ffffff 300px,var(--wpex-palette-131-color) 300px) !important;*/
		/*		background-image: 
		linear-gradient(to right,#ffffff 30%,var(--wpex-palette-131-color) 30%) !important;*/

		background-image: linear-gradient(to right,#ffffff 30%,var(--wpex-palette-131-color) 30%, var(--wpex-palette-131-color) 96%, #ffffff 96% ) !important;
		background-repeat: no-repeat;
	}
	
	.verantwortung-row-2 {	
		background-image: linear-gradient(to right, transparent 2vw, var(--wpex-palette-131-color) 2vw);
	}

	.karriere-row-1 {
		background: 
			/* 1. Hintergrund (oben): Nutzt transparent, damit der 2. Hintergrund rechts sichtbar ist */
			linear-gradient(to right, var(--wpex-palette-131-color) 70%, transparent 70%),
			/* 2. Hintergrund (unten): Abrupter Wechsel bei 100px */
			linear-gradient(to bottom, var(--wpex-palette-31-color) 100px, #ffffff 100px);
	}

	.karriere-row-2 {
		background: 
			/* 2. Hintergrund (unten): Abrupter Wechsel bei 100px */
			linear-gradient(to bottom, var(--wpex-palette-131-color) 100px, transparent 100px);
	}

	.kontakt-row-1 {
		/*			linear-gradient(to right, #ffffff 300px,var(--wpex-palette-131-color) 300px) !important;*/
		background-image: 
			linear-gradient(to right,#ffffff 20%,var(--wpex-palette-31-color) 20%) !important;
		background-repeat: no-repeat;
	}

	.large-arrow::after {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        /* bottom: -900px !important; */
        height: 900px;
        right: -100px;
        top: -400px;
        width: 400px !important;
        background: url(/wp-content/uploads/2026/07/imentum-element-logo-signet.svg);
        z-index: 99 !important;
        background-repeat: no-repeat;
        background-size: 300px;
	}
}
@media (max-width: 768px) {

	.start-row-1 {
		background: linear-gradient(to bottom, transparent 70%, var(--wpex-palette-131-color) 70%);
	}
	.unternehmen-row-1 {
		background-color: var(--wpex-palette-31-color);
	}
	.unternehmen-row-2 {
		background-color: var(--wpex-palette-131-color);
	}
	/*nur mobil displaced img*/
	.verantwortung-row-1 {
		background: linear-gradient(to bottom, var(--wpex-palette-31-color) 300px, transparent 300px);
		background-repeat: no-repeat;
	}
	
	.verantwortung-row-2 {	
		background: var(--wpex-palette-131-color);
	}
	
	.karriere-row-1 {
		background: var(--wpex-palette-131-color);
	}

	.unternehmen-row-3 {
		background: var(--wpex-palette-131-color);
		/* habe ich anscheinend auch woanders als bei unternehme noch genutzt
		background-image: linear-gradient(to right, #FFFFFD 10%, var(--wpex-palette-131-color) 10%) !important;
		background-repeat: no-repeat;
		padding-bottom: calc(var(--enym-default-margin) * 2);
		*/
	}
	.unternehmen-row-4 {
		background: linear-gradient(to bottom, var(--wpex-palette-131-color) 100px, transparent 100px); 
	}
	.unternehmen-row-5 {
		background: linear-gradient(to bottom, var(--wpex-palette-31-color) 50%, var(--wpex-palette-131-color) 50%);
	}

	.unternehmen-row-6 {
		background: linear-gradient(to bottom, #fff 50%, var(--wpex-palette-131-color) 50%);
	}

	.karriere-row-3 {
		background: linear-gradient(to bottom, transparent 70%, var(--wpex-palette-31-color) 70%);
	}

	.kontakt-row-2 {
		background-image: linear-gradient(to bottom,#ffffff 50%,var(--wpex-palette-31-color) 50%) !important;
	}
}

.left-white {
	/* Der Verlauf liegt ALS ERSTES oben, das Logo dahinter */
	background-image: 
		linear-gradient(to right, #ffffff 50px, var(--wpex-palette-31-color) 50px),
		url('/wp-content/uploads/2026/07/imentum-text-logo-signet.svg?id=110') !important;

	/* Verhindert das Wiederholen/Muster-Verhalten für BEIDE Schichten */
	background-repeat: no-repeat, no-repeat;

	/* Stellt sicher, dass das Schwarz den Rest der Fläche komplett ausfüllt */
	background-color: var(--wpex-palette-31-color);

}




.vcex-teaser-content {
	text-align: left;
}




/*GPT*/
@media (min-width: 768px) {

	body:not(.vc_editor) .extend-left
	> .wpb_column:first-child
	> .vc_column-inner,
	body:not(.vc_editor) .extend-right
	> .wpb_column:last-child
	> .vc_column-inner {

		position: relative;
		z-index: 0;

	}


	/* Extend background to the LEFT viewport edge */

	body:not(.vc_editor) .extend-left
	> .wpb_column:first-child
	> .vc_column-inner {

		--bleed: calc(
			(
				100vw
				- min(
					var(--wpex-container-width),
					90vw
				)
			) / 2
		);

		margin-left: calc(-1 * var(--bleed));
		padding-left: var(--bleed);

	}


	/* Extend background to the RIGHT viewport edge */

	body:not(.vc_editor) .extend-right
	> .wpb_column:last-child
	> .vc_column-inner {

		--bleed: calc(
			(
				100vw
				- min(
					var(--wpex-container-width),
					90vw
				)
			) / 2
		);

		margin-right: calc(-1 * var(--bleed));
		padding-right: var(--bleed);

	}

}


@media (min-width: 768px) {
	/*replace 1 with 2 to make right extend image smaller*/
	:is(.wpex-vc_row-bleed-right) {
		--vp-width-half: calc((100vw - var(--scrollbar-width, 0px)) / 1);
	}
	:is(.wpex-vc_row-bleed-left) {
		--vp-width-half: calc((100vw - var(--scrollbar-width, 0px)) / 2);
	}

	/* Bleed Left */
	.wpex-vc_row-bleed-left > :is(.vc_vc_column,.vc_column_container):first-child {
		padding: 0;
		margin-left: calc(-1 * (var(--vp-width-half) - 30%)) !important;
		width: calc(30% + (var(--vp-width-half) - 30%));
	}

	.wpex-vc_row-bleed-left > .vc_vc_column:first-child > .vc_column_container  > .vc_column-inner,
	.wpex-vc_row-bleed-left > .vc_column_container:first-child  > .vc_column-inner {
		padding-left: 0;
	}

	/* Bleed Right */
	.wpex-vc_row-bleed-right.wpex-cols-right > .vc_vc_column:first-child > .vc_column_container,
	.wpex-vc_row-bleed-right:not(.wpex-cols-right) > .vc_vc_column:nth-child(2) > .vc_column_container,
	.wpex-vc_row-bleed-right.wpex-cols-right > .vc_column_container:first-child,
	.wpex-vc_row-bleed-right:not(.wpex-cols-right) > .vc_column_container:nth-child(2) {
		padding: 0 !important;
		margin-right: calc(-1 * (var(--vp-width-half) - 50%)) !important;
		width: calc(50% + (var(--vp-width-half) - 50%));
	}

	.wpex-vc_row-bleed-right.wpex-cols-right > .vc_vc_column:first-child > .vc_column_container  > .vc_column-inner,
	.wpex-vc_row-bleed-right:not(.wpex-cols-right) > .vc_vc_column:nth-child(2) > .vc_column_container  > .vc_column-inner,
	.wpex-vc_row-bleed-right.wpex-cols-right > .vc_column_container:first-child > .vc_column-inner,
	.wpex-vc_row-bleed-right:not(.wpex-cols-right) > .vc_column_container:nth-child(2) > .vc_column-inner {
		padding-right: 0;
	}

}



@media only screen and (min-width: 768px) {
	.displace-1 {
		position: relative;
		left: -20%;
		/*		top: -50px;*/
		width: 110%;
	}
	/*featured box test*/
	.displace-2 .vcex-feature-box-media {
		overflow: visible;
		top: -100px;
		border-bottom: 100px #fff solid;
	}
	.displace-2 .vcex-feature-box {
		margin-bottom: -100px;
	}
	.displace-3 {
		position: relative;
		right: 0px;
		top: 300px;
		z-index: 1;
		width: 130%;
	}
	.displace-4 {
		position: relative;
		top: -100px;
		max-width: 70%;
	}
	.displace-5 {
		position: absolute;
		top: 50px;
		width: 120%;
		left: -91px;
	}
    .displace-6 {
        position: absolute;
        width: 90%;
        z-index: 1;
		top:-120px;
    }
	/*projekte dark title*/
	.displace-7 {
		left: -300px;
		width: 500px;
		top: -50px;
	}
	.displace-8 {
		position: absolute;
		width: 300px;
		bottom: -160px;
		left: 160px;
	}
	figure.displace-9 {
		position: absolute !important;
		width: 215%;
		top: -120px;
		left: -120px;
	}
	.displace-10 {
        position: absolute;
        top: -170px;
        right: 50px;
		width: 420px;
	}
	
	.displace-10x {
        position: absolute;
        top: -170px;
        right: 0;
	}
	
	.displace-11 {
		position: absolute;
		left: -20%;
		top: 80px; /*161px;*/
		width: 100%;
		z-index: 1;
	}
	.displace-12 {
		top: -100px;
		position: relative;
	}
	.displace-13 {
        position: absolute;
        right: -100px;
        width: 550px;
        top: -150px;
	}
	.circles {
		min-width: 100%;
		top: 20px;
		left: -30px;
		position: relative;
	}
	.max-width {
		max-width: 50%;
	}
}

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

	.circles {
		max-width: 75%;
		margin: 0 auto;
	}
	.start-1 {
		max-height: 300px;
	}
	.displace-1 {
		position: relative;
		top: -40px;
	}
	.displace-3 {
		top: 200px;
	}
	.displace-4 {
		position: absolute;
		top: -140px;
		left: 50%;
		transform: translate(-50%, 0%);
		width: 300px;
	}
	.displace-5 {
		position: relative;
		/*		top: -100px;
		max-height: 250px;*/
		max-width: 70%
	}
	.displace-8 {
		display: none;
		/*position: absolute;
		width: 150px;
		bottom: -170px;
		left: 50%;
		transform: translate(-50%, 0%);
		*/
	}
	figure.displace-9 {
		position: absolute !important;
		left: -15px;
		top: -180px;
		max-width: 90%;
	}
	.displace-10 {
		/*position: absolute;
		width: 70%;
		top: -50px;
		left: 50%;
		transform: translate(-50%, 0);*/
		position: absolute;
		width: 50%;
		top: -140px;
		right: 10px;
	}
	.displace-11 {
		max-width: 80%;
		left: -25px;
		position: relative;
	}
	.displace-12 {
		/*width: 60%;
		top: -150px;
		position: absolute;
		left: 50%;
		transform: translate(-50%, 0%);*/
		width: 60%;
		top: -166px;
		position: absolute;
		left: 50%;
		transform: translate(-50%, 0);
	}
	.displace-13 {

        position: absolute;
        right: 0;
        width: 50%;
        top: -0px;


		/*position: absolute;
		right: -200px;
		width: 80%;
		top: -140px;
		left: 50%;
		transform: translate(-50%, 0);
		*/
	}
	/*verantwortugn stuck*/
	.displace-14 {
		max-width: 70%;
	}
	
	/*karriere*/
	.enym-quote-wrap.quote-6 {
 		margin-left: 25px !important;
	}   
}

.enym-quote-wrap {
	padding: unset !important;
	margin: unset !important;

}



.enym-quote-wrap {
	padding: unset !important;
	margin: unset !important;

}

@media only screen and (min-width: 768px) {
	.enym-quote-wrap.quote-1 {
		/*	position: relative !important;
		width: 1000px;
		padding: unset !important;
		margin: unset !important;
		z-index: 1;*/

		position: relative !important;
		width: 800px;
		/* height: 400px; */
		padding: unset !important;
		margin: unset !important;
		z-index: 1;
		/*left: 50px; 100*/
	}
	.enym-quote-wrap.quote-5 {
		position: relative !important;
		width: 1000px;
		/*height: 400px;*/
		padding: unset !important;
		margin: unset !important;
		z-index: 1;
	}

	.enym-quote-wrap.quote-3 {
		width: 50vw;
		left: -100%;
		padding: unset !important;
		margin: unset !important;
		z-index: 1;
	}
	.enym-quote-wrap.quote-3 .enym-quote-author {
		display: none !important;
	}
	.enym-quote-wrap.quote-4 {
		/* 
		width: 50vw;
		left: -120%;
		padding: unset !important;
		margin: unset !important;
		z-index: 1;
		*/
		/* position: relative !important; */
		width: 50vw;
		left: -15vw;
		/* height: 400px; */
		padding: unset !important;
		margin: unset !important;
		z-index: 1;
	}
	.enym-quote-wrap.quote-4 .enym-quote-author {
		display: none !important;
	}
	/*karriere*/
	.enym-quote-wrap.quote-6 {
		position: relative !important;
		width: 800px;
		padding: unset !important;
		margin: unset !important;
		z-index: 1;
		left: 50px;
	}
}
.enym-quote-content {
	flex-direction: row !important;
} 
.enym-quote-wrap.quote-2 {
	z-index: 100;
	top: 100px;
}
.enym-quote-wrap.quote-2 .enym-quote-author {
	color: #fff;
}
.enym-quote-icon {
	padding: 5px;
	width: 40px !important;
	/*    height: 4px !important;*/
	    top: -5px;
    position: relative;
}
.enym-quote-text {
	/*font-size: 1.7em;
	font-weight: 300;
	color: var(--wpex-accent-alt);
	line-height: 1.2em;
	*/
	font-size: 40px;
	font-weight: 300;
	color: var(--wpex-accent-alt);
	line-height: 1.2em;
	top: -4px;
	position: relative;
	max-width: 1000px; /*850px;*/
}
.enym-quote-text p {
/*	text-indent: -10px;*/
}

@media only screen and (max-width: 767px) {
	.enym-quote-text {
		font-size: 1.5em;
	}

	/*kontakt*/
	.enym-quote-wrap.quote-5 {
		/*width: 1000px;
		height: 400px;
		padding: unset !important;*/
		margin-left: 15px !important;
		margin-left: 15px !important;
		padding-right: 40px !important;
	}
	.enym-quote-author {
		font-weight: unset !important;
		opacity: unset !important;
		/*margin-left: 60px;*/
		font-size: .7em;
		margin-top: 5px !important;
	}
}

@media only screen and (min-width: 768px) {
	.enym-quote-text {
	        margin-left: 60px;
	}	
	.enym-quote-author {
		font-weight: unset !important;
		opacity: unset !important;
		margin-left: 60px;
		font-size: .9em;
		margin-top: 5px !important;
	}
}


/*	
.title-uppercase {
	text-transform: uppercase;
}
*/

.button-icon {
	height: 35px;
}

/*MOBILE FS MENU: bg transition*/
body:not(.mobile-menu-is-open) {transition: background-color .4s linear;}

/*MOBILE FS MENU: prevent content shift and change bg color*/
body.mobile-menu-is-open {
	/*overflow: scroll;*/

	scrollbar-color: var(--wpex-palette-31-color);
	background-color: var(--wpex-palette-31-color);
}


/*MOBILE FS MENU: prevent vertical center*/
.full-screen-overlay-nav-content-inner.wpex-table-cell {
	display: unset;
}

/*MOVE BADGE TO TOP*/
.vcex-heading-w-badge .vcex-heading-inner {
	display: flex;
	flex-direction: column-reverse;
}
.wpex-badge {
	width: fit-content;
	background-color: unset;
	color: var(--wpex-accent-alt);
	padding: 0;
	margin-bottom: 30px;
	margin-inline-start: unset;
	font-size: 1.2em !important;
	text-transform: uppercase;
	font-weight: bold;
}
.wpex-badge.beige {
	margin-bottom: 10px;
}

.project-badge .wpex-badge {
	color: var(--wpex-accent-alt) !important;
	font-size: 1.2rem !important;
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 0;
/*	margin-left: 4px;*/
}

.hero {
	height: 40vh; /*700px;*/
	min-height: 600px;
}
@media only screen and (max-width: 767px) {
	.hero {
		height: 40vh; /*700px;*/
		min-height: 400px !important;
	}
	.wpex-badge {
		font-size: .9em !important; /*1.1em !important;*/
		margin-bottom: 20px;
	}
}

.herotitle { 
	/*	font-size: 3.5em;*/
	line-height: 1em;
	text-transform: uppercase;
	margin-bottom: .3em;
}
/*
@media only screen and (max-width: 768px) {
.herotitle { 
font-size: 2em !important;
}
}
*/

/*PROJEKT ITEM MOBILE*/
@media only screen and (max-width: 767px) {
	.heading-projekte-mobile {
		position: absolute !important;
		z-index: 1;
		width: 90%;
		background-color: var(--wpex-palette-131-color);
		clip-path: polygon(0% 0%, 100% 0%, 100% 63%, 91% 100%, 0% 100%);
	}
	.project-image {
		right: -25px;
		top: 20px;
		position: relative;
	}
}

/*
.corner,
.corner-left,
.corner-top,
.corner-top-left,
.corner-top-left-2,
.corner-top-left-3,
.corner-small,
.corner-black,
.corner-projekte {
	position: relative !important;
}

.corner::before,
.displace-2 .vcex-feature-box-image::before {
	content: "" !important;
	display: block !important;
	position: absolute !important;
	bottom: -1px !important;
	right: -1px !important;
	width: 60px !important;
	height: 120px !important;
	background-color: #ffffff !important;
	clip-path: polygon(100% 0, 0 100%, 100% 100%) !important;
	z-index: 99 !important;
}
.corner-projekte::before {
	content: "" !important;
	display: block !important;
	position: absolute !important;
	bottom: -1px !important;
	right: -1px !important;
	width: 40px !important;
	height: 60px;
	background-color: #ffffff !important;
	clip-path: polygon(100% 0, 0 100%, 100% 100%) !important;
	z-index: 99 !important;
}

.corner-left::before {
	content: "" !important;
	display: block !important;
	position: absolute !important;
	bottom: -1px !important;
	left: 0 !important;
	width: 60px !important;
	height: 120px !important;
	background-color: #ffffff !important;
	clip-path: polygon(0% 0, 0 100%, 100% 100%) !important;
	z-index: 99 !important;
}
.corner-top::before {
	content: "" !important;
	display: block !important;
	position: absolute !important;
	top: -1px !important;
	right: -1px !important;
	width: 60px !important;
	height: 50px !important;
	background-color: #ffffff !important;
	clip-path: polygon(100% 100%, 100% 0, 0 0) !important;
	z-index: 99 !important;
}
.corner-top-left::before {
	content: "" !important;
	display: block !important;
	position: absolute !important;
	top: -1px !important;
	left: 2vw;
	width: 60px !important;
	height: 50px !important;
	background-color: #ffffff !important;
	clip-path: polygon(0 100%, 100% 0, 0 0) !important;
	z-index: 99 !important;
}
@media only screen and (max-width: 767px) {
	.corner-top-left::before {
		left: 0 !important;
	}
}

.corner-top-left-2::before {
	content: "" !important;
	display: block !important;
	position: absolute !important;
	left: 0 !important;
	width: 60px !important;
	height: 50px !important;
	background-color: #ffffff !important;
	clip-path: polygon(0 100%, 100% 0, 0 0) !important;
	z-index: 99 !important;
}
.corner-top-left-3::before {
	content: "" !important;
	display: block !important;
	position: absolute !important;
	top: 0px !important;
	left: 2vw;
	width: 60px !important;
	height: 50px !important;
	background-color: #ffffff !important;
	clip-path: polygon(0 100%, 100% 0, 0 0) !important;
	z-index: 99 !important;
}

.corner-small::before{
	content: "" !important;
	display: block !important;
	position: absolute !important;
	bottom: -1px !important; 
	right: -1px !important;  
	width: 60px !important; 
	height: 60px !important;
	background-color: #ffffff !important;
	clip-path: polygon(100% 0, 0 100%, 100% 100%) !important;
	z-index: 99 !important;
}
.corner-quote::before {
	content: "" !important;
	display: block !important;
	position: absolute !important;
	top: -1px !important;
	left: 46px !important;
	width: 94px !important;
	height: 50px !important;
	background-color: #ffffff !important;
	clip-path: polygon(50px 20px, 100px 0, 0 0) !important;
	z-index: 99 !important;
}
.corner-black::before {
	content: "" !important;
	display: block !important;
	position: absolute !important;
	bottom: -1px !important;
	right: -1px !important;
	width: 60px !important;  
	height: 60px !important;
	background-color: var(--wpex-palette-131-color) !important;
	clip-path: polygon(100% 0, 0 100%, 100% 100%) !important;
	z-index: 99 !important;
}
*/


@media only screen and (min-width: 768px) {
	/*
	.pl-default {
	padding-left: 41px;
}
	*/
}
@media only screen and (max-width: 768px) {
	.pl-default {
		padding-left: 0 !important;
	}
}


@media only screen and (min-width: 1024px) {

	.line::before {
		content: '';
		position: absolute;
		top: 50px;
		left: 488px;
		/*left: 553px; bei desktop width 1400 oder mehr, das oben bei 1300
		*/
		width: 1px;
		height: 200px;
		background-color: var(--wpex-accent-alt);
		transform: translateY(-100%) translateX(-50%);
		pointer-events: none;
		z-index: 1;
	}

	.line-1::before {
		content: '';
		position: absolute;
		top: -100px;
		left: 553px;
		width: 1px;
		height: 200px;
		background-color: var(--wpex-accent-alt);
		transform: translateY(-100%) translateX(-50%);
		pointer-events: none;
		z-index: 1;
	}
	.line-2::before {
		content: '';
		position: absolute;
		bottom: 100px;
		left: 553px;
		width: 1px;
		height: 200px;
		background-color: var(--wpex-accent-alt);
		transform: translateY(-100%) translateX(-50%);
		pointer-events: none;
		z-index: 1;
	}

}

/*
.line-top,
.line-bottom {
position: relative;
}
.line-top::before {
content: '';
position: absolute;
top: 50px;
left: 523px;
width: 1px;
height: 200px;
background-color: var(--wpex-accent-alt);
transform: translateY(-100%) translateX(-50%);
pointer-events: none;
z-index: 1;
}

.line-top {
background-repeat: no-repeat; 
background-image: linear-gradient(var(--wpex-accent-alt), var(--wpex-accent-alt)); 
background-size: 1px 200px; 
background-position: calc(523px - 0.5px) -150px; 
}

.line-bottom::after {
content: '';
position: absolute;
top: 50px;
left: 485px;
width: 1px;
height: 200px;
background-color: var(--wpex-accent-alt);
transform: translateY(-100%) translateX(-50%);
pointer-events: none;
}
*/
/*
.line-top-up-left::before {
content: '';
position: absolute;
top: 50px;
left: 59px;
width: 1px;
height: 200px;
background-color: var(--wpex-accent-alt);
transform: translateY(-100%) translateX(-50%);
pointer-events: none;
}

.line-top-up::before {
content: '';
position: absolute;
top: -50px;
left: 50%;
width: 1px;
height: 200px;
background-color: var(--wpex-accent-alt);
transform: translateY(-100%) translateX(-50%);
pointer-events: none; 
}
.line-top-down::before {
content: '';
position: absolute;
top: 200px;
left: 50%;
width: 1px;
height: 200px;
background-color: var(--wpex-accent-alt);
transform: translateY(-100%) translateX(-50%);
pointer-events: none; 
}

.line-bottom-up::after {
content: '';
position: absolute;
bottom: 0px;
left: 50%;
width: 1px;
height: 200px;
background-color: var(--wpex-accent-alt);
transform: translateY(-100%) translateX(-50%);
pointer-events: none; 
}
.line-bottom-down::after {
content: '';
position: absolute;
bottom: -150px;
left: 50%;
width: 1px;
height: 200px;
background-color: var(--wpex-accent-alt);
transform: translateX(-50%);
pointer-events: none;
}
*/





/*FORM*/
@media only screen and (min-width: 959px) {
	.form-box {
		border: 1px solid #d1cbb8;
		padding: 40px;
		margin-bottom: var(--wpex-vc-column-inner-margin-bottom);
	}
}

.forminator-textarea,
.forminator-input,
.forminator-checkbox__label p,
.forminator-checkbox__label {
	/*	font-weight: 200 !important;  
	font-size: 1em !important;	*/
	color: var(--wpex-text-2) !important;
}
.forminator-input {
	padding-left: 10px !important;

}
.forminator-textarea {
	border-radius: 0 !important;
	border-color: var(--wpex-palette-42-color) !important;
	padding: 10px !important;
}


forminator-input::placeholder,
forminator-input::-webkit-input-placeholder,
forminator-input::-moz-placeholder,
forminator-input:-ms-input-placeholder,
forminator-textarea::placeholder,
forminator-textarea::-webkit-input-placeholder,
forminator-textarea::-moz-placeholder,
forminator-textarea:-ms-input-placeholder{
	color: var(--wpex-body-color, var(--wpex-text-2));
	opacity: 1;
}


.forminator-design--material .forminator-input,
.forminator-design--material .forminator-textarea {
	border-color: var(--wpex-palette-42-color) !important;
	padding-left: 10px;
}
/*SUBMIT*/

/*FORMINATOR BUTTON RIGHT ARROW*/
.forminator-button-submit {
	display: inline-block;
	padding-right: 70px;
	position: relative !important;
	background-color: transparent !important;
	padding-right: 70px !important;
}
.forminator-button-submit:after { 
	content: ' ';
	display: block;
	position: absolute;
	background-size: 100% !important;
	top: 50%;
	transform: translateY(-50%);
	right: 10px;
	width: 50px;
	height: 30px;
	z-index: 1;
	background: url(/wp-content/uploads/2026/08/KvB_Button_Pfeil_blau.svg) no-repeat right 50%;
}
.forminator-ui.forminator-custom-form[data-design=material] .forminator-button {
	width: unset !important;
	/*	color: #4f91ae !important;
	font-weight: 200 !important;
	font-size: 19px !important; */
	display: inline-block;
	cursor: pointer;
	-webkit-appearance: none;
	-webkit-font-smoothing: inherit;
	text-decoration: none !important;
	text-align: center;
	max-width: 100%;
	padding: var(--wpex-btn-padding);
	transition: .15s all ease;
	background-color: var(--wpex-btn-bg, var(--wpex-accent));
	background-image: var(--wpex-btn-img);
	border-radius: var(--wpex-btn-border-radius);
	border-width: var(--wpex-btn-border-width);
	border-style: var(--wpex-btn-border-style);
	color: var(--wpex-btn-color, var(--wpex-on-accent)) !important;
	font-size: var(--wpex-btn-font-size) !important;
	font-family: var(--wpex-btn-font-family);
	font-style: var(--wpex-btn-font-style);
	text-transform: var(--wpex-btn-text-transform);
	letter-spacing: var(--wpex-btn-letter-spacing);
	font-weight: var(--wpex-btn-font-weight);
}
.forminator-ui.forminator-custom-form[data-design=material] .forminator-button:hover {
	color: var(--wpex-hover-btn-color, var(--wpex-on-accent-alt)) !important;
	background-color: var(--wpex-hover-btn-bg, var(--wpex-accent-alt)) !important;
	background-image: var(--wpex-hover-btn-img, var(--wpex-btn-img));
	border-color: var(--wpex-hover-btn-border-color, var(--wpex-btn-border-color, currentColor)) !important;
	text-decoration: none;
}
.forminator-ui.forminator-custom-form[data-design=material] .forminator-button:hover {
	color: #c8bfa7 !important;
}
.forminator-ui.forminator-design--material .forminator-button-submit {
	background-color: transparent !important;
	color: #044781 !important;
	width: 180px;
	float: right;
	text-align: left;
}
.forminator-button-submit.arrow-blue {
	padding-right: 70px !important;
}

.forminator-field label.forminator-label {
	margin-bottom: 10px !important;
}
.forminator-error-message {
	display: none !important;
}