/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 12 2026 | 13:41:36 */
html, body {
	overflow-x: hidden !important;
}
html {
	font-size: 18px;
}

.fa-star,
.fa.fa-star {
	font-family: 'Font Awesome 7 Pro';
	font-weight: 900;
}
.fa.fa-star:before {
	content: '\f005';
}
div#nav--call {
    background-color: #276779;
    padding: 5px 10px;
    border-radius: 1rem;
}
div#nav--call .e-n-menu-title-text {
    color: white;
}
div#nav--call .e-n-menu-icon svg path {
    fill: white !important;
}
div#nav--call:hover {
    background-color: #043f4d;
}
div#nav--portal {
    padding: 5px 10px;
    border-radius: 1rem;
}
div#nav--portal:hover {
    background-color: #ddf4f2;
	border-bottom-color: transparent;
}
button#menu-toggle-122 {
    background-color: transparent;
}
footer .plus-navigation-menu.menu-vertical ul {
    padding-inline-start: 0;
}

.bg-linear-down{background-image: linear-gradient(oklch(0.95 0.025 190) 0%, oklch(0.99 0.005 200) 100%);}
.bg--dark-right{background-image: linear-gradient(to right bottom, oklch(0.48 0.07 220) 0%, oklch(0.34 0.06 220) 100%);}

/* 1. Haupt-Container der Info-Box vorbereiten & Überstand abschneiden */
.beratung .info-box-bg-box {
    position: relative !important;
    overflow: hidden !important;
}

/* 2. Dekokreis oben rechts (oder oben links) erzeugen */
.beratung .info-box-bg-box::before {
    content: "";
    position: absolute;
    top: -24px;
    right: -24px; /* Für oben links einfach 'right: -24px;' durch 'left: -24px;' ersetzen */
    width: 96px;
    height: 96px;
    border-radius: 50%;
    background-color: var(--e-global-color-secondary, #e0f2fe); /* Globale Secondary-Farbe oder festen Hex-Wert eintragen */
    opacity: 0.6;
    pointer-events: none;
    z-index: 1;
}

/* 3. Inhalt über den Kreis legen, damit Text/Icon klickbar/lesbar bleiben */
.beratung .info-box-content {
    position: relative !important;
    z-index: 2 !important;
}

.hd-bg-hero-radial {
  background: 
    radial-gradient(1200px 600px at 90% -10%, oklch(0.8 0.06 190 / 0.25) 0%, rgba(0, 0, 0, 0) 60%),
    radial-gradient(900px 500px at -10% 20%, oklch(0.74 0.16 128 / 0.12) 0%, rgba(0, 0, 0, 0) 55%),
    linear-gradient(oklch(0.99 0.005 200) 0%, oklch(0.95 0.025 190) 100%);
}
.eyebrow {
    text-transform: uppercase;
    letter-spacing: .14em;
    align-items: center;
    gap: .5rem;
    font-size: .75rem;
    font-weight: 600;
    display: inline-flex;
}

/* 1. Inhaltsbox auf relative setzen & Platz oben rechts freihalten */
.page-id-1469 .timeline-inner-block .timeline-item-content {
    position: relative !important;
    padding-right: 48px !important; /* Verhindert, dass Text unter das Checkmark läuft */
}

/* 2. Checkmark-Icon oben rechts als Pseudoelement platzieren */
.page-id-1469 .timeline-inner-block .timeline-item-content::after {
    content: "";
    position: absolute;
    top: 16px;
    right: 16px;
    width: 25px;
    height: 25px;
    
    /* Checkmark als grünes SVG einbinden (Farbe: var(--leaf) / Hexcode) */
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%238DBD42" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    
    pointer-events: none;
    z-index: 2;
}
.page-id-1469 .timeline-item-description.timeline-transition, .page-id-1469 .timeline-item-description.timeline-transition p {
	margin:-15px 0 0;
}
.page-id-1469 .timeline-style-2 .timeline-inner-block .timeline-item .timeline-item-content {
	padding: 15px 0 15px 20px;
}
button#gform_submit_button_1 {
    border-radius: 36px;
}
.woocommerce-Button.button, .button.wc-forward {
	background-color: var(--primary) !important;
	color: white !important;
	border-radius: 18px !important;
}
.woocommerce-Button.button:hover, .button.wc-forward:hover {
background-color: var( --e-global-color-07f7e9b )!important;
}

