/*
Theme Name:   helloelementorchild
Description:  Test
Author:       GRUPPE DREI
Author URL:   https://www.gruppedrei.com
Template:     hello-elementor
Version:      1.1
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  helloelementorchild
*/

/* Schreibe hier Dein eigenes persönliches Stylesheet */
/*
1. Custom Animations 
2. Globals
3. Formulare
4. Header
5. Footer
6. Weitere Elemente
*/

/*** CUSTOM ANIMATIONS ***/
/* Elementor Animationen Anpassungen */
@media screen and (prefers-reduced-motion: no-preference) {
	@keyframes myFadeInUp {
		from {
			transform: translate3d(0,50px,0);
			opacity: 0;
		}
		to {
			transform: none;
			opacity: 1;
		}
	}
	.fadeInUp {
		animation-name: myFadeInUp !important;
	}

	@keyframes myFadeInLeft {
		from {
			transform: translate3d(-50px,0,0);
			opacity: 0;
		}
		to {
			transform: none;
			opacity: 1;
		}
	}
	.fadeInLeft {
		animation-name: myFadeInLeft !important;
	}

	@keyframes mySlideInUp {
		from {
			transform: translate3d(0,50px,0);
		}
		to {
			transform: none;
		}
	}
	.slideInUp {
		animation-name: mySlideInUp !important;
	}

	@keyframes mySlideInLeft {
		from {
			transform: translate3d(-20px,0,0);
		}
		to {
			transform: none;
		}
	}
	.slideInLeft {
		animation-name: mySlideInLeft !important;
	}
/* Elementor Animationen Anpassungen Ende */
	
/* Eigene Animationen */
/* Eigene Animationen Ende */
	html {
		scroll-behavior: smooth;
	  }
}

@media screen and (prefers-reduced-motion: reduce) {
	*, *:before, *:after{
		transition: none !important;
		animation-duration: 0 !important;
	}
}
/*** ANIMATIONS ENDE ***/

/*** GLOBALS ***/
.e-container, .e-con{
    --full-width-content-padding-amount: max(1%, calc(50% - var(--container-max-width) / 2));
	--full-viewwidth-content-padding-amount: max(1%, calc((50vw - var(--scrollbar-width) / 2) - var(--container-max-width) / 2));
	
	/*--spacer-200: 200px;
	--spacer-180: 180px;
	--spacer-120: 120px;
	--spacer-100: 100px;
	--spacer-80: 80px;
	--spacer-60: 60px;
	--spacer-40: 40px;
	--spacer-30: 30px;
	--spacer-20: 20px;*/
	
	--spacer-200: clamp(100px, 10.41vw, 200px);
	--spacer-180: clamp(90px, 9.375vw, 180px);
	--spacer-160: clamp(80px, 8.33vw, 160px);
	--spacer-120: clamp(60px, 6.25vw, 120px);
	--spacer-100: clamp(50px, 5.2vw, 100px);
	--spacer-80: clamp(40px, 4.16vw, 80px);
	--spacer-60: clamp(30px, 3.125vw, 60px);
	--spacer-40: clamp(20px, 2.08vw, 40px);
	--spacer-30: clamp(15px, 1.5626vw, 30px);
	--spacer-20: clamp(10px, 1.04vw, 20px);
	
	--angle: 21deg;
}


@media (max-width: 1024px){
    .e-container, .e-con{
        --full-width-content-padding-amount: 2vw;
		--full-viewwidth-content-padding-amount: 2vw;
		
		/*--spacer-200: 150px;
		--spacer-180: 120px;
		--spacer-120: 80px;
		--spacer-100: 70px;
		--spacer-80: 60px;
		--spacer-60: 40px;
		--spacer-40: 30px;
		--spacer-30: 20px;
		--spacer-20: 15px;*/
    }
}


@media (max-width: 767px){
    .e-container, .e-con{
        --full-width-content-padding-amount: 5vw;
		--full-viewwidth-content-padding-amount: 5vw;
		
		/*--spacer-200: 100px;
		--spacer-180: 80px;
		--spacer-120: 60px;
		--spacer-100: 50px;
		--spacer-80: 40px;
		--spacer-60: 30px;
		--spacer-40: 20px;
		--spacer-30: 15px;
		--spacer-20: 10px;*/
    }
}


/* Content Breite eine Seite - Full width andere Seite */
.full-width-content-padding-left{
    padding-left: var(--full-width-content-padding-amount)
}
.full-width-content-padding-right{
    padding-right: var(--full-width-content-padding-amount)
}
.full-viewwidth-content-padding-left{
    padding-left: var(--full-viewwidth-content-padding-amount)
}
.full-viewwidth-content-padding-right{
    padding-right: var(--full-viewwidth-content-padding-amount)
}
/* Content Breite Ende */


/* Listen */
ul{
    padding-left: 1em;
}

.list-indent ul > li{
    text-indent: -1em;
    padding-left: 1em;
}

.custom-list-marker ul{
	padding-left: 0.6em;
}
.custom-list-marker ul li{
    padding-left: 0.5em;
}
.custom-list-marker ul li::marker{
    content:'+';
}

.karriere-list ul li+li{
	margin-top: var(--spacer-40);
}
/* Listen Ende */


