/* 
Theme Name: EJK Group
Theme URI: https://github.com/elementor/hello-theme-child/
Description: EJK Group Theme is a child theme of Hello Elementor
Author: graf.ik Mediendesign
Author URI: https://graf-ik.de
Template: hello-elementor
Version: 3.4.9
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

.elementor-widget-text-editor {
	font-family:var(--main);
	color:var(--pri-ejk-blau);
}

.elementor-widget-text-editor h1, 
.elementor-widget-text-editor h2,
.elementor-widget-text-editor h3, 
.elementor-widget-text-editor h4, 
.elementor-widget-text-editor h5, 
.elementor-widget-text-editor h6 {
	font-weight:700;
	line-height:var(--lineheight-base);
}

.elementor-widget-text-editor h3 {
	font-size:var(--h3);
}

.elementor-widget-text-editor h4 {
	font-size:var(--h4);
}

.elementor-widget-text-editor h5 {
	font-size:var(--h5);
	margin-top: var(--gap-32);
	margin-bottom: var(--gap-16);
}

.elementor-widget-text-editor h6 {
	font-size:var(--h6);
	margin-top: var(--gap-16);
	margin-bottom: 0;

}

.elementor-widget-text-editor p,
.elementor-widget-text-editor ul {
	font-weight: 400;
	font-size: var(--base);
	line-height: var(--lineheight-large);
	margin-bottom: var(--gap-8);
}





/* ==========================
HERO HEADER
============================= */

.heading-hero .heading-hero-first {
	font-weight: 400;
}

.elementor-widget-theme-site-logo.elementor-widget-image a img[src$=".svg"] {
	width: revert-layer;
}

/* SMOOTH PAGE LOAD */

/* Fade In Up */
@keyframes ejkFadeUp {
	from {
		opacity: 0;
		translate: 0 18px;
	}

	to {
		opacity: 1;
		translate: 0 0;
	}
}

/* Fade In Down */
@keyframes ejkFadeDown {
	from {
		opacity: 0;
		translate: 0 -14px;
	}

	to {
		opacity: 1;
		translate: 0 0;
	}
}


/* Logo – Fade in down */
.elementor-38 .elementor-widget-theme-site-logo {
	animation: ejkFadeDown 1.3s cubic-bezier(0.16, 1, 0.3, 1) both;
	animation-delay: 0.08s;
}


/* Nav - Fade in down */
.elementor-38 .navigation-con:not(.is-open) > .navigation-link {
	animation-name: ejkFadeDown;
	animation-duration: 1.25s;
	animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
	animation-fill-mode: both;
}

.elementor-38 .navigation-con:not(.is-open) > .navigation-link:nth-child(1) {
	animation-delay: 0.15s;
}

.elementor-38 .navigation-con:not(.is-open) > .navigation-link:nth-child(2) {
	animation-delay: 0.24s;
}

.elementor-38 .navigation-con:not(.is-open) > .navigation-link:nth-child(3) {
	animation-delay: 0.33s;
}

.elementor-38 .navigation-con:not(.is-open) > .navigation-link:nth-child(4) {
	animation-delay: 0.42s;
}

.elementor-38 .navigation-con:not(.is-open) > .navigation-link:nth-child(5) {
	animation-delay: 0.51s;
}

.elementor-38 .navigation-con:not(.is-open) > .navigation-link:nth-child(6) {
	animation-delay: 0.60s;
}

/* Hero Unternehmenslogo - Fade in up */
.elementor-38 .hero-main-con .synergie-logos-main-con {
	animation: ejkFadeUp 1.35s cubic-bezier(0.16, 1, 0.3, 1) both;
	animation-delay: 0.50s;
}

/* Hero Headline - Fade in up */
.elementor-38 .heading-hero,
.elementor-38 .heading-hero-unternehmen {
	animation: ejkFadeUp 1.4s cubic-bezier(0.16, 1, 0.3, 1) both;
	animation-delay: 0.65s;
}


/* Hero Button - Fade in up */
.elementor-38 .hero-main-con .btn-outline-bright {
	animation: ejkFadeUp 1.35s cubic-bezier(0.16, 1, 0.3, 1) both;
	animation-delay: 0.80s;
}


/* Facts einzeln - Fade in up */
.elementor-38 .hero-bottom-con .bottom-con-slides > .fact {
	animation: ejkFadeUp 1.35s both;
	animation-delay: calc( sibling-index() * 0.175s);
}

