/* FS AI Tool – automatisch generierte Design-Overrides. Nicht manuell bearbeiten. */

:root{
	--fp-primary: #FFD700;
	--fp-primary-dark: #C7A800;
	--fp-accent: #FFD700;
	--fp-neutral: #1F1F1F;
	--fp-text-on-brand: #07080C;
	--fp-icon-color: #FFD700;
	
	--fp-brand-1: #FFD700;
	--fp-brand-2: rgba(255,215,0,0.85);
	--fp-brand-3: rgba(199,168,0,0.95);
	--fp-brand-strong-1: rgba(255,215,0,0.95);
	--fp-brand-strong-2: rgba(255,215,0,0.7);
	--fp-brand-strong-3: rgba(199,168,0,0.95);
	
	--fp-border-soft-strong: rgba(255,215,0,0.45);
	--fp-glow-brand-soft: rgba(255,215,0,0.18);
	--fp-glow-brand-strong: rgba(255,215,0,0.3);
	
	--wcs-accent: #FFD700;
	--wcs-accent-dark: #C7A800;
}

body.fp-theme-standard{
	--fp-primary: #FFD700;
	--fp-primary-dark: #C7A800;
	--fp-accent: #FFD700;
	--fp-neutral: #1F1F1F;
	--fp-text-on-brand: #07080C;
	--fp-icon-color: #FFD700;
	
	--fp-brand-1: #FFD700;
	--fp-brand-2: rgba(255,215,0,0.85);
	--fp-brand-3: rgba(199,168,0,0.95);
	--fp-brand-strong-1: rgba(255,215,0,0.95);
	--fp-brand-strong-2: rgba(255,215,0,0.7);
	--fp-brand-strong-3: rgba(199,168,0,0.95);
	
	--fp-border-soft-strong: rgba(255,215,0,0.45);
	--fp-glow-brand-soft: rgba(255,215,0,0.18);
	--fp-glow-brand-strong: rgba(255,215,0,0.3);
	
	--wcs-accent: #FFD700;
	--wcs-accent-dark: #C7A800;
}

body.fp-theme-premium{
	--fp-primary: #FFD700;
	--fp-primary-dark: #C7A800;
	--fp-accent: #FFD700;
	--fp-neutral: #1F1F1F;
	--fp-text-on-brand: #07080C;
	--fp-icon-color: #FFD700;
	
	--fp-brand-1: #FFD700;
	--fp-brand-2: rgba(255,215,0,0.85);
	--fp-brand-3: rgba(199,168,0,0.95);
	--fp-brand-strong-1: rgba(255,215,0,0.95);
	--fp-brand-strong-2: rgba(255,215,0,0.7);
	--fp-brand-strong-3: rgba(199,168,0,0.95);
	
	--fp-border-soft-strong: rgba(255,215,0,0.45);
	--fp-glow-brand-soft: rgba(255,215,0,0.18);
	--fp-glow-brand-strong: rgba(255,215,0,0.3);
	
	--wcs-accent: #FFD700;
	--wcs-accent-dark: #C7A800;
}

/* Design-Feinsteuerung: Buttons */
body.fp-theme-standard .elementor-button,
body.fp-theme-standard .elementor-button:visited,
body.fp-theme-premium .elementor-button,
body.fp-theme-premium .elementor-button:visited{
	background: var(--fp-primary) !important;
	background-image: none !important;
	color: var(--fp-text-on-brand) !important;
	border-color: var(--fp-primary) !important;
}

body.fp-theme-standard .elementor-button:hover,
body.fp-theme-standard .elementor-button:focus,
body.fp-theme-standard .elementor-button:active,
body.fp-theme-premium .elementor-button:hover,
body.fp-theme-premium .elementor-button:focus,
body.fp-theme-premium .elementor-button:active{
	background: var(--fp-primary) !important;
	background-image: none !important;
	color: var(--fp-text-on-brand) !important;
}

body.fp-theme-standard .elementor-button *,
body.fp-theme-premium .elementor-button *{
	color: inherit !important;
	fill: currentColor !important;
	stroke: currentColor !important;
}

/* Design-Feinsteuerung: Flipboxen */
.elementor-widget-flip-box.fp-flip.fp-a .elementor-flip-box__front,
.elementor-widget-flip-box.fp-flip.fp-a .elementor-flip-box__front::before{
	background: var(--fp-accent) !important;
	background-image: none !important;
}

.elementor-widget-flip-box.fp-flip.fp-a .elementor-flip-box__back,
.elementor-widget-flip-box.fp-flip.fp-a .elementor-flip-box__back::before{
	background: var(--fp-text) !important;
	background-image: none !important;
}

.elementor-widget-flip-box.fp-flip.fp-b .elementor-flip-box__front,
.elementor-widget-flip-box.fp-flip.fp-b .elementor-flip-box__front::before{
	background: var(--fp-text) !important;
	background-image: none !important;
}

.elementor-widget-flip-box.fp-flip.fp-b .elementor-flip-box__back,
.elementor-widget-flip-box.fp-flip.fp-b .elementor-flip-box__back::before{
	background: var(--fp-accent) !important;
	background-image: none !important;
}

.elementor-widget-flip-box.fp-flip .elementor-icon svg,
.elementor-widget-flip-box.fp-flip .elementor-icon svg *,
.elementor-widget-flip-box.fp-flip .elementor-icon img{
	filter: none !important;
	box-shadow: none !important;
	border: 0 !important;
	outline: 0 !important;
}

.elementor-widget-flip-box.fp-flip .elementor-icon svg [fill='currentColor']{
	fill: currentColor !important;
}

.elementor-widget-flip-box.fp-flip .elementor-icon svg [stroke='currentColor']{
	stroke: currentColor !important;
}

.elementor-widget-flip-box.fp-flip .elementor-flip-box__back .elementor-flip-box__layer__title,
.elementor-widget-flip-box.fp-flip .elementor-flip-box__back .elementor-flip-box__layer__title *,
.elementor-widget-flip-box.fp-flip .elementor-flip-box__back .elementor-flip-box__layer__title h1,
.elementor-widget-flip-box.fp-flip .elementor-flip-box__back .elementor-flip-box__layer__title h2,
.elementor-widget-flip-box.fp-flip .elementor-flip-box__back .elementor-flip-box__layer__title h3,
.elementor-widget-flip-box.fp-flip .elementor-flip-box__back .elementor-flip-box__layer__title h4,
.elementor-widget-flip-box.fp-flip .elementor-flip-box__back .elementor-flip-box__layer__title h5,
.elementor-widget-flip-box.fp-flip .elementor-flip-box__back .elementor-flip-box__layer__title h6,
.elementor-widget-flip-box.fp-flip .elementor-flip-box__back .elementor-flip-box__layer__description,
.elementor-widget-flip-box.fp-flip .elementor-flip-box__back .elementor-flip-box__layer__description *,
.elementor-widget-flip-box.fp-flip .elementor-flip-box__back a{
	background: none !important;
	background-image: none !important;
	-webkit-background-clip: initial !important;
	background-clip: border-box !important;
	-webkit-text-fill-color: currentColor !important;
	text-shadow: none !important;
	opacity: 1 !important;
}

