:root {
	--font-size-h1: clamp(24px, 2.5vw, 36px);
	--font-size-h2: clamp(21px, 1.8vw, 24px);
	--font-size-h3: clamp(18px, 1.5vw, 20px);
	--font-size-h4: clamp(18px, 1.5vw, 20px);
	--font-size-h5: clamp(16px, 1.3vw, 18px);
	--font-size-h6: clamp(18px, 1.5vw, 20px);
	--font-size-h7: clamp(18px, 1.5vw, 20px);
	--font-size-p1: clamp(17px, 1.4vw, 20px);
	--font-size-p2: clamp(16px, 1.3vw, 18px);

	--font-weight-semibold: 600;
	--font-weight-medium: 500;
	--font-weight-light: 300;

	--font-family-poppins: "Poppins", sans-serif;

	--color-white: #ffffff;
	--color-black: #000000;
	--color-sibit-green: #40792a;
	--color-sibit-tuerkis: #def2eb;
	--color-sibit-light-green: #bfdbab;
	--color-kontakt-form: #9eb1aa;

	--rounded-xl: 12px;

	--a11y-focus-inner: #000000;
	--a11y-focus-outer: #000000;
	--a11y-focus-width: 3px;
	--a11y-focus-offset: 3px;
}

body,
.editor-styles-wrapper {
	font-family: var(--font-family-poppins);
	color: var(--color-black);
	background-color: var(--color-white);
}

main {
	padding-bottom: 0 !important;
}

h1,
.editor-styles-wrapper h1 {
	font-family: var(--font-family-poppins);
	font-size: var(--font-size-h1);
	font-weight: var(--font-weight-semibold);
	line-height: 1.3;
	letter-spacing: 0;
	color: var(--color-sibit-green);
}

h2,
.editor-styles-wrapper h2 {
	font-family: var(--font-family-poppins);
	font-size: var(--font-size-h2);
	font-weight: var(--font-weight-semibold);
	line-height: 1.3;
	letter-spacing: 0;
}

h3,
.editor-styles-wrapper h3 {
	font-family: var(--font-family-poppins);
	font-size: var(--font-size-h3);
	font-weight: var(--font-weight-semibold);
	line-height: 1.3;
	letter-spacing: 0;
}

h4,
.editor-styles-wrapper h4 {
	font-family: var(--font-family-poppins);
	font-size: var(--font-size-h4);
	font-weight: var(--font-weight-semibold);
	line-height: 1.3;
	letter-spacing: 0;
}

h5,
.editor-styles-wrapper h5 {
	font-family: var(--font-family-poppins);
	font-size: var(--font-size-h5);
	font-weight: var(--font-weight-semibold);
	line-height: 1.3;
	letter-spacing: 0;
	text-transform: uppercase;
}

h6,
.editor-styles-wrapper h6 {
	font-family: var(--font-family-poppins);
	font-size: var(--font-size-h6);
	font-weight: var(--font-weight-medium);
	line-height: 1.3;
	letter-spacing: 0;
}

.h7,
.editor-styles-wrapper .h7 {
	display: none;
	font-family: var(--font-family-poppins);
	font-size: var(--font-size-h7);
	font-weight: var(--font-weight-semibold);
	line-height: 1.3;
	letter-spacing: 0;
	text-transform: uppercase;
}

p,
.editor-styles-wrapper p {
	font-family: var(--font-family-poppins);
	font-size: var(--font-size-p1);
	font-weight: var(--font-weight-light);
	line-height: 1.3;
	letter-spacing: 0;
}

.p2,
.editor-styles-wrapper .p2 {
	font-size: var(--font-size-p2);
	font-weight: var(--font-weight-light);
	line-height: 1.3;
}

a:hover{
	text-decoration:none !important;
}

.has-h1-font-size {
	font-size: var(--font-size-h1) !important;
}

.has-h2-font-size {
	font-size: var(--font-size-h2) !important;
}

.has-h3-font-size {
	font-size: var(--font-size-h3) !important;
}

.has-h4-font-size {
	font-size: var(--font-size-h4) !important;
}

.has-h5-font-size {
	font-size: var(--font-size-h5) !important;
}

.has-h6-font-size {
	font-size: var(--font-size-h6) !important;
}

.has-h7-mobile-font-size {
	font-size: var(--font-size-h7) !important;
}

.has-p1-font-size {
	font-size: var(--font-size-p1) !important;
}

.has-p2-font-size {
	font-size: var(--font-size-p2) !important;
}

.above-heading {
	margin-bottom: 0 !important;
	font-size: var(--font-size-p1) !important;
}

.about {
	margin-top: 1.5rem !important;
	font-size: var(--font-size-h1) !important;
	line-height: 1.3;
}

.semibold {
	font-weight: var(--font-weight-semibold) !important;
}

.mb0 {
	margin-bottom: 0 !important;
}



.mt-0 {
	margin-top: 0 !important;
}

.mt-1 {
	margin-top: 1em !important;
}

.mt-2 {
	margin-top: 2em !important;
}

.mt-3 {
	margin-top: 3em !important;
}

.mt-4 {
	margin-top: 4em !important;
}

.text-left {
	text-align: left;
}

.dropdown-icon {
	font-size: 22px !important;
}