/*
.elementor-38 .hero-bottom-con .bottom-con-slides > .fact:nth-child(1) {
animation-delay: 0.70s;
}

.elementor-38 .hero-bottom-con .bottom-con-slides > .fact:nth-child(2) {
animation-delay: 0.75s;
}

.elementor-38 .hero-bottom-con .bottom-con-slides > .fact:nth-child(3) {
animation-delay: 0.80s;
}

.elementor-38 .hero-bottom-con .bottom-con-slides > .fact:nth-child(4) {
animation-delay: 0.85s;
}

.elementor-38 .hero-bottom-con .bottom-con-slides > .fact:nth-child(5) {
animation-delay: 0.90s;
}
*/

/* Mobile Menu Toogle - Fade in down */
.elementor-38 .mobile-menu-toggle {
	animation: ejkFadeDown 1.25s cubic-bezier(0.16, 1, 0.3, 1) both;
	animation-delay: 0.15s;
}


/* REDUCED MOTION / ACCESSIBILITY */
@media (prefers-reduced-motion: reduce) {
	.elementor-38 .elementor-widget-theme-site-logo,
	.elementor-38 .navigation-con > .navigation-link,
	.elementor-38 .heading-hero,
	.elementor-38 .hero-main-con .btn-outline-bright,
	.elementor-38 .hero-bottom-con > .fact,
	.elementor-38 .mobile-menu-toggle {
		animation: none;
		opacity: 1;
		translate: none;
	}
}



/* ==========================
NAVBAR
============================= */

.elementor .navbar-main-con {
	z-index: 9;
	transition: 
		background-color 600ms ease,
		padding 600ms ease;
}

.elementor .navbar-main-con .elementor-widget-theme-site-logo.elementor-widget-image a img {
	transform-origin: left center;
	transition: transform 600ms ease;
}

.elementor .navbar-main-con.navbar-scrolled {
	background-color: var(--pri-ejk-blau);
	padding-top: var(--gap-24);
	padding-bottom: var(--gap-24);
}

.elementor .navbar-main-con.navbar-scrolled
.elementor-widget-theme-site-logo.elementor-widget-image a img {
	transform: scale(0.75);
}

.elementor .navbar-main-con .navigation-link.current-page a {
	font-weight: 700;
	color: var(--pri-ejk-turkis)
}

.elementor-element.elementor-element-9a80d01.elementor-widget.elementor-widget-theme-site-logo.elementor-widget-image {
	z-index: 100;
}

.elementor .navigation-con {
	transition: background-color 0ms linear;
}

.elementor .navigation-con .btn-main span.e-paragraph-base {
	transform: none;
}

.elementor .e-svg-base {
	display: flex
}




/* ==========================
FOOTER
============================= */

.elementor .sitemap-con .navigation-link.current-page a {
	font-weight: 700;
	color: var(--pri-ejk-turkis)
}


/* ==========================
BUTTON & LINK
============================= */

.elementor-element.btn-bg-transp-bright,
.elementor-element.btn-bg-transp-main,
button.form-btn,
.elementor-popup-modal a.dialog-close-button {
	position: relative;
	overflow: hidden;
}

.elementor-element.btn-bg-transp-bright::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient( 153deg, transparent 50%, rgb(242, 247, 252) 50% );
	background-size: 250% 250%;
	background-position: 0% 0%;
	transition: background-position 300ms ease;
	pointer-events: none;
	z-index: 0;
}

.elementor-element.btn-bg-transp-main::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient( 153deg, transparent 50%, rgb(20, 34, 59) 50% );
	background-size: 250% 250%;
	background-position: 0% 0%;
	transition: background-position 300ms ease;
	pointer-events: none;
	z-index: 0;
}

button.form-btn::before,
.elementor-popup-modal a.dialog-close-button::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient( 153deg, transparent 50%, rgb(65, 182, 230) 50% );
	background-size: 250% 250%;
	background-position: 0% 0%;
	transition: background-position 300ms ease;
	pointer-events: none;
	z-index: 0;
	mix-blend-mode: lighten;
}

.elementor .e-form-submit-button-base {
	color: var(--sek-offwhite);
}


.elementor-element.btn-bg-transp-bright:hover::before,
.elementor-element.btn-bg-transp-main:hover::before,
button.form-btn:hover::before,
.elementor-popup-modal a.dialog-close-button:hover::before {
	background-position: 100% 100%;
}