/*P, Links + Hover Effekt*/
p:last-child{
    margin-bottom: 0;
}
p a, p a:hover, p a:focus,  .list-hover-line a, .list-hover-line-white a span, .elementor-field-type-html a, .search-results .elementor-post__title a{
    color: inherit;
    position: relative;
    /*--lineColor: var(--e-global-color-8783199)*/
	--lineColor: currentColor;
}
p a, .list-hover-line a, .list-hover-line-white a span, .elementor-field-type-html a, .search-results .elementor-post__title a{
    background: 
      linear-gradient(var(--lineColor, #ffffff33) 0 0) 
      0 100% /var(--d, 0) 2px 
    no-repeat;
    transition:0.3s !important;
}
p a:hover, p a:focus, .list-hover-line a:hover, .list-hover-line a:focus, .list-hover-line-white a:is(:hover, :focus) span, .elementor-field-type-html a:is(:hover, :focus), .search-results .elementor-post__title a:is(:hover, :focus){
    --d: 100%;
}
.list-hover-line-white{
	--lineColor: white;
}

.lineColorXY{
    --lineColor: var(--e-global-color-f7af70b);
}

.strong-blue strong{
	color: var( --e-global-color-3c03c9f );
}
/* Ende */

/* Elementor Buttons */
.elementor-button-icon{
	line-height: 0;
	align-self: center;
}
.elementor-button-icon svg{
	width: 0.277em;
}
.elementor-button-icon svg path{
	fill: var(--e-global-color-4f4dadd);
}

.btn-white a{
	/*background-color: var(--e-global-color-4f4dadd) !important;*/
	color: var(--e-global-color-3c03c9f) !important;
	border-color: var(--e-global-color-4f4dadd) !important;
}
.btn-white a svg path{
	fill: var(--e-global-color-3c03c9f) !important;
}
.btn-red a{
	background-color: transparent !important;
	border-color: var(--e-global-color-72f9eed);
}
.btn-red a:hover{
	color: var(--e-global-color-72f9eed);
}
.btn-red a:hover svg path{
	fill: var(--e-global-color-72f9eed) !important;
}
.btn-green a{
	background-color: transparent !important;
	border-color: var(--e-global-color-9a11524);
}
.btn-green a:hover{
	color: var(--e-global-color-9a11524);
}
.btn-green a:hover svg path{
	fill: var(--e-global-color-9a11524);
}

.btn-border a{
	background-color: transparent !important;
	color: var(--e-global-color-3c03c9f) !important;
	border-color: var(--e-global-color-3c03c9f) !important;
}
.btn-border a svg path{
	fill: var(--e-global-color-3c03c9f) !important;
}



.elementor-button{
	overflow: hidden;
	position: relative;
}
.elementor-button::before{
	content:"";
	border-right: 19px solid transparent;
	position: absolute;
    top: 0;
    right: -50px;
    bottom: 0;
    left: 0;
	transform: translateX(-100%);
	transition: 0.4s ease-in-out;
}
.elementor-button:hover::before{
	transform: translateX(0);
}
.elementor-button .elementor-button-content-wrapper{
	position: relative;
	z-index: 1;
}

.elementor-button:not(.btn-white *, .btn-border *, .btn-red *, .btn-green *)::before{
	border-top: 50px solid var(--e-global-color-8783199);
}
.elementor-button:is(.btn-border *)::before{
	border-top: 50px solid var(--e-global-color-3c03c9f);
}
.elementor-button:is(.btn-border-red *)::before{
	border-top: 50px solid var(--e-global-color-72f9eed);
}
.elementor-button:is(.btn-white *, .btn-red *, .btn-green *){
	border-width: 1px;
	border-style: solid;
}
.elementor-button:is(.btn-white *, .btn-red *, .btn-green *)::before{
	border-right: none;
	border-left: 19px solid transparent;
	border-top: none;
	border-bottom: 50px solid var(--e-global-color-4f4dadd);
	transform: translateX(0);
	right: 0;
	left: -50px;
}
.elementor-button:is(.btn-white *)::before{
	border-bottom: 50px solid var(--e-global-color-4f4dadd);
}
.elementor-button:is(.btn-red *)::before{
	border-bottom: 50px solid var(--e-global-color-72f9eed);
}
.elementor-button:is(.btn-green *)::before{
	border-bottom: 50px solid var(--e-global-color-9a11524);
}
.elementor-button:is(.btn-border *, .btn-white *):hover{
	color: var(--e-global-color-4f4dadd) !important; /* White */
}
.elementor-button:is(.btn-border *, .btn-white *):hover .elementor-button-icon svg path{
	fill: var(--e-global-color-4f4dadd) !important;
}
.elementor-button:is(.btn-white *, .btn-red *, .btn-green *):hover::before{
	transform: translateX(100%);
}

.btn-white-border a{
	background-color: transparent !important;
	border: 1px solid var(--e-global-color-4f4dadd) !important;
}
.btn-white-border a svg path{
	fill: var(--e-global-color-4f4dadd) !important;
}
.elementor-button:is(.btn-white-border *)::before{
	border-top: 50px solid var(--e-global-color-4f4dadd);
}
.btn-white-border a:hover{
	background-color: transparent !important;
	color: var(--e-global-color-3c03c9f) !important;
	border-color: var(--e-global-color-3c03c9f) !important;
}
.btn-white-border a:hover svg path{
	fill: var(--e-global-color-3c03c9f) !important;
}

.btn-border-red a svg path{
	fill: var(--e-global-color-72f9eed) !important;
}
.btn-border-red a:hover svg path{
	fill: var(--e-global-color-4f4dadd) !important;
}
.btn-border-red a:hover{
	color: var(--e-global-color-4f4dadd) !important;
}

.btn-red-to-white a{
	background-color: var(--e-global-color-72f9eed) !important;
}
.btn-red-to-white a svg{
	filter: none;
}
.btn-red-to-white a:hover{
	color: var(--e-global-color-72f9eed) !important;
}
.btn-red-to-white a:hover svg path{
	fill: var(--e-global-color-72f9eed) !important;
}
.btn-red-to-white a.elementor-button::before{
	border-top: 50px solid var(--e-global-color-4f4dadd);
}

/* Elementor Buttons Ende */


/* Remove little space under image*/
.img-block .elementor-widget-container{
    line-height: 0;
}
.img-block img{
    display: block;
}
/* */

.mt-auto{
	margin-top: auto;
}

.lineheight-reset{
	line-height: 0;
}

/* Show overflow on both sides/right side of carousel*/
.carousel-overflow :is(.swiper-container, .owl-carousel .owl-stage-outer){
	overflow: visible;
}
.carousel-overflow-right :is(.swiper-container, .owl-carousel .owl-stage-outer){
	overflow: visible;
    clip-path: inset(-100vw -100vw -100vw 0);
}

/* Remove absolute positioning on mobile*/
@media (max-width: 768px){
    .position-mobile{
        position: relative !important;
    }
}

.elementor-widget-icon-box.elementor-vertical-align-middle .elementor-icon-box-wrapper{
	align-items: center;
}
/*** GLOBALS ENDE ***/


/*** FORMULARE ***/
.elementor-form .upload-notice{
	font-size: var(--e-global-typography-text-font-size);
	font-style: normal;
}

.elementor-form .elementor-field-type-upload{
	flex-wrap: nowrap;
	gap: 5px;
}
.elementor-form .elementor-field-type-upload .remove-download{
	color: red;
	cursor: pointer;
}
.elementor-form .elementor-field-type-upload input[type="file"]{
    visibility: hidden;
    height: 0;
    width: 0;
	max-width: 0;
    margin: 0;
    padding: 0;
}
.elementor-form .elementor-field-type-upload label{
    cursor: pointer;
	color: var(--e-global-color-3c03c9f) !important;
	text-decoration: underline;
	padding-bottom: 0 !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.elementor-form .elementor-field-type-submit button:hover{
	color: var(--e-global-color-4f4dadd) !important;
}

.application-form .elementor-field-type-upload label{
	color: var(--e-global-color-72f9eed) !important;
}



/*** FORMULARE ENDE ***/



/*** NAVIGATION/HEADER/POPUP ***/
.sticky-header{
	width: 100% !important;
	transition: all 0.3s;
}
.sticky-header.nav-up {
	translate: 0 calc(var(--top-nav-height) * -1);
}
.sticky-header .main-nav-container{
	transition: all 0.2s;
}
.sticky-header.nav-up .main-nav-container{
	/*padding-top: 20px;
	padding-bottom: 20px;*/
}
.main-nav-container::after{
	content: "";
	width: 100%;
	height: 1px;
	background: #0000001A;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 11;
}

#main-menu li.e-n-menu-item .e-n-menu-title-container{
	cursor: pointer;
}
#main-menu li.e-n-menu-item .e-n-menu-title-container *{
	cursor: inherit;
	white-space: normal;
}
#main-menu .e-n-menu-item .e-n-menu-dropdown-icon{
	translate: 0 2px;
}
#main-menu .e-n-menu-content:not(.mega-menu-sub *) > .e-con::after{
    content: "";
    background-color: #fff;
    opacity: 0.4;
    position: absolute;
    top: 100%;
    width: 100%;
    height: calc(40vh - var(--header-height));
    backdrop-filter: blur(107px);
	pointer-events: none;
}

.nav-up #main-menu .e-n-menu-content:not(.mega-menu-sub *) > .e-con::after{
	height: calc(40vh - var(--main-nav-container-height));
}

#main-menu > div > nav > .e-n-menu-wrapper > ul > li .e-n-menu-title-text{
	white-space: normal;
}
	
#main-menu > div > nav > .e-n-menu-wrapper > ul > li > .e-n-menu-content.e-active{
	padding-top: calc((var(--main-nav-container-height) - (var(--n-menu-title-font-size) * 1.25) ) / 2 - 1px)
}

#main-menu > div > nav > .e-n-menu-wrapper > ul > li:has( .e-n-menu-title.e-current) > .e-n-menu-title{
	border-color: var( --e-global-color-3c03c9f );
}
#main-menu li:has( .e-n-menu-title.e-current) > .e-n-menu-title .e-n-menu-title-text{
	font-weight: 500 !important;
}
.mega-menu-sub > div > nav, .mega-menu-sub > div > nav > .e-n-menu-wrapper, .mega-menu-sub > div > nav > .e-n-menu-wrapper > ul {
	height: 100%;
}
.mega-menu-sub li.e-n-menu-item .e-n-menu-title-text{
	--n-menu-title-transition: 0.1s;
}
.mega-menu-sub li.e-n-menu-item .e-current > .e-n-menu-title-container > .e-n-menu-title-text, .mega-menu-sub li.e-n-menu-item:hover  >  .e-n-menu-title > .e-n-menu-title-container > .e-n-menu-title-text{
	font-weight: 500 !important;
}
.mega-menu-sub ul:not(.mega-menu-sub li *){
    flex-direction: column !important;
    position: relative;
}
.mega-menu-sub ul:not(.mega-menu-sub li *){
	border-right: 1px solid var(--e-global-color-079e44c); /* Schwarz 10% */
	padding-right: 1vw;
}
.mega-menu-sub ul:not(.mega-menu-sub li *) li.e-n-menu-item .e-n-menu-content{
    top: 0 !important;
    left: calc(100% + 1px);
}
#main-menu .e-n-menu-item:has(.e-n-menu-content > .e-active) > .e-n-menu-title{
	border-color: var(--e-global-color-3c03c9f) !important;
}

.mega-menu-sub > div > nav > .e-n-menu-wrapper > ul > li > .e-n-menu-content{
	width: 20vw !important;
}