.wp-block-group {
	margin-bottom: 0 !important;
}

.wp-block-paragraph {
	margin-top: 0 !important;
}

img {
	min-width: 24px;
	height: auto;
}

.site {
	margin: 0;
	max-width: 100vw !important;
}

.wp-block-group.homepage-text {
	width: 100vw;
	max-width: none !important;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}

.homepage-text > .wp-block-group__inner-container {
	width: 100%;
	max-width: none !important;
}

.outer-herzlichkeit {
	width: 100%;
	max-width: none !important;
	container-type: inline-size;
}

.herzlichkeit {
	display: block;
	width: 100%;
	max-width: none !important;
	text-align: center;
	line-height: 1.15;
	background-image: url("/wp-content/uploads/2026/07/Wiesenblumen-unscharf-dunkler-1920.jpg");
	background-repeat: repeat;
	background-size: 1000px;
	background-position: center;
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
}

.herzlichkeit p {
	width: 100%;
	margin: 0;
	font-size: clamp(4.2rem, 6.2cqi, 101px) !important;
	font-weight: 600;
	line-height: 1.15;
	text-align: center;
	white-space: nowrap;
	word-break: normal;
	overflow-wrap: normal;
	hyphens: none;
}

.italic-herzlich {
	display: inline;
	font-style: italic;
	font-weight: 300;
}

div.wp-block-cover__inner-container.is-layout-flow.wp-block-cover-is-layout-flow
	> div
	> div
	> p.has-text-align-center.slideInRight {
	font-size: clamp(var(--font-size-h4) , 4cqi, var(--font-size-h2) )   !important;
}

.inner-branchen {
	display: inline-block;
	width: fit-content;
	max-width: 100%;
	padding: 16px 72px 16px 42px;
	box-sizing: border-box;
	background-color: var(--color-sibit-tuerkis);
	border-radius: 999px;
}

.inner-branchen h3,
.inner-branchen p {
	margin: 0 !important;
}

.inner-branchen p {
	margin-top: 2px !important;
	font-size: var(--font-size-p2);
}

.align-left > .wp-block-buttons {
	justify-content: flex-end;
}

.align-left p {
	text-align: left !important;
}

.card {
	max-width: 600px;
	grid-template-columns: 12% !important;
	border-radius: var(--rounded-xl);
}

.card > figure > img {
	position: relative;
	right: -24px;
	width: 24px;
}

.primary-menu-container ul > li > a {
	font-size: 1.25rem !important;
	font-weight: var(--font-weight-semibold) !important;
}

.incentive {
	position: relative;
	z-index: 10;
	margin-top: -100px !important;
	margin-bottom: 100px !important;
}

.wp-container-7 > div:nth-child(2) {
	margin-top: -100px;
}

 
div.wp-block-column:nth-child(2)
	> div:nth-child(1)
	> div:nth-child(2)
	> p:nth-child(1) {
	margin-top: 12px;
}

.powered-by {
	display: none;
}

.nonincentive {
	position: relative !important;
	top: 100px !important;
}

.wp-block-media-text__media > img,
.wp-block-column > .wp-block-image img {
	border-radius: var(--rounded-xl);
}

.wp-block-button > .wp-element-button {
	width: 290px;
	height: 69px;
}

.wp-block-button > .wp-block-button__link.has-background {
	min-width: 100px;
	border: 0;
	border-radius: 122px !important;
	box-shadow: 0 0 0 12px transparent;
	transition:
		background-color 200ms ease,
		color 200ms ease,
		box-shadow 700ms ease;
}

.wp-block-button > .wp-block-button__link.has-background:hover {
	box-shadow: 0 0 0 8px var(--color-sibit-light-green);
}

.wp-block-button > .wp-block-button__link.has-background:hover,
.wp-block-button > .wp-block-button__link.has-background:focus-visible {
	background-color: var(--color-sibit-green) !important;
	color: var(--color-white) !important;
	border-color: var(--color-sibit-tuerkis) !important;
}

.wp-block-cover {
	background: var(--color-white);
}

.wp-block-cover__inner-container {
	display: flex;
	justify-content: flex-end;
}

.animated-frame {
	margin: 0 !important;
}

.animated-frame .svg-homepage {
	display: none;
}

.animated-frame > .wp-block-group__inner-container {
	text-align: right;
}

.animated-frame
	> .wp-block-group__inner-container
	> .wp-block-paragraph {
	display: inline-grid;
	grid-template-columns: 22px auto;
	align-items: center;
	gap: 12px;
	width: fit-content;
	max-width: 100%;
	margin: 0 0 30px auto !important;
	padding: 18px 24px;
	font-weight: 600;
	line-height: 1.2;
	text-align: right !important;
	border-radius: 62px 0 0 62px;
}

