/*
Theme Name: Solareck
Theme URI: 
Author: graf.ik Mediendesign
Author URI: https://graf-ik.de
Description: WordPress Theme für SOLARECK GmbH mit dem Relaunch in 2024.
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 5.7
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: solareck
Tags: 
*/

.produkte-navigation-dropdown-trigger {
	display: none;
}

:root {
	--team-min-width-multiplier: 1.4;
	--vorteile-min-width-multiplier: 1.95;
	--box-shadow-m: 0px 16px 48px -8px rgba(28, 71, 16, 0.2);
	--backdrop-filter-m: blur(10px);
	--box-border-radius: 2.5rem;
	--scroll-offset: 148px;
	--section-threshold: 0.05;
}

body.error404 {
	background-color: var(--wp--preset--color--sekundaer) !important;
}

a.mail-link {
	color: var(--wp--preset--color--sekundaer);
	font-weight: 600;
}


/*
* NEUE TEAMSEKTION
* */
section .team-mitglieder-con {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 24px;
}

.team-mitglieder-con .team-mitglieder {
	flex: 1 1 320px;
	margin-block-start: 0;
	box-shadow: var(--box-shadow-m);
	border-radius: var(--box-border-radius);
	background-color: var(--wp--preset--color--white);
	overflow: hidden;
}

.team-mitglieder .content {
	padding: 2rem;
	gap: 0.5rem;
}


/*

.team-mitglieder .mail {
transform: translateY(60px);
opacity: 0;
}

.team-mitglieder:hover .mail {
transform: translateY(0px);
opax: ;
opacity: 1;
transition: ease .4s;
max-height: 90px;
}

.team-mitglieder .mail {
transition: ease .4s;
max-height: 0px;
}

*/


.team-mitglieder .bild {
	overflow: hidden;
	aspect-ratio: 1/0.625;
	display: flex;
	justify-content: center;
	align-items: center;
}

.team-mitglieder .bild > img {
	inset: 0;
	width: 100%;
	height: 100% !important;
	object-fit: cover;
	display: block;
	object-position: center center;
}

.team-hidden {
	display: none !important;
}

.team-load-more-wrap {
	width: 100%;
	text-align: center;
	margin-top: 2rem;
	justify-content: center;
}

.team-load-more:hover {
	opacity: 0.85;
}





/*
Karriere
*/

.page-id-391 header .wp-block-cover .text-container p {
	max-width: 85%;
}

.page-id-391 header .hero-heading {
	max-width: 95%;
}

.page-id-391 .vorteilesolareck-container > div:hover::after {
	left: -80%;
}

.stellen {
	gap: 1.5rem;
	display: flex;
	flex-direction: column;
}

.stellen h5 a::after {
	content: '';
	font-family: var(--wp--preset--font-family--font-awesome-6-pro);
}

.stellen h5 {
	width: /*auto*/100%;
}

.stelle .zeile {
	width: 100%;
}

.stellen h5 a {
	display: flex;
	justify-content: space-between;
	transition: 0.4s ease;
}

.stellen h5 a:hover {
	color: var(--wp--preset--color--sekundaer) !important;
	transition: 0.4s ease;
}

header .small .is-layout-constrained h1.job-title {
	padding-right: 14.5vw;
}

.wp-block-button a.mail-link {
	color: var(--wp--preset--color--off-white);
}

.page-id-391 .vorteilesolareck-container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 1.5rem;
}

.page-id-391 .vorteilesolareck-container .referenz-vorteil {
	flex-basis: calc(33.33% -  1rem);
	margin-block-start: 0px !important;
}


/* 
Header 
*/

.wp-block-template-part {
	display: flex;
	flex-direction: column;
}

#close {
	cursor: pointer;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
	align-items: flex-start;
	gap: 1rem;
	font-size: 1.5rem;
}

.wp-block-navigation.items-justified-right {
	--navigation-layout-justification-setting: flex-start !important;
	--navigation-layout-justify: flex-start !important;
}


