.elementor-kit-206{--e-global-color-primary:#3A3A3A;--e-global-color-secondary:#E3E3E3;--e-global-color-text:#9E1E34;--e-global-color-accent:#F5F5F5;--e-global-color-23f14ea5:#FFF;--e-global-typography-primary-font-family:"Lato";--e-global-typography-primary-font-size:40px;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Lato";--e-global-typography-secondary-font-size:28px;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Lato";--e-global-typography-text-font-size:17px;--e-global-typography-text-font-weight:normal;--e-global-typography-text-letter-spacing:0.5px;--e-global-typography-accent-font-family:"Lato";--e-global-typography-accent-font-size:15px;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-letter-spacing:2px;color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-206 e-page-transition{background-color:#FFBC7D;}.elementor-kit-206 a{color:var( --e-global-color-text );}body{overflow-x:inherit !important;}.elementor a, .elementor a:link, .elementor a:focus, .elementor a:active, .elementor a:hover{text-decoration:inherit !important;}.elementor a:link, .elementor .smooth-hover a:link, {transition:inherit;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1340px;}.e-con{--container-max-width:1340px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-206{font-size:var( --e-global-typography-text-font-size );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-206{font-size:var( --e-global-typography-text-font-size );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */:root {
	--e-global-typography-966bd9f-font-size: clamp(4.8rem, calc(4.8rem + ((1vw - 0.375rem) * 4.6602)), 12rem);
	/* Stage Heading (4.8 - 12rem) */
	--e-global-typography-ea93fe6-font-size: clamp(1.2rem, calc(1.2rem + ((1vw - 0.375rem) * 0.1942)), 1.5rem);
	/* Vertikaler Text */
	--e-global-typography-3c1f992-font-size: clamp(1.2rem, calc(1.2rem + ((1vw - 0.375rem) * 0.3236)), 1.5rem);
	/* Auszeichnung (1.2 - 1.5rem) */
	--e-global-typography-7fbb677-font-size: clamp(3rem, calc(3rem + ((1vw - 0.375rem) * 2.3948)), 6.7rem);
	/* Headline Med */
	--e-global-typography-c4dc168-font-size: clamp(1.5rem, calc(1.5rem + ((1vw - 0.375rem) * 0.3236)), 2rem);
	/* Auszeichnung Bold */
	--e-global-typography-1b73d01-font-size: clamp(1.7rem, calc(1.7rem + ((1vw - 0.375rem) * 0.4531)), 2.5rem);
	/* Footer Text Big */
	--e-global-typography-a9774f5-font-size: clamp(3rem, calc(3rem + ((1vw - 0.375rem) * 1.0356)), 4.6rem);
	/* Footer Headline */
	--e-global-typography-1166b88-font-size: clamp(1.5rem, calc(1.5rem + ((1vw - 0.375rem) * 0.6472)), 2.5rem);
	/* Rechtliche Links Footer */
	--e-global-typography-bb88e43-font-size: clamp(2.8rem, calc(2.8rem + ((1vw - 0.375rem) * 0.5825)), 3.7rem);
	/* Zwischentext */
	--e-global-typography-feb9702-font-size: clamp(2.7rem, calc(2.7rem + ((1vw - 0.375rem) * 0.8414)), 4rem);
	/* Fließtext Groß  */
	--e-global-typography-text-font-size: clamp(1.6rem, calc(1.6rem + ((1vw - 0.375rem) * 0.2589)), 2rem);
	/* Text */
	--e-global-typography-0cf2e81-font-size: clamp(3.2rem, calc(3.2rem + ((1vw - 0.375rem) * 1.4887)), 5.5rem);
	/* Kontaktmöglichkeiten */
	--e-global-typography-96e77ff-font-size: clamp(3rem, calc(3rem + ((1vw - 0.375rem) * 2.3948)), 6.7rem);
	/* Headline Med Serif */
	--e-global-typography-36d5457-font-size: clamp(4.2rem, calc(4.2rem + ((1vw - 0.375rem) * 3.4304)), 9.5rem);
	/* Jobtitel */
	--duration: .6s;
	/* Animationsdauer Jobs Hover*/
}

html,
body {
	overflow-x: visible !important;
}


/* Navi Mobil */

.html_lines {
	cursor: pointer;
	min-height: 5rem !important;
	display: grid;
	place-items: center;
}