.animated-frame
	> .wp-block-group__inner-container
	> p::before {
	content: "";
	width: 22px;
	height: 22px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.animated-frame
	> .wp-block-group__inner-container
	> p:nth-of-type(1)::before {
	background-image: url("/wp-content/uploads/2026/07/note-1a878a.svg");
}

.animated-frame
	> .wp-block-group__inner-container
	> p:nth-of-type(2)::before {
	background-image: url("/wp-content/uploads/2026/07/Assured-workload-4b9538.svg");
}

.animated-frame
	> .wp-block-group__inner-container
	> p:nth-of-type(3)::before {
	background-image: url("/wp-content/uploads/2026/07/eye-8e1cc0.svg");
}

.svg-homepage {
	margin-right: 12px;
}

@keyframes slideInRight {
	from {
		transform: translateX(100%);
		opacity: 0;
	}

	to {
		transform: translateX(0);
		opacity: 1;
	}
}

.branchen-spalten {
	padding: 18px 42px;
	border-radius: 120px;
}

.branchen-spalten > .wp-block-media-text__content > p {
	margin-bottom: 0 !important;
}

.branchen-spalten > figure {
	position: relative;
	left: 16px;
}

.branchen-spalten > .wp-block-column .wp-block-media-text {
	grid-template-columns: 6% !important;
}

.wp-block-group.alignwide.is-layout-flex:has(> .branchen-spalten) {
	display: flex;
	flex-wrap: nowrap !important;
	gap: 24px;
	width: 100%;
}

.wp-block-group.alignwide.is-layout-flex:has(> .branchen-spalten)
	> .branchen-spalten {
	flex: 1 1 auto;
	width: auto;
	min-width: 0;
	max-width: 100%;
	margin: 0;
	box-sizing: border-box;
}

.kontaktformular {
	--formular-hintergrund: var(--color-sibit-tuerkis, #def2eb);
	--formular-gruen: var(--color-sibit-green, #40792a);
	--formular-placeholder: #5f6f6a;

	width: 100%;
	container-type: inline-size;
}

.kontaktformular p,
.kontaktformular p label {
	margin: 0 !important;
}

.kontaktformular > p,
.kontaktformular > label,
.kontaktformular .formular-feld {
	display: block;
	margin: 0 0 clamp(1.5rem, 3cqi, 2.25rem);
}

.kontaktformular > label,
.kontaktformular > p > label,
.kontaktformular .formular-feld > label {
	display: block;
	font-size: clamp(1.15rem, calc(1rem + 0.6cqi), 1.55rem);
	font-weight: 600;
	line-height: 1.3;
	color: var(--color-black);
}

.kontaktformular .wpcf7-form-control-wrap {
	display: block;
	margin-top: clamp(0.5rem, 1cqi, 0.75rem);
}

.kontaktformular input[type="text"],
.kontaktformular input[type="email"],
.kontaktformular input[type="tel"],
.kontaktformular textarea {
	display: block;
	width: 100%;
	box-sizing: border-box;
	margin: 0;
	padding: 1rem 1.5rem;
	border: 0;
	outline: 0;
	background-color: var(--formular-hintergrund);
	color: #1f1f1f;
	font: inherit;
	font-size: clamp(1rem, calc(0.9rem + 0.35cqi), 1.25rem);
	font-weight: 400;
	line-height: 1.4;
}

.kontaktformular input[type="text"],
.kontaktformular input[type="email"],
.kontaktformular input[type="tel"] {
	min-height: clamp(3.75rem, 7cqi, 4.5rem);
	border-radius: 999px;
}

.kontaktformular textarea {
	min-height: clamp(13rem, 28cqi, 18rem);
	border-radius: clamp(1.5rem, 4cqi, 2.5rem);
	resize: vertical;
}

.kontaktformular input::placeholder,
.kontaktformular textarea::placeholder {
	color: var(--formular-placeholder);
	opacity: 1;
	font-weight: 400;
}

.kontaktformular input:focus,
.kontaktformular textarea:focus {
	outline: 3px solid var(--formular-gruen);
	outline-offset: 3px;
}

.datenschutz-zustimmung {
	margin:
		clamp(0.25rem, 1cqi, 0.75rem)
		0
		clamp(1.5rem, 3cqi, 2.25rem);
}

.datenschutz-zustimmung .wpcf7-form-control-wrap,
.datenschutz-zustimmung .wpcf7-list-item {
	margin: 0;
}

.datenschutz-zustimmung .wpcf7-list-item {
	display: block;
}

.datenschutz-zustimmung .wpcf7-list-item label {
	display: flex;
	align-items: flex-start;
	gap: 0.85rem;
	font-size: clamp(1rem, calc(0.9rem + 0.45cqi), 1.3rem);
	font-weight: 400;
	line-height: 1.4;
	cursor: pointer;
}

.datenschutz-zustimmung input[type="checkbox"] {
	flex: 0 0 auto;
	width: 1.35rem;
	height: 1.35rem;
	margin: 0.15em 0 0;
	border: 3px solid var(--color-sibit-light-green);
	border-radius: 4px;
	accent-color: var(--color-sibit-green);
}

.datenschutz-zustimmung a {
	color: var(--formular-gruen);
	text-decoration: underline;
	text-decoration-thickness: 0.08em;
	text-underline-offset: 0.15em;
}

.kontaktformular-submit {
	display: block;
	width: 100%;
	max-width: none;
	margin: 0;
}

.kontaktformular-submit > p {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	width: 100%;
	max-width: none !important;
	margin: 0 !important;
}

.kontaktformular input[type="submit"] {
	display: block;
	width: 220px;
	min-height: 4rem;
	margin: 0 0 0 auto !important;
	padding-inline: 2rem;
	border: 0;
	border-radius: 999px;
	background-color: var(--color-sibit-green) !important;
	color: var(--color-white);
	font: inherit;
	font-size: 1.1rem;
	font-weight: 600;
	text-transform: uppercase;
	cursor: pointer;
}

.kontaktformular-submit .wpcf7-spinner {
	flex: 0 0 auto;
	margin-left: 0.75rem;
	margin-right: 0;
}

.archive-shell {
	min-height: 1000px;
}

.leistung-grid .wp-block-group-is-layout-grid {
	align-items: stretch;
	grid-auto-rows: 1fr;
}

.leistung-grid :is(
	.wp-block-card,
	.wp-block-card > a,
	.wp-block-card > a > div
) {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.leistung-grid .wp-block-card > a {
	display: flex !important;
	width: 100%;
}

.leistung-grid .wp-block-card button {
	margin-top: auto;
}

:where(
	a,
	button,
	input,
	textarea,
	select,
	summary,
	[role="button"],
	[role="link"],
	[tabindex]:not([tabindex="-1"])
):focus-visible {
	outline: var(--a11y-focus-width) solid var(--a11y-focus-outer);
	outline-offset: var(--a11y-focus-offset);
	box-shadow: 0 0 0 6px var(--a11y-focus-inner);
}

:where(
	a,
	button,
	input,
	textarea,
	select,
	summary,
	[role="button"],
	[role="link"],
	[tabindex]:not([tabindex="-1"])
):focus:not(:focus-visible) {
	outline: none;
}

:where(
	button,
	input,
	textarea,
	select
):disabled {
	outline: none !important;
	box-shadow: none !important;
}

@media (prefers-reduced-motion: no-preference) {
	.slideInRight {
		animation: slideInRight 600ms ease-out both;
	}

	@view-transition {
		navigation: auto;
	}

	::view-transition-old(root),
	::view-transition-new(root) {
		animation-duration: 250ms;
		animation-timing-function: ease;
	}
}

@media (prefers-reduced-motion: reduce) {
	.slideInRight {
		animation: none !important;
		transition: none !important;
		transform: none !important;
		opacity: 1 !important;
	}

	::view-transition-group(*),
	::view-transition-old(*),
	::view-transition-new(*) {
		animation: none !important;
	}
}

.site-footer.footer-inline,
.site-footer.footer-inline *,
.site-footer.footer-inline *::before,
.site-footer.footer-inline *::after {
	box-sizing: border-box;
}

.site-footer.footer-inline {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: none;
	min-height: clamp(500px, 34vw, 570px);
	margin: 0;
	padding: clamp(1.5rem, 2.5vw, 2.5rem);
	background-image: url("/wp-content/uploads/2026/07/Wiesenblume-scharf-footer-768.jpg");
	background-repeat: no-repeat;
	background-position: center 55%;
	background-size: cover;
	border: 0;
	color: var(--color-black);
}

.site-footer.footer-inline > .site-info {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(260px, 360px);
	grid-template-rows: minmax(0, 1fr) auto;
	grid-template-areas:
		"left menu"
		"copyright copyright";
	align-items: center;
	width: min(92%, 1460px);
	max-width: none;
	min-height: clamp(370px, 25vw, 420px);
	margin: 0;
	padding:
		clamp(3rem, 4vw, 4rem)
		clamp(3.5rem, 7vw, 7rem)
		clamp(2.25rem, 3vw, 3rem);
	column-gap: clamp(4rem, 8vw, 10rem);
	row-gap: 1.5rem;
	background-color: var(--color-sibit-tuerkis);
	border: 0;
	border-radius: 18px;
}

.footer-inline .footer-left {
	grid-area: left;
	align-self: stretch;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: clamp(2.25rem, 3.5vw, 3.5rem);
	margin: 0;
	padding: 0.25rem 0 0;
}

.footer-inline .site-name,
.footer-inline .site-logo {
	width: auto;
	margin: 0;
	padding: 0;
}

.footer-inline .custom-logo-link {
	display: block;
	width: auto;
	margin: 0;
	padding: 0;
}

.footer-inline .custom-logo {
	display: block;
	width: clamp(210px, 16vw, 265px);
	max-width: 100%;
	height: auto;
	max-height: none;
	margin: 0;
	padding: 0;
	filter: brightness(0);
}

.footer-inline .footer-contact {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.4rem;
	margin: 0;
	padding: 0;
	color: var(--color-black);
	font-size: clamp(1.05rem, 1.3vw, 1.35rem);
	font-weight: 400;
	line-height: 1.35;
}

.footer-inline .footer-contact strong {
	display: block;
	margin: 0 0 0.55rem;
	padding: 0;
	color: var(--color-black);
	font-size: clamp(1.1rem, 1.4vw, 1.4rem);
	font-weight: 700;
	line-height: 1.25;
}

.footer-inline .footer-contact a {
	display: flex;
	align-items: center;
	gap: 0.55rem;
	margin: 0;
	padding: 0;
	color: var(--color-black);
	font-size: inherit;
	font-weight: 400;
	line-height: 1.35;
	text-decoration: none;
}

.footer-inline .footer-contact a > span:last-child {
	color: var(--color-sibit-green);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.12em;
}

.footer-inline .footer-contact-label {
	color: var(--color-black);
	font-size: 0;
	text-decoration: none;
	white-space: nowrap;
}

.footer-inline .footer-contact-label::after {
	color: var(--color-black);
	font-size: clamp(1.05rem, 1.3vw, 1.35rem);
	line-height: 1.35;
}

.footer-inline a[href^="tel:"] .footer-contact-label::after {
	content: "Telefon:";
}

.footer-inline a[href^="mailto:"] .footer-contact-label::after {
	content: "E-Mail:";
}

.footer-inline .footer-contact a::before {
	content: "";
	flex: 0 0 1.15em;
	width: 1.15em;
	height: 1.15em;
	background-color: var(--color-sibit-green);
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	-webkit-mask-size: contain;
}

.footer-inline .footer-contact a[href^="tel:"]::before {
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.62 10.79a15.46 15.46 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.02-.24c1.12.37 2.33.57 3.57.57a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1C10.61 21 3 13.39 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1.02l-2.2 2.2Z'/%3E%3C/svg%3E");
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.62 10.79a15.46 15.46 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.02-.24c1.12.37 2.33.57 3.57.57a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1C10.61 21 3 13.39 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1.02l-2.2 2.2Z'/%3E%3C/svg%3E");
}

.footer-inline .footer-contact a[href^="mailto:"]::before {
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2Zm0 4-8 5-8-5V6l8 5 8-5v2Z'/%3E%3C/svg%3E");
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2Zm0 4-8 5-8-5V6l8 5 8-5v2Z'/%3E%3C/svg%3E");
}

.footer-inline .footer-contact a:hover > span:last-child {
	color: var(--color-black);
}

.footer-inline .footer-navigation {
	grid-area: menu;
	justify-self: end;
	align-self: center;
	width: auto;
	max-width: none;
	margin: 1rem 0 0;
	padding: 0;
	text-align: right;
}

.footer-inline .footer-navigation-wrapper {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: center;
	gap: 0.65rem;
	width: auto;
	margin: 0;
	padding: 0;
	list-style: none;
}

.footer-inline .footer-navigation-wrapper li,
.footer-inline .footer-navigation-wrapper li + li {
	display: block;
	width: auto;
	margin: 0;
	padding: 0;
}

.footer-inline .footer-navigation-wrapper a {
	display: block;
	margin: 0;
	padding: 0;
	color: var(--color-black);
	font-size: clamp(1.15rem, 1.45vw, 1.5rem);
	font-weight: 700;
	line-height: 1.2;
	text-align: right;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
}

.footer-inline .footer-navigation-wrapper a span {
	display: inline;
	margin: 0;
	padding: 0;
}

.footer-inline .footer-navigation-wrapper a:hover {
	color: var(--color-sibit-green);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.18em;
}

.footer-inline .footer-copyright {
	grid-area: copyright;
	justify-self: center;
	align-self: end;
	margin: 0;
	padding: 0.25rem 0 0;
	color: var(--color-black);
	font-size: clamp(0.85rem, 0.95vw, 1rem);
	font-weight: 400;
	line-height: 1.4;
	text-align: center;
}

.serviceblock {
	padding: 20px 50px;
	border-radius: 80px;
	background: var(--color-sibit-tuerkis);
}

.serviceblock h3 {
	margin-bottom: 0 !important;
	font-size: var(--font-size-h2);
}

.serviceblock p {
	font-size: var(--font-size-p2);
}

body.primary-navigation-open .primary-navigation {
	position: fixed;
	inset: 0;
	z-index: 9999;
	width: 100%;
	height: 100dvh;
	padding: 80px 32px 32px;
	background-color: var(--color-sibit-green);
}

body.primary-navigation-open .primary-menu-container {
	display: block;
	height: 100%;
}

body.primary-navigation-open .primary-menu-container ul {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	margin: 0;
	padding: 0;
}

body.primary-navigation-open .primary-menu-container a {
	padding: 0;
	color: var(--color-white) !important;
	font-family: var(--font-family-poppins);
	font-size: 20px;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
}

body.primary-navigation-open .primary-menu-container a:hover,
body.primary-navigation-open .primary-menu-container a:focus-visible {
	color: var(--color-sibit-light-green) !important;
}

body.primary-navigation-open .menu-button-container {
	position: absolute;
	top: 24px;
	right: 24px;
	padding: 0;
	background: transparent;
}

body.primary-navigation-open .menu-button-container button {
	border: 0;
	background: transparent;
	color: var(--color-white);
	font-size: 20px;
}

.sub-menu-toggle .icon-plus,
.sub-menu-toggle .icon-minus {
	display: none !important;
}

.sub-menu-toggle {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: none !important;
}

.sub-menu-toggle::after {
	content: "";
	display: block;
	width: 14px;
	height: 14px;
	background: url("/wp-content/uploads/2026/07/Dropdown-6eae5d.svg")
		center / contain no-repeat;
 
}

 

#menu-rechtliches {
	gap: 72px !important;
}



#primary-menu-list > li:nth-child(3),
#primary-menu-list > li:nth-child(4) {
	position: relative;
	right: 12px;
}

.site-header
	#site-navigation.primary-navigation
	.sub-menu::before,
.site-header
	#site-navigation.primary-navigation
	.sub-menu::after {
	content: none !important;
	display: none !important;
	border: 0 !important;
	background: none !important;
}

.sub-menu {
	border:none !important;
	width: 160px !important;
}

@media (max-width: 1050px) {
	.site-footer.footer-inline > .site-info {
		width: 94%;
		padding:
			3rem
			clamp(2.5rem, 5vw, 4rem)
			2.5rem;
		grid-template-columns:
			minmax(0, 1fr)
			minmax(220px, 290px);
		column-gap: 3rem;
	}

	.footer-inline .custom-logo {
		width: clamp(200px, 21vw, 245px);
	}

	.footer-inline .footer-navigation-wrapper a {
		font-size: clamp(1.05rem, 1.8vw, 1.35rem);
	}
}



@media (max-width: 440px) {
	.wp-block-button > .wp-element-button {
		width: 100%;
		min-width: 0;
	}

	.site-footer.footer-inline {
		padding: 1.25rem 0;
	}

	.site-footer.footer-inline > .site-info {
		width: 92%;
		min-height: 0;
		padding: 3rem 1.25rem 2.75rem;
		border-radius: 14px;
	}

	.footer-inline .footer-left {
		gap: 2.75rem;
	}

	.footer-inline .custom-logo {
		width: min(80vw, 330px);
	}

	.footer-inline .footer-contact strong {
		font-size: clamp(0.9rem, 4.1vw, 1.15rem);
	}

	.footer-inline .footer-contact a,
	.footer-inline .footer-contact-label::after {
		font-size: clamp(0.95rem, 4.2vw, 1.15rem);
	}

	.footer-inline .footer-contact a {
		gap: 0.45rem;
	}

	.footer-inline .footer-navigation {
		margin-top: 3.5rem;
	}

	.footer-inline .footer-navigation-wrapper {
		gap: 1.75rem;
	}

	.footer-inline .footer-navigation-wrapper a {
		font-size: clamp(1.1rem, 5.2vw, 1.45rem);
	}

	.footer-inline .footer-copyright {
		padding-top: 3rem;
		font-size: clamp(0.8rem, 3.7vw, 1rem);
	}
}

@media (max-width: 350px) {
	.site-footer.footer-inline > .site-info {
		width: 94%;
		padding-right: 1rem;
		padding-left: 1rem;
	}

	.footer-inline .footer-contact strong {
		white-space: normal;
	}

	.footer-inline .footer-contact a {
		display: grid;
		grid-template-columns: 1.1em auto;
		grid-template-rows: auto auto;
		align-items: center;
		justify-content: center;
		column-gap: 0.45rem;
		row-gap: 0.1rem;
		white-space: normal;
	}

	.footer-inline .footer-contact a::before {
		grid-column: 1;
		grid-row: 1 / span 2;
	}

	.footer-inline .footer-contact-label,
	.footer-inline .footer-contact a > span:last-child {
		grid-column: 2;
		text-align: left;
	}

	.footer-inline .footer-contact a > span:last-child {
		overflow-wrap: anywhere;
	}

	.footer-inline .footer-navigation-wrapper a {
		white-space: normal;
	}
}
.site-header #site-navigation.primary-navigation a:active,
.site-header #site-navigation.primary-navigation button:active {
	outline: none !important;
	outline-offset: 0 !important;
	border-color: transparent !important;
	box-shadow: none !important;
	background: transparent !important;
	text-decoration: none !important;
	filter: none !important;
	transform: none !important;
}

.site-header #site-navigation.primary-navigation a:focus:not(:focus-visible),
.site-header #site-navigation.primary-navigation button:focus:not(:focus-visible) {
	outline: none !important;
	outline-offset: 0 !important;
	border-color: transparent !important;
	box-shadow: none !important;
	background: transparent !important;
	text-decoration: none !important;
	filter: none !important;
	transform: none !important;
}