.wp-block-image.header-shape {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.9;
	z-index: -1;
	margin: 0;
	min-width: 100vw;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

.wp-block-image.header-shape img {
	position: absolute;
	top: -9%;
	height: 125vh;
	max-width: 70vw;
}

header .small .is-layout-constrained,
header .small .is-layout-constrained h1 {
	width: 100% !important;
}

.wp-block-cover .wp-block-cover__inner-container {
	display: flex;
	flex-direction: row;
	justify-content: center;
	position: unset;
}

.wp-block-cover > .has-global-padding,
.entry-content > .has-global-padding {
	padding-right: calc(var(--wp--style--root--padding-right) * 2) !important;
	padding-left: calc(var(--wp--style--root--padding-left) * 2) !important;
}

.wp-block-cover {
	overflow: visible;
}

.wp-block-cover .text-container p {
	max-width: 75%;
}

.page-id-375 .hero-heading {
	max-width: 80%;
}

/*
Konfigurator
*/

.no-scroll {
	overflow: hidden !important;
}

.block-editor-block-list__block.popup-content { 
	opacity: 1 !important;
	position: unset !important;
	min-width: unset !important;
	min-height: unset !important;
	bottom: unset !important;
	left: unset !important;
	margin: unset !important;
	padding-bottom: unset !important;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.konfigurator > div::-webkit-scrollbar, .konfig-kontakt > div::-webkit-scrollbar {
	display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.konfigurator > div, .konfig-kontakt > div {
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
} 

.konfigurator, .konfig-kontakt {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.konfigurator > div, .konfig-kontakt > div {
	width: 100%;
	max-height: calc(100vh - 0rem);
	overflow: scroll;
}

.konfigurator > div > iframe, .konfig-kontakt > div > iframe {
	padding-top: 6.5rem !important;
}

.popup-content { 
	opacity:0;
	position: fixed;
	transition: 0.6s ease-in-out;
	min-width: 100vw;
	min-height: 200vh;
	top: 0;
	left: 0;
	margin: 0;
	z-index: -10;
}

.popup-btn-close {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	align-items: center;
	position: absolute;
	right: 0;
	max-width: fit-content;
	top: 0;
	margin: 0 !important;
	overflow: visible !important;
	z-index: 999;
}

.popup-btn-close figure {
	position: absolute;
}

.popup-btn-close figure, .popup-btn-close figure img {
	width: 20rem;
	left: -1.9vw;
}

.popup-btn-close p {
	z-index: 9;
	font-size: 3rem;
	margin: 2rem !important;
	color: var(--wp--preset--color--off-white);
}

.show.popup-content{
	opacity:1 !important;
	z-index: 99;
	min-height: 100vh;
	background-color: #fbfbfc;
	padding-top: 0rem !important;
	padding-bottom: 0 !important;
}

.close {
	position: absolute;
	right: 20px;
	top: 20px;
	cursor: pointer;
}


/* 
Layout 
*/

/* Stile für die Hauptliste */
.agb-main-container {
	list-style-type: none; /* Entfernt die Standardnummerierung */
	counter-reset: main-counter; /* Zählt die Hauptpunkte */
	margin-left: 0; /* Kein zusätzliches Einrücken */
	padding-left: 0;
}

.agb-main-container > li {
	counter-increment: main-counter;
	margin-bottom: 6rem;
	font-size: 2.63rem;
	font-weight: 600;
	line-height: 1.5;
}

.agb-main-container > li::before {
	content: counter(main-counter) ". "; /* Fügt die nummerierte Liste hinzu */
}

.agb-main-container ol {
	list-style-type: none;
	counter-reset: sub-counter;
	margin-left: 0;
	font-size: 1.13rem;
	font-weight: 400;
	line-height: 1.6;
	padding: 0;
	margin-top: 3rem;
}

.agb-main-container > li > ol > li {
	counter-increment: sub-counter;
	margin-bottom: 1rem;
}

.agb-main-container > li > ol > li::before {
	content: counter(main-counter) "." counter(sub-counter) ". "; /* Erzeugt die Nummerierung im Format 1.1, 1.2 */
	font-weight: 600; /* Normale Schriftstärke für die Unterpunkte */
}

/* Stile für die dritte Ebene (a., b., c., ...) */
.agb-main-container ol ol {
	list-style-type: none; /* Entfernt die Standardnummerierung */
	counter-reset: third-counter; /* Zählt die Punkte der dritten Ebene */
	margin: .5rem 3rem;
}

.agb-main-container ol ol > li {
	list-style-type: none; /* Entfernt die Standardnummerierung */
	counter-increment: third-counter; /* Erhöht den Zähler für die dritte Ebene */
	margin-left: 0; /* Kein zusätzliches Einrücken */
	margin-bottom: .25rem;
}

.agb-main-container ol ol > li::before {
	content: counter(third-counter, lower-alpha) ". "; /* Erzeugt die Nummerierung im Format a., b., c. */
	font-weight: 600;
}

/* Für alle Aufzählungspunkte mit einem Bullet "⁃" */
.agb-main-container ul {
	list-style-type: none; /* Entfernt die Standard-Bullets */
	margin-left: 20px; /* Einrücken für Bullets */
	padding-left: 0;
}

.agb-main-container ul > li::before {
	content: "⁃ "; /* Benutzerdefinierter Bullet */
	margin-right: 10px; /* Abstand nach dem Bullet */
}

.agb-main-container ul > li {
	margin-bottom: 5px; /* Abstand zwischen den Bullet-Punkten */
}


.projektbild-container {
	overflow: hidden;
	aspect-ratio: 1/0.8;
	display: flex;
	justify-content: center;
	align-items: center;
}

.slick-list.draggable {
	max-width: 100%;
}


section {
	width: 100%;
}

.produkt-navigation-buttons {
	margin-block-start: 0;
}

.entry-content.wp-block-post-content.is-layout-flow.wp-block-post-content-is-layout-flow {
	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content: center;
	align-items: center;
}

.buendeslaender-main-container .boxed {
	padding: 1.5rem 3rem;
}

.boxed {
	border-radius: 2.5rem;
	background-color: var(--wp--preset--color--hintergrund-hell);
	padding: 3rem;
}

section .zweidrittel {
	max-width: 66.66%;
}

section .drittel {
	min-width: calc(33.33% - 1rem);
	max-width: calc(33.33% - 1rem);
}

.vorteilesolareck-container > div > div,
.vorteilesolareck-container > div > p {
	z-index: 5;
}

.vorteilesolareck-container > div {
	position: relative;
	transition: 0.6s ease;
	overflow: hidden;
}

.vorteilesolareck-container > div:hover,
.vorteilesolareck-container > div:hover > p {
	transition: 0.6s ease;
	color: white !important;
}

.vorteilesolareck-container > div:hover::after {
	top: -170%;
	left: -50%;
	transform: rotate(0deg);
	scale: 1;
	transition: 0.6s ease;
}

.vorteilesolareck-container > div::after {
	position: absolute;
	top: -240%;
	left: -110%;
	transform: rotate(90deg);
	scale: 0.05;
	z-index: 0;
	transition: 0.6s ease;
	content: url(https://dev.solareck.de/wp-content/uploads/2024/09/box-hover-shape.png);
}

.vorteilesolareck-container > div.highlight::after {
	content: '';
}

.vorteilesolareck-container .has-font-awesome-6-pro-font-family {
	min-width: 2.4rem;
	text-align: center;
}

.vorteilesolareck-container .highlight {
	background-color: var(--wp--preset--color--sekundaer) !important;
	height: 100%;
	color: var(--wp--preset--color--off-white);
}

.vorteilesolareck-container > div {
	border-radius: 2.5rem;
	background-color: var(--wp--preset--color--hintergrund-hell) !important;
	padding: 3rem;
	color: var(--wp--preset--color--primaer);
}

hr,
hr.wp-block-separator.has-alpha-channel-opacity {
	opacity: 0.4;
	border-width: 1px;
	width: 100%;
	padding: 0;
	margin: 0;
}

.accordion {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	background-color: transparent;
	color: var(--wp--preset--color--primaer);
	cursor: pointer;
	padding: 0;
	width: 100%;
	border: none;
	outline: none;
	font-size: 1.25rem;
	transition: 0.4s ease;
	text-align: left;
	padding-right: 2rem;
	padding-bottom: 0rem;
}

.active.accordion {
	padding-bottom: .75rem;
	transition: 0.4s ease;
	font-weight: 700;
}

.active, .accordion:hover {
	color: var(--wp--preset--color--sekundaer);
	transition: 0.4s ease;
}

.accordion:after {
	rotate: 0deg;
	transition: 0.4s ease;
	content: '+';
	font-family: var(--wp--preset--font-family--font-awesome-6-pro);
	right: 0;
	position: absolute;
	font-weight: 300;
}

.active:after {
	rotate: 225deg;
	transition: .4s ease;
	font-weight: 700;
}

.panel {
	font-size: 1.13rem;
	padding: 0;
	max-height: 0;
	overflow: hidden;
	transition: 0.4s ease;
	margin-block-start: 0;
	padding-right: 2rem;
}

.faq, .faq li.type-faq {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	margin-block-start: 0;
}´

.zertifikate-main-container .shape {
	position: absolute;
	z-index: -1;
}

.zertifikate-container {
	display: flex;
	align-items: center;
}

.zertifikate-container .bilder {
	margin-block-start: 0;
}

.content-container {
	display: flex;
	flex-direction: column;
	gap: 0rem;
}

/* Buttons */

section {
	width: 100%;
}

a:where(:not(.wp-element-button)) {
	text-decoration: none;
}

.entry-content.wp-block-post-content.is-layout-flow.wp-block-post-content-is-layout-flow {
	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content: center;
	align-items: center;
}

.buendeslaender-main-container .boxed {
	padding: 1.5rem 3rem;
}

.boxed {
	border-radius: 2.5rem;
	background-color: var(--wp--preset--color--hintergrund-hell);
	padding: 3rem;
}

section .zweidrittel {
	max-width: 66.66%;
}

section .drittel {
	min-width: calc(33.33% - 1rem);
	max-width: calc(33.33% - 1rem);
}

.vorteilesolareck-container > div > div,
.vorteilesolareck-container > div > p {
	z-index: 5;
}

.vorteilesolareck-container > div {
	position: relative;
	transition: 0.6s ease;
	overflow: hidden;
}

.vorteilesolareck-container > div:hover,
.vorteilesolareck-container > div:hover > p {
	transition: 0.6s ease;
	color: white !important;
}

.vorteilesolareck-container > div:hover::after {
	top: -170%;
	left: -50%;
	transform: rotate(0deg);
	scale: 1;
	transition: 0.6s ease;
}

.vorteilesolareck-container > div::after {
	position: absolute;
	top: -240%;
	left: -110%;
	transform: rotate(90deg);
	scale: 0.05;
	z-index: 0;
	transition: 0.6s ease;
	content: url(https://dev.solareck.de/wp-content/uploads/2024/09/box-hover-shape.png);
}

.vorteilesolareck-container > div.highlight::after {
	content: '';
}

.vorteilesolareck-container .has-font-awesome-6-pro-font-family {
	min-width: 2.4rem;
	text-align: center;
}

.vorteilesolareck-container .highlight {
	background-color: var(--wp--preset--color--sekundaer) !important;
	height: 100%;
	color: var(--wp--preset--color--off-white);
}

.vorteilesolareck-container > div {
	border-radius: 2.5rem;
	background-color: var(--wp--preset--color--hintergrund-hell) !important;
	padding: 3rem;
	color: var(--wp--preset--color--primaer);
}

hr,
hr.wp-block-separator.has-alpha-channel-opacity {
	opacity: 0.4;
	border-width: 1px;
}

details p {
	transition: 1s ease !important;
	margin-top: 0px !important;
}

summary {
	transition: 0.2s ease;
}

details[open] p,
details[open] summary {
	transition: 1s ease !important;
}

details[open] summary {
	color: var(--wp--preset--color--sekundaer);
}

summary {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

summary::after {
	rotate: 0deg;
	transition: 0.2s ease;
	content: '+';
	font-family: var(--wp--preset--font-family--font-awesome-6-pro);
}

details[open] summary::after {
	rotate: 225deg;
	transition: 1s ease;
}

.zertifikate-main-container .shape {
	position: absolute;
	z-index: -1;
}

.zertifikate-container {
	display: flex;
	align-items: center;
}

.zertifikate-container .bilder {
	margin-block-start: 0;
}

.content-container {
	display: flex;
	flex-direction: column;
	gap: 0rem;
}

/* Buttons */

.is-style-outline a.wp-block-button__link::after,
a.button-link::after,
.cta-button a::after,
.wp-block-button__link.has-background::after {
	content: '';
}

.plus .wp-block-button__link.has-background::after {
	content: '';
}

.slick-prev .wp-block-button__link.has-background::after {
	content: '';
}

.slick-prev a.wp-block-button__link,
.slick-next a.wp-block-button__link {
	display: flex !important;
	flex-direction: column;
	max-width: 1px;
}

a.button-link::after,
.cta-button a::after,
.wp-block-button__link::after {
	font-size: 1.5rem;
	line-height: normal;
	font-family: var(--wp--preset--font-family--font-awesome-6-pro);
}

.is-style-outline a.wp-block-button__link,
a.button-link,
.cta-button a,
.wp-block-button__link {
	display: flex !important;
	flex-direction: row;
	align-items: center;
	gap: 0.75rem;
}

.is-style-outline a.wp-block-button__link,
a.button-link {
	margin-top: 0;
	width: fit-content;
	color: var(--wp--preset--color--sekundaer);
	font-weight: 600;
	text-decoration: none;
}

.is-style-outline a.wp-block-button__link::after,
a.button-link::after,
.is-style-outline a.wp-block-button__link {
	font-size: 1.13rem !important;
}

.is-style-outline a.wp-block-button__link {
	border-width: 0;
	padding: 0;
}

.drei-schritte-main-container .is-style-outline a {
	margin-top: 0.5rem !important;
}

.fade-in {
	transform: translateY(20vh); /* Position von oben */
	opacity: 0;
	transition:
		opacity 1.6s cubic-bezier(0.33, 1, 0.68, 1),
		transform 1.2s cubic-bezier(0.33, 1, 0.68, 1);
}

.section-visible {
	transform: translateY(0);
	opacity: 1;
}

.carousell-main-container {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.carousell-main-container .carousell-container {
	display: flex;
	justify-content: left;
	animation: slide 0s linear infinite;
}

@keyframes slide {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-50%);
	}
}

/* Pause on hover */
.carousell-container.verbaende:hover,
.carousell-container.hersteller:hover {
	animation-play-state: paused;
}

div.bg-shape {
	margin-block-start: 0;
	width: 160rem;
}

.bg-shape {
	position: relative;
	z-index: -1;
}

.bg-shape img {
	position: absolute;
}

.bg-shape figure {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.bg-shape.solarmodule img {
	right: 0;
	padding-top: 51rem;
}

.bg-shape.wechselrichter img {
	top: 0;
	left: 0;
}

.bg-shape.wallboxen img {
	right: 0;
	padding-bottom: 22rem;
}

.bg-shape.planung img {
	top: 0;
	left: 0;
}

.bg-shape.footer {
	overflow: hidden;
}

.bg-shape.footer img {
	top: 0;
	left: 0;
}

.bg-shape.netzanmeldung img {
	left: 0;
	padding-top: 94rem;
}

.bg-shape.startseite.vorteile img {
	top: 0;
	right: 0;
	padding-top: 5rem;
}

.bg-shape.startseite.schritte img {
	top: 0;
	left: 0;
	padding-top: 20.5rem;
}

.bg-shape.ueberuns.zertifikate img {
	top: 0;
	left: 0;
}

.bg-shape.ueberuns.team img {
	top: 0;
	left: 0;
	padding-top: 25rem;
	max-width: 100%;
	min-width: 110vw !important;
}

.bg-shape.referenzen.vorteile img {
	top: 0;
	left: 0;
	margin-top: -27rem;
}

.bg-shape.referenzen.schritte img {
	top: 0;
	left: 0;
	margin-top: 0rem;
}

.bg-shape.foerderung.faq img {
	top: 0;
	left: 0;
	padding-top: 5rem;
}

.bg-shape.karriere.faq img {
	top: 0rem;
	left: 0;
}

.bg-shape.karriere.stellen img {
	bottom: -20rem;
	right: 0;
}

.page-id-377 .slick-list::before {
	background: linear-gradient(
		90deg,
		var(--wp--preset--color--primaer) 10%,
		rgba(255, 255, 255, 0) 100%
	) !important;
}

.hersteller-main-container .herstellerlogo {
	scroll-margin-top: 22.5rem;
}

.carousell-container.verbaende .verbandslogo img {
	min-width: 212px;
	max-height: 112px;
}

.carousell-container.hersteller {
	width: fit-content;
	max-width: unset;
}

.carousell-container.hersteller .herstellerlogo,
.carousell-container.verbaende .verbandslogo {
	opacity: 0.4;
	filter: grayscale(100%);
	transition: ease 0.6s;
}

.carousell-container.hersteller .herstellerlogo:hover,
.carousell-container.verbaende .verbandslogo:hover {
	opacity: 1;
	filter: grayscale(0%);
	transition: ease 0.6s;
}

.carousell-container.hersteller,
.carousell-container.verbaende {
	display: flex;
	flex-direction: row;
	justify-content: left;
	align-items: center;
	gap: 8rem;
	padding-left: 8rem;
}

.carousell-container.hersteller li {
	display: flex;
	justify-content: center;
	margin-top: 0;
	height: fit-content;
}

.carousell-container.hersteller a {
	display: flex;
	justify-content: center;
}

.carousell-container.hersteller .herstellerlogo {
	max-height: 50px;
}

.carousell-container.hersteller li {
	margin-top: 0;
	height: fit-content;
}

.contact-btn {
	display: flex;
	align-items: center;
	border-radius: 6rem;
	aspect-ratio: 1 / 1;
	width: 2.5rem;
}

.contact-btn p {
	height: fit-content;
}

.vorteile-main-container {
	position: absolute;
	width: 100%;
}

.vorteile-container {
	justify-content: space-between !important;
	border-radius: 0 0 2.5rem 2.5rem;
	padding: 6rem 3rem 3rem !important;
	width: 100%;
}

.team-ueberuns-shape {
	position: absolute;
	top: 17%;
	z-index: -1;
}

.zertifikate-ueberuns-shape {
	position: absolute;
	top: 0;
	z-index: -1;
	margin-top: 0;
}

.team-image-container {
	align-items: end;
}

a .icon.fa, .icon.fa {
	font-family: var(--wp--preset--font-family--font-awesome-6-pro);
}

.wp-block-navigation-item.current-menu-item, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.current-menu-item, .wp-block-navigation-item.current-menu-item {
	color: var(--wp--preset--color--sekundaer) !important;
	font-weight: 600;
}

.navigation-main-container .wp-block-button.active-anchor a, .produkte-navigation-dropdown-trigger .active-choice {
	transition:	color ease 0.6s, background-color ease 0.6s;
	background-color: var(--wp--preset--color--sekundaer);
	color: var(--wp--preset--color--white);
	font-weight: 600;
}

.navigation-main-container .wp-block-button a, .produkte-navigation-dropdown-trigger .wp-element-button, .active-choice {
	display: flex;
	gap: 0.5rem;
	transition:	color ease 0.6s, background-color ease 0.6s;
	box-shadow: var(--box-shadow-m);
	background-color: var(--wp--preset--color--white);
	padding: 1rem 2.25rem;
	color: var(--wp--preset--color--primaer);
	font-weight: 300;
	font-size: 1.13rem;
}

.entry-content {
	padding-top: 6rem;
}

.logo-container {
	display: flex;
}

.logo-container .herstellerlogo {
	max-width: 50%;
	max-height: 80px;
}

.navigation-main-container {
	position: -webkit-sticky; /* Für Safari */
	position: sticky;
	top: 0rem;
	z-index: 10;
}

.page-id-375 .wp-site-blocks {
	/*overflow-x: unset;*/
	overflow-x: clip;
}

.wp-block-navigation-item.cta-button, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.cta-button {
	margin-right: -24px ;
	border-radius: 40px;
	background-color: var(--wp--preset--color--sekundaer) !important;
	padding: 0.56rem 2rem;
	color: var(--wp--preset--color--white) !important;
	font-weight: 700;
}

/* Ändere deine Slick-List mit einem Fade-Effekt auf der linken Seite */
.testimonial-carousel .slick-list {
	display: block;
	position: relative;
	clip-path: inset(-100vw -100vw -100vw -120px);
	margin: 0;
	padding: 0;
	overflow: hidden;
}

/* Fade auf der linken Seite hinzufügen */
.testimonial-carousel .slick-list::before {
	position: absolute;
	top: 0;
	left: -120px;
	z-index: 1;
	background: linear-gradient(
		90deg,
		rgba(255, 255, 255, 1) 10%,
		rgba(255, 255, 255, 0) 100%
	);
	width: 120px; /* Breite des Fades */
	height: 100%;
	pointer-events: none;
	content: '';
}

/* Container für das Carousel, Überlauf sichtbar */
.testimonial-carousel,
.referenz-carousel {
	position: relative; /* Sicherstellen, dass das Carousel im Vordergrund bleibt */
	margin: 0 auto; /* Zentriert das Carousel auf der Seite */
	padding: 20px 0;
	max-width: 800px;
	overflow: visible; /* Überlauf sichtbar machen */
}

.testimonial-carousel ul,
.referenz-carousel ul {
	display: flex;
	gap: 20px; /* Abstand zwischen den Slides */
	margin: 0;
	padding: 0;
	overflow: visible; /* Überlauf der Slides sichtbar machen */
	list-style: none;
}

.testimonial-carousel li,
.referenz-carousel li {
	flex: 0 0 80%; /* Standardbreite auf 80% setzen, anpassbar */
}

.testimonial.type-testimonial,
.referenz.type-referenz {
	margin: 0 12px;
}

.slick-list,
.testimonial-container,
.referenz-container {
	overflow: visible !important;
}

li.testimonial.type-testimonial {
	max-width: calc(636px - 96px);
}

/* Andere Stile bleiben gleich */

.slick-controls {
	display: none;
	justify-content: center;
	/*display: flex;*/
	align-items: center;
	margin-top: 20px; /* Abstand zum Carousel */
}

.slick-progress {
	position: relative;
	flex-grow: 1;
	border-radius: 5px;
	background-color: #f0f0f0;
	height: 10px;
	overflow: hidden;
}

.slick-progress-bar {
	transition: width 1.8s ease; /* Dauer der Transition angepasst */
	background-color: #007bff;
	width: 0;
	height: 100%;
}

@media (max-width: 768px) {
	.testimonial-carousel li {
		flex: 0 0 90%; /* Anpassung für Tablet-Ansicht */
		padding: 10px;
	}

	.testimonial-carousel img {
		max-width: 60px;
	}
}

@media (max-width: 480px) {
	.testimonial-carousel li {
		flex: 0 0 100%; /* Anpassung für mobile Ansicht */
	}

	.testimonial-carousel h6 {
		font-size: 1em;
	}

	.testimonial-carousel .kundenfeedback {
		font-size: 0.9em;
	}
}


.testimonial-container {
	overflow: hidden;
}

.testimonial-container {
	overflow: hidden; /* Überflüssigen Inhalt ausblenden */
}

.hero-text {
	font-size: 1.38rem;
}

.is-layout-flow > section,
.wp-site-blocks > .is-layout-flow {
	margin-block-start: 0;
}

.cta-main-column {
	width: -moz-available;
}

.cta-bild figure {
	max-width: 525px;
}

.cta-bild {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 0px;
}

.drei-schritte-bg {
	position: absolute;
	top: 20.75rem;
	left: 0;
	z-index: -1;
	min-width: 100vw;
}

.drei-schritte-bg img {
	max-width: 2560px;
}

.wp-site-blocks {
	max-width: 100vw;
	overflow-x: hidden;
}

.testimonial-main-container .heading {
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 3;
}

.testimonial-main-container .heading h3 {
	z-index: 9;
}

.wp-block-image.testimonials-shape {
	position: absolute;
	margin-right: 3.5%;
	margin-bottom: 1.4%;
}

.testimonial-container img.profilbild {
	border-radius: 200px;
	aspect-ratio: 1/1;
	width: 112px;
	object-fit: cover;
}

.testimonial-container img.sternebewertung {
	padding-bottom: 8px;
	max-width: 104px;
}

.testimonial-container > div > ul {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: var(--wp--style--block-gap);
}

.testimonial-container > div > ul > li > div {
	padding: 3rem;
}

.testimonial-container li {
	margin-block-start: 0;
	box-shadow: var(--box-shadow-m);
	border-radius: var(--box-border-radius);
	background-color: var(--wp--preset--color--white);
	padding: 48px;
}

.testimonial-container .kundenfeedback {
	display: -webkit-inline-box;
	overflow: hidden;
	text-align: left;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	line-clamp: 3;
	box-orient: vertical;
}

.highlight {
	color: var(--wp--preset--color--sekundaer);
}

p.size-m {
	font-size: 1.38rem;
}

h3.usp-regular {
	font-weight: 400;
	font-size: 6rem;
	line-height: 1.1;
}

.custom-logo {
	width: 128px;
}

.navbar {
	backdrop-filter: var(--backdrop-filter-m);
	-webkit-backdrop-filter: var(--backdrop-filter-m);
	box-shadow: var(--box-shadow-m);
}

.navbar-main-container {
	position: fixed;
	z-index: 999;
	width: 80%;
	align-self: center;
}

.votreile-bg {
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
}

.heder-vorteile-main-container {
	position: absolute;
	bottom: 3rem;
	width: calc(100% - 160px);
}

.vorteile-container .icon,
.drei-schritte-main-container .icon {
	position: absolute;
}

.referenz-container li {
	margin-block-start: 0;
	box-shadow: var(--box-shadow-m);
	border-radius: var(--box-border-radius);
	background-color: var(--wp--preset--color--white);
	overflow: hidden;
}

li.referenz.type-referenz {
	max-width: 26rem;
}

.referenz-container img.projektbild {
	width: 100%;
	display: flex;
	height: auto;
}

.referenz-container .content {
	padding: 3rem;
	width: 100%;
}

.entry-content > div.bg-shape {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}


/* Zwischen 1920px und 1194px */
@media only screen and (min-width: 1195px) and (max-width: 1919px) {

	/* Layout */

	.entry-content, .entry-content > div, .entry-content > section {
		padding-top: clamp(4rem, 5vw, 6rem) !important;
		padding-bottom: clamp(4rem, 5vw, 6rem) !important;
	}

	.wp-block-cover > .wp-block-cover__inner-container > div.wp-block-group {
		gap: clamp(2.5rem, 3.4vw, 4.5rem);;
	}

	.wp-block-cover {
		padding-bottom: clamp(7.5rem, 9vw, 9rem) !important;
	}

	.wp-block-image.header-shape img {
		top: calc(-6% - ((100vw - 1195px) / (1920 - 1195)) * 3);
	}


	/* Fonts */

	h1, h3.usp-regular {
		font-size: clamp(4.75rem, 6vw, 6rem);
	}

	h2 {
		font-size: clamp(3.3rem, 4.25vw, 4.25rem);
	}

	h3 {
		font-size: clamp(2.75rem, 3.5vw, 3.5rem);
	}

	h4 {
		font-size: clamp(2rem, 2.63vw, 2.63rem);
	}

	h5 {
		font-size: clamp(1.5rem, 1.63vw, 1.63rem);
	}

	h6 {
		font-size: clamp(1rem, 1.13vw, 1.13rem);
	}

	:root :where(.wp-element-button, .wp-block-button__link), p.size-m {
		font-size: clamp(1.2rem, 1.38vw, 1.38rem);
	}

	:root :where(body) {
		font-size: clamp(1rem, 1.13vw, 1.13rem);
	}

	a.button-link::after, .cta-button a::after, .wp-block-button__link::after {
		font-size: clamp(1.1rem, 1.5vw, 1.5rem);
	}

}

/* Zwischen 1456px und 1194px */
@media only screen and (min-width: 1195px) and (max-width: 1456px) {
	/* Background Shapes */

	div.bg-shape {
		width: clamp(124.38rem, -37.95rem + 217.53vw, 160rem);
	}
}


/* Custom needed Breakpoints */
@media (max-width: 1120px) {
	.wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: flex !important;
	}

	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: none;
	}
}

/* iPad Pro 11 Zoll Querformat */
@media only screen and (min-width: 834px) and (max-width: 1366px) {


	.page-id-391 .vorteilesolareck-container .referenz-vorteil {
		flex-basis: calc(50% - .75rem);
	}

	.navbar-main-container {
		width: 100%;
	}

	.popup-btn-close figure, .popup-btn-close figure img {
		width: 33rem;
		left: -0.3vw;
		bottom: -6.2vw;
	}

	.popup-btn-close p {
		z-index: 9;
		font-size: 2rem;
	}

	.popup-btn-close {
		right: 2rem;
		top: 5rem;
	}

	/* Layout */
	.vorteile-main-container {
		padding-right: calc(var(--wp--style--root--padding-right)* 2) !important;
		padding-left: calc(var(--wp--style--root--padding-left)* 2) !important;
	}

	.wp-container-core-columns-is-layout-1, .wp-container-core-columns-is-layout-2, .wp-container-core-columns-is-layout-3, .wp-container-core-columns-is-layout-4, .wp-container-core-columns-is-layout-5, .wp-container-core-columns-is-layout-6, .wp-container-core-columns-is-layout-7 {
		gap: 2em 3rem;
	}

	.entry-content, .entry-content > div, .entry-content > section {
		padding-top: 4rem !important;
		padding-bottom: 4rem !important;
	}

	.wp-block-cover {
		padding-bottom: 7.5rem !important;
	}

	.single-karriere .wp-block-cover {
		padding-bottom: 5rem !important;
		padding-top: 11.2rem !important;
	}

	.wp-block-image.header-shape img {
		top: -6%;
	}

	.navigation-main-container .wp-block-button a, .produkte-navigation-dropdown-trigger .wp-element-button, .active-choice {
		padding: 1rem 1.5rem;
		font-size: 1rem;
	}

	.entry-content .navigation-main-container {
		top: 3.5rem;
		padding-bottom: 0 !important;
	}

	.page-id-375 .entry-content > div > section { 
		padding-top: 3rem !important;
		padding-bottom: 3rem !important;
	}

	.produkt-navigation-buttons {
		gap: .75rem !important;
	}

	.faq-main-container .accordion {
		padding-left: 0 !important;
		padding-right: 0 !important;
		max-width: 856px;
	}

	/* Shapes */

	.wp-block-image.testimonials-shape {
		max-width: 44%;
		margin-right: 7.5%;
		margin-bottom: 3.2%;
	}

	.zertifikate-main-container .shape {
		max-width: 42vw;
	}

	footer .bg-shape {
		padding-top: 12rem;
	}

	footer .footer-main-container {
		padding-bottom: 4.5rem !important;
		padding-left: calc(var(--wp--style--root--padding-left)*2);
		padding-right: calc(var(--wp--style--root--padding-right)*2);
	}

	.footer-container-top {
		gap: 0;
	}

	.vorteilesolareck-container {
		flex-basis: 50%;
	}

	/* Background Shapes */

	div.bg-shape {
		width: 124.38rem;
	}

	div.bg-shape.leistungen {
		width: 145vw;
	}

	.bg-shape.ueberuns.team img {
		left: -10rem;
	}

	.vorteilesolareck-container > div::after {
		position: absolute;
		top: -280%;
		left: -120%;
	}

	.bg-shape.netzanmeldung img {
		padding-top: 72rem;
	}

	.bg-shape.ueberuns.team img {
		padding-top: 20rem;
	}

	.bg-shape.referenzen.vorteile img {
		left: -9rem;
		margin-top: -16rem;
	}

	.bg-shape.karriere.stellen img {
		bottom: -5rem;
	}

	/* Fonts */

	h1, h3.usp-regular {
		font-size: 4.75rem;
	}

	h2 {
		font-size: 3.3rem;
	}

	h3 {
		font-size: 2.75rem;
	}

	h4 {
		font-size: 2rem;
	}

	h5 {
		font-size: 1.5rem;
	}

	h6 {
		font-size: 1rem;
	}

	:root :where(.wp-element-button, .wp-block-button__link), p.size-m, .wp-block-site-tagline {
		font-size: 1.2rem;
	}

	:root :where(body) {
		font-size: 1rem;
	}

	a.button-link::after, .cta-button a::after, .wp-block-button__link::after {
		font-size: 1.2rem;
	}

	.wp-block-cover > .wp-block-cover__inner-container > div.wp-block-group {
		gap: 2.5rem;
	}

}

/* iPad Pro 11 Zoll Hochformat */
@media only screen and (min-width: 834px) and (max-width: 1366px) and (orientation: portrait) {
	/* Layout */


	.page-id-391 .vorteilesolareck-container .referenz-vorteil {
		flex-basis: calc(50% - .75rem);
	}

	.navbar-main-container {
		width: 100%;
	}

	body .is-layout-grid,  {
		display: flex;
		flex-direction: column;
	}

	.wp-block-image.header-shape img {
		top: 0;
		left: -72vw;
	}

	.wp-block-image.header-shape img {
		height: 120vh;
		max-width: unset;
	}

	.wp-container-core-group-is-layout-4 > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
		max-width: 90%;
	}

	.wp-block-navigation__responsive-container-close {
		right: 1.25rem;
		top: -1.5rem;

	}

	header .navbar-main-container .navbar {
		padding-top: 1rem !important;
		padding-right: 1.25rem !important;
		padding-bottom: 1rem !important;
		padding-left: 1.5rem !important;
	}

	#modal-1 {
		min-height: calc(100vh - 2rem);
		top: 0;
		left: 0;
		z-index: 0;
		min-width: calc(100vw - 6.5rem);
		padding-left: 4rem;
		padding-right: 2.5rem;
		padding-top: 4rem;
		transition: 0.6s ease;
	}

	.wp-block-site-logo, .wp-block-navigation__responsive-container-open {
		z-index: 20;
	}

	.has-modal-open .wp-block-navigation__responsive-container-open {
		opacity: 0;
		z-index: -2;
	}

	.has-modal-open .navbar {
		background-color: transparent !important;
		backdrop-filter: none !important;
		-webkit-backdrop-filter: none !important;
		box-shadow: none !important;
	}

	.wp-block-navigation__responsive-container.has-modal-open.is-menu-open {
		background-color: #fcfcfcde !important;
		backdrop-filter: var(--backdrop-filter-m);
		-webkit-backdrop-filter: var(--backdrop-filter-m);
		transition: 0.6s ease;
	}

}

/* iPhone Querformat */
@media only screen and (min-width: 0) and (max-width: 844px) and (max-height: 932px) and (orientation: landscape) {
	/* Deine Styles für das Hochformat des iPhone 14 */

	.navbar-main-container {
		width: 100%;
	}

	.wp-block-cover .wp-block-cover__inner-container .wp-block-group {
		width: 100% !important;
	}

	figure.wp-block-image.header-shape img {
		top: -27vh;
		transform: unset;
		height: 140vh;
		left: -10vw;
	}

	.hero-heading {
		max-width: 50vw !important;
	}

	.wp-site-blocks header {
		overflow: visible;
	}

	.hero-text {
		display: none;
	}

	.heading .wp-block-image.testimonials-shape img {
		max-width: 50vw;
	}

	.slick-track li.testimonial.type-testimonial > .wp-block-group > .wp-block-group {
		flex-direction: row;
		align-items: center;
	}

	.slick-track li.testimonial.type-testimonial {
		max-width: calc(66.66vw - 135px);
	}


	.vorteile-container > div > div {
		flex-direction: row !important;
	}

	.cta-bild {
		max-height: 0;
		display: flex !important;
	}

	.cta-bild figure {
		max-width: 100% !important;
	}

	.entry-content .bg-shape.startseite.vorteile img {
		top: 0;
		right: 47vw;
		padding-top: 4rem;
		max-width: 86vw;
	}

	.entry-content .bg-shape.startseite.schritte img {
		top: 0;
		right: 14vw;
		left: unset;
		padding-top: 7.5rem;
		max-width: 192vw;
	}

	.wp-container-core-columns-is-layout-2, .wp-container-core-columns-is-layout-3, .wp-container-core-columns-is-layout-4 {
		gap: 2em 2rem !important;
	}

	.drei-schritte-main-container > div > div:nth-child(2n+2), .projekte-main-container > div, .page-id-371 .zertifikate-main-container > div, .planung-main-container > div, .inbetriebnahme-main-container > div, .servwart-main-container > div {
		flex-direction: row !important;
	}


	.heading .wp-block-image.testimonials-shape {
		margin-right: 19vw;
		margin-bottom: 4vw;
	}

	.testimonial-container .kundenfeedback {
		-webkit-line-clamp: 3 !important;
		line-clamp: 3 !important;
	}

	.page-id-2 .wp-block-cover video.wp-block-cover__video-background, .page-id-375 .wp-block-cover .wp-block-cover__image-background, .page-id-373 .wp-block-cover .wp-block-cover__image-background, .page-id-371 .wp-block-cover .wp-block-cover__image-background, .page-id-377 .wp-block-cover .wp-block-cover__image-background, .page-id-379 .wp-block-cover .wp-block-cover__image-background {
		right: 0 !important;
		min-width: 100vw;
	}

	.usp-container > div, .usp-container > div > div {
		flex-direction: row !important;
	}

	.entry-content > .usp-container.has-global-padding {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	.carousell-container.verbaende .verbandslogo img {
		min-width: 26vw !important;
		max-height: 13vw !important;
	}

}

/* iPhone Hochformat */
@media only screen and (min-width: 0px) and (max-width: 844px) and (max-height: 932px) {

	:root {
		--team-min-width-multiplier: 1.49;
		--vorteile-min-width-multiplier: 1.95;
		--scroll-offset: 40rem;
		--section-threshold: 0.01;

	}

	.page-id-391 .vorteilesolareck-container {
		flex-direction: column;
	}

	.page-id-391 header .wp-block-cover .text-container p, .page-id-391 header .hero-heading {
		max-width: 100%;
	}

	.jobzeile {
		flex-direction: column;
		align-items: start;
		gap: .2rem;
	}

	.jobzeile a {
		color: var(--wp--preset--color--sekundaer) !important;
	}

	.agb-main-container > li {
		font-size: 1.8rem;
		line-height: 1.25;
	}

	header > .wp-block-cover.small {
		padding-bottom: 0rem !important;
		min-height: 40vh !important;
	}

	section .zweidrittel {
		max-width: 100%;
	}

	.wp-block-list.agb-main-container {
		max-width: inherit;
	}

	header .wp-block-cover > .wp-block-cover__inner-container > div > div > div {
		max-width: 100%;
	}

	.navbar-main-container {
		width: 100%;
	}

	/*
	Konfigurator
	*/

	.popup-btn-close figure, .popup-btn-close figure img {
		width: 9rem;
		left: 4.1vw;
		top: -2.9vw;
	}

	.popup-btn-close {
		top: 3.5rem;
	}

	.popup-btn-close p {
		font-size: 1.5rem;
		margin: 2.5rem !important;
	}

	.konfigurator {
		justify-content: flex-start;
	}

	.konfigurator > div {
		width: 100%;
		max-height: calc(100vh - 0rem);
		overflow: scroll;
		padding-top: 0;
	}

	.konfigurator > div > iframe { 
		padding-top: 5rem;
	}

	.show.popup-content{
		padding-top: 0rem !important;
	}

	.close {
		position: absolute;
		right: 20px;
		top: 20px;
		cursor: pointer;
	}


	/* Layout */

	.faq-main-container {
		margin-block-start: 3rem;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.faq-main-container .accordion {
		margin-block-start: 0rem !important;
	}

	.slick-list.draggable {
		max-width: calc(100vw - 80px);
	}

	.wp-block-image.header-shape {
		background-color: #0000;
	}

	section.buendeslaender-main-container .zweidrittel {
		max-width: 100%;
	}

	section.buendeslaender-main-container .drittel {
		max-width: 100%;
		min-width: 100%;
	}

	.buendeslaender-main-container .boxed {
		padding: 1.5rem;
	}

	.faq-main-container h3 {
		text-align: left;
	}

	.faq-main-container .accordion {
		margin-block-start: 3rem;
	}

	.bg-shape.netzanmeldung img {
		padding-top: 103rem;
	}

	summary::after, details[open] summary::after {
		height: fit-content;
	}

	.wp-block-group.accordion {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.logo-container {
		align-self: flex-start;
	}

	.logo-container .herstellerlogo {
		max-width: 100%;
		max-height: 70px;
		margin-bottom: 1rem;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.page-id-375 div.wp-block-group > section {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	.vorteilesolareck-container > div:hover::after {
		top: -120%;
		left: -150%;
		scale: 1;
	}

	.navigation-main-container > .produkt-navigation-buttons {
		display: none !important;
	}

	.navigation-main-container {
		width: 100%;
		top: 3rem;
	}

	.produkte-navigation-dropdown-trigger, .produkte-navigation-dropdown-menu {
		display: flex;
		flex-direction: column;
		gap: 1rem;
	}

	.navigation-main-container {
		height: 3rem;
	}

	.vorteilesolareck-container > div {
		flex-direction: column;
		padding: 2.5rem;
	}

	header .navbar-main-container .navbar {
		padding-top: 1rem !important;
		padding-right: 1.25rem !important;
		padding-bottom: 1rem !important;
		padding-left: 1.5rem !important;
	}

	.page-id-375 .hero-heading {
		max-width: 100%;
	}

	#modal-1 {
		min-height: calc(100vh - 2rem);
		top: -1.5rem;
		left: -1.25rem;
		z-index: 0;
		min-width: calc(100vw - 6.5rem);
		padding-left: 4rem;
		padding-right: 2.5rem;
		padding-top: 4rem;
		transition: 0.6s ease;
	}

	.wp-block-site-logo, .wp-block-navigation__responsive-container-open {
		z-index: 20;
	}

	.has-modal-open .wp-block-navigation__responsive-container-open {
		opacity: 0;
		z-index: -2;
	}

	.has-modal-open .navbar {
		background-color: transparent !important;
		backdrop-filter: none !important;
		-webkit-backdrop-filter: none !important;
		box-shadow: none !important;
	}

	.wp-block-navigation__responsive-container.has-modal-open.is-menu-open {
		background-color: #fcfcfcde !important;
		backdrop-filter: var(--backdrop-filter-m);
		-webkit-backdrop-filter: var(--backdrop-filter-m);
		transition: 0.6s ease;
	}

	.wp-block-cover .wp-block-cover__image-background, .wp-block-cover video.wp-block-cover__video-background, .wp-block-cover-image .wp-block-cover__image-background, .wp-block-cover-image video.wp-block-cover__video-background {
		left: unset;
		bottom: unset;
		right: -5vw;
		width: unset;
	}

	.page-id-2 .wp-block-cover video.wp-block-cover__video-background {
		right: -70vw;
	}

	.page-id-379 .wp-block-cover .wp-block-cover__image-background {
		right: -16vw;
	}

	.page-id-377 .wp-block-cover .wp-block-cover__image-background {
		right: -31vw;
	}

	.page-id-371 .wp-block-cover .wp-block-cover__image-background {
		right: -26vw;
	}

	.page-id-373 .wp-block-cover .wp-block-cover__image-background {
		right: -19vw;
	}

	.page-id-375 .wp-block-cover .wp-block-cover__image-background {
		right: -67vw;
	}

	/*
	.page-id-373 .wp-block-image.header-shape img {
	top: 44vh;
}
	*/

	header .navbar-main-container {
		padding-left: 1.25rem !important;
		padding-right: 1.25rem !important;
	}

	.wp-block-cover > .has-global-padding,
	.entry-content > .has-global-padding {
		padding-right: var(--wp--style--root--padding-right) !important;
		padding-left: var(--wp--style--root--padding-left) !important;
	}

	.entry-content > .testimonial-main-container.has-global-padding {
		padding-top: 8rem !important;
		padding-bottom: 3rem !important;
	}

	.wp-container-core-group-is-layout-4 > :where(:not(.alignleft):not(.alignright):not(.alignfull)), .wp-block-cover .text-container p {
		max-width: 100%;
	}

	.heder-vorteile-main-container {
		display: none !important;
	}

	header > .wp-block-cover {
		padding-top: 5.25rem !important;
		padding-bottom: 3.5rem !important;
		min-height: 100vh !important;
	}

	.entry-content {
		padding-top: 0rem !important;
		padding-bottom: 3rem !important;
	}

	.entry-content > div, .entry-content > section {
		padding-top: 3rem !important;
		padding-bottom: 3rem !important;
	}

	header .wp-block-cover .wp-block-cover__inner-container > div {
		gap: 2rem;
	}

	header .wp-block-cover .wp-block-cover__inner-container > div > div > div {
		gap: 1rem;
	}

	header {
		overflow: hidden;
	}

	.usp-container > div, .usp-container > div > div {
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.wp-block-image.header-shape img {
		top: 0;
		height: 196vw;
		max-width: unset;
	}

	.wp-block-image.header-shape img {
		/*top: 36vh;
		height: 196vw;
		max-width: unset;
		transform: rotatex(180deg);
		left: 0;*/
		top: 53vh;
		height: 140vw /*250vw*/;
		max-width: unset;
		transform: rotatex(180deg);
		left: 0vw;
	}

	.wp-block-cover, .wp-block-cover-image {
		align-items: end;
	}

	.vorteile-container > div {
		margin-block-start: 3rem;
		display: flex;
		flex-direction: column
	}

	.vorteile-container > div > div {
		display: flex;
		flex-direction: column
	}

	.vorteile-container > div > div > .has-off-white-color {
		padding-top: 2rem !important;
		padding-right: 2rem !important;
		padding-bottom: 2rem !important;
		padding-left: 2rem !important;
	}

	.vorteile-container .wp-block-spacer {
		flex-basis: 0;
	}

	.vorteile-container > div > div > .has-off-white-color .is-content-justification-center{
		max-width: 30%;
	}

	.drei-schritte-main-container > div > div > div > .wp-block-group .is-content-justification-center {
		max-width: 22%;
	}

	.drei-schritte-main-container > div {
		margin-block-start: 3rem;
	}

	.drei-schritte-main-container > div > div:nth-child(2n + 2), .projekte-main-container > div, .page-id-371 .zertifikate-main-container > div, .planung-main-container > div, .inbetriebnahme-main-container > div, .servwart-main-container > div {
		flex-direction: column-reverse;
	}

	.page-id-371 .zertifikate-main-container > div .bilder {
		flex-direction: column;
	}

	.page-id-371 .zertifikate-main-container > div .bilder img {
		max-height: 5rem;
	}

	.zertifikate-container > figure > img {
		min-width: 150%;
	}

	.zertifikate-container > figure {
		max-width: 100%;
		display: flex;
		justify-content: center;
	}

	.wp-block-image.testimonials-shape {
		margin-right: 20vw;
		margin-bottom: 10vw;
	}

	.wp-block-image.testimonials-shape img {
		max-width: 100vw;
	}

	li.testimonial.type-testimonial {
		max-width: calc(100vw - 144px);
	}

	li.testimonial.type-testimonial > .wp-block-group > .wp-block-group {
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
	}

	.testimonial-container li {
		padding: 2rem;
	}

	.testimonial-container .kundenfeedback {
		-webkit-line-clamp: 7;
		line-clamp: 7;
	}

	section .cta-bild {
		height: auto;
		display: grid;
	}

	.cta-bild figure {
		max-width: 90vw;
		width: 90vw;
	}

	.wp-block-button__link.has-primaer-color.has-akzent-background-color.has-background.has-link-color.wp-element-button {
		text-align: left;
	}

	.cta-main-container .cta-main-column {
		max-width: 100%;
	}

	.wp-container-core-column-is-layout-9 > * + * {
		margin-block-start: 2rem;
	}

	.team-main-container .vorteile-container {
		display: none;
	}

	.team-main-container > * + * {
		margin-block-start: 3rem;
	}

	.wp-elements-d5b4f38ac7fd34cbcc4d976a6d44a806 {
		gap: 3rem;
	}

	.bg-shape.ueberuns.team img {
		min-width: 174rem;
		padding-top: 19rem;
	}

	.bg-shape.referenzen.vorteile img {
		min-width: 710vh;
		margin-top: -21rem;
		max-width: unset;
		left: -105vw;
	}

	.bg-shape.referenzen.schritte {
		max-width: 100vw;
	}

	.bg-shape.referenzen.schritte img{
		right: -20vw;
		left: unset !important;
		max-width: 700vw !important;
	}

	.bg-shape.karriere.stellen img {
		bottom: 0;
		right: auto;
		max-width: 210vw;
	}

	.bg-shape.karriere.faq img {
		top: -80vw;
		left: 240vw;
		max-width: 210vw;
	}

	.ctakarriere-main-container > div > div .wp-block-buttons {
		margin-block-start: 2rem;
	}

	li.referenz.type-referenz {
		max-width: calc(100vw - 5rem);
	}

	.referenz-container > div:nth-child(2) {
		flex-direction: column-reverse;
		align-items: baseline;
	}

	.reduktion {
		max-width: 52%;
	}

	.page-id-375 section h2 {
		hyphens: auto;
		word-break: break-word;
	}

	.carousell-container.verbaende .verbandslogo img {
		min-width: 40vw;
		max-height: 25vw;
	}

	.carousell-container.hersteller, .carousell-container.verbaende {
		gap: 4rem;
	}

	.testimonial-main-container .heading {
		max-width: 67vw;
	}

	.footer-left p {
		width: 100%;
	}

	.footer-right > div {
		flex-direction: column;
		gap: 2rem;
	}

	.footer-right > div > div > nav {
		gap: 0.25rem;
	}

	.footer-container-bottom {
		margin-block-start: 4rem;
	}

	.footer-container-bottom, .footer-container-bottom div:first-child {
		flex-direction: column-reverse;
		align-items: flex-start;
	}

	.footer-container-bottom-info div:first-child {
		flex-direction: column-reverse;
	}

	.footer-container-bottom div:first-child {
		gap: .75rem;
	}

	.footer-container-bottom .rechtliches p:nth-child(2) {
		display: none;
	}

	.footer-main-container .corporate-info {
		margin-top: 0.08rem !important;
	}

	.footer-container-bottom div:first-child nav {
		gap: 1.25rem;
	}

	footer .bg-shape.footer {
		padding-top: 8rem !important;
	}

	.footer-main-container {
		padding-bottom: 4rem !important;
	}

	.jobs-bewerben {
		margin-block-start: 4rem !important;
	}

	/* Fonts */

	header .small .is-layout-constrained h1.job-title {
		padding-right: 0;
	}

	.single-karriere h1 {
		font-size: 1.8rem !important;
		line-height: 1.3;
	}


	h1, h3.usp-regular {
		font-size: 2.4rem;
	}

	h2 {
		font-size: 2rem /*2.4rem*/;
	}

	h3 {
		font-size: 2rem /*2.2rem*/;
	}

	h4, .vorteile-container > div > div > .has-off-white-color .icon,  .drei-schritte-main-container > div > div > div > .wp-block-group .icon {
		font-size: 1.8rem !important;
	}

	h5 {
		font-size: 1.2rem;
	}

	h6 {
		font-size: 1rem;
	}

	:root :where(.wp-element-button, .wp-block-button__link), p.size-m, .wp-block-site-tagline {
		font-size: 1rem;
	}

	:root :where(body), .hero-text {
		font-size: 1rem;
	}

	a.button-link::after, .cta-button a::after, .wp-block-button__link::after {
		font-size: 1rem;
	}

	.is-style-outline a.wp-block-button__link::after, a.button-link::after, .is-style-outline a.wp-block-button__link {
		font-size: 1.2rem !important;
	}


}