/* Menu Active-States */
/*.custom-mega-menu .e-n-menu-title.e-current .e-n-menu-title-text,
body:is(.page-id-274, .parent-pageid-274) .mega-menu-sub .e-n-menu-title[id*="page-274"] .e-n-menu-title-text,
body:is(.page-id-288, .parent-pageid-288) .mega-menu-sub .e-n-menu-title[id*="page-288"] .e-n-menu-title-text,
body:is(.page-id-260, .parent-pageid-260, .page-id-274, .parent-pageid-274) .e-n-menu-title[id*="page-260"] .e-n-menu-title-text,
body:is(.page-id-262, .parent-pageid-262, .page-id-288, .parent-pageid-288) .e-n-menu-title[id*="page-262"] .e-n-menu-title-text,
body:is(.page-id-255, .parent-pageid-255) .e-n-menu-title[id*="page-255"] .e-n-menu-title-text {
	font-weight: 500 !important;
}

body:is(.page-id-274, .parent-pageid-274) .mega-menu-sub .e-n-menu-title[id*="page-274"],
body:is(.page-id-288, .parent-pageid-288) .mega-menu-sub .e-n-menu-title[id*="page-288"],
body:is(.page-id-260, .parent-pageid-260, .page-id-274, .parent-pageid-274) .e-n-menu-title[id*="page-260"],
body:is(.page-id-262, .parent-pageid-262, .page-id-288, .parent-pageid-288) .e-n-menu-title[id*="page-262"],
body:is(.page-id-255, .parent-pageid-255) .e-n-menu-title[id*="page-255"] {
	border-bottom: 1px solid var(--e-global-color-3c03c9f) !important;
}*/

.mega-menu-sub-inner ul{
	flex-direction: column !important;
}

.menu-close{
	cursor: pointer;
}

@media(max-width: 1024px){
	#mobile-menu .outer-menu{
		z-index: 10 !important;
	}
	#mobile-menu :is(.ue_hamburger, .checkbox-toggle, .ue-input-wrapper){
		width: 90px !Important;
	}
	#mobile-menu .ue_hamburger{
	   clip-path: polygon(calc(tan(var(--angle)) * 80px) -1px, 100% -1px, 100% 100%, 0px 100%);
	}
	#mobile-menu .ue_hamburger :is(.ue_hamburger_custom_open, .ue_hamburger_custom_close){
		line-height: 1;
	}
	#mobile-menu .menu-opened .ue_menu::before{
		content: "";
		background-color: white;
		width: 100%;
		height: var(--header-height);
		position: absolute;
		top: 0;
		z-index: 1;
		visibility: visible;
	}
	#mobile-menu .ue_inner_menu-box > div{
		max-width: 100% !important;
	}
	#mobile-menu .ue_inner_menu-box > div > *{
		width: 100%;
		padding: 0 var(--spacer-180) !important;
	}
	#mobile-menu .ue_inner_menu-box .template-after{
	    border-top: 1px solid #0000001A;
		margin-top: var(--spacer-80);
	}
	#mobile-menu li:last-child{
		margin-bottom: 0;
	}
}
@media(max-width: 767px){
	#mobile-menu .ue_inner_menu-box > div > *{
		padding: 0 var(--spacer-60) !important;
	}
}
.mobile-nav-icon .elementor-icon-wrapper{
	line-height: 1;
}
.mobile-nav-icon .elementor-icon-wrapper .elementor-icon{
    background-color: var(--e-global-color-8e9c803);
    padding: 30px 25px 30px 40px;
    clip-path: polygon(calc(tan(var(--angle)) * 80px) -1px, 100% -1px, 100% 100%, 0px 100%);
}
.mobile-nav li.menu-item a.has-submenu .sub-arrow i::before{
	content: url(/wp-content/uploads/2023/10/ionic-md-arrow-down.svg)
}
.mobile-nav li.menu-item a.has-submenu.highlighted .sub-arrow i::before{
	content: url(/wp-content/uploads/2023/10/arrow-up.svg);
}

.search-form .e-search-submit:hover svg{
	scale: 1.2;
}

.wpml-ls-legacy-dropdown .wpml-ls-item > a{
    background: transparent !important;
}
.lang-switch-head .wpml-ls-legacy-dropdown{
    width: 5em;
}
.lang-switch-head .wpml-ls-legacy-dropdown .wpml-ls-current-language .wpml-ls-item-toggle{
    padding-top: 0;
    padding-bottom: 0;
}

.lang-switch-head-mobile a.wpml-ls-item-toggle::after{
	left: unset !important;
	background-color: transparent !important;
}
.lang-switch-head-mobile .wpml-ls-legacy-dropdown .wpml-ls-item > a{
	padding-left: 0;
}



/** Header Sections **/

/* Generell */
.clip-slant, .clip-slant-head{
	clip-path: polygon(0px -1px, 100% -1px, calc(100% - calc(tan(var(--angle)) * var(--slant-container-height))) var(--slant-container-height), 0px var(--slant-container-height));
}
@media(min-width: 1025px){
	.slant-move-side{
		/*width: calc(var(--width) + (tan(var(--angle)) * (100vh - var(--header-height))));
		margin-left: calc((tan(var(--angle)) * (100vh - var(--header-height)) * -1));*/
		width: calc(var(--width) + (tan(var(--angle)) * var(--slant-container-height)));
		margin-left: calc((tan(var(--angle)) * var(--slant-container-height) * -1));
	}
	.slant-move-side.full-height{
		width: calc(var(--width) + (tan(var(--angle)) * var(--slant-container-height)));
		margin-left: calc((tan(var(--angle)) * var(--slant-container-height) * -1));
	}
	.slant-move-side.viewheight{
		width: calc(var(--width) + (tan(var(--angle)) * (100vh - var(--header-height))));
		margin-left: calc((tan(var(--angle)) * (100vh - var(--header-height)) * -1));
	}
}

.skew-line-move{
	transform: skew(calc(var(--angle) * -1));
}
@media(max-width: 1024px){
	.skew-line-move{
		left: 40% !important;
		transform-origin: top;
	}
}
@media(max-width: 767px){
	.skew-line-move{
		display: none;
	}
}

[class*='header-type-']{
	overflow: hidden;
}

/* Startseite, Unternehmen */
@media(max-width: 1024px){
	.header-type-start .clip-slant-head{
		/*clip-path: polygon(100% 0, 100% calc(100% - 600px), calc(100% - calc(tan(var(--angle)) * 600px)) 100%, 0 100%, 0 0);*/
		clip-path: polygon(100% 0, 100% calc(100% - 600px), 40% 100%, 0 100%, 0 0);
	}
}
@media(max-width: 767px){
	.header-type-start .clip-slant-head{
		/*clip-path: polygon(100% 0, 100% calc(100% - 300px), calc(100% - calc(tan(var(--angle)) * 300px)) 100%, 0 100%, 0 0);*/
		clip-path: polygon(100% 0, 100% calc(100% - 450px), 25% 100%, 0 100%, 0 0);
	}
}

/* Kompetenzen, */
@media(max-width: 1024px){
	.header-type-1 .clip-slant-head{
		overflow: hidden;
		clip-path: none;
	}
	.header-type-1 .clip-slant-head::after{
		content: "";
		background: white;
		width: 9999px;
		height: 9999px;
		position: absolute;
		top: unset;
		right: unset;
		bottom: 0%;
		left: 80%;
		rotate: var(--angle);
		transform-origin: bottom left;
	}
}

/* Kompetenzen Unterseiten 1.Ebene (Zerspanung, etc), Service, Service Unterseiten 1.Ebene, Karriere */
@media(min-width: 1025px){
	.header-type-2.karriere .slant-move-side::before{
		content: "";
		width: 140px;
		background-color: var(--e-global-color-72f9eed); /* Shining Coral */
		position: absolute;
		right: 100%;
		left: unset;
		transform: skewX(calc(var(--angle) * -1)) translate(100%, 0);
		transform-origin: bottom right;
	}
}
@media(min-width: 1401px){
	width: 220px;
}
@media(max-width: 1024px){
	.header-type-2 .clip-slant-head{
		clip-path: none;
	}
	.header-type-2 .clip-slant-head + .slant-move-side{
		overflow: hidden;
	}
	.header-type-2 .clip-slant-head + .slant-move-side::before{
		content: "";
        background: white;
        width: 9999px;
        height: 9999px;
        position: absolute;
        bottom: 0%;
        right: 100%;
        rotate: var(--angle);
        transform-origin: bottom right;
        top: unset;
        left: unset;
	}
	
	.header-type-2.karriere .clip-slant-head + .slant-move-side::before{
		border-right: 80px solid var(--e-global-color-72f9eed); /* Shining Coral */
	}
}

/* Kompetenzen Unterseiten 2.Ebene (Drehen, Fräsen, etc), Service Unterseiten 2.Ebene (CNC Lohnfertiger, etc), */
@media(max-width: 1024px){
	.header-type-3 .clip-slant-head{
		clip-path: none;
	}
}
@media(max-width: 767px){
	.header-type-3 .image-corner::after{
		display: none;
	}
	.header-type-3 .image-corner::before{
		content: "";
		background: #fff;
		width: 9999px;
		height: 9999px;
		position: absolute;
		top: 0;
		right: calc(100% - 40px);
		rotate: var(--angle);
		transform-origin: top right;
	}
}