body.primary-navigation-open
	.site-header
	#site-navigation.primary-navigation
	.primary-menu-container
	> ul
	> li:not(.current-menu-item):not(.current_page_item):not(.current-menu-ancestor):not(.current_page_ancestor)
	> a:active,
body.primary-navigation-open
	.site-header
	#site-navigation.primary-navigation
	.primary-menu-container
	> ul
	> li:not(.current-menu-item):not(.current_page_item):not(.current-menu-ancestor):not(.current_page_ancestor)
	> a:focus:not(:focus-visible) {
	color: var(--color-white) !important;
	background: transparent !important;
}

.site-header
	#site-navigation.primary-navigation
	.primary-menu-container
	> ul
	> li:is(
		.current-menu-item,
		.current_page_item,
		.current-menu-ancestor,
		.current_page_ancestor
	) {
	background-color: var(--color-white) !important;
	border-radius: 80px;
	overflow: visible;
}

.site-header
	#site-navigation.primary-navigation
	.primary-menu-container
	> ul
	> li:is(
		.current-menu-item,
		.current_page_item,
		.current-menu-ancestor,
		.current_page_ancestor
	)
	> a,
.site-header
	#site-navigation.primary-navigation
	.primary-menu-container
	> ul
	> li:is(
		.current-menu-item,
		.current_page_item,
		.current-menu-ancestor,
		.current_page_ancestor
	)
	> a:link,