.elementor-widget-flip-box.fp-flip.fp-a .elementor-flip-box__front,
.elementor-widget-flip-box.fp-flip.fp-a .elementor-flip-box__front .elementor-flip-box__layer__title,
.elementor-widget-flip-box.fp-flip.fp-a .elementor-flip-box__front .elementor-flip-box__layer__title *,
.elementor-widget-flip-box.fp-flip.fp-a .elementor-flip-box__front .elementor-flip-box__layer__title h1,
.elementor-widget-flip-box.fp-flip.fp-a .elementor-flip-box__front .elementor-flip-box__layer__title h2,
.elementor-widget-flip-box.fp-flip.fp-a .elementor-flip-box__front .elementor-flip-box__layer__title h3,
.elementor-widget-flip-box.fp-flip.fp-a .elementor-flip-box__front .elementor-flip-box__layer__title h4,
.elementor-widget-flip-box.fp-flip.fp-a .elementor-flip-box__front .elementor-flip-box__layer__title h5,
.elementor-widget-flip-box.fp-flip.fp-a .elementor-flip-box__front .elementor-flip-box__layer__title h6,
.elementor-widget-flip-box.fp-flip.fp-a .elementor-flip-box__front .elementor-flip-box__layer__description,
.elementor-widget-flip-box.fp-flip.fp-a .elementor-flip-box__front .elementor-flip-box__layer__description *,
.elementor-widget-flip-box.fp-flip.fp-a .elementor-flip-box__front .elementor-flip-box__layer__description p,
.elementor-widget-flip-box.fp-flip.fp-a .elementor-flip-box__front .elementor-flip-box__layer__description span,
.elementor-widget-flip-box.fp-flip.fp-a .elementor-flip-box__front a{
	color: var(--fp-text-on-brand) !important;
	-webkit-text-fill-color: currentColor !important;
}

.elementor-widget-flip-box.fp-flip.fp-a .elementor-flip-box__back .elementor-flip-box__layer__title,
.elementor-widget-flip-box.fp-flip.fp-a .elementor-flip-box__back .elementor-flip-box__layer__title *,
.elementor-widget-flip-box.fp-flip.fp-a .elementor-flip-box__back .elementor-flip-box__layer__title h1,
.elementor-widget-flip-box.fp-flip.fp-a .elementor-flip-box__back .elementor-flip-box__layer__title h2,
.elementor-widget-flip-box.fp-flip.fp-a .elementor-flip-box__back .elementor-flip-box__layer__title h3,
.elementor-widget-flip-box.fp-flip.fp-a .elementor-flip-box__back .elementor-flip-box__layer__title h4,
.elementor-widget-flip-box.fp-flip.fp-a .elementor-flip-box__back .elementor-flip-box__layer__title h5,
.elementor-widget-flip-box.fp-flip.fp-a .elementor-flip-box__back .elementor-flip-box__layer__title h6,
body.fp-theme-premium .fp-flip.fp-a .elementor-flip-box__back .elementor-flip-box__layer__title,
body.fp-theme-premium .fp-flip.fp-a .elementor-flip-box__back .elementor-flip-box__layer__title *,
body.fp-theme-premium .fp-flip.fp-a .elementor-flip-box__back .elementor-flip-box__layer__title h1,
body.fp-theme-premium .fp-flip.fp-a .elementor-flip-box__back .elementor-flip-box__layer__title h2,
body.fp-theme-premium .fp-flip.fp-a .elementor-flip-box__back .elementor-flip-box__layer__title h3,
body.fp-theme-premium .fp-flip.fp-a .elementor-flip-box__back .elementor-flip-box__layer__title h4,
body.fp-theme-premium .fp-flip.fp-a .elementor-flip-box__back .elementor-flip-box__layer__title h5,
body.fp-theme-premium .fp-flip.fp-a .elementor-flip-box__back .elementor-flip-box__layer__title h6{
	color: var(--fp-accent) !important;
	-webkit-text-fill-color: currentColor !important;
}

.elementor-widget-flip-box.fp-flip.fp-a .elementor-flip-box__back .elementor-flip-box__layer__description,
.elementor-widget-flip-box.fp-flip.fp-a .elementor-flip-box__back .elementor-flip-box__layer__description *,
.elementor-widget-flip-box.fp-flip.fp-a .elementor-flip-box__back .elementor-flip-box__layer__description p,
.elementor-widget-flip-box.fp-flip.fp-a .elementor-flip-box__back .elementor-flip-box__layer__description span,
.elementor-widget-flip-box.fp-flip.fp-a .elementor-flip-box__back a,
body.fp-theme-premium .fp-flip.fp-a .elementor-flip-box__back .elementor-flip-box__layer__description,
body.fp-theme-premium .fp-flip.fp-a .elementor-flip-box__back .elementor-flip-box__layer__description *,
body.fp-theme-premium .fp-flip.fp-a .elementor-flip-box__back .elementor-flip-box__layer__description p,
body.fp-theme-premium .fp-flip.fp-a .elementor-flip-box__back .elementor-flip-box__layer__description span,
body.fp-theme-premium .fp-flip.fp-a .elementor-flip-box__back a{
	color: var(--fp-text-invert) !important;
	-webkit-text-fill-color: currentColor !important;
}

.elementor-widget-flip-box.fp-flip.fp-b .elementor-flip-box__front,
.elementor-widget-flip-box.fp-flip.fp-b .elementor-flip-box__front .elementor-flip-box__layer__title,
.elementor-widget-flip-box.fp-flip.fp-b .elementor-flip-box__front .elementor-flip-box__layer__title *,
.elementor-widget-flip-box.fp-flip.fp-b .elementor-flip-box__front .elementor-flip-box__layer__title h1,
.elementor-widget-flip-box.fp-flip.fp-b .elementor-flip-box__front .elementor-flip-box__layer__title h2,
.elementor-widget-flip-box.fp-flip.fp-b .elementor-flip-box__front .elementor-flip-box__layer__title h3,
.elementor-widget-flip-box.fp-flip.fp-b .elementor-flip-box__front .elementor-flip-box__layer__title h4,
.elementor-widget-flip-box.fp-flip.fp-b .elementor-flip-box__front .elementor-flip-box__layer__title h5,
.elementor-widget-flip-box.fp-flip.fp-b .elementor-flip-box__front .elementor-flip-box__layer__title h6,
.elementor-widget-flip-box.fp-flip.fp-b .elementor-flip-box__front .elementor-flip-box__layer__description,
.elementor-widget-flip-box.fp-flip.fp-b .elementor-flip-box__front .elementor-flip-box__layer__description *,
.elementor-widget-flip-box.fp-flip.fp-b .elementor-flip-box__front .elementor-flip-box__layer__description p,
.elementor-widget-flip-box.fp-flip.fp-b .elementor-flip-box__front .elementor-flip-box__layer__description span,
.elementor-widget-flip-box.fp-flip.fp-b .elementor-flip-box__front a{
	color: var(--fp-text-invert) !important;
	-webkit-text-fill-color: currentColor !important;
}

.elementor-widget-flip-box.fp-flip.fp-b .elementor-flip-box__back .elementor-flip-box__layer__title,
.elementor-widget-flip-box.fp-flip.fp-b .elementor-flip-box__back .elementor-flip-box__layer__title *,
.elementor-widget-flip-box.fp-flip.fp-b .elementor-flip-box__back .elementor-flip-box__layer__title h1,
.elementor-widget-flip-box.fp-flip.fp-b .elementor-flip-box__back .elementor-flip-box__layer__title h2,
.elementor-widget-flip-box.fp-flip.fp-b .elementor-flip-box__back .elementor-flip-box__layer__title h3,
.elementor-widget-flip-box.fp-flip.fp-b .elementor-flip-box__back .elementor-flip-box__layer__title h4,
.elementor-widget-flip-box.fp-flip.fp-b .elementor-flip-box__back .elementor-flip-box__layer__title h5,
.elementor-widget-flip-box.fp-flip.fp-b .elementor-flip-box__back .elementor-flip-box__layer__title h6,
body.fp-theme-premium .fp-flip.fp-b .elementor-flip-box__back .elementor-flip-box__layer__title,
body.fp-theme-premium .fp-flip.fp-b .elementor-flip-box__back .elementor-flip-box__layer__title *,
body.fp-theme-premium .fp-flip.fp-b .elementor-flip-box__back .elementor-flip-box__layer__title h1,
body.fp-theme-premium .fp-flip.fp-b .elementor-flip-box__back .elementor-flip-box__layer__title h2,
body.fp-theme-premium .fp-flip.fp-b .elementor-flip-box__back .elementor-flip-box__layer__title h3,
body.fp-theme-premium .fp-flip.fp-b .elementor-flip-box__back .elementor-flip-box__layer__title h4,
body.fp-theme-premium .fp-flip.fp-b .elementor-flip-box__back .elementor-flip-box__layer__title h5,
body.fp-theme-premium .fp-flip.fp-b .elementor-flip-box__back .elementor-flip-box__layer__title h6{
	color: var(--fp-accent) !important;
	-webkit-text-fill-color: currentColor !important;
}