/* Navi Sticky */

@media (min-width: 1340px) {
	.nav_holder>.elementor-container>.elementor-row {
		display: grid;
		grid-template-columns: 1fr 1340px 1fr;
		justify-items: start;
	}
}

.nav_holder,
.werbe-id-logo-part,
.werbeid_nav,
.mobnav_line,
.mobnav {
	transition: all .4s ease-out;
}

.nav_holder.elementor-sticky--effects {
	/*padding-bottom: 6.8rem !important;*/
	background: #fff;
}

.werbe-id-logo img {
	transform: translateY(0px);
	transition: transform .4s ease-out;
	width: 100px !important;
}


/*@media (max-width: 1023px) {*/


/*    .werbe-id-logo img {*/


/*        transform: translateY(-10px);*/


/*    }*/


/*}*/

.nav_holder.elementor-sticky--effects .werbe-id-logo img
/*, .nav_holder.elementor-sticky--effects .werbeid_nav*/

{
	transform: translateY(-200px);
	height: 20px;
	width: 0px !important;
}

@media (min-width: 1025px) {
	.mobnav {
		width: auto;
	}
	.mobnav {
		transform: translateY(-200px);
		height: 0;
	}
	/*.nav_holder.elementor-sticky--effects .mobnav  {*/
	/*    height: 30px;*/
	/*    transform: translateY(-10px) !important;*/
	/*}*/
}


/*.nav_holder.elementor-sticky--effects .mobnav  {*/


/*    transform: translateY(0px);*/


/*}*/

.werbe-id-logo-part {
	transform: translateY(-200px);
	height: 0;
}

.nav_holder.elementor-sticky--effects .werbe-id-logo-part {
	transform: translateY(-10px);
}

@media (max-width: 1024px) {
	.nav_holder.elementor-sticky--effects .werbe-id-logo-part {
		transform: translateY(-15px);
	}
}

@media (min-width:1025px) and (max-width:1339px) {
	.nav_holder.elementor-sticky--effects .werbe-id-logo-part {
		transform: translateY(-20px);
	}
}

@media (min-width: 1741px) {
	.nav_holder.elementor-sticky--effects .werbe-id-logo-part {
		transform: translateY(-18px);
	}
}

.mobnav_line {
	width: clamp(3.5rem, calc(3.5rem + ((1vw - 0.375rem) * 2.0065)), 6.6rem);
	;
	height: .4rem;
	background: var(--e-global-color-primary);
	-webkit-box-shadow: 0px 13px 0px 0px #000000;
	box-shadow: 0px 13px 0px 0px #000000;
}

.html_lines:hover .mobnav_line {
	background: var(--e-global-color-primary);
	-webkit-box-shadow: 0px 23px 0px 0px #000000;
	box-shadow: 0px 23px 0px 0px #000000;
	transform: translateY(-5px);
}

.mobnav_close_line,
.mobnav_close,
.mobnav_close_line:after {
	transition: all .4s ease-out;
}

.mobnav_close_line {
	width: clamp(3.5rem, calc(3.5rem + ((1vw - 0.375rem) * 2.0065)), 6.6rem);
	height: .4rem;
	background: #fff;
	transform: rotate(45deg);
}

.mobnav_close_line:after {
	content: '';
	position: absolute;
	width: clamp(3.5rem, calc(3.5rem + ((1vw - 0.375rem) * 2.0065)), 6.6rem);
	;
	height: .4rem;
	background: #fff;
	transform: rotate(90deg);
	transform-origin: center;
}

.html_lines:hover .mobnav_close_line {
	transform: rotate(0deg);
}

.html_lines:hover .mobnav_close_line:after {
	opacity: 0;
}

.referenzen_card_titel {
	color: var( --e-global-color-15c1061);
	font-family: var( --e-global-typography-3c1f992-font-family), Sans-serif;
	font-size: var( --e-global-typography-3c1f992-font-size);
	font-weight: var( --e-global-typography-3c1f992-font-weight);
	line-height: var( --e-global-typography-3c1f992-line-height);
	letter-spacing: var( --e-global-typography-3c1f992-letter-spacing);
}

html {
	font-size: 62.5%;
}

::selection {
	background: var(--e-global-color-15c1061);
	color: var(--e-global-color-primary);
}