.site-header
	#site-navigation.primary-navigation
	.primary-menu-container
	> ul
	> li:is(
		.current-menu-item,
		.current_page_item,
		.current-menu-ancestor,
		.current_page_ancestor
	)
	> a:visited,
.site-header
	#site-navigation.primary-navigation
	.primary-menu-container
	> ul
	> li:is(
		.current-menu-item,
		.current_page_item,
		.current-menu-ancestor,
		.current_page_ancestor
	)
	> a:hover,
.site-header
	#site-navigation.primary-navigation
	.primary-menu-container
	> ul
	> li:is(
		.current-menu-item,
		.current_page_item,
		.current-menu-ancestor,
		.current_page_ancestor
	)
	> a:active,
.site-header
	#site-navigation.primary-navigation
	.primary-menu-container
	> ul
	> li:is(
		.current-menu-item,
		.current_page_item,
		.current-menu-ancestor,
		.current_page_ancestor
	)
	> a:focus {
	color: var(--color-black) !important;
	background: transparent !important;
	border-color: transparent !important;
	box-shadow: none !important;
	text-decoration: none !important;
}

.site-header
	#site-navigation.primary-navigation
	.primary-menu-container
	> ul
	> li:is(
		.current-menu-item,
		.current_page_item,
		.current-menu-ancestor,
		.current_page_ancestor
	)
	> .sub-menu-toggle {
	color: var(--color-black) !important;
	background: transparent !important;
	border-color: transparent !important;
	box-shadow: none !important;
}