.elementor-widget-flip-box.fp-flip.fp-b .elementor-flip-box__back .elementor-flip-box__layer__description,
.elementor-widget-flip-box.fp-flip.fp-b .elementor-flip-box__back .elementor-flip-box__layer__description *,
.elementor-widget-flip-box.fp-flip.fp-b .elementor-flip-box__back .elementor-flip-box__layer__description p,
.elementor-widget-flip-box.fp-flip.fp-b .elementor-flip-box__back .elementor-flip-box__layer__description span,
.elementor-widget-flip-box.fp-flip.fp-b .elementor-flip-box__back a,
body.fp-theme-premium .fp-flip.fp-b .elementor-flip-box__back .elementor-flip-box__layer__description,
body.fp-theme-premium .fp-flip.fp-b .elementor-flip-box__back .elementor-flip-box__layer__description *,
body.fp-theme-premium .fp-flip.fp-b .elementor-flip-box__back .elementor-flip-box__layer__description p,
body.fp-theme-premium .fp-flip.fp-b .elementor-flip-box__back .elementor-flip-box__layer__description span,
body.fp-theme-premium .fp-flip.fp-b .elementor-flip-box__back a{
	color: var(--fp-text-invert) !important;
	-webkit-text-fill-color: currentColor !important;
}

.elementor-widget-flip-box.fp-flip.fp-a .elementor-flip-box__front .elementor-icon,
.elementor-widget-flip-box.fp-flip.fp-a .elementor-flip-box__front .elementor-icon i{
	color: var(--fp-text-on-brand) !important;
}

.elementor-widget-flip-box.fp-flip.fp-a .elementor-flip-box__back .elementor-icon,
.elementor-widget-flip-box.fp-flip.fp-a .elementor-flip-box__back .elementor-icon i,
body.fp-theme-premium .fp-flip.fp-a .elementor-flip-box__back .elementor-icon,
body.fp-theme-premium .fp-flip.fp-a .elementor-flip-box__back .elementor-icon i{
	color: var(--fp-text-invert) !important;
}

.elementor-widget-flip-box.fp-flip.fp-b .elementor-flip-box__front .elementor-icon,
.elementor-widget-flip-box.fp-flip.fp-b .elementor-flip-box__front .elementor-icon i{
	color: var(--fp-text-invert) !important;
}

.elementor-widget-flip-box.fp-flip.fp-b .elementor-flip-box__back .elementor-icon,
.elementor-widget-flip-box.fp-flip.fp-b .elementor-flip-box__back .elementor-icon i,
body.fp-theme-premium .fp-flip.fp-b .elementor-flip-box__back .elementor-icon,
body.fp-theme-premium .fp-flip.fp-b .elementor-flip-box__back .elementor-icon i{
	color: var(--fp-text-invert) !important;
}

.elementor-widget-flip-box.fp-flip.fp-a:hover .elementor-flip-box{
	box-shadow: 0 18px 60px var(--fp-shadow-dark-strong), 0 0 30px var(--fp-accent) !important;
}

.elementor-widget-flip-box.fp-flip.fp-b:hover .elementor-flip-box{
	box-shadow: 0 18px 60px var(--fp-shadow-dark-strong), 0 0 30px var(--fp-accent) !important;
}

/* Design-Feinsteuerung: Content Gradient – Strukturfarbe · Kräftig */
body.fp-theme-standard .dark-section.fp-dark-gradient,
body.fp-theme-premium .dark-section.fp-dark-gradient{
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(
			circle at center center,
			color-mix(in srgb, var(--fp-neutral) 54%, transparent) 0%,
			color-mix(in srgb, var(--fp-neutral) 34%, transparent) 18%,
			color-mix(in srgb, var(--fp-neutral) 18%, transparent) 34%,
			transparent 62%
		),
		radial-gradient(
			circle at 16% 14%,
			color-mix(in srgb, var(--fp-neutral) 20%, transparent) 0%,
			transparent 34%
		),
		radial-gradient(
			circle at 84% 10%,
			color-mix(in srgb, var(--fp-neutral) 18%, transparent) 0%,
			transparent 32%
		),
		linear-gradient(
			135deg,
			var(--fp-surface-dark-3) 0%,
			color-mix(in srgb, var(--fp-surface-dark-3) 82%, var(--fp-neutral)) 58%,
			color-mix(in srgb, var(--fp-surface-dark-3) 52%, var(--fp-neutral)) 82%,
			color-mix(in srgb, var(--fp-surface-dark-3) 28%, var(--fp-neutral)) 100%
		) !important;
	color: var(--fp-text-invert) !important;
}

body.fp-theme-standard .dark-section.fp-dark-gradient::before,
body.fp-theme-premium .dark-section.fp-dark-gradient::before{
	content: '';
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: radial-gradient(
			circle at 50% 48%,
			color-mix(in srgb, white 10%, transparent) 0%,
			transparent 48%
		);
	opacity: 1;
}

body.fp-theme-standard .dark-section.fp-dark-gradient .fp-gradient-headline,
body.fp-theme-standard .dark-section.fp-dark-gradient .fp-gradient-headline .elementor-heading-title,
body.fp-theme-standard .dark-section.fp-dark-gradient .fp-gradient-headline h1,
body.fp-theme-standard .dark-section.fp-dark-gradient .fp-gradient-headline h2,
body.fp-theme-standard .dark-section.fp-dark-gradient .fp-gradient-headline h3,
body.fp-theme-standard .dark-section.fp-dark-gradient h1.fp-gradient-headline,
body.fp-theme-standard .dark-section.fp-dark-gradient h2.fp-gradient-headline,
body.fp-theme-standard .dark-section.fp-dark-gradient h3.fp-gradient-headline,
body.fp-theme-premium .dark-section.fp-dark-gradient .fp-gradient-headline,
body.fp-theme-premium .dark-section.fp-dark-gradient .fp-gradient-headline .elementor-heading-title,
body.fp-theme-premium .dark-section.fp-dark-gradient .fp-gradient-headline h1,
body.fp-theme-premium .dark-section.fp-dark-gradient .fp-gradient-headline h2,
body.fp-theme-premium .dark-section.fp-dark-gradient .fp-gradient-headline h3,
body.fp-theme-premium .dark-section.fp-dark-gradient h1.fp-gradient-headline,
body.fp-theme-premium .dark-section.fp-dark-gradient h2.fp-gradient-headline,
body.fp-theme-premium .dark-section.fp-dark-gradient h3.fp-gradient-headline{
	background: none !important;
	-webkit-background-clip: initial !important;
	background-clip: border-box !important;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	text-fill-color: #ffffff !important;
	text-shadow: none !important;
}