/* Inhalt über dem Effekt halten */
.elementor-element.btn-bg-transp-bright > *,
.elementor-element.btn-bg-transp-main > *,
.elementor-popup-modal a.dialog-close-button > * {
	position: relative;
	z-index: 1;
}

.elementor .btn-main span.e-paragraph-base {
	transform: translateY(2px);
}

a, .e-paragraph-base a {
	color: var(--pri-ejk-turkis);
}

a:active, a:hover, .e-paragraph-base a:hover, .e-paragraph-base a:active {
	color: var(--pri-ejk-turkis);
}


[type="button"]:focus, [type="button"]:hover, [type="submit"]:focus, [type="submit"]:hover, button:focus, button:hover, .elementor .navigation-link-cta {
	border: none;
	background-color: unset;
}





/* ==========================
CARD - KOMPETENZEN
============================= */

.elementor .section-card-con {
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(318px,1fr));
	container-name: sectioncardcon;
}

.card-kompetenz-logo-con polygon, .card-kompetenz-logo-con path {
	fill: var(--sek-offwhite);
}



.elementor .card-kompetenz-main-con > img {
	transition: 600ms ease-in;
	object-position:top 0% right 30%;
}

.elementor .card-kompetenz-main-con:hover > img {
	opacity: 50%;
	filter: blur(0);
	transition: 600ms ease;
}

.elementor .card-kompetenz-main-con .card-kompetenz-text-con {
	gap: 0px;
	transition: 600ms ease;
}

.elementor .card-kompetenz-main-con:hover .card-kompetenz-text-con {
	gap: var(--gap-16);
	transition: 600ms ease;
}

.elementor .card-kompetenz-main-con .card-kompetenz-text-con p {
	opacity: 0;
	max-height: 0px;
	transition: 600ms ease;
}

.elementor .card-kompetenz-main-con:hover .card-kompetenz-text-con p {
	opacity: 1;
	max-height: 200px;
	transition: 600ms ease;
}

.elementor .card-kompetenz-main-con .card-kompetenz-inhalt-con {
	position: relative;
	overflow: visible;
	isolation: isolate;
}

.elementor .card-kompetenz-main-con .card-kompetenz-inhalt-con::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	background: linear-gradient( 180deg, rgba(20, 34, 59, 0) 0%, rgba(20, 34, 59, 0.4) 100% );
	-webkit-backdrop-filter: blur(var(--blur-xlarge));
	backdrop-filter: blur(var(--blur-xlarge));
	-webkit-mask-image: linear-gradient( 180deg, transparent 0%, #000 48% );
	mask-image: linear-gradient( 180deg, transparent 0%, #000 48% );
}

.elementor .section-card-komp-unternehmen .card-kompetenz-main-con {
	aspect-ratio: 1/1.3;
	max-height: 590px;
}

.elementor .section-card-komp-unternehmen {
	container-name: sectioncardkompunternehmen;
	container-type: inline-size;
}

.elementor .card-kompetenz-logo-con {
	padding-bottom: 0 !important;
}

.elementor .section-card-komp-unternehmen .section-card-con .card-kompetenz-main-con .card-kompetenz-text-con h3 {
	font-size: var(--h4);
}

@container sectioncardkompunternehmen (width < 2156px) {
	.elementor .section-card-con { 
		min-width: 1400px;
	}
}

@container sectioncardkompunternehmen (width < 1440px) {
	.elementor .section-card-con { 
		min-width: unset;
	}
}

@media (max-width: 2115px) {
	.elementor .section-card-komp-unternehmen { 
		flex-direction: column;
		align-items: start;
	}

	.elementor .section-card-komp-unternehmen .section-boxed-text-left-big-margin { 
		max-width: var(--con-9-col);
		padding-inline-end: unset;
	}
}



/* ==========================
CARD - LEISTUNGEN
============================= */

.elementor .section-card-con-leistungen  {
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(330px,1fr));
}

.card-leistungen-bg-colored .card-leistung-text-con {
	position: relative;
	overflow: hidden;
}

.card-leistungen-bg-colored .card-leistung-text-con::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient( 153deg, transparent 50%, rgb(20, 34, 59) 50% );
	background-size: 250% 250%;
	background-position: 0% 0%;
	transition: background-position 480ms ease-out;
	pointer-events: none;
	z-index: 0;
}