.site-header
	#site-navigation.primary-navigation
	.primary-menu-container
	> ul
	> li:is(
		.current-menu-item,
		.current_page_item,
		.current-menu-ancestor,
		.current_page_ancestor
	)
	> .sub-menu-toggle::after {
	filter: brightness(0) saturate(100%);
}

.site-header
	#site-navigation.primary-navigation
	.primary-menu-container
	> ul
	> li
	> .sub-menu {
	background: var(--color-sibit-green) !important;
	border-radius: 0 0 12px 12px !important;
}

.site-header
	#site-navigation.primary-navigation
	.primary-menu-container
	> ul
	> li
	> .sub-menu
	li {
	background: transparent !important;
	border-radius: 0 !important;
}

.site-header
	#site-navigation.primary-navigation
	.primary-menu-container
	> ul
	> li
	> .sub-menu
	a,
.site-header
	#site-navigation.primary-navigation
	.primary-menu-container
	> ul
	> li
	> .sub-menu
	a:link,
.site-header
	#site-navigation.primary-navigation
	.primary-menu-container
	> ul
	> li
	> .sub-menu
	a:visited,
.site-header
	#site-navigation.primary-navigation
	.primary-menu-container
	> ul
	> li
	> .sub-menu
	a:hover,
.site-header
	#site-navigation.primary-navigation
	.primary-menu-container
	> ul
	> li
	> .sub-menu
	a:active,