body.fp-theme-standard .dark-section.fp-dark-gradient .elementor-widget-icon-list .elementor-icon-list-item,
body.fp-theme-standard .dark-section.fp-dark-gradient .elementor-widget-icon-list .elementor-icon-list-item a,
body.fp-theme-standard .dark-section.fp-dark-gradient .elementor-widget-icon-list .elementor-icon-list-text,
body.fp-theme-standard .dark-section.fp-dark-gradient .elementor-widget-icon-list .elementor-icon-list-icon,
body.fp-theme-standard .dark-section.fp-dark-gradient .elementor-widget-icon-list .elementor-icon-list-icon i,
body.fp-theme-standard .dark-section.fp-dark-gradient .elementor-widget-icon-list .elementor-icon-list-icon svg,
body.fp-theme-premium .dark-section.fp-dark-gradient .elementor-widget-icon-list .elementor-icon-list-item,
body.fp-theme-premium .dark-section.fp-dark-gradient .elementor-widget-icon-list .elementor-icon-list-item a,
body.fp-theme-premium .dark-section.fp-dark-gradient .elementor-widget-icon-list .elementor-icon-list-text,
body.fp-theme-premium .dark-section.fp-dark-gradient .elementor-widget-icon-list .elementor-icon-list-icon,
body.fp-theme-premium .dark-section.fp-dark-gradient .elementor-widget-icon-list .elementor-icon-list-icon i,
body.fp-theme-premium .dark-section.fp-dark-gradient .elementor-widget-icon-list .elementor-icon-list-icon svg{
	color: #ffffff !important;
	fill: #ffffff !important;
	stroke: #ffffff !important;
}

body.fp-theme-standard .dark-section.fp-dark-gradient .elementor-widget-icon-list .elementor-icon-list-icon svg *,
body.fp-theme-premium .dark-section.fp-dark-gradient .elementor-widget-icon-list .elementor-icon-list-icon svg *{
	fill: #ffffff !important;
	stroke: #ffffff !important;
}

/* Design-Feinsteuerung: Footer Gradient – Strukturfarbe · Kräftig */
body.fp-theme-premium .fp-footer-gradient{
	background-color: var(--fp-surface-dark-3) !important;
	background-image: linear-gradient(
		115deg,
		var(--fp-surface-dark-3) 0%,
		var(--fp-surface-dark-3) 54%,
		color-mix(in srgb, var(--fp-surface-dark-3) 94%, var(--fp-neutral)) 68%,
		color-mix(in srgb, var(--fp-surface-dark-3) 72%, var(--fp-neutral)) 82%,
		color-mix(in srgb, var(--fp-surface-dark-3) 44%, var(--fp-neutral)) 92%,
		color-mix(in srgb, var(--fp-surface-dark-3) 18%, var(--fp-neutral)) 100%
	) !important;
}

body.fp-theme-premium .fp-contact-glow-inner::before{
	background: radial-gradient(
		circle,
		color-mix(in srgb, white 88%, var(--fp-neutral)) 0%,
		color-mix(in srgb, white 74%, var(--fp-neutral)) 12%,
		color-mix(in srgb, white 54%, var(--fp-neutral)) 26%,
		color-mix(in srgb, var(--fp-neutral) 26%, transparent) 42%,
		color-mix(in srgb, var(--fp-neutral) 12%, transparent) 56%,
		transparent 74%
	) !important;
	filter: blur(40px) !important;
}

body.fp-theme-premium .fp-contact-glow-inner::after{
	background: radial-gradient(
		circle,
		color-mix(in srgb, white 82%, var(--fp-neutral)) 0%,
		color-mix(in srgb, white 62%, var(--fp-neutral)) 26%,
		color-mix(in srgb, var(--fp-neutral) 20%, transparent) 48%,
		transparent 72%
	) !important;
	filter: blur(30px) !important;
}

/* Design-Feinsteuerung: Loop UI (Navigation only) */
body.fp-theme-standard .elementor-loop-container .elementor-swiper-button,
body.fp-theme-standard .elementor-loop-container .swiper-button-prev,
body.fp-theme-standard .elementor-loop-container .swiper-button-next,
body.fp-theme-standard .elementor-loop-container .swiper-button-prev::after,
body.fp-theme-standard .elementor-loop-container .swiper-button-next::after,
body.fp-theme-premium .elementor-loop-container .elementor-swiper-button,
body.fp-theme-premium .elementor-loop-container .swiper-button-prev,
body.fp-theme-premium .elementor-loop-container .swiper-button-next,
body.fp-theme-premium .elementor-loop-container .swiper-button-prev::after,
body.fp-theme-premium .elementor-loop-container .swiper-button-next::after{
	color: var(--fp-text-on-brand) !important;
}

body.fp-theme-standard .elementor-loop-container .elementor-swiper-button,
body.fp-theme-standard .elementor-loop-container .swiper-button-prev,
body.fp-theme-standard .elementor-loop-container .swiper-button-next,
body.fp-theme-premium .elementor-loop-container .elementor-swiper-button,
body.fp-theme-premium .elementor-loop-container .swiper-button-prev,
body.fp-theme-premium .elementor-loop-container .swiper-button-next{
	background: var(--fp-accent) !important;
	background-image: none !important;
	border-color: var(--fp-accent) !important;
}

body.fp-theme-standard .elementor-loop-container .swiper-pagination-bullet,
body.fp-theme-standard .elementor-loop-container .swiper-pagination-bullet-active,
body.fp-theme-premium .elementor-loop-container .swiper-pagination-bullet,
body.fp-theme-premium .elementor-loop-container .swiper-pagination-bullet-active{
	background-color: var(--fp-accent) !important;
	border-color: var(--fp-accent) !important;
	box-shadow: 0 0 0 1px rgba(255,215,0,0.18) !important;
}



/* =========================================================
   FEATURE POINT BOX – sichtbare Elementor-Ebene
   ========================================================= */

.fp-feature-list > .e-con.fp-feature-point,
.fp-feature-list > .fp-feature-point,
.elementor-element.fp-feature-point{
  background:
    linear-gradient(
      90deg,
      rgba(255, 221, 0, .16) 0%,
      rgba(255, 221, 0, .08) 35%,
      rgba(255, 221, 0, .03) 100%
    ) !important;

  border: 1px solid rgba(255, 221, 0, .55) !important;
  border-radius: 24px !important;

  padding: 32px !important;

  box-shadow:
    0 0 0 1px rgba(255, 221, 0, .08),
    0 18px 45px rgba(0, 0, 0, .35) !important;

  overflow: hidden !important;
}


/* =========================================================
   PROFIL – SURFACE SOFT BOXEN
   ========================================================= */

body.fp-theme-premium .fp-surface-soft{
  background:
    linear-gradient(
      90deg,
      rgba(255, 221, 0, .16) 0%,
      rgba(255, 221, 0, .08) 35%,
      rgba(255, 221, 0, .03) 100%
    ),
    #05070b !important;

  border: 1px solid rgba(255, 221, 0, .55) !important;
  border-radius: 24px !important;

  box-shadow:
    0 0 0 1px rgba(255, 221, 0, .08),
    0 18px 45px rgba(0, 0, 0, .35) !important;

  overflow: hidden !important;

  transition:
    border-color .25s ease,
    box-shadow .25s ease,
    transform .25s ease;
}

/* Hover */
body.fp-theme-premium .fp-surface-soft:hover{
  border-color: rgba(255, 221, 0, .85) !important;

  box-shadow:
    0 0 0 1px rgba(255, 221, 0, .16),
    0 24px 60px rgba(0, 0, 0, .45),
    0 0 30px rgba(255, 221, 0, .08) !important;

  transform: translateY(-2px);
}

/* Texte */
body.fp-theme-premium .fp-surface-soft,
body.fp-theme-premium .fp-surface-soft p,
body.fp-theme-premium .fp-surface-soft span,
body.fp-theme-premium .fp-surface-soft li{
  color: #ffffff !important;
}

/* Headlines */
body.fp-theme-premium .fp-surface-soft h1,
body.fp-theme-premium .fp-surface-soft h2,
body.fp-theme-premium .fp-surface-soft h3,
body.fp-theme-premium .fp-surface-soft .elementor-heading-title{
  color: #ffdd00 !important;
}

/* Icons */
body.fp-theme-premium .fp-surface-soft .elementor-icon,
body.fp-theme-premium .fp-surface-soft .elementor-icon i,
body.fp-theme-premium .fp-surface-soft .elementor-icon svg{
  color: #ffdd00 !important;
  fill: #ffdd00 !important;
  stroke: #ffdd00 !important;
}