/* Medizintechnik, Präzisionstechnik */
.header-type-4, .header-type-4 .header-section-corner-mobile{
	overflow: hidden;
}
@media(min-width: 1025px){
	.header-type-4::after{
		content: "";
		background: var(--e-global-color-3c03c9f); /* Refreshing Cobalt */
		position: absolute;
		height: 9999px;
		width: 9999px;
		rotate: var(--angle);
		bottom: 0%;
		left: 80%;
		transform-origin: bottom left;
		z-index: 1;
		outline: 1px solid var(--e-global-color-079e44c); /* Black 10% */
		outline-offset: 75px;
	}
}
@media(max-width: 1024px){
	.header-type-4 .clip-slant-head{
		clip-path: none;
	}
	.header-type-4 .header-section-corner-mobile::after{
		content: "";
		background: var(--e-global-color-3c03c9f); /* Refreshing Cobalt */
		position: absolute;
		height: 9999px;
		width: 9999px;
		rotate: var(--angle);
		bottom: 0%;
		left: 80%;
		transform-origin: bottom left;
		z-index: 1;
	}
}

/* Nachhaltigkeit */
.header-type-5 .clip-slant-head{
	overflow: hidden;
}
.header-type-5 .clip-slant-head::before{
	content: "";
	background: var(--e-global-color-9a11524); /* Sustainability Green */
	position: absolute;
	height: 9999px;
	width: 9999px;
	rotate: var(--angle);
	top: 0%;
	right: calc(68% - var(--full-viewwidth-content-padding-amount));
	bottom: unset;
	left: unset;
	transform-origin: top right;
	z-index: 2;
}
@media(max-width: 1024px){
	.header-type-5 #breadcrumbs :is(span, a){
		color: var(--e-global-color-8783199) /* Trusted Blue */
	}
	.header-type-5 #breadcrumbs > span > span:not(.breadcrumb_last)::after{
		filter: brightness(0) invert(8%) sepia(63%) saturate(4560%) hue-rotate(216deg) brightness(82%) contrast(98%) !important;
	}
	.header-type-5 .clip-slant-head{
		clip-path: none;
	}
	.header-type-5 .clip-slant-head::before{
		right: 90%;
	}
	.header-type-5 .slant-move-side::before{
		content: "";
		background: var(--e-global-color-4f4dadd); /* White */
		position: absolute;
		height: 9999px;
		width: 9999px;
		rotate: var(--angle);
		top: unset;
		right: 98%;
		bottom: -50px;
		left: unset;
		transform-origin: bottom right;
		z-index: 1;
	}
}

/* Kontakt */
@media(max-width: 1024px){
	.header-type-6 .clip-slant-head{
		clip-path: none;
	}
	.header-type-6 .slant-move-side{
		overflow: hidden;
	}
	.header-type-6 .slant-move-side::before{
		content: "";
		background: var(--e-global-color-4f4dadd); /* White */
		position: absolute;
		height: 9999px;
		width: 9999px;
		rotate: var(--angle);
		top: unset;
		right: 100%;
		bottom: 0;
		left: unset;
		transform-origin: bottom right;
		z-index: 1;
	}
}

.header-type-downloads{
	overflow: hidden;
}
.header-type-downloads::after{
	content: "";
	background: var(--e-global-color-3c03c9f); /* REd */
	position: absolute;
	height: 9999px;
	width: 9999px;
	z-index: 1;
	rotate: calc(var(--angle) * -1);
	top: 0;
	left: 60%;
	transform-origin: top left;
	outline: 1px solid var(--e-global-color-079e44c); /* Black 10% */
    outline-offset: 125px;
}

@media(max-width: 1024px){
	.header-type-downloads::after{
		left: 80%;
		outline: 1px solid var(--e-global-color-079e44c); /* Black 10% */
		outline-offset: 50px;
	}
}
@media(max-width: 767px){
	.header-type-downloads::after{
		left: 80%;
		outline: none;
	}
}

/* Karriere Detail */
.header-type-jobs{
	overflow: hidden;
}
.header-type-jobs::before, .header-type-jobs::after{
	content: "";
	background: var(--e-global-color-72f9eed); /* REd */
	position: absolute;
	height: 9999px;
	width: 9999px;
	z-index: 1;
	rotate: calc(var(--angle) * -1);
}
.header-type-jobs::before{
	top: unset;
	left: unset;
	right: calc(100% - 75px);
	bottom: 0;
	transform-origin: bottom right;
}
.header-type-jobs::after{
	top: 0;
	left: 60%;
	transform-origin: top left;
	outline: 1px solid var(--e-global-color-079e44c); /* Black 10% */
    outline-offset: 125px;
}
@media(max-width: 1024px){
	.header-type-jobs::after{
		left: 80%;
		outline: 1px solid var(--e-global-color-079e44c); /* Black 10% */
		outline-offset: 50px;
	}
}
@media(max-width: 767px){
	.header-type-jobs::after{
		left: 80%;
		outline: none;
	}
}
/** Header Sections Ende **/

/*** NAVIGATION/HEADER/POPUP ENDE ***/


/*** FOOTER ***/

/*** FOOTER ENDE ***/


/*** WEITERE ELEMENTE ***/
#breadcrumbs > span > span:not(.breadcrumb_last){
	display: inline-flex;
	align-items: center;
}
#breadcrumbs > span > span:not(.breadcrumb_last)::after{
	content: "";
	background: url('/wp-content/uploads/2023/10/ionic-md-arrow-right.svg') no-repeat center/contain;
	display: inline-block;
	width: 6px;
	height: 10px;
	margin: 0 20px;
	filter: brightness(0) invert(8%) sepia(63%) saturate(4560%) hue-rotate(216deg) brightness(82%) contrast(98%);
}
.elementor-widget-breadcrumbs.white #breadcrumbs > span > span:not(.breadcrumb_last)::after{
	filter: brightness(0) invert(1);
}
.elementor-widget-breadcrumbs.red #breadcrumbs > span > span:not(.breadcrumb_last)::after{
	filter: brightness(0) invert(21%) sepia(56%) saturate(6424%) hue-rotate(336deg) brightness(96%) contrast(102%);
}


.text-table td{
    padding: 0;
    background: none !important;
    border: none;
}
.text-table td:first-child{
    width: 33%;
	vertical-align: baseline;
}
.text-table td:last-child{
    width: 66%;
	vertical-align: baseline;
}

.filter-white{
	filter: brightness(0) invert(1);
}
.white-icon svg{
    filter: brightness(0) invert(1);
}

.icon-list-weight-500 .elementor-icon-list-text{
    font-weight: 500;
}
.skew-image{
	height: 100%;
}
.skew-image img{
    transform: skew(calc(var(--angle) * -1));
}

.skew-image-700{
	clip-path: polygon(calc(tan(var(--angle)) * 700px) 0, 100% 0, calc(100% - calc(tan(var(--angle)) * 700px)) 100%, 0% 100%);
}

@media(max-width: 767px){
	.skew-image-700{
		/*clip-path: polygon(calc(tan(var(--angle)) * 400px) 0, 100% 0, calc(100% - calc(tan(var(--angle)) * 400px)) 100%, 0% 100%);*/
		clip-path: none;
	}
}

@media(min-width: 768px){
	.skew-container{
		transform: skew(calc(var(--angle) * -1));
	}
	.skew-container > *{
		transform: skew(var(--angle));
	}
}
@media(min-width: 1025px){
	.skew-container-from-tablet{
		transform: skew(calc(var(--angle) * -1));
	}
	.skew-container-from-tablet > *{
		transform: skew(var(--angle));
	}
}

/*[class*='skew-image-container']{
	transform: skew(calc(var(--angle) * -1));
	
}
[class*='skew-image-container'] .elementor-widget-image{
	overflow: hidden;
}
[class*='skew-image-container'] img{
	transform: skew(var(--angle));
	max-width: unset;
}
.skew-image-container-700 img{
	translate: calc((tan(var(--angle)) * 700px) / -2) 0;
	width: calc(100% + (tan(var(--angle)) * 700px)) !important;
}*/






@media(min-width: 768px){
	.skew-carousel{
		transform: skew(calc(var(--angle) * -1)) !important;
	}
	.skew-carousel .owl-item :is(.uc_classic_carousel_placeholder img, .uc_classic_carousel_content){
		transform: skew(var(--angle));
	}
	.skew-carousel .owl-item .uc_classic_carousel_placeholder img{
		max-width: unset;
		width: calc(100% + (tan(var(--angle)) * 50vh));
		margin-left: calc((tan(var(--angle)) * -50vh) / 2);
	}
}