.site-header
	#site-navigation.primary-navigation
	.primary-menu-container
	> ul
	> li
	> .sub-menu
	a:focus,
.site-header
	#site-navigation.primary-navigation
	.primary-menu-container
	> ul
	> li
	> .sub-menu
	a:focus-visible {
	color: var(--color-white) !important;
	background: transparent !important;
	border-color: transparent !important;
	box-shadow: none !important;
}

.site-header
	#site-navigation.primary-navigation
	.primary-menu-container
	> ul
	> li
	> .sub-menu
	a:active,
.site-header
	#site-navigation.primary-navigation
	.primary-menu-container
	> ul
	> li
	> .sub-menu
	a:focus:not(:focus-visible) {
	outline: none !important;
	outline-offset: 0 !important;
	text-decoration: none !important;
}

.site-header #site-navigation.primary-navigation a,
.site-header #site-navigation.primary-navigation button {
	-webkit-tap-highlight-color: transparent;
}

.site-header #site-navigation.primary-navigation a:focus-visible,
.site-header #site-navigation.primary-navigation button:focus-visible {
	outline: var(--a11y-focus-width) solid
		var(--a11y-focus-outer) !important;
	outline-offset: var(--a11y-focus-offset) !important;
	background: transparent !important;
	border-color: transparent !important;
	box-shadow: none !important;
}

.site .site-footer.footer-inline a,
.site .site-footer.footer-inline button {
	-webkit-tap-highlight-color: transparent;
}

.site .site-footer.footer-inline a:active,
.site .site-footer.footer-inline button:active,
.site .site-footer.footer-inline a:focus:not(:focus-visible),
.site .site-footer.footer-inline button:focus:not(:focus-visible) {
	outline: none !important;
	outline-offset: 0 !important;
	border-color: transparent !important;
	box-shadow: none !important;
	background: transparent !important;
	filter: none !important;
	transform: none !important;
}

.site .site-footer.footer-inline .footer-navigation a:active,
.site .site-footer.footer-inline
	.footer-navigation
	a:focus:not(:focus-visible) {
	color: var(--color-black) !important;
	text-decoration: none !important;
}

.site .site-footer.footer-inline .footer-contact a:active,
.site .site-footer.footer-inline
	.footer-contact
	a:focus:not(:focus-visible) {
	color: var(--color-black) !important;
	text-decoration: none !important;
}