/* Alle Karten gleich hoch */
.fp-feature-list{
  align-items: stretch;
}

.fp-feature-list > .e-con{
  display: flex;
}

.fp-surface-soft{
  height: 100%;
  width: 100%;
}


/* =========================================================
   INFO BOX – PREMIUM / PROFIL STYLE
   ========================================================= */

.fp-info-box{
  background:
    linear-gradient(
      90deg,
      rgba(255, 221, 0, .16) 0%,
      rgba(255, 221, 0, .08) 35%,
      rgba(255, 221, 0, .03) 100%
    ),
    #05070b !important;

  border: 1px solid rgba(255, 221, 0, .55) !important;
  border-radius: 24px;

  box-shadow:
    0 0 0 1px rgba(255, 221, 0, .08),
    0 18px 45px rgba(0, 0, 0, .35);

  padding: clamp(20px, 2vw, 28px);

  height: 100%;

  overflow: hidden;

  transition:
    border-color .25s ease,
    box-shadow .25s ease,
    transform .25s ease;
}

/* Optional dezenter Hover */
.fp-info-box:hover{
  border-color: rgba(255, 221, 0, .85) !important;

  box-shadow:
    0 0 0 1px rgba(255, 221, 0, .16),
    0 24px 60px rgba(0, 0, 0, .45),
    0 0 30px rgba(255, 221, 0, .08);

  transform: translateY(-2px);
}

/* Headlines */
.fp-info-box h1,
.fp-info-box h2,
.fp-info-box h3,
.fp-info-box h4{
  color: #ffdd00 !important;
  margin-bottom: 10px;
}

/* Text */
.fp-info-box,
.fp-info-box p,
.fp-info-box span,
.fp-info-box li{
  color: #ffffff !important;
}

.fp-info-box p:last-child{
  margin-bottom: 0;
}


/* =========================================================
   FAQ / ACCORDION – PROFIL PREMIUM LOOK
   ========================================================= */

body.fp-theme-premium .elementor-accordion .elementor-accordion-item{
  background:
    linear-gradient(
      90deg,
      rgba(255,221,0,.16) 0%,
      rgba(255,221,0,.08) 35%,
      rgba(255,221,0,.03) 100%
    ),
    #05070b !important;

  border: 1px solid rgba(255,221,0,.55) !important;
  border-radius: 14px !important;

  margin-bottom: 12px;
  overflow: hidden;

  transition:
    border-color .25s ease,
    box-shadow .25s ease,
    transform .25s ease;
}

/* Hover */
body.fp-theme-premium .elementor-accordion .elementor-accordion-item:hover{
  border-color: rgba(255,221,0,.85) !important;

  box-shadow:
    0 0 0 1px rgba(255,221,0,.14),
    0 18px 45px rgba(0,0,0,.35),
    0 0 22px rgba(255,221,0,.06);

  transform: translateY(-1px);
}

/* =========================================================
   TAB TITLE
   ========================================================= */

body.fp-theme-premium .elementor-accordion .elementor-tab-title{
  background: transparent !important;
}

/* Titel normal = weiß */
body.fp-theme-premium .elementor-accordion .elementor-tab-title,
body.fp-theme-premium .elementor-accordion .elementor-tab-title a,
body.fp-theme-premium .elementor-accordion .elementor-tab-title span,
body.fp-theme-premium .elementor-widget-accordion .elementor-accordion .elementor-tab-title .elementor-accordion-title{
  background: none !important;
  background-clip: border-box !important;
  -webkit-background-clip: initial !important;

  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;

  text-shadow: none !important;

  transition:
    color .2s ease,
    -webkit-text-fill-color .2s ease;
}

/* Hover + Active = schwarz */
body.fp-theme-premium .elementor-accordion .elementor-tab-title:hover,
body.fp-theme-premium .elementor-accordion .elementor-tab-title:hover a,
body.fp-theme-premium .elementor-accordion .elementor-tab-title:hover span,
body.fp-theme-premium .elementor-accordion .elementor-tab-title:hover .elementor-accordion-title,
body.fp-theme-premium .elementor-accordion .elementor-tab-title.elementor-active,
body.fp-theme-premium .elementor-accordion .elementor-tab-title.elementor-active a,
body.fp-theme-premium .elementor-accordion .elementor-tab-title.elementor-active span,
body.fp-theme-premium .elementor-accordion .elementor-tab-title.elementor-active .elementor-accordion-title{
  color: #07080C !important;
  -webkit-text-fill-color: #07080C !important;
}

/* =========================================================
   ICONS
   ========================================================= */

/* Normalzustand = weiß */
body.fp-theme-premium .elementor-accordion .elementor-accordion-icon,
body.fp-theme-premium .elementor-accordion .elementor-accordion-icon i,
body.fp-theme-premium .elementor-accordion .elementor-accordion-icon svg{
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;

  transition:
    color .2s ease,
    fill .2s ease,
    stroke .2s ease;
}

/* Hover + Active = schwarz */
body.fp-theme-premium .elementor-accordion .elementor-tab-title:hover .elementor-accordion-icon,
body.fp-theme-premium .elementor-accordion .elementor-tab-title:hover .elementor-accordion-icon i,
body.fp-theme-premium .elementor-accordion .elementor-tab-title:hover .elementor-accordion-icon svg,
body.fp-theme-premium .elementor-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon,
body.fp-theme-premium .elementor-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon i,
body.fp-theme-premium .elementor-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon svg{
  color: #07080C !important;
  fill: #07080C !important;
  stroke: #07080C !important;
}

/* =========================================================
   CONTENT
   ========================================================= */

body.fp-theme-premium .elementor-accordion .elementor-tab-content{
  background: transparent !important;

  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;

  border-top: 1px solid rgba(255,255,255,.08) !important;
}

body.fp-theme-premium .elementor-accordion .elementor-tab-content p,
body.fp-theme-premium .elementor-accordion .elementor-tab-content span,
body.fp-theme-premium .elementor-accordion .elementor-tab-content li{
  color: #ffffff !important;
}

/* Accordion SVG Icons normal = weiß */
body.fp-theme-premium .elementor-accordion .elementor-tab-title .elementor-accordion-icon svg,
body.fp-theme-premium .elementor-accordion .elementor-tab-title .elementor-accordion-icon svg path{
  fill: #ffffff !important;
  color: #ffffff !important;
  stroke: none !important;
}

/* Accordion SVG Icons Hover + Active = schwarz */
body.fp-theme-premium .elementor-accordion .elementor-tab-title:hover .elementor-accordion-icon svg,
body.fp-theme-premium .elementor-accordion .elementor-tab-title:hover .elementor-accordion-icon svg path,
body.fp-theme-premium .elementor-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon svg,
body.fp-theme-premium .elementor-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon svg path{
  fill: #07080C !important;
  color: #07080C !important;
  stroke: none !important;
}

/* FAQ Hover sauber über gesamte Box */
body.fp-theme-premium .elementor-accordion .elementor-accordion-item:hover{
  background: var(--fp-gradient-brand-reverse) !important;
}

/* Titel selbst transparent halten */
body.fp-theme-premium .elementor-accordion .elementor-accordion-item:hover .elementor-tab-title{
  background: transparent !important;
  border-radius: 0 !important;
  margin-bottom: 0 !important;
}

/* Falls Elementor auf h3 einen Abstand setzt */
body.fp-theme-premium .elementor-accordion .elementor-tab-title{
  margin: 0 !important;
}


/* =========================================================
   FEATURE ROW – PROFIL PREMIUM LOOK
   ========================================================= */

.fp-feature-row{
  background:
    linear-gradient(
      90deg,
      rgba(255,221,0,.16) 0%,
      rgba(255,221,0,.08) 35%,
      rgba(255,221,0,.03) 100%
    ),
    #05070b !important;

  border: 1px solid rgba(255,221,0,.55) !important;
  border-radius: 24px !important;

  padding: 32px !important;

  box-shadow:
    0 0 0 1px rgba(255,221,0,.08),
    0 18px 45px rgba(0,0,0,.35) !important;

  overflow: hidden !important;

  transition:
    border-color .25s ease,
    box-shadow .25s ease,
    transform .25s ease;
}