@media(min-width: 1401px){
	.skew-carousel{
		translate: calc((tan(var(--angle)) * 50vh) / 2) 0;
	}
}

@media(min-width:768px) and (max-width: 1024px){
	.skew-carousel{
		width: calc(100% - tan(var(--angle)) * 450px) !important;
		margin-left: calc(tan(var(--angle)) * 450px / 2) ;
	}
}
@media(min-width:1025px) and (max-width: 1400px){
	.skew-carousel{
		width: calc(100% - tan(var(--angle)) * 500px) !important;
		margin-left: calc(tan(var(--angle)) * 500px / 2) ;
	}
}

.section-corners{
    overflow: hidden;
}
.section-corners::before, .section-corners::after{
    content: "";
    position: absolute;
    background: rgba(255, 255, 255, 0.5);
    width: 1px;
    height: 100%;
    rotate: var(--angle);
}
.section-corners::before{
    left: 90px;
    transform-origin: top;
}
.section-corners::after{
    right: 160px;
    transform-origin: bottom;
}

@media(max-width: 1024px){
	.section-corners::before, .section-corners::after{
		display: none;
	}
}

.image-box-corner .uc_classic_content .uc_classic_content_placeholder{
	line-height: 1;
}
.image-box-corner .uc_classic_content_content, .image-corner{
    position: relative;
    overflow: hidden;
}
.image-box-corner .uc_classic_content_content::after, .image-corner::after{
    content: "";
    background: #022157;
    width: 9999px;
    height: 9999px;
    position: absolute;
    top: 0;
    left: 100%;
    rotate: var(--angle);
    transform-origin: top left;
}

.image-corner::after{    
    top: 70%;
}

.image-corner.white::after{
	background: #fff;
}
.image-corner.top-0::after{
	top: 0;
}
.image-corner.top-25::after{
	top: 25%;
}
.image-corner.top-50::after{
	top: 50%;
}
.image-corner.grey::after{
	background: var(--e-global-color-8e9c803);
}
.image-corner.bottom::after{
	top: unset;
	bottom: 0;
	left: 85%;
	transform-origin: bottom left;
}

.image-box-corner .uc_classic_content_content .ue-title{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.image-box-corner .uc_classic_content_content .ue-title::after{
	content: "";
	background:	url(/wp-content/uploads/2023/10/ionic-md-arrow-right.svg) no-repeat center/contain;
	width: 9px;
	height: 14px;
}

.section-cut-corner-bottom::after{
	content: "";
    background: white;
	border-left: 1px solid var(--e-global-color-079e44c); /* Schwarz 10% */
    width: 9999px;
    height: 9999px;
    position: absolute;
    bottom: 0;
    left: calc(100vw - (tan(var(--angle)) * (400px + var(--spacer-180))) - var(--full-width-content-padding-amount) - var(--scrollbar-width));
    rotate: var(--angle);
    transform-origin: bottom left;
}

@media(max-width: 767px){
	.section-cut-corner-bottom::after{
		left: calc(100vw - (tan(var(--angle)) * 250px) - var(--full-width-content-padding-amount) - var(--scrollbar-width));
	}
}



.hover-img-box{
    position: relative;
}
.hover-img-box .elementor-image-box-img::after{
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.00) 36.28%, rgba(0, 0, 0, 0.30) 44.17%, rgba(0, 0, 0, 0.42) 71%), lightgray 0px -113.043px / 100% 220.809% no-repeat;
    mix-blend-mode: multiply;
}
.hover-img-box .elementor-image-box-img{
	opacity: 0;
    position: absolute;
    inset: 0;
}
.hover-img-box .elementor-image-box-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}
.hover-img-box .elementor-image-box-content{
    display: flex;
    justify-content: space-between;
    align-items: center;
	position: relative;
    z-index: 1;
    padding: var(--spacer-60) 8vw var(--spacer-60) var(--full-viewwidth-content-padding-amount);
}
.hover-img-box .elementor-image-box-content .elementor-image-box-description{
	opacity: 0;
    width: calc(100% / 12 * 5);
}
@media(max-width: 1024px){
	.hover-img-box .elementor-image-box-content .elementor-image-box-title{
		width: calc(100% / 12 * 5);
		
	}
	.hover-img-box .elementor-image-box-content .elementor-image-box-description{
		width: calc(100% / 12 * 7);
	}
}

@media(min-width: 768px){
	.hover-img-box.active :is(.elementor-image-box-img, .elementor-image-box-content .elementor-image-box-description){
		opacity: 1;
	}
}
@media(max-width: 767px){
	.hover-img-box .elementor-image-box-img::after{
		background: rgba(0, 0, 0, 0.4);
	}
	
	.hover-img-box .elementor-image-box-content{
		flex-direction: column;
		align-items: flex-start;
		gap: var(--spacer-40);
	}
	.hover-img-box .elementor-image-box-content .elementor-image-box-title{
		width: 100%;
	}
	.hover-img-box .elementor-image-box-content .elementor-image-box-description{
		display: none;
		opacity: 1;
		width: 100%;
	}
	.hover-img-box.active .elementor-image-box-content .elementor-image-box-description{
		display: block;
	}
	.hover-img-box.active .elementor-image-box-img{
		opacity: 1;
	}
}


.download-icon-box .elementor-icon-box-content{
    padding: var(--spacer-60) var(--full-viewwidth-content-padding-amount);
}
.download-icon-box .elementor-icon-box-icon{
	display: flex;
    align-self: stretch;
    justify-content: center;
    align-items: center;
    border-left: 1px solid var(--e-global-color-079e44c);
    width: 20%;
}

@media(max-width: 767px){
	.download-icon-box .elementor-icon-box-content{
		width: 75%;
	}
	.download-icon-box .elementor-icon-box-icon{
		display: inline-flex !important;
		width: 25%;
	}
}

.history-timeline .owl-stage{
    display: flex;
    align-items: flex-end;
}
.history-timeline .ue-item-pointer-holder{
    justify-content: flex-start !important;
}
.history-timeline .ue-item-bullet-holder{
    margin: 0 !important;
}
.history-timeline .ue-item-bullet-holder :is(.ue-item-bullet-line-spacing, .ue-item-bullet){
    display: none;
}

.custom-icon-list .elementor-icon-list-item a{
    justify-content: space-between !important;
    padding: var(--spacer-40) 0;
}
.custom-icon-list .elementor-icon-list-item .elementor-icon-list-icon{
    order: 99;
}
.custom-icon-list.white .elementor-icon-list-item .elementor-icon-list-icon{
    filter: brightness(0) invert(1);
}

.custom-icon-list.small .elementor-icon-list-item a{
	padding: var(--spacer-20) 0;
}



.image-cut-corners{
    position: relative;
    overflow: hidden;
}
.image-cut-corners::before, .image-cut-corners::after{
    content: "";
    background: var( --e-global-color-b65600d );
    width: 9999px;
    height: 9999px;
    position: absolute;
    top: 70%;
    left: 100%;
    rotate: var(--angle);
    transform-origin: top left;
}
.image-cut-corners::before{
	top: 0;
    left: unset;
    right: 90%;
    transform-origin: top right;
}

.image-cut-corners img{
	min-height: 100%;
}


.contact-section-corners::before, .contact-section-corners::after{
    content: "";
    background: var(--e-global-color-3c03c9f);
    width: 9999px;
    height: 9999px;
    position: absolute;
    top: 30%;
    left: 100%;
    rotate: var(--angle);
    transform-origin: top left;
	z-index: -1;
}
.contact-section-corners::before{
	top: 0;
    left: unset;
    right: 80%;
    transform-origin: top right;
    background-color: var(--e-global-color-8e9c803);
}
.contact-dark .contact-section-corners::before{
	background-color: var(--e-global-color-8783199);
}

@media(max-width: 1024px){
	.contact-section-corners::before{
		right: 85%;
	}
	.contact-section-corners::after{
		top: 60%;
	}
}
@media(max-width: 767px){
	.contact-section-corners::before{
		right: 90%;
	}
	.contact-section-corners::after{
		top: 70%;
	}
}

#service-list .uc_post_list_box a{
    padding: var(--spacer-40) 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#service-list .uc_post_list_box a::after{
    content: "";
    background: url(/wp-content/uploads/2023/10/ionic-md-arrow-right.svg) no-repeat center/contain;
    width: 7px;
    height: 14px;
}