.card-leistungen-bg-colored:hover .card-leistung-text-con::before {
	background-position: 100% 100%;
}

.card-leistungen-bg-colored:hover {
	color: var(--sek-offwhite);
	transition: color 480ms ease-out;
}

.card-leistungen-bg-colored {
	transition: color 480ms ease-in;
}

.elementor .card-leistung-bild {
	height: 100%;
}

/* Inhalt über dem Effekt halten */
.card-leistungen-bg-colored .card-leistung-text-con > * {
	position: relative;
	z-index: 1;
}




/* ==========================
SYNERGIE CON
============================= */

.synergie-logos-main-con.synergie-eltus {
	background: linear-gradient( 108deg, #D60E12 50%, var(--pri-ejk-blau) 50% );
}

.synergie-logos-main-con.synergie-solareck {
	background: linear-gradient( 108deg, #3c9a22 50%, var(--pri-ejk-blau) 50% );
}

.synergie-logos-main-con.synergie-kauderbau {
	background: linear-gradient( 108deg, #F07E05 50%, var(--pri-ejk-blau) 50% );
}

.synergie-logos-main-con polygon, .synergie-logos-main-con path, .synergie-logos-main-con rect {
	fill: var(--sek-offwhite);
}

.synergie-logos-main-con .synergie-logo-unternehmen .e-svg-base, .synergie-logos-main-con .synergie-logo-ejk .e-svg-base {
	width: auto;
	max-height: 2.5rem;
	max-width: 12rem;
	display: flex;
}

.synergie-logos-main-con .synergie-x.e-svg-base {
	min-width: var(--button-large);
	min-height: var(--button-large);
}




/* ==========================
POPUP
============================= */

.elementor-popup-modal a.dialog-close-button {
	padding: var(--gap-16);
	position: absolute;
	top: 0;
	right: 0;
	background-color: var(--pri-ejk-blau);
}

.elementor-popup-modal a.dialog-close-button svg {
	fill: var(--sek-offwhite);
	width: var(--base);
	height: var(--base);
}





/* ==========================
CONTAINER
============================= */

.elementor .section-sek-con-boxed:first-child {
	padding-block-start: var(--gap-120);
}

.elementor .section-sek-con-boxed:last-child {
	padding-block-end: var(--gap-120);
}

.elementor .e-aac0529-65f9c72 {
	gap: var(--gap-96);
}





/* ==========================
FORMULAR
============================= */

form.form-state-success > :not(.message-success), 
form.form-state-success > :not(.message-error) {
	display: none;
}

form.form-state-success .message-success p,
form.form-state-success .message-error p {
	font-size: var(--h4);
	margin: 0;
}

form.form-state-success .message-success p,
form.form-state-success .message-error p {
	padding: var(--gap-48);
}




/*** RESPONSIVE ***/





/* Burger auf Desktop verstecken */
.mobile-menu-toggle {
	display: none;
}


@media (max-width: 1919px) {

	/*** NAVBAR ***/

	.elementor .mobile-menu-toggle {
		position: relative;
		z-index: 10001;
		display: flex;
		flex-direction: column;
		justify-content: center;
		gap: 10px;
		width: 48px;
		height: auto;
		padding: 0;
		border: 0;
		background: transparent;
		cursor: pointer;
		transition:
			gap 600ms ease,
			width 600ms ease,
			height 600ms ease;
	}

	.elementor .mobile-menu-toggle span {
		display: block;
		width: 48px;
		height: 4px;
		background-color: var(--sek-offwhite);
		transition:
			transform 400ms ease,
			opacity 250ms ease,
			width 600ms ease,
			height 600ms ease;
	}

	.elementor .mobile-menu-toggle:hover span {
		background-color: var(--pri-ejk-turkis);
	}

	.elementor .mobile-menu-toggle.is-active span:first-child {
		transform: translateY(14px) rotate(45deg);
	}

	.elementor .mobile-menu-toggle.is-active span:nth-child(2) {
		transform: scalex(0);
		transform-origin: center center;
		opacity: 0
	}

	.elementor .mobile-menu-toggle.is-active span:last-child {
		transform: translateY(-14px) rotate(-45deg);
	}


	.elementor .navbar-main-con.navbar-scrolled .mobile-menu-toggle span {
		width: 32px;
		height: 2px;
		transition: 600ms ease;
	}
	.elementor .navbar-main-con.navbar-scrolled .mobile-menu-toggle {
		gap: 8px;
		width: 32px;
		transition: 600ms ease;
	}
	.elementor .navbar-main-con.navbar-scrolled .mobile-menu-toggle.is-active span:first-child {
		transform: translateY(10px) rotate(45deg);
	}
	.elementor .navbar-main-con.navbar-scrolled .mobile-menu-toggle.is-active span:last-child {
		transform: translateY(-10px) rotate(-45deg);
	}

	.elementor .navigation-con {
		position: fixed;
		inset: 0;
		width: 100vw;
		height: 100dvh;
		z-index: 99;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		padding: var(--gap-96);
		background-color: var(--pri-ejk-blau);
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
	}

	.elementor .navigation-con.is-open {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}

	.elementor .navigation-con .navigation-link {
		width: 100%;
	}

	body.mobile-menu-open {
		overflow: hidden;
	}

	.navigation-con .navigation-link {
		font-size: var(--h4);
	}

	.navigation-con.is-open {
		gap: var(--gap-24);
	}

	.navigation-con .navigation-link {
		animation: ejkFadeUp .6s both;
		animation-delay: calc( sibling-index() * 0.075s);
	}

}


/* =========================================================
HERO FACTS SLIDER Aktiv unter 1680px
========================================================= */

@media (max-width: 1679px) {

	.elementor .hero-main-con {
		overflow: hidden;
	}

	.elementor .hero-bottom-con {
		position: relative;
		width: 100%;
		overflow: visible;
		cursor: grab;
		touch-action: pan-y;
	}

	.elementor .bottom-con-slides {
		--facts-gap: 40px;
		--slide-duration: 1800ms;
		display: flex;
		flex-wrap: nowrap;
		align-items: flex-start;
		gap: var(--facts-gap);
		width: max-content;
		max-width: none;
		overflow: visible;
		transform: translate3d(0, 0, 0);
		transition-property: transform !important;
		transition-duration: var(--slide-duration) !important;
		transition-timing-function: ease-out !important;
		will-change: transform;
		backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
	}

	.elementor .bottom-con-slides > .fact {
		flex: 0 0 auto !important;
		width: max-content;
		min-width: max-content;
		max-width: none;
	}

	/* Während Drag keine Transition */
	.elementor .hero-bottom-con.is-dragging .bottom-con-slides {
		transition: none !important;
	}

	.elementor .hero-bottom-con.is-dragging {
		cursor: grabbing;
		user-select: none;
		-webkit-user-select: none;
	}

}


/* 1510px – 1679px */
@media (min-width: 1510px) and (max-width: 1679px) {
	.elementor .hero-bottom-con {
		--facts-per-view: 4;
	}
}

/* 3 Facts 1080px – 1509px */
@media (min-width: 1080px) and (max-width: 1509px) {
	.elementor .hero-bottom-con {
		--facts-per-view: 3;
	}
}

/* 2 Factc 768px – 1079px */
@media (min-width: 768px) and (max-width: 1079px) {
	.elementor .hero-bottom-con {
		--facts-per-view: 2;
	}
}

/* 1 Fact >768px */
@media (max-width: 767px) {
	.elementor .hero-bottom-con {
		--facts-per-view: 1;
	}
}

/* iPad 11" - Landscape */
@media (max-height: 834px) and (orientation: landscape) {



	/* ==========================
	CARD – KOMPETENZ
	============================= */

	.elementor .section-card-con {
		grid-template-columns: repeat(auto-fit,minmax(335px,1fr));
	}

	.elementor .card-kompetenz-main-con {
		aspect-ratio: 1/1;
	}

	.elementor .section-card-komp-unternehmen {
		flex-direction: column;
		align-items: start;
	}

	.elementor .section-card-komp-unternehmen .section-boxed-text-left-big-margin.con-6-col {
		max-width: 100%;
	}

	.elementor .section-card-komp-unternehmen .section-card-con {
		grid-template-columns: repeat(auto-fit,minmax(330px,1fr));
	}

	.elementor .section-card-komp-unternehmen .section-card-con .card-kompetenz-main-con {
		aspect-ratio: 1/1.65;
	}



	/* ==========================
	FOOTER
	============================= */

	.elementor .e-6c4cd22-353b46e {
		gap: var(--gap-48);
	}



	/* ==========================
	SYNERGIE CON
	============================= */

	.synergie-logos-main-con.synergie-eltus {
		background: linear-gradient( 162deg, #D60E12 50%, var(--pri-ejk-blau) 50% );
	}

	.synergie-logos-main-con.synergie-solareck {
		background: linear-gradient( 162deg, #3c9a22 50%, var(--pri-ejk-blau) 50% );
	}

	.synergie-logos-main-con.synergie-kauderbau {
		background: linear-gradient( 162deg, #F07E05 50%, var(--pri-ejk-blau) 50% );
	}


	.elementor:not(header)  .synergie-logos-main-con {
		flex-direction: column;
		aspect-ratio:unset;
		gap:var(--gap-120);
		height: 100%;

	}

	.elementor:not(header) .synergie-logo-unternehmen {
		justify-content: center;
	}

	.elementor .synergie-logo-ejk {
		justify-content: center;
	}




}


/* Touch */
@media (hover: none) and (pointer: coarse) {

	.elementor .card-kompetenz-main-con .card-kompetenz-text-con p {
		opacity: 1;
		max-height: 200px;
	}

	.elementor .card-kompetenz-main-con {
		aspect-ratio: unset;
	}

	.elementor .card-kompetenz-logo-con {
		padding-top: calc(var(--gap-96) + var(--gap-48)) !important;
		padding-bottom: var(--gap-96) !important;
	}


	.elementor .card-kompetenz-main-con:hover > img {
		opacity: 15%;
		filter: blur(var(--blur-medium));
	}

	.elementor .card-kompetenz-main-con .card-kompetenz-text-con {
		gap: var(--gap-16);
	}

	.elementor .section-card-komp-unternehmen .card-kompetenz-main-con {
		aspect-ratio: unset;
		max-height: fit-content;
	}
}



/* iPad 11" - Portrait */
@media (max-width: 834px) and (orientation: portrait) {

	.elementor .section-boxed-horizontal {
		flex-direction: column;
		gap: var(--gap-72);
	}

	.elementor .section-boxed-horizontal .section-boxed-text-right {
		padding-inline-start: unset;
	}

	.elementor .section-main-con-full .section-vertical > .no-pad:not(.section-text-con) {
		flex-direction: column;
		align-items: start;
		gap: var(--gap-48);
	}

	.elementor section {
		gap: var(--gap-48) !important;
	}


}

/* iPhone 14 - Portrait */
@media (max-width: 440px) and (orientation: portrait) {

	/* ==========================
	SYNERGIE CON
	============================= */

	.synergie-logos-main-con.synergie-eltus {
		background: linear-gradient( 162deg, #D60E12 50%, var(--pri-ejk-blau) 50% );
	}

	.synergie-logos-main-con.synergie-solareck {
		background: linear-gradient( 162deg, #3c9a22 50%, var(--pri-ejk-blau) 50% );
	}

	.synergie-logos-main-con.synergie-kauderbau {
		background: linear-gradient( 162deg, #F07E05 50%, var(--pri-ejk-blau) 50% );
	}


	.elementor:not(header)  .synergie-logos-main-con {
		flex-direction: column;
		aspect-ratio:unset;
		gap:var(--gap-120);
		height: 100%;
		padding: var(--gap-120);
		min-height: 400px;
	}

	.elementor:not(header) .synergie-logo-unternehmen {
		justify-content: center;
	}

	.elementor .synergie-logo-ejk {
		justify-content: center;
	}

	.elementor .form-checkbox {
		min-width: var(--h4);
		min-height: var(--h4);
	}

	.form-main-con .form-element-con {
		flex-direction: column;
	}

	.form-main-con .form-dsgvo-con {
		vertical-align: ;
		align-items: start;
	}

	.form-main-con .form-btn.e-form-submit-button-base {
		width: 100%;
		justify-content: center;
	}

}

/* iPhone 14 - Landscape */
@media (max-height: 440px) and (orientation: landscape) {

	header .hero-main-con {
		min-height: 620px;
	}

	.elementor .card-kompetenz-main-con {
		min-height: 480px;
	}
	.elementor .e-6c4cd22-353b46e {
		justify-content: space-between;
		width: 100%;
	}

	.elementor .navigation-con {
		padding-top: calc(var(--gap-96) + var(--gap-96));
	}
	.navigation-con.is-open {
		/* gap: var(--gap-24); */
		gap: var(--gap-8);
	}
	.navigation-con .navigation-link {
		/* font-size: var(--h4); */
		font-size: var(--h5);
	}

}