/* Hover */
.fp-feature-row:hover{
  border-color: rgba(255,221,0,.85) !important;

  box-shadow:
    0 0 0 1px rgba(255,221,0,.14),
    0 24px 60px rgba(0,0,0,.45),
    0 0 30px rgba(255,221,0,.08) !important;

  transform: translateY(-2px);
}

/* Headlines */
.fp-feature-row h1,
.fp-feature-row h2,
.fp-feature-row h3,
.fp-feature-row h4,
.fp-feature-row .elementor-heading-title{
  color: #ffdd00 !important;
}

/* Text */
.fp-feature-row,
.fp-feature-row p,
.fp-feature-row span,
.fp-feature-row li{
  color: #ffffff !important;
}

/* Icons */
.fp-feature-row .elementor-icon,
.fp-feature-row .elementor-icon i,
.fp-feature-row .elementor-icon svg{
  color: #ffdd00 !important;
  fill: #ffdd00 !important;
  stroke: #ffdd00 !important;
}

/* =========================================================
   ROADMAP CONTENT – PROFIL PREMIUM LOOK
   ========================================================= */

.fp-roadmap-content{
  background:
    linear-gradient(
      90deg,
      rgba(255,221,0,.16) 0%,
      rgba(255,221,0,.08) 35%,
      rgba(255,221,0,.03) 100%
    ),
    #05070b !important;

  border: 1px solid rgba(255,221,0,.55) !important;
  border-radius: 24px !important;

  padding: 32px !important;

  box-shadow:
    0 0 0 1px rgba(255,221,0,.08),
    0 18px 45px rgba(0,0,0,.35) !important;

  overflow: hidden !important;

  transition:
    border-color .25s ease,
    box-shadow .25s ease,
    transform .25s ease;
}

/* Hover */
.fp-roadmap-content:hover{
  border-color: rgba(255,221,0,.85) !important;

  box-shadow:
    0 0 0 1px rgba(255,221,0,.14),
    0 24px 60px rgba(0,0,0,.45),
    0 0 30px rgba(255,221,0,.08) !important;

  transform: translateY(-2px);
}

/* Headlines */
.fp-roadmap-content h1,
.fp-roadmap-content h2,
.fp-roadmap-content h3,
.fp-roadmap-content h4,
.fp-roadmap-content .elementor-heading-title{
  color: #ffdd00 !important;
}

/* Text */
.fp-roadmap-content,
.fp-roadmap-content p,
.fp-roadmap-content span,
.fp-roadmap-content li{
  color: #ffffff !important;
}

/* Icons */
.fp-roadmap-content .elementor-icon,
.fp-roadmap-content .elementor-icon i,
.fp-roadmap-content .elementor-icon svg{
  color: #ffdd00 !important;
  fill: #ffdd00 !important;
  stroke: #ffdd00 !important;
}


/* =========================================================
   ROADMAP DOT – PROFIL PREMIUM LOOK
   ========================================================= */

.fp-roadmap-dot{
  width: clamp(34px, 3.2vw, 44px);
  height: clamp(34px, 3.2vw, 44px);

  border-radius: 50%;

  background: #05070b;

  border: 2px solid rgba(255,221,0,.75);

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

  text-align: center;

  box-shadow:
    0 0 0 6px rgba(255,221,0,.08),
    0 0 22px rgba(255,221,0,.12),
    0 10px 24px rgba(0,0,0,.35);

  transition: all .3s ease;

  font-size: clamp(0.95rem, 0.85rem + 0.2vw, 1.15rem);
  font-weight: 600;
  line-height: 1;
}

/* Zahl im Dot */
.fp-roadmap-dot .elementor-widget-text-editor,
.fp-roadmap-dot .elementor-widget-container,
.fp-roadmap-dot p{
  margin: 0 !important;
  padding: 0 !important;

  line-height: 1 !important;

  color: #ffdd00 !important;
  -webkit-text-fill-color: #ffdd00 !important;

  font-weight: 800;
}

/* Hover */
.fp-roadmap-dot:hover{
  background: #ffdd00 !important;
}

/* Zahl beim Hover schwarz */
.fp-roadmap-dot:hover .elementor-widget-text-editor,
.fp-roadmap-dot:hover .elementor-widget-container,
.fp-roadmap-dot:hover p{
  color: #07080C !important;
  -webkit-text-fill-color: #07080C !important;
}


/* =========================================================
   NINJA TEAM WHATSAPP – PROFIL DARK MODE
   ========================================================= */

/* Popup Hintergrund */
.wa__popup_content,
.wa__popup_content_list,
.wa__popup_content_item,
.wa__popup_txt{
  background: #05070b !important;
}

/* Einzelner Kontakt */
.wa__popup_content_item{
  border: 1px solid rgba(255,221,0,.35) !important;
  border-radius: 14px !important;

  background:
    linear-gradient(
      90deg,
      rgba(255,221,0,.10) 0%,
      rgba(255,221,0,.04) 40%,
      rgba(255,221,0,.02) 100%
    ),
    #05070b !important;
}

/* Texte */
.wa__member_name{
  color: #ffdd00 !important;
}

.wa__member_duty{
  color: #ffffff !important;
}

/* Hover */
.wa__popup_content_item:hover{
  border-color: rgba(255,221,0,.7) !important;
  box-shadow: 0 0 20px rgba(255,221,0,.08) !important;
}