.service-carousel{
    counter-reset: services;
}
.service-carousel .owl-item:not(.cloned) .ue-carousel-item .uc_classic_carousel_content::before{
    counter-increment: services;
    content: counter(services);
    color: white;
    font-family: var(--e-global-typography-primary-font-family);
    font-size: var(--e-global-typography-primary-font-size);
    font-weight: var(--e-global-typography-primary-font-weight);
    line-height: var(--e-global-typography-primary-line-height);
    color: var(--e-global-color-b65600d);
   position: absolute;
   top: 0;
   right: calc((tan(var(--angle)) * 560px) / -2 + 50px);
}

@media(max-width: 1024px){
	.service-carousel .owl-item:not(.cloned) .ue-carousel-item .uc_classic_carousel_content::before{
		 right: calc((tan(var(--angle)) * 400px) / -2 + 50px);
	}
}
/*@media(max-width: 767px){
	.service-carousel .owl-item:not(.cloned) .ue-carousel-item .uc_classic_carousel_content::before{
		 right: 50px;
	}
}*/

@media(max-width: 900px){
	.skew-carousel{
		transform: none !important;
		width: 100% !important;
		margin-left: 0;
	}
	.skew-carousel .owl-item :is(.uc_classic_carousel_placeholder img, .uc_classic_carousel_content){
		transform: none;
	}
	.service-carousel .owl-item:not(.cloned) .ue-carousel-item .uc_classic_carousel_content::before{
		 right: 50px;
	}
}


.anwendung-tabs .e-n-tab-title-text{
    border: 1px solid;
    padding: 15px var(--spacer-40);
    background-color: var(--e-global-color-3c03c9f);
}
.anwendung-tabs .e-n-tab-title[aria-selected="true"]{
    padding-left: var(--spacer-20);
    padding-right: var(--spacer-20);
}
.anwendung-tabs .e-n-tab-title:is(:hover, :focus,[aria-selected="true"]) .e-n-tab-title-text{
   background-color: transparent;
}

.tab-accordion:not(.outer, .inner) .e-n-accordion-item:not(:first-of-type, [open]){
    border-top: 1px solid var(--e-global-color-079e44c);
}
.tab-accordion .e-n-accordion .e-n-accordion-item{
	width: var(--accordion-width, 100%);
	position: static;
}
.tab-accordion .e-n-accordion .e-n-accordion-item summary + .e-con{
	position: static;
}
.tab-accordion .e-n-accordion .e-n-accordion-item .elementor-widget-image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.tab-accordion.inner .e-n-accordion-item{
	padding: 10px;
}
.tab-accordion.inner .e-n-accordion-item + .e-n-accordion-item{
	padding-top: 0;
}
@media(min-width: 767px){
	.tab-accordion .e-n-accordion{
		position: relative;
	}
	.tab-accordion:not(.outer) .e-n-accordion{
		--accordion-width: 37.5%;
		--img-width: 62.5%;
	}
	.tab-accordion.inner .e-n-accordion{
		--accordion-width: 35%;
		--img-width: 65%;
	}
	.tab-accordion .e-n-accordion .e-n-accordion-item .elementor-widget-image{
		position: absolute;
		top: 0;
		left: var(--accordion-width);
		width: var(--img-width);
		height: 100%;
	}
}
@media(min-width: 1024px){
	.tab-accordion .e-n-accordion{
		min-height: 950px;
	}
	.tab-accordion.outer > div > .e-n-accordion{
		--accordion-width: 25%;
		--img-width: 75%;
	}
	.tab-accordion.outer .tab-accordion.inner{
		position: absolute;
		top: 0;
		left: var(--accordion-width);
		width: var(--img-width);
		height: 100%;
	}
}

@media(min-width: 1220px){
	.tab-accordion .e-n-accordion{
		min-height: 820px;
	}
}
@media(min-width: 1920px){
	.tab-accordion .e-n-accordion{
		min-height: 750px;
	}
}