/* Globale Deaktivierung des Blauen Tap-Highlights & Focus-Hintergrunds für den Menü-Umschalter */
[aria-label="Menü Umschalter"],
[aria-label="Menü Umschalter"] * {
    -webkit-tap-highlight-color: transparent !important;
}

[aria-label="Menü Umschalter"]:focus,
[aria-label="Menü Umschalter"]:focus-visible,
[aria-label="Menü Umschalter"]:active {
    outline: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
}

:lang(de-de) body,
:lang(de-de) .elementor {
	-ms-hyphens: auto !important;
	-moz-hyphens: auto !important;
	-webkit-hyphens: auto !important;
	hyphens: auto !important;
	hyphenate-limit-chars: 10 5 5 !important;
	-webkit-hyphenate-limit-before: 5 !important;
	-webkit-hyphenate-limit-after: 5 !important;
	-ms-hyphenate-limit-chars: 10 5 5 !important;
}
.logotitle {
	opacity: 1;
	transition: all 0.4s ease;
	margin-left: 0px;
}
.elementor-sticky--active .logotitle {
	opacity: 1;
	display: inline-block;
	margin-left: 0px;
	width: 50px !important;
}
.elementor-sticky--active .plus-navigation-wrap .plus-navigation-inner.main-menu-indicator-style-1 .plus-navigation-menu .navbar-nav>li.dropdown>a:after,
.elementor-sticky--active .plus-navigation-menu .navbar-nav>li>a {
	color: var(--e-global-color-text) !important;
}
.sticky--header.elementor-sticky--effects {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
	background-color: #fff !important;
}
.logoflex img {
	transition: width 1.4s ease 0.4s;
}
.elementor-sticky--effects .logoflex img {
	width: 50% !important;
	margin: 0 auto;
}
.no--style ul {
	list-style: none;
}
.post-thumbnail {
	display: none;
}
dl {
	display: grid;
	grid-template-columns: auto 1fr;
	column-gap: 1rem;
	row-gap: 0.2rem;
	padding: 0;
	margin: 0 auto;
}
dd,
dt {
	text-align: left;
}
dd {
	margin: 0 0.5em;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	margin-bottom: 0.5em;
	margin-top: 1.5em;
}
@media (max-width: 767px) {
	.elementor .e-609fc5a-85670d3 {
		width: 100%;
		padding: 0px;
		flex-direction: column;
		gap: 0.5rem;
		align-items:center;
	}
	/* Haupt-Navigationscontainer zentrieren */
	.elementor-widget-nav-menu .elementor-nav-menu--main {
		justify-content: center !important;
	}
	/* Die Listen-Struktur (ul) auf Flex-Zentrierung setzen */
	.elementor-widget-nav-menu ul.elementor-nav-menu {
		display: flex !important;
		flex-direction: column !important;
		/* Untereinander, falls zu lang */
		align-items: center !important;
		justify-content: center !important;
		width: 100% !important;
	}
	/* Abstände der Listenpunkte (li) ausgleichen */
	.elementor-widget-nav-menu ul.elementor-nav-menu li.menu-item {
		text-align: center !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	div#menubar-122 {
		background-color: white;
		margin-bottom: 30px;
		padding: 2rem;
	}
	div#nav--portal {
		background-color: #ddf4f2;
		border-bottom-color: transparent;
	}
	#nav--contact-img {
		display:none;
	}
}
@media (max-width: 1279px) {
  footer nav.elementor-nav-menu--main,
  footer nav.elementor-nav-menu--main ul.elementor-nav-menu {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
  }
}