/* Grünes WhatsApp-Icon entfernen */
.nta-default-avt,
.nta-whatsapp-default-avatar,
.wa__popup_avatar{
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* Grünes SVG neutralisieren */
.nta-whatsapp-default-avatar path[style*="#55CD6C"]{
  fill: #ffdd00 !important;
}

/* Heller Kreis im Icon etwas dunkler */
.nta-whatsapp-default-avatar path[style*="#EDEDED"]{
  fill: #111111 !important;
}

/* =========================================================
   WHATSAPP KONTAKTBOX INNEN
   ========================================================= */

.wa__popup_content_item .wa__stt{
  background:
    linear-gradient(
      90deg,
      rgba(255,221,0,.10) 0%,
      rgba(255,221,0,.04) 40%,
      rgba(255,221,0,.02) 100%
    ),
    #05070b !important;

  border: 1px solid rgba(255,221,0,.35) !important;
  border-radius: 12px !important;

  box-shadow: none !important;
}

/* Hover */
.wa__popup_content_item .wa__stt:hover{
  border-color: rgba(255,221,0,.7) !important;
  box-shadow: 0 0 20px rgba(255,221,0,.08) !important;
}

/* Name + Beschreibung */
.wa__popup_content_item .wa__member_name{
  color: #ffdd00 !important;
}

.wa__popup_content_item .wa__member_duty{
  color: #ffffff !important;
}



/* =========================================================
   KOSTENKALKULATOR – PREISBOXEN PROFIL PREMIUM LOOK
   ========================================================= */

body.fp-theme-premium .fs-price-card,
body.fp-theme-premium .fs-cost-card,
body.fp-theme-premium .fscw-cost-card,
body.fp-theme-premium .fscw-price-card{
  background:
    linear-gradient(
      90deg,
      rgba(255,221,0,.16) 0%,
      rgba(255,221,0,.08) 35%,
      rgba(255,221,0,.03) 100%
    ),
    #05070b !important;

  border: 1px solid rgba(255,221,0,.55) !important;
  border-radius: 24px !important;

  box-shadow:
    0 0 0 1px rgba(255,221,0,.08),
    0 18px 45px rgba(0,0,0,.35) !important;

  color: #ffffff !important;
}

/* Titel + Beschreibung weiß */
body.fp-theme-premium .fs-price-card .fs-price-card-title,
body.fp-theme-premium .fs-price-card .fs-price-card-description{
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Preis gelb */
body.fp-theme-premium .fs-price-card .fs-price-card-price{
  color: #ffdd00 !important;
  -webkit-text-fill-color: #ffdd00 !important;
}

/* Fallback für andere Card-Klassen */
body.fp-theme-premium .fs-cost-card,
body.fp-theme-premium .fscw-cost-card,
body.fp-theme-premium .fscw-price-card{
  color: #ffffff !important;
}

/* =========================================================
   FAHRSTUNDEN INPUT BOX
   ========================================================= */

body.fp-theme-premium .fs-calculator-input-box,
body.fp-theme-premium .fp-cost-input-box{
  background:
    linear-gradient(
      90deg,
      rgba(255,221,0,.10) 0%,
      rgba(255,221,0,.04) 40%,
      rgba(255,221,0,.02) 100%
    ),
    #05070b !important;

  border: 1px solid rgba(255,221,0,.55) !important;
  border-radius: 18px !important;

  box-shadow:
    0 0 0 1px rgba(255,221,0,.08),
    0 10px 24px rgba(0,0,0,.35) !important;
}

/* Zahl im Input */
body.fp-theme-premium .fs-calculator-hours-input,
body.fp-theme-premium .fp-cost-input{
  background: transparent !important;
  border: 0 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;

  text-align: center;
  font-weight: 700;
  font-size: 1.2rem;
}

/* Browser Pfeile entfernen */
body.fp-theme-premium .fs-calculator-hours-input::-webkit-outer-spin-button,
body.fp-theme-premium .fs-calculator-hours-input::-webkit-inner-spin-button{
  -webkit-appearance: none;
  margin: 0;
}

/* Plus / Minus */
body.fp-theme-premium .fs-calculator-btn,
body.fp-theme-premium .fp-cost-btn{
  background: #ffdd00 !important;
  color: #07080C !important;
  -webkit-text-fill-color: #07080C !important;

  border: 0 !important;
  border-radius: 50% !important;

  width: 46px;
  height: 46px;

  font-size: 1.5rem;
  font-weight: 700;

  box-shadow:
    0 0 0 1px rgba(255,221,0,.12),
    0 8px 18px rgba(0,0,0,.28) !important;

  transition:
    transform .2s ease,
    box-shadow .2s ease,
    background .2s ease;
}

body.fp-theme-premium .fs-calculator-btn:hover,
body.fp-theme-premium .fp-cost-btn:hover{
  background: #ffffff !important;
  color: #07080C !important;
  -webkit-text-fill-color: #07080C !important;

  transform: translateY(-1px);

  box-shadow:
    0 0 18px rgba(255,221,0,.16),
    0 12px 24px rgba(0,0,0,.35) !important;
}

.fp-cost-calculator .fs-calculator-total {
       color: #ffffff;
}

/* =========================================================
   KOSTENKALKULATOR – NEBENKOSTEN PROFIL PREMIUM LOOK
   ========================================================= */

/* Außenwrapper neutral */
body.fp-theme-premium .fs-additional-costs.fp-cost-calculator{
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* =========================================================
   SUMMARY / TOGGLE BOX
   ========================================================= */

body.fp-theme-premium .fs-additional-costs-summary{
  background:
    linear-gradient(
      90deg,
      rgba(255,221,0,.16) 0%,
      rgba(255,221,0,.08) 35%,
      rgba(255,221,0,.03) 100%
    ),
    #05070b !important;

  border: 1px solid rgba(255,221,0,.55) !important;
  border-radius: 24px !important;

  box-shadow:
    0 0 0 1px rgba(255,221,0,.08),
    0 18px 45px rgba(0,0,0,.35) !important;

  padding: 26px 32px !important;
  margin-bottom: 14px !important;

  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;

  font-weight: 700;
  cursor: pointer;
}

/* =========================================================
   PANEL
   ========================================================= */

body.fp-theme-premium .fs-additional-costs-panel{
  background:
    linear-gradient(
      90deg,
      rgba(255,221,0,.16) 0%,
      rgba(255,221,0,.08) 35%,
      rgba(255,221,0,.03) 100%
    ),
    #05070b !important;

  border: 1px solid rgba(255,221,0,.55) !important;
  border-radius: 24px !important;

  box-shadow:
    0 0 0 1px rgba(255,221,0,.08),
    0 18px 45px rgba(0,0,0,.35) !important;
  padding: 28px 32px 32px !important;
}

/* Hinweistext */
body.fp-theme-premium .fs-additional-costs-note{
  margin: 0 0 22px !important;
  color: rgba(255,255,255,.82) !important;
  -webkit-text-fill-color: rgba(255,255,255,.82) !important;
}

/* =========================================================
   EINZELNE POSTEN
   ========================================================= */

body.fp-theme-premium .fs-additional-costs-row{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 18px 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Titel */
body.fp-theme-premium .fs-additional-costs-title{
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 700;
}

/* Beschreibung */
body.fp-theme-premium .fs-additional-costs-description{
  margin-top: 4px;
  color: rgba(255,255,255,.68) !important;
  -webkit-text-fill-color: rgba(255,255,255,.68) !important;
}

/* Preise */
body.fp-theme-premium .fs-additional-costs-price{
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 800;
  white-space: nowrap;
}

/* =========================================================
   GESAMTBETRAG
   ========================================================= */

body.fp-theme-premium .fs-additional-costs-total{
  margin-top: 10px !important;
  padding-top: 24px !important;
  border-top: 1px solid rgba(255,221,0,.28) !important;
  background: transparent !important;
}

/* Label */
body.fp-theme-premium .fs-additional-costs-total-label{
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 700;
}

/* Gesamtwert */
body.fp-theme-premium .fs-additional-costs-total-value{
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 900;
}

/* Kostenübersicht Button – Text schwarz */
body.fp-theme-premium .fs-cost-overview-trigger{
  color: #07080C !important;
  -webkit-text-fill-color: #07080C !important;
}

/* =========================================================
   KOSTENKALKULATOR – BOX-INHALTE OBEN AUSRICHTEN
   ========================================================= */

body.fp-theme-premium .fs-cost-card,
body.fp-theme-premium .fs-price-card,
body.fp-theme-premium .fs-calculator-card{
  justify-content: flex-start !important;
  align-items: flex-start !important;
}

/* =========================================================
   KOSTENKALKULATOR – TABS / VARIANTEN BUTTONS
   ========================================================= */

/* Standardzustand */
body.fp-theme-premium .fs-variant-btn{
  background: #05070b !important;

  border: 1px solid rgba(255,221,0,.45) !important;
  border-radius: 999px !important;

  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;

  box-shadow:
    0 0 0 1px rgba(255,221,0,.05),
    0 10px 24px rgba(0,0,0,.28) !important;

  transition:
    background .25s ease,
    border-color .25s ease,
    color .25s ease,
    transform .2s ease,
    box-shadow .25s ease;
}

/* Hover */
body.fp-theme-premium .fs-variant-btn:hover{
  background:
    linear-gradient(
      90deg,
      rgba(255,221,0,.12) 0%,
      rgba(255,221,0,.05) 100%
    ),
    #05070b !important;

  border-color: rgba(255,221,0,.75) !important;

  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;

  transform: translateY(-1px);

  box-shadow:
    0 0 18px rgba(255,221,0,.10),
    0 14px 30px rgba(0,0,0,.35) !important;
}

/* Aktiv */
body.fp-theme-premium .fs-variant-btn.is-active,
body.fp-theme-premium .fs-variant-btn[aria-pressed="true"]{
  background: #ffdd00 !important;

  border-color: #ffdd00 !important;

  color: #07080C !important;
  -webkit-text-fill-color: #07080C !important;

  box-shadow:
    0 0 24px rgba(255,221,0,.16),
    0 14px 32px rgba(0,0,0,.35) !important;
}

/* Aktiv + Hover */
body.fp-theme-premium .fs-variant-btn.is-active:hover,
body.fp-theme-premium .fs-variant-btn[aria-pressed="true"]:hover{
  background: #ffffff !important;

  border-color: #ffffff !important;

  color: #07080C !important;
  -webkit-text-fill-color: #07080C !important;
}

/* Abstand zwischen Rechner und Nebenkosten reduzieren */
body.fp-theme-premium .fs-calculator-container{
  padding-bottom: 0 !important;
}

body.fp-theme-premium .fs-additional-costs.fp-cost-calculator{
  margin-top: 16px !important;
}

.fp-cost-calculator .fs-calculator-subtext {
	color:white;
}

/* Abstand vor Nebenkosten durch künstliche Höhe entfernen */
.elementor-23171 .elementor-element.elementor-element-1c670e4 .fs-calculator-container{
  padding-bottom: 0 !important;
  row-gap: 24px !important;
}

body.fp-theme-premium .fs-calculator-input-group.fp-cost-input-group{
  height: auto !important;
  min-height: unset !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

body.fp-theme-premium .fs-additional-costs.fp-cost-calculator{
  margin-top: 12px !important;
}

/* =========================================================
   ELEMENTOR NESTED TABS – PROFIL PREMIUM LOOK
   ========================================================= */

/* Standardzustand */
body.fp-theme-premium .e-n-tabs-heading .e-n-tab-title{
  background: #05070b !important;

  border: 1px solid rgba(255,221,0,.45) !important;
  border-radius: 999px !important;

  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;

  box-shadow:
    0 0 0 1px rgba(255,221,0,.05),
    0 10px 24px rgba(0,0,0,.28) !important;

  transition:
    background .25s ease,
    border-color .25s ease,
    color .25s ease,
    transform .2s ease,
    box-shadow .25s ease;
}

/* Text */
body.fp-theme-premium .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text{
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}

/* Hover */
body.fp-theme-premium .e-n-tabs-heading .e-n-tab-title:hover{
  background:
    linear-gradient(
      90deg,
      rgba(255,221,0,.12) 0%,
      rgba(255,221,0,.05) 100%
    ),
    #05070b !important;

  border-color: rgba(255,221,0,.75) !important;

  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;

  transform: translateY(-1px);

  box-shadow:
    0 0 18px rgba(255,221,0,.10),
    0 14px 30px rgba(0,0,0,.35) !important;
}

/* Aktiv */
body.fp-theme-premium .e-n-tabs-heading .e-n-tab-title[aria-selected="true"]{
  background: #ffdd00 !important;

  border-color: #ffdd00 !important;

  color: #07080C !important;
  -webkit-text-fill-color: #07080C !important;

  box-shadow:
    0 0 24px rgba(255,221,0,.16),
    0 14px 32px rgba(0,0,0,.35) !important;
}

/* Aktiv + Hover */
body.fp-theme-premium .e-n-tabs-heading .e-n-tab-title[aria-selected="true"]:hover{
  background: #ffffff !important;

  border-color: #ffffff !important;

  color: #07080C !important;
  -webkit-text-fill-color: #07080C !important;
}

/* =========================================================
   ROADMAP DOT – FINAL OVERRIDE PROFIL PREMIUM
   ========================================================= */

body.fp-theme-premium .fp-roadmap-dot{
  background: #05070b !important;
  border: 2px solid rgba(255,221,0,.75) !important;

  box-shadow:
    0 0 0 6px rgba(255,221,0,.08),
    0 0 22px rgba(255,221,0,.12),
    0 10px 24px rgba(0,0,0,.35) !important;
}

body.fp-theme-premium .fp-roadmap-dot .elementor-widget-text-editor,
body.fp-theme-premium .fp-roadmap-dot .elementor-widget-container,
body.fp-theme-premium .fp-roadmap-dot p{
  color: #ffdd00 !important;
  -webkit-text-fill-color: #ffdd00 !important;
}

/* Hover */
body.fp-theme-premium .fp-roadmap-dot:hover{
  background: #ffdd00 !important;
  border-color: #ffdd00 !important;
}

body.fp-theme-premium .fp-roadmap-dot:hover .elementor-widget-text-editor,
body.fp-theme-premium .fp-roadmap-dot:hover .elementor-widget-container,
body.fp-theme-premium .fp-roadmap-dot:hover p{
  color: #07080C !important;
  -webkit-text-fill-color: #07080C !important;
}


/* WCS Terminselektor Aktiver Toggle gelb statt blau */
.wcs-timetable--2 .wcs-filters--switches input:checked + .wcs-switcher__switch{
  background: #FFD700 !important;
  background-color: #FFD700 !important;
  border-color: #FFD700 !important;
}

[id^="wcs-app-"] .wcs-timetable__list .wcs-class {
  padding-right: 20px !important;
  padding-left: 20px !important;
}

[id^="wcs-app-"] .wcs-timetable__carousel .owl-nav {
    color: var(--fp-primary) !important;
}

[id^="wcs-app-"] .wcs-timetable__carousel .owl-dot {
    border: 1px solid var(--fp-primary) !important;
}

/* =========================================================
   WCS TABLET FIX – GLOBAL
   768px–1020px
   ========================================================= */

@media (min-width: 768px) and (max-width: 1020px) {

  [id^="wcs-app-"] .wcs-timetable__list .wcs-class {
    display: grid !important;
    grid-template-columns: 90px minmax(0, 1fr) !important;
    grid-template-areas:
      "time meta"
      "time action" !important;
    column-gap: 22px !important;
    row-gap: 14px !important;
    align-items: center !important;
  }

  [id^="wcs-app-"] .wcs-timetable__list .wcs-class__image {
    display: none !important;
  }

  [id^="wcs-app-"] .wcs-timetable__list .wcs-class__time {
    grid-area: time !important;
  }

  [id^="wcs-app-"] .wcs-timetable__list .wcs-class__meta {
    grid-area: meta !important;
    min-width: 0 !important;
  }

  [id^="wcs-app-"] .wcs-timetable__list .wcs-class__action {
    grid-area: action !important;
    justify-self: start !important;
    width: auto !important;
    margin: 0 !important;
    min-width: 0 !important;
  }

  [id^="wcs-app-"] .wcs-timetable__list .wcs-class__action .wcs-class__inner-flex {
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    width: auto !important;
  }

  [id^="wcs-app-"] .wcs-timetable__list .wcs-class__action .wcs-btn {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 86px !important;
    max-width: none !important;
    margin: 0 !important;
    white-space: nowrap !important;
  }
}


/* =========================================================
   WCS MOBILE FILTER FIX – APP 2
   bis 767px
   ========================================================= */

@media (max-width: 767px) {

  #wcs-app-2 .wcs-filters.wcs-filters--switches {
    width: fit-content !important;
    max-width: 100% !important;
    margin-bottom: -18px !important;
    padding-bottom: 0 !important;
  }

  #wcs-app-2 .wcs-filters__filter-column.wcs-filters--wcs_type {
    display: grid !important;
    grid-template-columns: 112px 112px !important;
    column-gap: 18px !important;
    row-gap: 7px !important;
    justify-content: start !important;
    align-items: start !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  #wcs-app-2 .wcs-filters__title {
    grid-column: 1 / -1 !important;
    margin: 0 0 6px 0 !important;
  }

  #wcs-app-2 .wcs-filters__filter-wrapper {
    width: 112px !important;
    max-width: 112px !important;
    margin: 0 !important;
  }

  #wcs-app-2 .wcs-filters__filter-wrapper label,
  #wcs-app-2 .wcs-filters__filter-wrapper span {
    white-space: nowrap !important;
  }

  #wcs-app-2 .wcs-filters__container {
    margin-bottom: -18px !important;
    padding-bottom: 0 !important;
  }

  #wcs-app-2 .wcs-timetable {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}