.post-list-arrow .uc_post_list_title a{
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.post-list-arrow .uc_post_list_title a::after{
	content: "";
    background: url(/wp-content/uploads/2023/10/ionic-md-arrow-right.svg) no-repeat center/contain;
    width: 6px;
    height: 12px;
}



.map-corner{
    clip-path: polygon(0px 0px, 100% 0px, 100% 250px, calc(100% - calc(tan(var(--angle)) * 350px)) calc(100% + 1px), 0px calc(100% + 1px));
}
@media(max-width: 1024px){
	.map-corner{
		clip-path: polygon(0px 0px, 100% 0px, 100% 200px, calc(100% - calc(tan(var(--angle)) * 300px)) calc(100% + 1px), 0px calc(100% + 1px));
	}
}
@media(max-width: 767px){
	.map-corner{
		clip-path: polygon(0 0, 100% 0, 100% calc(100% + 1px), 55% calc(100% + 1px), 0 calc(100% - calc(tan(var(--angle)) * 45%)));
	}
}

.contact-form-section-corners{
    overflow: hidden;
}
.contact-form-section-corners::before, .contact-form-section-corners::after{
    content: "";
    position: absolute;
    background: #fff;
    width: 1px;
    height: 100%;
    rotate: var(--angle);
}
.contact-form-section-corners::before{
    transform-origin: top;
    left: calc((var(--container-max-width) / 12* 2.5) + var(--full-viewwidth-content-padding-amount));
    height: 200%;
}
.contact-form-section-corners::after{
    background: var(--e-global-color-3c03c9f); /* Refreshing Cobalt */
    height: 9999px;
    width: 9999px;
    rotate: var(--angle);
    bottom: 0%;
    left: 90%;
    transform-origin: bottom left;
    z-index: 1;
    outline: 1px solid #fff;
    outline-offset: 50px;
}

.team-grid .team_member_grid.uc-items-wrapper{
    row-gap: var(--spacer-120) !important;
}

@media(max-width: 767px){
	.team-grid .team_member_grid.uc-items-wrapper{
		row-gap: var(--spacer-60) !important;
	}
}


.nachhaltigkeits-ziele ul{
    justify-content: space-between;
    align-items: flex-start;
}
.nachhaltigkeits-ziele ul li{
    max-width: 30%;
}
@media(max-width: 1024px){
	.nachhaltigkeits-ziele ul{
		gap: var(--spacer-20);
	}
	.nachhaltigkeits-ziele ul li{
		max-width: unset;
		width: 100%;
	}
}


.green-corner{
	overflow: hidden;
}
.green-corner::after{
	content: "";
	background: var(--e-global-color-9a11524); /* Green */
	position: absolute;
	height: 9999px;
	width: 9999px;
	rotate: var(--angle);
	top: unset;
	left: calc(100% - 150px);
	bottom: 0;
	transform-origin: bottom left;
	z-index: 1;
	outline: 1px solid var(--e-global-color-079e44c); /* Black 10% */
	outline-offset: 50px;
}
@media(max-width: 767px){
	.green-corner::after{
		left: calc(100% - 50px);
		outline-offset: 25px;
	}
}

.big-text-gap :is(p+p, p+ul, li+li){
    margin-top: var(--spacer-60);
}

.scrollable-text-fade{
	max-height: 400px;
	overflow-y: auto;
	-webkit-mask-image: linear-gradient(to bottom, black calc(100% - var(--bottom-mask-size, 0)), transparent 100%);
	mask-image: linear-gradient(to bottom, black calc(100% - var(--bottom-mask-size, 0)), transparent 100%);
	--bottom-mask-size: 0px;
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
}
.scrollable-text-fade::-webkit-scrollbar { 
    display: none;  /* Safari and Chrome */
}
.scrollable-text-fade.overflowing {
  --bottom-mask-size: 120px !important;
}

.nachhaltigkeit-corners{
    overflow: hidden;
}
.nachhaltigkeit-corners::before{
    content: "";
	background: var(--e-global-color-9a11524); /* Green */
	position: absolute;
	height: 9999px;
	width: 9999px;
	rotate: calc(var(--angle) * -1);
	top: 10%;
	left: unset;
	right: calc(100% + 100px);
	transform-origin: top right;
	z-index: 0;
	outline: 1px solid var(--e-global-color-079e44c); /* Black 10% */
	outline-offset: 100px;
}
.nachhaltigkeit-corners::after{
    content: "";
	background: var(--e-global-color-9a11524); /* Green */
	position: absolute;
	height: 9999px;
	width: 9999px;
	left: 75%;
	rotate: calc(var(--angle) * -1);
    transform-origin: top left;
}
@media(max-width: 1024px){
	.nachhaltigkeit-corners::before{
		top: 35%;
		right: calc(100% + 50px);
		outline: none;
	}
	.nachhaltigkeit-corners::after{
		left: 85%;
	}
}
@media(max-width: 767px){
	.nachhaltigkeit-corners::before{
		top: 70%;
		right: calc(100% + 25px);
	}
	.nachhaltigkeit-corners::after{
		left: 90%;
	}
}



.blue-corners{
    overflow: hidden;
}
.blue-corners::before, .blue-corners::after{
    content: "";
    width: 9999px;
    height: 9999px;
    background-color: var(--e-global-color-3c03c9f);
    position: absolute;
}
.blue-corners::before{
    top: 0;
    right: calc(100% - 100px);
    bottom: unset;
    left: unset;
    outline: 1px solid var(--e-global-color-079e44c); /* Black 10% */
	outline-offset: 50px;
	rotate: var(--angle);
	transform-origin: top right;
}
.blue-corners::after{
    bottom: 0;
    left: calc(100% - 150px);
    rotate: var(--angle);
    transform-origin: bottom left;
}
@media(max-width: 1024px){
	.blue-corners::before{
		right: calc(100% - 75px);
	}
	.blue-corners::after{
		left: calc(100% - 100px);
	}
}
@media(max-width: 767px){
	.blue-corners::before{
		right: calc(100% - 30px);
		outline-offset: 25px;
	}
	.blue-corners::after{
		left: calc(100% - 50px);
	}
}

.red-corners{
    overflow: hidden;
}
.red-corners::before{
    content: "";
	background: var(--e-global-color-72f9eed);
	position: absolute;
	height: 9999px;
	width: 9999px;
	rotate: var(--angle);
	top: 0%;
	left: unset;
	right: 90%;
	transform-origin: top right;
	z-index: 0;
}
.red-corners::after{
    content: "";
	background: var(--e-global-color-72f9eed);
	position: absolute;
	height: 9999px;
	width: 9999px;
	left: 95%;
	bottom: 0;
	rotate: var(--angle);
    transform-origin: bottom left;
}
.red-corners.auszeichnung::after{
    outline: 1px solid var(--e-global-color-079e44c); /* Black 10% */
	outline-offset: 100px;
}
@media(max-width: 1024px){
	.red-corners::after{
		left: 90%;
	}
	.red-corners.auszeichnung::after{
		outline-offset: 50px;
	}
}
@media(max-width: 767px){
	.red-corners.auszeichnung::after{
		outline-offset: 25px;
	}
}

.section-top-left-corner{
	overflow: hidden;
}
.section-top-left-corner::after{
	content: "";
	background: var(--e-global-color-4f4dadd); /* White */
	position: absolute;
	height: 9999px;
	width: 9999px;
	left: unset;
	right: 95%;
	top: 0;
	rotate: var(--angle);
    transform-origin: top right;
}

.blue-corner-right{
	overflow: hidden;
}
.blue-corner-right::after{
	content: "";
	background: var(--e-global-color-3c03c9f); /* Blue */
	position: absolute;
	height: 9999px;
	width: 9999px;
	rotate: var(--angle);
	top: unset;
	left: 75%;
	bottom: 0;
	transform-origin: bottom left;
	z-index: 1;
}
@media(max-width: 767px){
	.blue-corner-right::after{
		left: 90%;
	}
}

#benefits{
    overflow: hidden;
}
#benefits::before{
    content: "";
    position: absolute;
    background: var(--e-global-color-079e44c);
    width: 1px;
    height: 100%;
    rotate: var(--angle);
	left: 90px;
    transform-origin: top;
}
.benefits-wrapper::before, .benefits-wrapper::after{
	content: "";
    background: var(--e-global-color-72f9eed);
    position: absolute;
	width: 100%;
	height: 100%;
}
.benefits-wrapper::before{
    left: unset;
    top: 0;
    right: 100%;
    border-right: 15px solid white;
}
.benefits-wrapper::after{
    left: 100%;
    top: 0;
    right: unset;
    border-left: 15px solid white;
}
.benefits-wrapper{
     display: grid;
     grid-template-columns:repeat(auto-fit,minmax(clamp(100%/(5 + 1) + 0.1%,220px,100%),1fr));
     transform: skew(calc(var(--angle) * -1));
     max-width: calc(100% - (tan(var(--angle)) * var(--benefits-wrapper-height)));
}
.benefits-wrapper .benefit-box{
    min-height: 235px;
}
.benefits-wrapper .benefit-box .elementor-icon-box-wrapper{
    height: 100%;
    display: flex !important;
    flex-direction: column !important;
    padding: var(--spacer-30) 50px var(--spacer-20);
}
.benefits-wrapper .benefit-box .elementor-icon-box-wrapper > *{
    transform: skew(var(--angle));
}
.benefits-wrapper .benefit-box .elementor-icon-box-wrapper .elementor-icon-box-icon{
    margin: 0;
}
.benefits-wrapper .benefit-box .elementor-icon-box-wrapper .elementor-icon-box-content{
    flex-grow: 0;
    margin-top: auto;
}
@media(max-width: 1340px){
	.benefits-wrapper{
		 transform: none;
		 max-width: 100%;
	}
	.benefits-wrapper .benefit-box .elementor-icon-box-wrapper > *{
		transform: none;
	}
	.benefits-wrapper::before, .benefits-wrapper::after{
		display: none;
	}
	.benefits-wrapper .benefit-box{
		min-height: 0;
	}
	.benefits-wrapper .benefit-box .elementor-icon-box-wrapper{
		padding: var(--spacer-40) var(--spacer-60);
		gap: var(--spacer-60);
	}
}
@media(max-width: 1024px){
	#benefits::before{
		display: none;
	}
}

.bewerbung-carousel{
    counter-reset: ablauf;
}
.bewerbung-carousel .owl-stage{
    display: flex;
}
.bewerbung-carousel .owl-item{
    display:flex;
}
.bewerbung-carousel .owl-item::after{
    content: "";
    background: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 127 400' fill='none' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3E%3Cpath d='M0 400V0L106.5 271L0 400Z' fill='%23F4F5F8'/%3E%3Cpath d='M127 271L20.5 0H127V271V400H20.5L127 271Z' fill='%23F4F5F8'/%3E%3C/svg%3E%0A") no-repeat;
	background-size: calc(100% + 1px) 100%;
    height: 100%;
    width: 120px;
}
.bewerbung-carousel .owl-item:last-of-type::after{
    background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 106 401' fill='none' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3E%3Cpath d='M0 401V0L105.5 270.5L0 401Z' fill='%23F7144B'/%3E%3C/svg%3E%0A");
}
.bewerbung-carousel .owl-item:nth-last-of-type(2)::after{
	background: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 127 400' fill='none' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3E%3Cpath d='M0 400V0L106.5 271L0 400Z' fill='%23F4F5F8'/%3E%3Cpath d='M127 271L20.5 0H127V271V400H20.5L127 271Z' fill='%23F7144B'/%3E%3C/svg%3E%0A") no-repeat;
	background-size: calc(100% + 1px) 100%;
}
.bewerbung-carousel .owl-item .ue-carousel-item{
    height: 100%;
}
.bewerbung-carousel .owl-item:last-of-type .ue-carousel-item{
    background-color: #F7144B!important;
}
.bewerbung-carousel .owl-item:last-of-type .card_carousel_title{
	color:#fff!important;
}
.bewerbung-carousel .owl-item:last-of-type .uc_classic_carousel_content::before{
	color: #F7144B;
	background:#fff;
}
.bewerbung-carousel .owl-item .uc_classic_carousel_content::before{
    counter-increment: ablauf;
    content: counter(ablauf);
    font-size: var(--e-global-typography-5f22da2-font-size);
    line-height: var(--e-global-typography-5f22da2-line-height);
    color: white;
    background: var(--e-global-color-72f9eed);
    align-self: flex-start;
    padding: 3px 15px;
}
@media(max-width: 1024px){
	.bewerbung-carousel .owl-item::after{
		width: 90px;
	}
}
@media(max-width: 767px){
	.bewerbung-carousel .owl-item::after{
		width: 60px;
	}
}

.karriere-faq{
    counter-reset: faq;
}
.karriere-faq details{
    border-bottom: 1px solid var(--e-global-color-079e44c);
}
.karriere-faq .e-n-accordion-item .e-n-accordion-item-title::before{
    counter-increment: faq;
    content: counter(faq,  decimal-leading-zero);
    flex-basis: 15%;
    font-size: var(--e-global-typography-5f22da2-font-size);
    font-weight: var(--e-global-typography-5f22da2-font-weight);
}
.karriere-faq .e-n-accordion-item .e-n-accordion-item-title .e-n-accordion-item-title-header{
	flex-basis: 80%;
}
.karriere-faq .e-n-accordion-item .e-n-accordion-item-title-icon{
    margin-left: auto;
}
.karriere-faq .e-n-accordion-item .e-n-accordion-item-title + .e-con{
    max-width: clamp(50%, 850px, 85%);
    margin-left: 15%;
}