.site .site-footer.footer-inline
	.footer-contact
	a:active
	> span:last-child,
.site .site-footer.footer-inline
	.footer-contact
	a:focus:not(:focus-visible)
	> span:last-child {
	color: var(--color-sibit-green) !important;
	text-decoration: underline !important;
	text-decoration-thickness: 1px !important;
	text-underline-offset: 0.12em !important;
}

.site .site-footer.footer-inline
	.footer-contact
	a:active
	.footer-contact-label::after,
.site .site-footer.footer-inline
	.footer-contact
	a:focus:not(:focus-visible)
	.footer-contact-label::after {
	color: var(--color-black) !important;
}

.site .site-footer.footer-inline
	.footer-contact
	a:active::before,
.site .site-footer.footer-inline
	.footer-contact
	a:focus:not(:focus-visible)::before {
	background-color: var(--color-sibit-green) !important;
}

.site .site-footer.footer-inline a:focus-visible,
.site .site-footer.footer-inline button:focus-visible {
	outline: 3px solid var(--color-black) !important;
	outline-offset: 3px !important;
	box-shadow: 0 0 0 6px var(--color-white) !important;
	background: transparent !important;
	border-color: transparent !important;
	filter: none !important;
	transform: none !important;
}

.site .site-footer.footer-inline
	.footer-navigation
	a:focus-visible {
	color: var(--color-black) !important;
	text-decoration: none !important;
}

.site .site-footer.footer-inline
	.footer-contact
	a:focus-visible {
	color: var(--color-black) !important;
	text-decoration: none !important;
}

.site .site-footer.footer-inline
	.footer-contact
	a:focus-visible
	> span:last-child {
	color: var(--color-sibit-green) !important;
	text-decoration: underline !important;
	text-decoration-thickness: 1px !important;
	text-underline-offset: 0.12em !important;
}

.site .site-footer.footer-inline
	.footer-contact
	a:focus-visible
	.footer-contact-label::after {
	color: var(--color-black) !important;
}

.site .site-footer.footer-inline
	.footer-contact
	a:focus-visible::before {
	background-color: var(--color-sibit-green) !important;
}


.inner-branchen {
	--branchen-hintergrund:
		var(--color-sibit-tuerkis, #def2eb);

	--branchen-icon:
		var(--color-sibit-green, #40792a);

	display: inline-flex !important;
	flex: 0 0 auto !important;
	flex-flow: row nowrap !important;

	align-items: center !important;
	justify-content: flex-start !important;
	align-self: flex-start;
 
	width: max-content !important;
	width: fit-content !important;
	max-width: 100%;

	min-width: 0;

	gap: clamp(1rem, 1.8vw, 1.6rem);

	box-sizing: border-box;

	margin: 0 !important;

	padding:
		clamp(1rem, 1.5vw, 1.35rem)
		clamp(1.4rem, 2.5vw, 2.4rem);

	background-color: var(--branchen-hintergrund);

	border: 0;
	border-radius: 999px;
}


 

.is-layout-flex > .inner-branchen,
.wp-block-group-is-layout-flex > .inner-branchen {
	flex-grow: 0 !important;
	flex-shrink: 0 !important;
	flex-basis: auto !important;

	width: fit-content !important;
}


 

.inner-branchen > :first-child {
	display: flex;
	flex: 0 0 auto !important;

	align-items: center;
	justify-content: center;

	width: clamp(1.35rem, 1.8vw, 1.7rem);
	height: clamp(1.35rem, 1.8vw, 1.7rem);

	margin: 0 !important;
	padding: 0;

	color: var(--branchen-icon);
}

.inner-branchen > :first-child img,
.inner-branchen > :first-child svg {
	display: block;

	width: 100%;
	height: 100%;

	max-width: none;

	margin: 0;
	padding: 0;

	object-fit: contain;

	color: inherit;
}


 

.inner-branchen > :first-child svg,
.inner-branchen > :first-child svg path {
	fill: currentColor;
}


 

.inner-branchen > .branchen-inhalt {
	display: flex !important;
	flex: 0 0 auto !important;
	flex-flow: column nowrap !important;

	align-items: flex-start !important;
	justify-content: center !important;

	width: max-content !important;
	width: fit-content !important;
	max-width: none;

	min-width: 0;

	gap: 0.15rem !important;

	margin: 0 !important;
	padding: 0 !important;
}


 

.inner-branchen .branchen-inhalt h3 {
	width: max-content;
	max-width: none;

	margin: 0 !important;
	padding: 0 !important;

	color: var(--color-black, #000000);

	font-size: clamp(1.15rem, 1.5vw, 1.7rem);
	font-weight: 600;
	line-height: 1.1;

	white-space: nowrap;

	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}


 
.inner-branchen .branchen-inhalt p {
	width: max-content;
	max-width: none;

	margin: 0 !important;
	padding: 0 !important;

	color: var(--color-black, #000000);

	font-size: clamp(0.95rem, 1.15vw, 1.25rem);
	font-weight: 300;
	line-height: 1.25;

	white-space: nowrap;

	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}


@media (max-width: 480px) {
	.inner-branchen {
		display: flex !important;

		width: 100% !important;

		gap: 1rem;
	}

	.inner-branchen > .branchen-inhalt {
		width: 100% !important;
	}
}