.elementor-section-boxed {
	padding-left: clamp(2rem, calc(2rem + ((1vw - 0.375rem) * 3.8835)), 10rem) !important;
	padding-right: clamp(2rem, calc(2rem + ((1vw - 0.375rem) * 3.8835)), 10rem) !important;
	max-width: 2560px;
	margin: 0 auto;
}


/* Hover Overlay */

body:not(.elementor-editor-active) .overlay_spalte {
	position: absolute !important;
	width: 100% !important;
	height: 100% !important;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	margin: 0 auto !important;
	left: 0;
	right: 0;
	top: 0;
	transition: all .4s ease-out;
}

body:not(.elementor-editor-active) .hoverspalte .elementor-widget-image,
body:not(.elementor-editor-active) .hoverspalte img {
	height: 100%;
	object-fit: cover !important;
	margin: 0;
}

body:not(.elementor-editor-active) .hoverspalte:hover .overlay_spalte {
	background: #fff !important;
	width: calc(100% - 5rem) !important;
	height: calc(100% - 5rem) !important;
	display: grid !important;
	place-items: center;
	opacity: 1;
	margin: 0 auto !important;
	left: 0;
	right: 0;
	top: 2.5rem;
}

@media (max-width: 768px) {
	body:not(.elementor-editor-active) .hoverspalte:hover .overlay_spalte {
		width: calc(100% - 2.5rem) !important;
		height: calc(100% - 2.5rem) !important;
		top: 1.25rem;
		;
	}
}

body:not(.elementor-editor-active) .hover_elm {
	opacity: 0;
	transition: all .4s ease-out;
}

body:not(.elementor-editor-active) .hoverspalte:hover .hover_elm {
	opacity: 1;
}

body:not(.elementor-editor-active) .hoverpfeil svg,
.piotnet_hoverpfeil {
	opacity: 0;
	transform: translatex(-30px) !important;
	transition: all .4s .4s ease-out !important;
}

body:not(.elementor-editor-active) .hoverspalte:hover .hoverpfeil svg,
body:not(.elementor-editor-active) .hoverspalte:hover .piotnet_hoverpfeil {
	opacity: 1;
	transform: translateX(0) !important;
}


/* Pfeilanimation bei Hover */

.hoverpfeil {
	transform: translateX(0);
	transition: all .3s ease-out !important;
}

.hoverlink:hover~.hoverpfeil {
	transform: translateX(1.5rem);
}


/* Hoveranimation Button */

.pfeillink {
	transition: .6s ease-out;
	background: #fff;
	background: linear-gradient(90deg, var(--e-global-color-15c1061) 50%, rgba(255, 255, 255, 0) 50%);
	background-size: 400%;
	background-position: 100%;
}

@media (max-width: 767px) {
	.pfeillink span.elementor-button-content-wrapper {
		align-items: center;
	}
	.pfeillink span.elementor-button-icon.elementor-align-icon-right {
		display: flex;
		align-items: center;
		margin-top: .3rem;
	}
}

.pfeillink:hover {
	background-position: 0px;
}

.pfeillink:hover .st1,
.pfeillink:hover .st2 {
	fill: none;
	stroke: #fff;
	stroke-width: 2;
	stroke-miterlimit: 1;
}

.pfeillink .elementor-button-icon svg {
	width: clamp(5rem, calc(5rem + ((1vw - 0.375rem) * 2.0712)), 8.2rem) !important;
	transition: all .3s .17s ease-out;
	margin-top: -3px;
}

.pfeillink:hover .elementor-button-icon svg {
	transform: translateX(2rem);
	margin-right: 2rem;
}

.pfeillink_reverse {
	transition: .6s ease-out;
	background: #fff;
	background: linear-gradient(-90deg, var(--e-global-color-15c1061) 50%, rgba(255, 255, 255, 0) 50%);
	background-size: 400%;
	background-position: 0%;
}

.pfeillink_reverse:hover {
	background-position: 100%;
}

.pfeillink_reverse:hover .st1,
.pfeillink_reverse:hover .st2 {
	fill: none;
	stroke: #fff;
	stroke-width: 2;
	stroke-miterlimit: 1;
}