.stellen-accordion .e-n-accordion-item .e-n-accordion-item-title{
    justify-content: space-between;
}
.stellen-accordion .e-n-accordion-item .e-n-accordion-item-title-icon span>svg{
    width: var(--n-accordion-icon-size);
}
@media(max-width: 767px){
	.stellen-accordion .e-n-accordion-item .e-n-accordion-item-title{
		align-items: flex-start;
	}
	.stellen-accordion .e-n-accordion-item .e-n-accordion-item-title-icon{
		padding-top: calc(var(--n-accordion-title-font-size) * 1.44 / 2)
	}
}

.stellen-list .uc_post_list_content{
	flex-direction: row !important;
	align-items: center;
    justify-content: space-between !important;
	gap: var(--spacer-40);
}
.stellen-list .uc_post_list_content::after{
    content: "";
    background: url(/wp-content/uploads/2023/10/ionic-md-arrow-right.svg) no-repeat center/contain;
    width: 7px;
    height: 14px;
    filter: brightness(0) invert(1);
	flex-shrink: 0;
}
.stellen-list .uc_post_list_content_inside{
	flex-grow: 1;
    display: flex;
	align-items: center;
    justify-content: space-between;
	gap: var(--spacer-40);
}
.stellen-list .uc_post_list_content_inside .uc_post_list_title{
    flex-basis: 60%;
	flex-grow: 1;
}
.stellen-list .uc_post_list_title a::after{
    content: "(w/m/d)";
	margin-left: 1ch;
}
.stellen-list .uc_post_list_content_inside .ue-meta-data{
    flex-basis: 35%;
}
@media(max-width: 1024px ){
	.stellen-list .uc_post_list_content_inside{
		flex-direction: column;
		align-items: flex-start;
		padding-bottom: 40px;
	}
	.stellen-list .uc_post_list_content_inside .uc_post_list_title{
		padding-bottom: 0 !important;
	}
}

.application-form .elementor-form-fields-wrapper > div.elementor-field-type-html:first-of-type{
    background: var(--e-global-color-72f9eed);
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    font-style: normal;
    color: var(--e-global-color-4f4dadd);
    margin-left: calc( var(--spacer-20) / 2);
    margin-right: calc( var(--spacer-20) / 2);
    margin-bottom: 50px;
    padding: calc( var(--spacer-20) / 2) var(--spacer-20);
}


.ausbildung-ansprechpartner-grid{
    display: grid;
    grid-template-columns: 30% 1fr 30%;
    grid-template-areas: "img1 text1 img2" "img1 text2 img2";
}
.ausbildung-ansprechpartner-grid .img1{
    grid-area: img1;
}
.ausbildung-ansprechpartner-grid .img2{
    grid-area: img2;
}
.ausbildung-ansprechpartner-grid .text1{
    grid-area: text1;
}
.ausbildung-ansprechpartner-grid .text2{
    grid-area: text2;
    justify-self: flex-end;
}
@media(max-width: 767px){
    .ausbildung-ansprechpartner-grid{
        grid-template-columns: 1fr 1fr;
        grid-template-areas: "img1 img2" "text1 text2";
        grid-template-rows: max-content;
		column-gap: var(--spacer-60);
    }
    .ausbildung-ansprechpartner-grid .text2{
        justify-self: flex-start;
    }
}

@media(min-width: 1024px){
	.leiter-img{
		height: 120%;
	}
}
.leiter-img img{
    height: auto;
	min-height: 100%;
    width: auto;
    object-fit: contain;
    object-position: bottom;
}

.custom-video iframe, .custom-video .cookieconsent-optout-marketing div{
	aspect-ratio: 16 / 9;
}
.custom-video .cookieconsent-optout-marketing div {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.5);
}
.custom-video .cookieconsent-optout-marketing div a{
	color: var(--e-global-color-4f4dadd);
}
.custom-video .elementor-custom-embed-image-overlay::before{
    content: "";
    background: white;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 85%;
    transform-origin: top right;
    rotate: var(--angle);
}

.corners-404{
    overflow: hidden;
}
.corners-404::before, .corners-404::after{
    content: "";
    background: var(--e-global-color-8783199);
    width: 9999px;
    height: 9999px;
    position: absolute;
    rotate: var(--angle);
}
.corners-404::before{
    right: 80%;
    left: unset;
    transform-origin: top right;
    outline: 1px solid white;
    outline-offset: 100px; 
}
.corners-404::after{
    left: 85%;
    bottom: 0;
    transform-origin: bottom left;
}
@media(max-width: 1024px){
	.corners-404::before{
		right: 90%;
		outline-offset: 50px; 
	}
	.corners-404::after{
		left: 90%;
	}
}
@media(max-width: 767px){
	.corners-404::before{
		right: 90%;
		outline: none; 
	}
	.corners-404::after{
		left: 90%;
	}
}


.custom-timeline{
    display: grid;
    grid-template-columns: 1fr 1px 1fr;
    grid-auto-flow: column;
    grid-auto-rows: auto;
}
.custom-timeline .timeline-item .elementor-icon-box-title{
    position: relative;
    border-bottom: 1px solid #ffffff4D;
    padding-bottom: 10px;
	margin-top: 0;
}

/* Linie Mitte */
.custom-timeline .timeline-line{
    grid-column: 2;
    grid-row: 1 / span 1000;
}
.custom-timeline .timeline-line::before{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-bottom: 17px solid #ffffff4D;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent; 
	position: absolute;
	left: unset;
    top: 0;
    translate: -50% -100%;
}
.custom-timeline .timeline-line::after{
	content: "";
	width: 10px;
	height: 10px;
	background-color: #ffffff4d;
	border-radius: 50%;
	position: absolute;
	bottom: 0;
	translate: -50% 100%;
}

/* Linke Spalte */
.custom-timeline .timeline-item:nth-of-type(2n){
    grid-column: 1;
    grid-row: span 2;
}
.custom-timeline .timeline-item:nth-of-type(2n) .elementor-icon-box-content > *{
    padding-right: var(--spacer-160);
}
.custom-timeline .timeline-item:nth-of-type(2n) .elementor-icon-box-title::after{
    content: "";
    border-right: 17px solid white;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    translate: 0 50%;
}

/* Rechte Spalte */
.custom-timeline .timeline-item:nth-of-type(2n + 1){
    grid-column: 3;
    grid-row: span 2;
    padding-top: var(--spacer-80);
}
.custom-timeline .timeline-item:nth-of-type(2n + 1) .elementor-icon-box-content > *{
    padding-left: var(--spacer-160);
}
.custom-timeline .timeline-item:nth-of-type(2n + 1) .elementor-icon-box-title::before{
    content: "";
    border-left: 17px solid white;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    translate: 0 50%;
}

.custom-timeline .timeline-item:last-of-type{
	padding-bottom: var(--spacer-80);
}

@media(max-width: 767px){
	.custom-timeline{
		grid-template-columns: 1px 1fr;
	}
	.custom-timeline .timeline-line{
		grid-column: 1;
	}
	.custom-timeline .timeline-item{
		grid-column: 2 !important;
		grid-row-start: auto !important;
		padding-top: var(--spacer-100) !important;
	}
	.custom-timeline .timeline-item .elementor-icon-box-content > *{
		padding-right: 0 !important;
		padding-left: var(--spacer-100) !important;
	}
	.custom-timeline .timeline-item .elementor-icon-box-title::after{
		display: none !important;
	}
	.custom-timeline .timeline-item .elementor-icon-box-title::before{
		content: "";
		border-left: 17px solid white;
		border-top: 5px solid transparent;
		border-bottom: 5px solid transparent;
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		translate: 0 50%;
	}
}


.stock::after{
    content: url(https://armbruster.g3kunden.de/wp-content/uploads/2025/05/Stoerer.svg);
    position: absolute;
    bottom: 0;
    right: 0;
}

.elementor-widget-text-editor > .elementor-widget-container > p:first-of-type{
	margin-top: 0;
}


@media(min-width: 1400px){
	.carousel-4 .elementor-swiper-button{
		display: none !important;
	}
}
@media(min-width: 1024px){
	.carousel-3 .elementor-swiper-button{
		display: none !important;
	}
}
@media(min-width: 767px){
	.carousel-2 .elementor-swiper-button{
		display: none !important;
	}
}

/*** WEITERE ELEMENTE ENDE ***/