.pfeillink_reverse .elementor-button-icon svg {
	width: clamp(5rem, calc(5rem + ((1vw - 0.375rem) * 2.0712)), 8.2rem) !important;
	transition: all .3s .17s ease-out;
	margin-top: -3px;
	/*margin-top: -.4rem;*/
}

.pfeillink_reverse:hover .elementor-button-icon svg {
	transform: translateX(-3rem);
	margin-left: 3rem;
	margin-right: -3rem;
}

@media (max-width: 768px) {
	.pfeillink_reverse .elementor-button-icon svg {
		margin-top: .2rem;
	}
}


/* TEST FLEX AUF CONTAINER */

.flexsegment>.elementor-container>.elementor-row {
	display: flex !important;
	justify-content: flex-start !important;
	flex-wrap: wrap !important;
}

body:not(.page-id-257) .hoverspalte {
	flex: 1 0 33%;
}

@media (max-width: 767px) {
	body:not(.page-id-257) .hoverspalte {
		flex: 1 0 50%;
	}
}

.img_aligned_right img {
	object-position: right;
}

.full {
	max-width: 100vw;
	width: 100vw !important;
	margin: auto calc( -50vw + 50%);
}


/* Piotnet Anpassungen */

a.piotnetgrid-section.overlay_spalte .piotnetgrid-column__inner {
	display: grid !important;
	place-items: center !important;
}

@media (min-width: 768px) {
	a.piotnetgrid-section.overlay_spalte .piotnetgrid-column__inner {
		height: 430px;
	}
}


/*a.piotnetgrid-section.overlay_spalte .piotnetgrid-image__content {*/


/*    height: auto !important;*/


/*}*/

@media (min-width: 768px) {
	.piotnetgrid-image__content {
		height: 500px;
	}
}

.piotnet_hoverpfeil .piotnetgrid-image__content img {
	height: auto !important;
}

.piotnet_hoverpfeil>.piotnetgrid-image__content {
	height: auto;
}

@media (max-width: 768px) {
	body:not(.elementor-editor-active) .hoverspalte:hover .piotnetgrid-section.overlay_spalte {
		width: calc(100% - 2.5rem) !important;
		height: calc(100% - 3.5rem) !important;
		top: 1.25rem;
		;
	}
}


/* Jobs Hover Animation */

.der_link {
	background: var(--e-global-color-15c1061);
	background: linear-gradient(90deg, var(--e-global-color-15c1061) 50%, #fff 50%) !important;
	background-size: 215% !important;
	background-position: 100% !important;
	transition: var(--duration);
	transition: color var(--duration), background-position var(--duration);
}

.der_link:hover {
	background-position: 0% !important;
}

.job_title p,
.job_icon svg {
	transition: fill var(--duration) calc(var(--duration) / 4)/*, color var(--duration)*/
	!important;
}

.der_link:hover .job_title p {
	color: #fff !important;
}

.der_link .job_icon svg {
	transform: translateX(0);
	transition: all var(--duration) !important;
}

.der_link:hover .job_icon svg {
	fill: #fff !important;
	transform: translateX(2rem) !important;
}

@keyframes translateIt {
	0% {
		transform: translateX(0);
	}
	50% {
		transform: translateX(-1.2rem);
	}
	100% {
		transform: translateX(0);
	}
}


/* Sortierung Referenzen */

@media (min-width: 1025px) {
	.gridgrid .piotnetgrid-card:nth-of-type(8n+1) {
		width: 120% !important;
	}
	.gridgrid .piotnetgrid-card:nth-of-type(8n+2) {
		width: 80% !important;
		place-self: end;
	}
	.gridgrid .piotnetgrid-card:nth-of-type(8n+3) {
		width: 100% !important;
	}
	.gridgrid .piotnetgrid-card:nth-of-type(8n+4) {
		width: 100% !important;
	}
	.gridgrid .piotnetgrid-card:nth-of-type(8n+5) {
		width: 80% !important;
	}
	.gridgrid .piotnetgrid-card:nth-of-type(8n+6) {
		width: 120% !important;
		margin-left: -20%
	}
	.gridgrid .piotnetgrid-card:nth-of-type(8n+7) {
		width: 100% !important;
	}
	.gridgrid .piotnetgrid-card:nth-of-type(8n+8) {
		width: 100% !important;
		place-self: end;
	}
}/* End custom CSS */