:root {
		--wa-info-scroll-margin: 8.25rem;
		--wa-info-progress: 0;
		--wa-info-glow-y: 0px;
		--wa-info-active-rgb: var(--bs-primary-rgb);
		--wa-info-section-rgb: var(--bs-primary-rgb);
		--wa-info-radius-xl: 2rem;
		--wa-info-radius-xxl: 2.75rem;
		--wa-info-shadow-sm: 0 .85rem 2rem rgba(0, 0, 0, .065);
		--wa-info-shadow: 0 1.25rem 3.5rem rgba(0, 0, 0, .105);
		--wa-info-shadow-glow: 0 1.25rem 4rem rgba(var(--wa-info-active-rgb), .18);
		--wa-info-safe-bottom: var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px));
	}

	html,
	body {
		overflow-x: hidden;
	}

	.knowlistic-info-page {
		position: relative;
		isolation: isolate;
		overflow: visible;
		outline: 0;
		background:
			radial-gradient(circle at 7% 1%, rgba(var(--bs-primary-rgb), .2), transparent 31rem),
			radial-gradient(circle at 92% 10%, rgba(var(--bs-info-rgb), .15), transparent 32rem),
			radial-gradient(circle at 85% 70%, rgba(var(--bs-success-rgb), .13), transparent 36rem),
			linear-gradient(180deg,
				var(--bs-body-bg) 0%,
				rgba(var(--bs-primary-rgb), .055) 13%,
				rgba(var(--bs-info-rgb), .052) 26%,
				rgba(var(--bs-success-rgb), .06) 41%,
				rgba(var(--bs-warning-rgb), .045) 56%,
				rgba(var(--bs-danger-rgb), .042) 70%,
				rgba(var(--bs-info-rgb), .052) 84%,
				var(--bs-body-bg) 100%);
	}

	.knowlistic-info-page::before,
	.knowlistic-info-page::after {
		content: "";
		position: fixed;
		z-index: 0;
		pointer-events: none;
	}

	.knowlistic-info-page::before {
		inset: -18%;
		opacity: .95;
		transform: translate3d(0, var(--wa-info-glow-y), 0);
		background:
			radial-gradient(circle at 14% 18%, rgba(var(--wa-info-active-rgb), .18), transparent 30rem),
			radial-gradient(circle at 78% 62%, rgba(var(--bs-success-rgb), .13), transparent 31rem),
			radial-gradient(circle at 48% 18%, rgba(var(--bs-info-rgb), .08), transparent 36rem);
		transition: background .35s ease, transform .08s linear;
	}

	.knowlistic-info-page::after {
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		opacity: .34;
		background-image:
			linear-gradient(rgba(var(--bs-body-color-rgb), .055) 1px, transparent 1px),
			linear-gradient(90deg, rgba(var(--bs-body-color-rgb), .055) 1px, transparent 1px);
		background-size: 4.5rem 4.5rem;
		mask-image: linear-gradient(180deg, #000 0%, transparent 44%, transparent 100%);
	}

	.knowlistic-info-page>* {
		position: relative;
		z-index: 1;
	}

	.knowlistic-info-page[data-active-section="why"] {
		--wa-info-active-rgb: var(--bs-primary-rgb);
	}

	.knowlistic-info-page[data-active-section="system"] {
		--wa-info-active-rgb: var(--bs-info-rgb);
	}

	.knowlistic-info-page[data-active-section="training"] {
		--wa-info-active-rgb: var(--bs-warning-rgb);
	}

	.knowlistic-info-page[data-active-section="insights"] {
		--wa-info-active-rgb: var(--bs-success-rgb);
	}

	.knowlistic-info-page[data-active-section="motivation"] {
		--wa-info-active-rgb: var(--bs-warning-rgb);
	}

	.knowlistic-info-page[data-active-section="trust"] {
		--wa-info-active-rgb: var(--bs-primary-rgb);
	}

	.knowlistic-info-page[data-active-section="organizations"] {
		--wa-info-active-rgb: var(--bs-success-rgb);
	}

	.knowlistic-info-page[data-active-section="comparison"] {
		--wa-info-active-rgb: var(--bs-danger-rgb);
	}

	.knowlistic-info-page[data-active-section="roadmap"] {
		--wa-info-active-rgb: var(--bs-info-rgb);
	}

	.knowlistic-info-page[data-active-section="faq"] {
		--wa-info-active-rgb: var(--bs-secondary-rgb);
	}

	.knowlistic-info-page section[id] {
		scroll-margin-top: var(--wa-info-scroll-margin);
	}

	.wa-info-section {
		position: relative;
		overflow: visible;
		background: transparent !important;
	}

	.knowlistic-info-page>.wa-info-section.bg-body,
	.knowlistic-info-page>.wa-info-section.bg-body-tertiary {
		background: transparent !important;
	}

	.wa-info-section>.container {
		position: relative;
		z-index: 2;
	}

	.wa-info-section::before,
	.wa-info-section::after {
		content: "";
		position: absolute;
		z-index: 1;
		pointer-events: none;
	}

	.wa-info-section::before {
		inset: -8rem 0;
		background:
			linear-gradient(180deg,
				transparent 0%,
				rgba(var(--wa-info-section-rgb), .04) 24%,
				rgba(var(--wa-info-section-rgb), .062) 48%,
				rgba(var(--wa-info-section-rgb), .035) 72%,
				transparent 100%),
			radial-gradient(circle at 88% 12%, rgba(var(--wa-info-section-rgb), .145), transparent 30rem),
			radial-gradient(circle at 6% 92%, rgba(var(--wa-info-section-rgb), .082), transparent 25rem);
		filter: blur(.01rem);
	}

	.wa-info-section::after {
		right: -12rem;
		bottom: -14rem;
		width: 29rem;
		height: 29rem;
		border-radius: 999rem;
		background: radial-gradient(circle, rgba(var(--wa-info-section-rgb), .14), rgba(var(--wa-info-section-rgb), .055) 36%, transparent 74%);
		transform: translate3d(0, calc(var(--wa-info-progress) * -1.75rem), 0);
	}

	#why {
		--wa-info-section-rgb: var(--bs-primary-rgb);
	}

	#system {
		--wa-info-section-rgb: var(--bs-info-rgb);
	}

	#training {
		--wa-info-section-rgb: var(--bs-warning-rgb);
	}

	#insights {
		--wa-info-section-rgb: var(--bs-success-rgb);
	}

	#motivation {
		--wa-info-section-rgb: var(--bs-warning-rgb);
	}

	#trust {
		--wa-info-section-rgb: var(--bs-primary-rgb);
	}

	#organizations {
		--wa-info-section-rgb: var(--bs-success-rgb);
	}

	#comparison {
		--wa-info-section-rgb: var(--bs-danger-rgb);
	}

	#roadmap {
		--wa-info-section-rgb: var(--bs-info-rgb);
	}

	#faq {
		--wa-info-section-rgb: var(--bs-secondary-rgb);
	}

	.wa-hero-brand {
		position: relative;
		min-height: min(860px, 100svh);
		display: flex;
		align-items: center;
		overflow: hidden;
		padding-block: 6rem;
	}

	.wa-hero-brand::before,
	.wa-hero-brand::after {
		content: "";
		position: absolute;
		border-radius: 999rem;
		pointer-events: none;
		z-index: -1;
		will-change: transform;
		backface-visibility: hidden;
	}

	.wa-hero-brand::before {
		width: 32rem;
		height: 32rem;
		right: -10rem;
		top: 4rem;
		background: radial-gradient(circle, rgba(var(--bs-primary-rgb), .24), rgba(var(--bs-info-rgb), .1) 42%, transparent 70%);
		animation: waInfoFloat 11s ease-in-out infinite;
	}

	.wa-hero-brand::after {
		width: 22rem;
		height: 22rem;
		left: -7rem;
		bottom: 5rem;
		background: radial-gradient(circle, rgba(var(--bs-success-rgb), .18), transparent 70%);
		animation: waInfoFloat 13s ease-in-out infinite reverse;
	}

	.wa-brand-eyebrow,
	.wa-brand-chip,
	.wa-glass-card {
		border: 1px solid var(--bs-border-color-translucent);
		background: rgba(var(--bs-body-bg-rgb), .78);
		box-shadow: var(--wa-info-shadow-sm);
		backdrop-filter: blur(18px);
		-webkit-backdrop-filter: blur(18px);
	}

	.wa-brand-wordmark {
		position: relative;
		display: inline-flex;
		align-items: center;
		gap: .6rem;
	}

	.wa-brand-wordmark::before {
		content: "";
		width: .75rem;
		height: .75rem;
		border-radius: 999rem;
		background: linear-gradient(135deg, rgb(var(--bs-primary-rgb)), rgb(var(--bs-success-rgb)));
		box-shadow: 0 0 0 .45rem rgba(var(--bs-primary-rgb), .13), 0 0 2.25rem rgba(var(--bs-primary-rgb), .38);
	}

	.wa-gradient-text {
		background: linear-gradient(115deg, var(--bs-body-color) 0%, rgb(var(--bs-primary-rgb)) 34%, rgb(var(--bs-success-rgb)) 72%, var(--bs-body-color) 100%);
		-webkit-background-clip: text;
		background-clip: text;
		color: transparent;
	}

	.wa-brand-highlight {
		position: relative;
		display: inline-block;
		padding-inline: .09em;
		white-space: nowrap;
	}

	.wa-brand-highlight::before {
		content: "";
		position: absolute;
		left: -.06em;
		right: -.06em;
		bottom: .08em;
		height: .36em;
		border-radius: 999rem;
		background: linear-gradient(90deg, rgba(var(--bs-primary-rgb), .28), rgba(var(--bs-success-rgb), .28));
		z-index: -1;
	}

	.wa-hero-dashboard {
		position: relative;
		overflow: hidden;
		border-radius: var(--wa-info-radius-xxl);
		background: rgba(var(--bs-body-bg-rgb), .92);
		box-shadow: var(--wa-info-shadow);
	}

	/*
	 * Performance: Der komplette Dashboard-Gradient bleibt visuell identisch,
	 * bewegt sich aber als einmal gerasterter Layer via transform statt per
	 * background-position auf dem großen Panel neu gepaintet zu werden.
	 */
	.wa-hero-dashboard-motion {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 0;
		width: 160%;
		height: 160%;
		background:
			linear-gradient(180deg, rgba(var(--bs-body-bg-rgb), .92), rgba(var(--bs-body-bg-rgb), .76)),
			radial-gradient(circle at 88% 14%, rgba(var(--bs-primary-rgb), .2), transparent 20rem),
			radial-gradient(circle at 18% 100%, rgba(var(--bs-success-rgb), .16), transparent 22rem);
		background-size: 100% 100%;
		transform: translate3d(0, -11.25%, 0);
		will-change: transform;
		backface-visibility: hidden;
		animation: waInfoSoftGradient 9s ease-in-out infinite alternate;
		pointer-events: none;
	}

	.wa-hero-dashboard > :not(.wa-hero-dashboard-motion) {
		position: relative;
		z-index: 2;
	}

	.wa-hero-dashboard::before {
		content: "";
		position: absolute;
		inset: 0;
		z-index: 1;
		border-radius: inherit;
		padding: 1px;
		background: linear-gradient(135deg, rgba(var(--bs-primary-rgb), .42), rgba(var(--bs-info-rgb), .2), rgba(var(--bs-success-rgb), .24), transparent 66%);
		-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
		-webkit-mask-composite: xor;
		mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
		mask-composite: exclude;
		pointer-events: none;
	}

	.wa-hero-dashboard::after {
		content: "";
		position: absolute;
		z-index: 1;
		inset: auto -16% -22% 20%;
		height: 14rem;
		background: radial-gradient(circle, rgba(var(--bs-primary-rgb), .2), transparent 72%);
		pointer-events: none;
	}

	.wa-brand-orbit {
		position: relative;
		min-height: 24rem;
	}

	.wa-brand-orbit::before {
		content: "";
		position: absolute;
		inset: 2.5rem;
		border-radius: 999rem;
		border: 1px dashed rgba(var(--bs-body-color-rgb), .18);
		animation: waInfoRotate 22s linear infinite;
	}

	.wa-brand-core {
		position: absolute;
		isolation: isolate;
		left: 50%;
		top: 50%;
		width: 11rem;
		height: 11rem;
		border-radius: 2.2rem;
		transform: translate(-50%, -50%) rotate(-6deg);
		background: linear-gradient(145deg, rgb(var(--bs-primary-rgb)), rgb(var(--bs-info-rgb)) 48%, rgb(var(--bs-success-rgb)));
		color: #fff;
		box-shadow: none;
	}

	.wa-brand-core::before,
	.wa-brand-core::after {
		position: absolute;
		inset: 0;
		z-index: -1;
		content: '';
		border-radius: inherit;
		pointer-events: none;
		will-change: opacity;
	}

	.wa-brand-core::before {
		box-shadow: 0 1.2rem 3.5rem rgba(var(--bs-primary-rgb), .32);
		animation: waInfoCoreGlowPrimary 4.8s ease-in-out infinite;
	}

	.wa-brand-core::after {
		box-shadow: 0 1.6rem 4.5rem rgba(var(--bs-success-rgb), .34);
		opacity: 0;
		animation: waInfoCoreGlowSuccess 4.8s ease-in-out infinite;
	}

	.wa-orbit-badge {
		position: absolute;
		max-width: 12rem;
	}

	.wa-orbit-badge:nth-child(2) {
		left: 0;
		top: 2rem;
	}

	.wa-orbit-badge:nth-child(3) {
		right: 0;
		top: 4rem;
	}

	.wa-orbit-badge:nth-child(4) {
		left: 2rem;
		bottom: 1.25rem;
	}

	.wa-orbit-badge:nth-child(5) {
		right: 2rem;
		bottom: 2rem;
	}

	.wa-sticky-nav {
		position: sticky !important;
		top: .75rem !important;
		z-index: 1035;
		pointer-events: none;
	}

	.wa-sticky-nav .container,
	.wa-sticky-nav .card,
	.wa-sticky-nav nav,
	.wa-sticky-nav a {
		pointer-events: auto;
	}

	.wa-sticky-nav .card {
		position: relative;
		overflow: hidden;
		border: 1px solid rgba(var(--wa-info-active-rgb), .18) !important;
		background:
			linear-gradient(135deg, rgba(var(--bs-body-bg-rgb), .92), rgba(var(--bs-body-bg-rgb), .76)),
			radial-gradient(circle at 12% 50%, rgba(var(--wa-info-active-rgb), .18), transparent 18rem) !important;
		box-shadow: 0 .95rem 2.65rem rgba(0, 0, 0, .085), 0 .65rem 2.25rem rgba(var(--wa-info-active-rgb), .11) !important;
		backdrop-filter: blur(22px) saturate(1.12);
		-webkit-backdrop-filter: blur(22px) saturate(1.12);
	}

	.wa-sticky-nav .card::before {
		content: "";
		position: absolute;
		inset: 0;
		pointer-events: none;
		background:
			linear-gradient(90deg, transparent, rgba(var(--bs-body-bg-rgb), .2), transparent),
			radial-gradient(circle at calc(10% + (var(--wa-info-progress) * 80%)) 50%, rgba(var(--wa-info-active-rgb), .26), transparent 19rem);
	}

	.wa-sticky-nav .card::after {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		height: 3px;
		pointer-events: none;
		background: linear-gradient(90deg, rgba(var(--wa-info-active-rgb), .95), rgba(var(--bs-success-rgb), .76));
		transform: scaleX(var(--wa-info-progress));
		transform-origin: left center;
	}

	.wa-sticky-nav .card-body {
		position: relative;
		z-index: 1;
		overflow: hidden;
	}

	#knowlisticPageNav {
		position: relative;
		max-width: 100%;
		min-width: 0;
	}

	#knowlisticPageNav.wa-nav-scroll {
		display: flex;
		flex-wrap: nowrap !important;
		justify-content: flex-start !important;
		gap: .25rem;
		overflow-x: auto;
		overflow-y: hidden;
		padding-inline: .125rem;
		scrollbar-width: none;
		-ms-overflow-style: none;
		-webkit-overflow-scrolling: touch;
		overscroll-behavior-x: contain;
		touch-action: pan-x pan-y;
	}

	#knowlisticPageNav.wa-nav-scroll::-webkit-scrollbar {
		display: none;
		width: 0;
		height: 0;
	}

	#knowlisticPageNav .nav-link {
		position: relative;
		border-radius: 999rem;
		white-space: nowrap;
		transition: color .2s ease, background-color .2s ease, transform .2s ease, box-shadow .2s ease;
	}

	#knowlisticPageNav.wa-nav-scroll .nav-link {
		flex: 0 0 auto;
	}

	#knowlisticPageNav .nav-link.active {
		background:
			linear-gradient(135deg, rgba(var(--wa-info-active-rgb), .95), rgba(var(--bs-success-rgb), .78)) !important;
		color: #fff !important;
		box-shadow: 0 .65rem 1.45rem rgba(var(--wa-info-active-rgb), .26);
		transform: translateY(-1px);
	}

	.wa-section-kicker {
		display: inline-flex;
		align-items: center;
		gap: .5rem;
		padding: .42rem .75rem;
		border-radius: 999rem;
		font-size: .875rem;
		font-weight: 700;
		border: 1px solid var(--bs-border-color-translucent);
		background: rgba(var(--bs-body-bg-rgb), .78);
		box-shadow: 0 .55rem 1.45rem rgba(0, 0, 0, .055);
		backdrop-filter: blur(14px);
		-webkit-backdrop-filter: blur(14px);
	}

	.wa-panel {
		position: relative;
		overflow: hidden;
		border-radius: var(--wa-info-radius-xl);
		border: 1px solid var(--bs-border-color-translucent);
		background: rgba(var(--bs-body-bg-rgb), .82);
		box-shadow: var(--wa-info-shadow-sm);
		backdrop-filter: blur(16px);
		-webkit-backdrop-filter: blur(16px);
	}

	.wa-panel::before {
		content: "";
		position: absolute;
		inset: -1px;
		pointer-events: none;
		background: radial-gradient(circle at 86% 12%, rgba(var(--wa-info-section-rgb), .16), transparent 19rem);
	}

	.wa-panel>* {
		position: relative;
		z-index: 1;
	}

	.wa-wow-shadow-host {
		position: relative;
		isolation: isolate;
	}

	.wa-wow-panel-shadow {
		position: absolute;
		inset: 0;
		z-index: 0;
		border-radius: var(--wa-info-radius-xxl);
		pointer-events: none;
		will-change: opacity;
		backface-visibility: hidden;
	}

	.wa-wow-panel-shadow-primary {
		box-shadow: 0 1.3rem 4rem rgba(var(--bs-primary-rgb), .28);
		opacity: 1;
		animation: waInfoWowShadowPrimary 8s ease-in-out infinite alternate;
	}

	.wa-wow-panel-shadow-success {
		box-shadow: 0 1.6rem 4.4rem rgba(var(--bs-success-rgb), .24);
		opacity: 0;
		animation: waInfoWowShadowSuccess 8s ease-in-out infinite alternate;
	}

	.wa-wow-panel {
		position: relative;
		z-index: 1;
		overflow: hidden;
		border-radius: var(--wa-info-radius-xxl);
		background: rgba(var(--bs-primary-rgb), .95);
		color: #fff;
		box-shadow: none;
	}

	.wa-wow-panel-motion {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 0;
		width: 180%;
		height: 180%;
		background:
			linear-gradient(135deg, rgba(var(--bs-primary-rgb), .95), rgba(var(--bs-info-rgb), .82) 45%, rgba(var(--bs-success-rgb), .84)),
			radial-gradient(circle at 16% 12%, rgba(255, 255, 255, .28), transparent 20rem);
		background-size: 100% 100%;
		transform: translate3d(0, -22.222%, 0);
		will-change: transform;
		backface-visibility: hidden;
		animation: waInfoWowBackground 8s ease-in-out infinite alternate;
		pointer-events: none;
	}

	.wa-wow-panel > :not(.wa-wow-panel-motion) {
		position: relative;
		z-index: 2;
	}

	.wa-wow-panel::before {
		content: "";
		position: absolute;
		z-index: 1;
		inset: -10% 30% auto -18%;
		height: 18rem;
		border-radius: 999rem;
		background: rgba(255, 255, 255, .18);
		filter: blur(.15rem);
		transform: rotate(-12deg);
	}

	.wa-wow-panel::after {
		content: "";
		position: absolute;
		z-index: 1;
		right: -8rem;
		bottom: -8rem;
		width: 18rem;
		height: 18rem;
		border-radius: 999rem;
		background: rgba(255, 255, 255, .16);
	}

	.wa-wow-panel>* {
		position: relative;
		z-index: 1;
	}

	.wa-step-card {
		position: relative;
		min-height: 100%;
		border-radius: 1.75rem;
		border: 1px solid var(--bs-border-color-translucent);
		background: rgba(var(--bs-body-bg-rgb), .82);
		box-shadow: var(--wa-info-shadow-sm);
		overflow: hidden;
	}

	.wa-step-card::before {
		content: attr(data-step);
		position: absolute;
		right: 1.25rem;
		top: .85rem;
		font-size: 3rem;
		font-weight: 800;
		line-height: 1;
		color: rgba(var(--bs-body-color-rgb), .06);
	}

	.wa-icon-box {
		width: 3.2rem;
		height: 3.2rem;
		border-radius: 1.1rem;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		flex: 0 0 auto;
	}

	.wa-float-card {
		position: relative;
		overflow: hidden;
		border-radius: 1.5rem;
		border: 1px solid var(--bs-border-color-translucent);
		background: rgba(var(--bs-body-bg-rgb), .78);
		box-shadow: 0 .8rem 2rem rgba(0, 0, 0, .06);
	}

	.wa-float-card::after {
		content: "";
		position: absolute;
		inset: auto -35% -52% 25%;
		height: 8rem;
		background: radial-gradient(circle, rgba(var(--wa-info-section-rgb), .13), transparent 72%);
		pointer-events: none;
	}

	.wa-proof-strip {
		position: relative;
		overflow: hidden;
		border-radius: var(--wa-info-radius-xl);
		border: 1px solid var(--bs-border-color-translucent);
		background:
			linear-gradient(90deg, rgba(var(--bs-body-bg-rgb), .9), rgba(var(--bs-body-bg-rgb), .7)),
			radial-gradient(circle at 100% 0%, rgba(var(--bs-success-rgb), .14), transparent 22rem);
		box-shadow: var(--wa-info-shadow-sm);
	}


	.wa-comparison-stage {
		position: relative;
		overflow: hidden;
		border-radius: var(--wa-info-radius-xxl);
		border: 1px solid var(--bs-border-color-translucent);
		background:
			linear-gradient(135deg, rgba(var(--bs-body-bg-rgb), .88), rgba(var(--bs-body-bg-rgb), .68)),
			radial-gradient(circle at 18% 15%, rgba(var(--bs-danger-rgb), .13), transparent 24rem),
			radial-gradient(circle at 86% 18%, rgba(var(--bs-success-rgb), .17), transparent 26rem),
			radial-gradient(circle at 50% 110%, rgba(var(--bs-primary-rgb), .12), transparent 31rem);
		box-shadow: var(--wa-info-shadow);
		backdrop-filter: blur(18px);
		-webkit-backdrop-filter: blur(18px);
	}

	.wa-comparison-stage::before {
		content: "";
		position: absolute;
		inset: 0;
		pointer-events: none;
		background:
			linear-gradient(90deg, rgba(var(--bs-danger-rgb), .08), transparent 42%, rgba(var(--bs-success-rgb), .1)),
			linear-gradient(rgba(var(--bs-body-color-rgb), .045) 1px, transparent 1px),
			linear-gradient(90deg, rgba(var(--bs-body-color-rgb), .045) 1px, transparent 1px);
		background-size: auto, 3.5rem 3.5rem, 3.5rem 3.5rem;
		mask-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, .62) 68%, transparent 100%);
	}

	.wa-comparison-stage>* {
		position: relative;
		z-index: 1;
	}

	.wa-comparison-column {
		position: relative;
		overflow: hidden;
		min-height: 100%;
		border-radius: 2rem;
		border: 1px solid var(--bs-border-color-translucent);
		box-shadow: 0 .9rem 2.25rem rgba(0, 0, 0, .06);
	}

	.wa-comparison-column-muted {
		background: rgba(var(--bs-body-bg-rgb), .58);
	}

	.wa-comparison-column-brand {
		border-color: rgba(var(--bs-success-rgb), .28);
		background:
			linear-gradient(145deg, rgba(var(--bs-success-rgb), .16), rgba(var(--bs-primary-rgb), .12)),
			rgba(var(--bs-body-bg-rgb), .7);
		box-shadow: 0 1rem 3rem rgba(var(--bs-success-rgb), .14);
	}

	.wa-comparison-column-brand::before {
		content: "";
		position: absolute;
		right: -6rem;
		top: -6rem;
		width: 16rem;
		height: 16rem;
		border-radius: 999rem;
		background: radial-gradient(circle, rgba(var(--bs-success-rgb), .22), transparent 70%);
		pointer-events: none;
	}

	.wa-comparison-pill {
		display: inline-flex;
		align-items: center;
		gap: .45rem;
		padding: .4rem .75rem;
		border-radius: 999rem;
		font-size: .82rem;
		font-weight: 800;
		letter-spacing: .04em;
		text-transform: uppercase;
		border: 1px solid var(--bs-border-color-translucent);
		background: rgba(var(--bs-body-bg-rgb), .74);
	}

	.wa-comparison-pill-brand {
		border-color: rgba(var(--bs-success-rgb), .28);
		background: rgba(var(--bs-success-rgb), .12);
		color: var(--bs-success-text-emphasis);
	}

	.wa-comparison-item {
		position: relative;
		display: flex;
		gap: .85rem;
		align-items: flex-start;
		padding: 1rem;
		border-radius: 1.25rem;
		border: 1px solid var(--bs-border-color-translucent);
		background: rgba(var(--bs-body-bg-rgb), .58);
	}

	.wa-comparison-column-brand .wa-comparison-item {
		background: rgba(var(--bs-body-bg-rgb), .72);
		border-color: rgba(var(--bs-success-rgb), .18);
	}

	.wa-comparison-icon {
		width: 2.35rem;
		height: 2.35rem;
		border-radius: .9rem;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		flex: 0 0 auto;
	}

	.wa-comparison-icon-danger {
		background: rgba(var(--bs-danger-rgb), .12);
		color: var(--bs-danger-text-emphasis);
	}

	.wa-comparison-icon-success {
		background: rgba(var(--bs-success-rgb), .14);
		color: var(--bs-success-text-emphasis);
	}

	.wa-comparison-bridge {
		position: relative;
		min-height: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: .75rem;
		color: var(--bs-body-secondary-color);
	}

	.wa-comparison-bridge::before {
		content: "";
		position: absolute;
		top: 1rem;
		bottom: 1rem;
		left: 50%;
		width: 2px;
		transform: translateX(-50%);
		background: linear-gradient(180deg, transparent, rgba(var(--bs-success-rgb), .45), transparent);
	}

	.wa-comparison-bridge>span,
	.wa-comparison-bridge>i {
		position: relative;
		z-index: 1;
	}

	.wa-comparison-bridge i {
		width: 3.25rem;
		height: 3.25rem;
		border-radius: 999rem;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		background: linear-gradient(135deg, rgb(var(--bs-primary-rgb)), rgb(var(--bs-success-rgb)));
		color: #fff;
		box-shadow: 0 .9rem 2.2rem rgba(var(--bs-success-rgb), .22);
	}

	.wa-comparison-proof {
		border-radius: 1.5rem;
		border: 1px solid rgba(var(--bs-success-rgb), .2);
		background:
			linear-gradient(90deg, rgba(var(--bs-success-rgb), .13), rgba(var(--bs-primary-rgb), .09)),
			rgba(var(--bs-body-bg-rgb), .7);
	}


	.wa-reveal {
		opacity: 0;
		transform: translateY(1.35rem);
		transition: opacity .62s ease, transform .62s ease;
	}

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

	@keyframes waInfoFloat {

		0%,
		100% {
			transform: translate3d(0, 0, 0) scale(1);
		}

		50% {
			transform: translate3d(0, -1rem, 0) scale(1.035);
		}
	}

	@keyframes waInfoRotate {
		from {
			transform: rotate(0deg);
		}

		to {
			transform: rotate(360deg);
		}
	}

	@media (hover: hover) {

		.knowlistic-info-page .card,
		.knowlistic-info-page .wa-panel,
		.knowlistic-info-page .wa-step-card,
		.knowlistic-info-page .wa-float-card,
		.knowlistic-info-page .wa-brand-chip {
			transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
		}

		.knowlistic-info-page .card:hover,
		.knowlistic-info-page .wa-panel:hover,
		.knowlistic-info-page .wa-step-card:hover,
		.knowlistic-info-page .wa-float-card:hover {
			transform: translateY(-3px);
			box-shadow: var(--wa-info-shadow) !important;
		}
	}

	@media (max-width: 1199.98px) {
		.wa-brand-orbit {
			min-height: 22rem;
		}

		.wa-orbit-badge {
			max-width: 10rem;
		}
	}

	@media (max-width: 991.98px) {
		:root {
			--wa-info-scroll-margin: 7.5rem;
		}

		.wa-hero-brand {
			min-height: auto;
			align-items: flex-start;
			padding-block: 4rem;
		}

		.wa-brand-orbit {
			min-height: auto;
		}

		.wa-brand-orbit::before,
		.wa-brand-core {
			display: none;
		}

		.wa-orbit-badge {
			position: static;
			max-width: none;
		}
	}

	@media (max-width: 767.98px) {
		:root {
			--wa-info-scroll-margin: 6.75rem;
		}

		.knowlistic-info-page::before {
			inset: -30%;
			opacity: .82;
		}

		.wa-hero-brand {
			padding-top: 2.25rem;
			padding-bottom: 2.25rem;
		}

		.wa-sticky-nav {
			top: 0 !important;
		}

		.wa-sticky-nav .container {
			max-width: 100%;
			padding-left: .75rem;
			padding-right: .75rem;
		}

		.wa-sticky-nav .card {
			border-radius: 0 0 1.25rem 1.25rem !important;
		}

		.wa-sticky-nav .card-body {
			padding-left: .35rem;
			padding-right: .35rem;
		}

		#knowlisticPageNav .nav-link {
			padding-left: .85rem !important;
			padding-right: .85rem !important;
		}



		.wa-comparison-stage {
			border-radius: 1.5rem;
		}

		.wa-comparison-column {
			border-radius: 1.35rem;
		}

		.wa-comparison-item {
			padding: .9rem;
		}

		.knowlistic-info-page .display-3 {
			font-size: clamp(2.8rem, 12vw, 4.1rem);
		}

		.knowlistic-info-page .display-4 {
			font-size: clamp(2.35rem, 10.5vw, 3.25rem);
		}

		.knowlistic-info-page .display-5,
		.knowlistic-info-page .display-6 {
			font-size: clamp(1.85rem, 7.5vw, 2.45rem);
		}
	}

	@media (prefers-reduced-motion: reduce) {

		.wa-hero-brand::before,
		.wa-hero-brand::after,
		.wa-brand-orbit::before {
			animation: none;
		}

		.wa-reveal,
		.knowlistic-info-page .card,
		.knowlistic-info-page .wa-panel,
		.knowlistic-info-page .wa-step-card,
		#knowlisticPageNav .nav-link {
			transition: none !important;
		}
	}

	/* ============================================================
 * KnowListic Info · Feinschliff, Sticky-Fix & dynamisches Branding
 * ============================================================ */
	:root {
		--wa-info-sticky-top: .75rem;
		--wa-info-flow-x: 14%;
		--wa-info-flow-y: 18%;
		--wa-info-hue-rotate: 0deg;
		--wa-info-nav-scale: 1;
	}

	html,
	body {
		min-height: 100%;
		background-color: var(--bs-body-bg);
	}

	.knowlistic-info-page {
		min-height: 100vh;
		overflow-x: hidden;
		background-color: var(--bs-body-bg);
		background:
			radial-gradient(circle at 8% 2%, rgba(var(--bs-primary-rgb), .18), transparent 32rem),
			radial-gradient(circle at 90% 8%, rgba(var(--bs-info-rgb), .13), transparent 32rem),
			radial-gradient(circle at 88% 72%, rgba(var(--bs-success-rgb), .12), transparent 36rem),
			linear-gradient(180deg, var(--bs-body-bg) 0%, var(--bs-tertiary-bg) 38%, var(--bs-body-bg) 72%, var(--bs-tertiary-bg) 100%);
	}

	.knowlistic-info-page::before {
		background:
			radial-gradient(circle at var(--wa-info-flow-x) var(--wa-info-flow-y), rgba(var(--wa-info-active-rgb), .2), transparent 31rem),
			radial-gradient(circle at calc(100% - var(--wa-info-flow-x)) 68%, rgba(var(--bs-success-rgb), .14), transparent 32rem),
			radial-gradient(circle at 50% 16%, rgba(var(--bs-info-rgb), .09), transparent 38rem);
		filter: hue-rotate(var(--wa-info-hue-rotate));
		will-change: transform, filter, background;
		-webkit-transform: translate3d(0, var(--wa-info-glow-y), 0);
		transform: translate3d(0, var(--wa-info-glow-y), 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}

	.knowlistic-info-page .wa-info-section.bg-body,
	.knowlistic-info-page .wa-info-section.bg-body-tertiary {
		background-color: transparent !important;
	}

	.wa-info-section {
		background:
			linear-gradient(180deg, rgba(var(--bs-body-bg-rgb), .52), rgba(var(--bs-tertiary-bg-rgb), .34) 48%, rgba(var(--bs-body-bg-rgb), .58)),
			radial-gradient(circle at 100% 0%, rgba(var(--wa-info-section-rgb), .08), transparent 34rem) !important;
	}

	.wa-info-section::before {
		background:
			radial-gradient(circle at 88% 12%, rgba(var(--wa-info-section-rgb), .16), transparent 30rem),
			radial-gradient(circle at 6% 92%, rgba(var(--wa-info-section-rgb), .08), transparent 25rem),
			linear-gradient(135deg, transparent 0%, rgba(var(--wa-info-section-rgb), .026) 50%, transparent 100%);
	}

	.wa-info-section+.wa-info-section {
		margin-top: -1px;
	}

	.wa-hero-dashboard .wa-float-card {
		overflow: visible;
	}

	.wa-hero-dashboard .wa-float-card>.d-flex {
		align-items: flex-start !important;
	}

	.wa-kpi-label {
		min-width: 0;
		line-height: 1.25;
		letter-spacing: .045em;
		white-space: normal;
		overflow-wrap: anywhere;
		word-break: normal;
	}

	.wa-icon-box {
		position: relative;
		overflow: hidden;
	}

	.wa-icon-box::after {
		content: "";
		position: absolute;
		inset: -35% auto -35% -65%;
		width: 55%;
		background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .36), transparent);
		transform: rotate(18deg) translateX(-140%);
		animation: waInfoIconSheen 5.6s ease-in-out infinite;
		pointer-events: none;
	}

	.wa-panel::before {
		transition: opacity .35s ease, transform .35s ease;
	}

	@media (hover: hover) {

		.wa-panel:hover::before,
		.wa-step-card:hover::before,
		.wa-float-card:hover::after {
			opacity: 1;
			transform: scale(1.035);
		}

		#knowlisticPageNav .nav-link:hover {
			background: rgba(var(--wa-info-active-rgb), .1);
			color: rgb(var(--wa-info-active-rgb));
		}
	}

	.wa-reveal {
		filter: blur(.35rem);
		transform: translateY(1.65rem) scale(.985);
		transition:
			opacity .72s cubic-bezier(.22, 1, .36, 1),
			transform .72s cubic-bezier(.22, 1, .36, 1),
			filter .72s cubic-bezier(.22, 1, .36, 1);
	}

	.wa-reveal.wa-reveal-visible {
		filter: blur(0);
		transform: translateY(0) scale(1);
	}


	.wa-brand-core {
		animation: waInfoCoreTilt 9s ease-in-out infinite alternate;
	}

	.wa-brand-core .bi,
	.wa-wow-panel .bi-stars,
	.wa-wow-panel .bi-play-circle {
		text-shadow: 0 .45rem 1.1rem rgba(255, 255, 255, .18);
	}

	/* Robuster Sticky-Ersatz: nicht mehr abhängig von position: sticky. */
	.wa-sticky-placeholder {
		display: block;
		height: 0;
		pointer-events: none;
	}

	.wa-sticky-nav:not(.wa-nav-fixed) {
		position: relative !important;
		top: auto !important;
		left: auto;
		right: auto;
		width: auto;
		z-index: 1035;
		padding-bottom: 1.5rem !important;
	}

	.wa-sticky-nav.wa-nav-fixed {
		position: fixed !important;
		left: 0;
		right: 0;
		top: var(--wa-info-sticky-top) !important;
		z-index: 1080;
		padding-bottom: .75rem !important;
		transform: translate3d(0, 0, 0) scale(var(--wa-info-nav-scale));
		-webkit-transform: translate3d(0, 0, 0) scale(var(--wa-info-nav-scale));
		animation: waInfoNavDrop .32s cubic-bezier(.22, 1, .36, 1) both;
	}

	.wa-sticky-nav.wa-nav-fixed .container {
		max-width: 1320px;
	}

	.wa-sticky-nav .card {
		transition:
			background .32s ease,
			border-color .32s ease,
			box-shadow .32s ease,
			transform .32s ease;
	}

	.wa-sticky-nav.wa-nav-fixed .card {
		border-color: rgba(var(--wa-info-active-rgb), .28) !important;
		box-shadow:
			0 1.15rem 3.5rem rgba(0, 0, 0, .15),
			0 .65rem 2.5rem rgba(var(--wa-info-active-rgb), .18) !important;
	}

	#knowlisticPageNav .nav-link.active {
		position: relative;
		background: linear-gradient(135deg, rgba(var(--wa-info-active-rgb), .98), rgba(var(--bs-success-rgb), .78)) !important;
		color: #fff !important;
		box-shadow:
			0 .75rem 1.75rem rgba(var(--wa-info-active-rgb), .25),
			inset 0 1px 0 rgba(255, 255, 255, .2);
	}

	#knowlisticPageNav .nav-link.active::after {
		content: "";
		position: absolute;
		inset: -.18rem;
		border-radius: inherit;
		border: 1px solid rgba(255, 255, 255, .2);
		animation: waInfoNavPulse 1.9s ease-in-out infinite;
		pointer-events: none;
	}

	@keyframes waInfoNavDrop {
		from {
			opacity: .85;
			transform: translate3d(0, -.85rem, 0) scale(.985);
		}

		to {
			opacity: 1;
			transform: translate3d(0, 0, 0) scale(var(--wa-info-nav-scale));
		}
	}

	@keyframes waInfoNavPulse {

		0%,
		100% {
			opacity: .22;
			transform: scale(.98);
		}

		50% {
			opacity: .55;
			transform: scale(1.06);
		}
	}

	@keyframes waInfoSoftGradient {
		0% {
			transform: translate3d(0, -11.25%, 0);
		}

		100% {
			transform: translate3d(-37.5%, -26.25%, 0);
		}
	}

	@keyframes waInfoWowBackground {
		0% {
			transform: translate3d(0, -22.222%, 0);
		}

		100% {
			transform: translate3d(-44.444%, -22.222%, 0);
		}
	}

	@keyframes waInfoWowShadowPrimary {
		0% { opacity: .857; }
		100% { opacity: 0; }
	}

	@keyframes waInfoWowShadowSuccess {
		0% { opacity: 0; }
		100% { opacity: 1; }
	}

	@keyframes waInfoCoreGlowPrimary {
		0%, 100% { opacity: 1; }
		50% { opacity: 0; }
	}

	@keyframes waInfoCoreGlowSuccess {
		0%, 100% { opacity: 0; }
		50% { opacity: 1; }
	}

	@keyframes waInfoCoreTilt {
		0% {
			transform: translate(-50%, -50%) rotate(-7deg) scale(1);
		}

		100% {
			transform: translate(-50%, -50%) rotate(4deg) scale(1.035);
		}
	}

	@keyframes waInfoIconSheen {

		0%,
		58%,
		100% {
			transform: rotate(18deg) translateX(-145%);
		}

		72% {
			transform: rotate(18deg) translateX(280%);
		}
	}

	@media (max-width: 1199.98px) {
		.wa-sticky-nav.wa-nav-fixed .container {
			max-width: 100%;
		}
	}

	@media (max-width: 767.98px) {
		:root {
			--wa-info-sticky-top: 0px;
		}

		.knowlistic-info-page::before,
		.knowlistic-info-page::after {
			position: absolute;
			-webkit-transform: none !important;
			transform: none !important;
			filter: none;
			will-change: auto;
		}

		.knowlistic-info-page::before {
			inset: -12rem -42% -12rem -42%;
			opacity: .86;
		}

		.knowlistic-info-page::after {
			inset: 0;
			height: auto;
		}

		.wa-sticky-nav:not(.wa-nav-fixed) {
			padding-bottom: 1rem !important;
		}

		.wa-sticky-nav.wa-nav-fixed {
			top: var(--wa-info-sticky-top) !important;
			padding-bottom: .35rem !important;
		}

		.wa-sticky-nav.wa-nav-fixed .container {
			padding-left: .5rem;
			padding-right: .5rem;
		}

		.wa-sticky-nav.wa-nav-fixed .card {
			border-radius: 0 0 1.15rem 1.15rem !important;
		}

		.wa-reveal {
			filter: none;
			transform: translateY(1.1rem);
		}

		.wa-reveal.wa-reveal-visible {
			transform: translateY(0);
		}

		.wa-comparison-stage::before,
		.wa-comparison-stage::after {
			display: none;
		}

		.wa-comparison-column+.wa-comparison-column {
			border-top: 1px solid var(--bs-border-color-translucent);
		}
	}

	@media (prefers-reduced-motion: reduce) {

		.wa-hero-dashboard-motion,
		.wa-wow-panel-motion,
		.wa-wow-panel-shadow,
		.wa-brand-core,
		.wa-brand-core::before,
		.wa-brand-core::after,
		.wa-icon-box::after,
		#knowlisticPageNav .nav-link.active::after {
			animation: none !important;
		}

		.knowlistic-info-page::before {
			filter: none;
		}
	}

	/* ============================================================
 * KnowListic Info · Smooth-Scroll-Performance & Single-Scrollbar
 * ============================================================ */
	html.knowlistic-info-html {
		height: auto !important;
		overflow-x: hidden !important;
		overflow-y: auto !important;
		background-color: var(--bs-body-bg);
	}

	body.knowlistic-info-active {
		height: auto !important;
		min-height: 100% !important;
		max-height: none !important;
		overflow-x: hidden !important;
		overflow-y: visible !important;
		background-color: var(--bs-body-bg);
	}

	body.knowlistic-info-active #page,
	body.knowlistic-info-active .site,
	body.knowlistic-info-active .site-content,
	body.knowlistic-info-active .content-area,
	body.knowlistic-info-active .site-main,
	body.knowlistic-info-active .entry-content {
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		overflow-y: visible !important;
	}

	body.knowlistic-info-active .knowlistic-info-page {
		overflow-x: clip;
		overflow-y: visible;
		-webkit-font-smoothing: antialiased;
		text-rendering: optimizeLegibility;
	}

	body.knowlistic-info-active .knowlistic-info-page::before {
		filter: none !important;
		will-change: transform, opacity;
		transition: opacity .22s ease;
	}

	body.knowlistic-info-active .wa-info-section::after {
		transform: none !important;
		will-change: auto;
	}

	body.knowlistic-info-active .wa-info-section::before {
		filter: none !important;
	}

	body.knowlistic-info-active .wa-sticky-nav .card {
		backdrop-filter: blur(16px) saturate(1.06);
		-webkit-backdrop-filter: blur(16px) saturate(1.06);
	}

	body.knowlistic-info-active .wa-sticky-nav.wa-nav-fixed {
		will-change: transform;
		transition: transform .18s ease;
	}

	body.knowlistic-info-active #knowlisticPageNav .nav-link.active::after {
		animation-duration: 2.4s;
	}

	body.knowlistic-info-active .wa-reveal {
		transition-duration: .58s;
	}

	@media (max-width: 767.98px) {
		body.knowlistic-info-active {
			overflow-y: visible !important;
		}

		body.knowlistic-info-active #page,
		body.knowlistic-info-active .site,
		body.knowlistic-info-active .site-content,
		body.knowlistic-info-active .content-area,
		body.knowlistic-info-active .site-main,
		body.knowlistic-info-active .entry-content {
			overflow-y: visible !important;
			-webkit-overflow-scrolling: auto !important;
		}

		body.knowlistic-info-active .knowlistic-info-page {
			overflow-x: hidden;
			overflow-y: visible;
		}

		body.knowlistic-info-active .knowlistic-info-page::before,
		body.knowlistic-info-active .knowlistic-info-page::after {
			position: absolute !important;
			transform: none !important;
			filter: none !important;
			will-change: auto !important;
		}

		body.knowlistic-info-active .wa-sticky-nav .card {
			backdrop-filter: none;
			-webkit-backdrop-filter: none;
			background:
				linear-gradient(135deg, rgba(var(--bs-body-bg-rgb), .97), rgba(var(--bs-body-bg-rgb), .91)),
				radial-gradient(circle at 12% 50%, rgba(var(--wa-info-active-rgb), .15), transparent 16rem) !important;
		}

		body.knowlistic-info-active .wa-hero-dashboard-motion,
		body.knowlistic-info-active .wa-wow-panel-motion,
		body.knowlistic-info-active .wa-wow-panel-shadow {
			animation-duration: 13s;
		}
	}

	@supports not (overflow: clip) {
		body.knowlistic-info-active .knowlistic-info-page {
			overflow-x: hidden;
		}
	}

	/* ============================================================
 * KnowListic Info · FINALER Scroll-/Scrollbar-/iPhone-Nav-Fix
 * ============================================================
 * Ziel:
 * - exakt eine vertikale Scrollachse: das Browserfenster
 * - keine inneren Scrollcontainer durch Theme-Wrapper
 * - keine iOS-Scroll-Hänger durch Fixed-/Transform-Backgrounds
 * - Navigation berücksichtigt iPhone Safe-Area oben
 * ============================================================ */
	:root {
		--wa-info-safe-top: var(--safe-area-inset-top, env(safe-area-inset-top, 0px));
		--wa-info-safe-right: var(--safe-area-inset-right, env(safe-area-inset-right, 0px));
		--wa-info-safe-left: var(--safe-area-inset-left, env(safe-area-inset-left, 0px));
		--wa-info-adminbar-height: 0px;
		--wa-info-sticky-gap: .75rem;
		--wa-info-fixed-top: calc(var(--wa-info-adminbar-height) + var(--wa-info-safe-top) + var(--wa-info-sticky-gap));
		--wa-info-nav-scale: 1;
	}

	html.knowlistic-info-html {
		height: auto !important;
		min-height: 100% !important;
		max-height: none !important;
		overflow-x: hidden !important;
		overflow-y: auto !important;
		scrollbar-gutter: stable;
		-webkit-text-size-adjust: 100%;
		overscroll-behavior-y: auto;
	}

	body.knowlistic-info-active {
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		min-height: 100% !important;
		max-height: none !important;
		overflow-x: hidden !important;
		overflow-y: visible !important;
		overscroll-behavior-y: auto;
		-webkit-overflow-scrolling: auto !important;
	}

	body.knowlistic-info-active #page,
	body.knowlistic-info-active #content,
	body.knowlistic-info-active #primary,
	body.knowlistic-info-active #main,
	body.knowlistic-info-active .site,
	body.knowlistic-info-active .site-content,
	body.knowlistic-info-active .content-area,
	body.knowlistic-info-active .site-main,
	body.knowlistic-info-active .entry-content,
	body.knowlistic-info-active .wp-site-blocks,
	body.knowlistic-info-active .wrap {
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		overflow-x: clip !important;
		overflow-y: visible !important;
		-webkit-overflow-scrolling: auto !important;
	}

	body.knowlistic-info-active .knowlistic-info-page {
		position: relative;
		width: 100%;
		max-width: 100%;
		min-height: auto;
		overflow-x: clip !important;
		overflow-y: visible !important;
		contain: layout paint;
	}

	/* Fixed-Backgrounds und Transform-Layer erzeugen auf iOS gerne Scroll-Jank.
   Der Look bleibt über normale absolute Layer erhalten, aber ohne Scroll-Blocker. */
	body.knowlistic-info-active .knowlistic-info-page::before,
	body.knowlistic-info-active .knowlistic-info-page::after {
		position: absolute !important;
		transform: none !important;
		-webkit-transform: none !important;
		filter: none !important;
		will-change: auto !important;
		backface-visibility: visible !important;
	}

	body.knowlistic-info-active .knowlistic-info-page::before {
		inset: 0 -18% auto -18% !important;
		height: min(1200px, 140vh);
		opacity: .9;
	}

	body.knowlistic-info-active .knowlistic-info-page::after {
		inset: 0 !important;
		height: min(900px, 100vh);
	}

	body.knowlistic-info-active .wa-info-section::before,
	body.knowlistic-info-active .wa-info-section::after,
	body.knowlistic-info-active .wa-panel::before,
	body.knowlistic-info-active .wa-float-card::after {
		will-change: auto !important;
		filter: none !important;
	}

	body.knowlistic-info-active .wa-info-section::after {
		transform: none !important;
		-webkit-transform: none !important;
	}

	/* Navigation: eigener JS-Fixed-Zustand, kein natives sticky mehr. */
	body.knowlistic-info-active .wa-sticky-placeholder {
		display: block;
		height: 0;
		pointer-events: none;
	}

	body.knowlistic-info-active .wa-sticky-nav.wa-nav-fixed {
		position: fixed !important;
		left: 0 !important;
		right: 0 !important;
		top: var(--wa-info-fixed-top) !important;
		width: 100% !important;
		z-index: 1080;
		padding-left: var(--wa-info-safe-left);
		padding-right: var(--wa-info-safe-right);
		padding-bottom: .65rem !important;
		transform: translate3d(0, 0, 0) !important;
		-webkit-transform: translate3d(0, 0, 0) !important;
		animation: none !important;
		will-change: auto !important;
	}

	body.knowlistic-info-active .wa-sticky-nav .container {
		max-width: 1320px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	body.knowlistic-info-active .wa-sticky-nav .card {
		transform: none !important;
		-webkit-transform: none !important;
		will-change: auto !important;
		backdrop-filter: blur(14px) saturate(1.04);
		-webkit-backdrop-filter: blur(14px) saturate(1.04);
	}

	body.knowlistic-info-active .wa-sticky-nav.wa-nav-fixed .card {
		box-shadow:
			0 .85rem 2.15rem rgba(0, 0, 0, .105),
			0 .45rem 1.65rem rgba(var(--wa-info-active-rgb), .13) !important;
	}

	body.knowlistic-info-active #knowlisticPageNav {
		touch-action: pan-y pinch-zoom;
		overscroll-behavior: contain;
	}

	body.knowlistic-info-active #knowlisticPageNav.wa-nav-scroll {
		-webkit-overflow-scrolling: touch;
		overscroll-behavior-x: contain;
		touch-action: pan-y pinch-zoom;
	}

	body.knowlistic-info-active #knowlisticPageNav .nav-link,
	body.knowlistic-info-active .wa-sticky-nav a {
		touch-action: manipulation;
	}

	body.knowlistic-info-active #knowlisticPageNav .nav-link.active::after {
		animation: none !important;
	}

	/* Animationen bleiben, aber ohne permanente Blur-/Filter-Kosten beim Scrollen. */
	body.knowlistic-info-active .wa-reveal {
		filter: none !important;
		transition-duration: .46s !important;
	}

	body.knowlistic-info-active .wa-panel,
	body.knowlistic-info-active .wa-step-card,
	body.knowlistic-info-active .wa-float-card,
	body.knowlistic-info-active .wa-proof-strip,
	body.knowlistic-info-active .wa-hero-brand,
	body.knowlistic-info-active .wa-hero-dashboard,
	body.knowlistic-info-active .wa-wow-panel {
		will-change: auto !important;
		backface-visibility: visible !important;
	}

	@media (max-width: 767.98px) {
		:root {
			--wa-info-sticky-gap: .35rem;
		}

		body.knowlistic-info-active #page,
		body.knowlistic-info-active #content,
		body.knowlistic-info-active #primary,
		body.knowlistic-info-active #main,
		body.knowlistic-info-active .site,
		body.knowlistic-info-active .site-content,
		body.knowlistic-info-active .content-area,
		body.knowlistic-info-active .site-main,
		body.knowlistic-info-active .entry-content,
		body.knowlistic-info-active .wp-site-blocks,
		body.knowlistic-info-active .wrap {
			overflow-x: hidden !important;
			overflow-y: visible !important;
		}

		body.knowlistic-info-active .wa-sticky-nav.wa-nav-fixed .container {
			max-width: 100%;
			padding-left: .5rem;
			padding-right: .5rem;
		}

		body.knowlistic-info-active .wa-sticky-nav.wa-nav-fixed .card {
			border-radius: 0 0 1.15rem 1.15rem !important;
			backdrop-filter: none !important;
			-webkit-backdrop-filter: none !important;
		}

		body.knowlistic-info-active .wa-hero-dashboard,
		body.knowlistic-info-active .wa-wow-panel-motion,
		body.knowlistic-info-active .wa-wow-panel-shadow,
		body.knowlistic-info-active .wa-brand-core,
		body.knowlistic-info-active .wa-icon-box::after {
			animation: none !important;
		}
	}

	@supports not (overflow: clip) {

		body.knowlistic-info-active #page,
		body.knowlistic-info-active #content,
		body.knowlistic-info-active #primary,
		body.knowlistic-info-active #main,
		body.knowlistic-info-active .site,
		body.knowlistic-info-active .site-content,
		body.knowlistic-info-active .content-area,
		body.knowlistic-info-active .site-main,
		body.knowlistic-info-active .entry-content,
		body.knowlistic-info-active .wp-site-blocks,
		body.knowlistic-info-active .wrap,
		body.knowlistic-info-active .knowlistic-info-page {
			overflow-x: hidden !important;
		}
	}

	/* ============================================================
 * KnowListic Info · HARD FIX Scrollbar / Scroll-Jank / Endfläche
 * ============================================================
 * Ziel:
 * - exakt eine Scrollbar: Browser/Viewport
 * - keine Scrollhöhe durch dekorative Pseudo-Layer
 * - keine iOS-Hänger durch nested overflow / contain / fixed background
 * - iPhone Safe-Area nur für die Navigation
 * ============================================================ */
	html.knowlistic-info-html,
	html:has(body.knowlistic-info-active) {
		height: auto !important;
		min-height: 100% !important;
		max-height: none !important;
		overflow-x: hidden !important;
		overflow-y: scroll !important;
		overscroll-behavior-y: auto !important;
		-webkit-overflow-scrolling: auto !important;
		scrollbar-gutter: stable !important;
	}

	body.knowlistic-info-active {
		position: relative !important;
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		min-height: 100% !important;
		max-height: none !important;
		margin: 0 !important;
		overflow-x: clip !important;
		overflow-y: visible !important;
		overscroll-behavior-y: auto !important;
		-webkit-overflow-scrolling: auto !important;
	}

	body.knowlistic-info-active #page,
	body.knowlistic-info-active #content,
	body.knowlistic-info-active #primary,
	body.knowlistic-info-active #main,
	body.knowlistic-info-active .site,
	body.knowlistic-info-active .site-content,
	body.knowlistic-info-active .content-area,
	body.knowlistic-info-active .site-main,
	body.knowlistic-info-active .entry-content,
	body.knowlistic-info-active .wp-site-blocks,
	body.knowlistic-info-active .wrap,
	body.knowlistic-info-active .container-fluid:has(.knowlistic-info-page),
	body.knowlistic-info-active main:has(.knowlistic-info-page) {
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		overflow: visible !important;
		overscroll-behavior: auto !important;
		-webkit-overflow-scrolling: auto !important;
	}

	body.knowlistic-info-active .knowlistic-info-page {
		position: relative !important;
		isolation: isolate;
		width: 100% !important;
		max-width: 100% !important;
		min-height: 0 !important;
		margin: 0 !important;
		padding-bottom: 0 !important;
		overflow: clip !important;
		contain: none !important;
		touch-action: pan-y pinch-zoom;
	}

	/* Keine dekorativen Layer dürfen die Dokumenthöhe verlängern. */
	body.knowlistic-info-active .knowlistic-info-page::before,
	body.knowlistic-info-active .knowlistic-info-page::after {
		position: absolute !important;
		inset: 0 !important;
		width: auto !important;
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		transform: none !important;
		-webkit-transform: none !important;
		filter: none !important;
		will-change: auto !important;
		pointer-events: none !important;
		contain: paint !important;
	}

	body.knowlistic-info-active .wa-info-section {
		position: relative !important;
		overflow: clip !important;
		contain: paint !important;
		margin-bottom: 0 !important;
	}

	body.knowlistic-info-active .wa-info-section::before {
		position: absolute !important;
		inset: 0 !important;
		width: auto !important;
		height: auto !important;
		transform: none !important;
		-webkit-transform: none !important;
		filter: none !important;
		will-change: auto !important;
		pointer-events: none !important;
	}

	body.knowlistic-info-active .wa-info-section::after {
		display: none !important;
		content: none !important;
	}

	body.knowlistic-info-active #cta {
		padding-bottom: 3rem !important;
		margin-bottom: 0 !important;
	}

	body.knowlistic-info-active #cta::before,
	body.knowlistic-info-active #cta::after {
		display: none !important;
		content: none !important;
	}

	body.knowlistic-info-active #cta .wa-wow-panel {
		margin-bottom: 0 !important;
	}

	body.knowlistic-info-active .wa-sticky-nav.wa-nav-fixed {
		position: fixed !important;
		top: calc(var(--wa-info-adminbar-height, 0px) + var(--safe-area-inset-top, env(safe-area-inset-top, 0px)) + .45rem) !important;
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
		padding-left: var(--safe-area-inset-left, env(safe-area-inset-left, 0px)) !important;
		padding-right: var(--safe-area-inset-right, env(safe-area-inset-right, 0px)) !important;
		padding-bottom: .5rem !important;
		transform: none !important;
		-webkit-transform: none !important;
		animation: none !important;
		will-change: auto !important;
		pointer-events: none !important;
	}

	body.knowlistic-info-active .wa-sticky-nav.wa-nav-fixed .container,
	body.knowlistic-info-active .wa-sticky-nav.wa-nav-fixed .card,
	body.knowlistic-info-active .wa-sticky-nav.wa-nav-fixed nav,
	body.knowlistic-info-active .wa-sticky-nav.wa-nav-fixed a {
		pointer-events: auto !important;
	}

	body.knowlistic-info-active #knowlisticPageNav,
	body.knowlistic-info-active #knowlisticPageNav.wa-nav-scroll {
		max-width: 100% !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		-webkit-overflow-scrolling: touch !important;
		touch-action: pan-x pan-y pinch-zoom !important;
		overscroll-behavior-x: contain !important;
		overscroll-behavior-y: auto !important;
	}

	@media (max-width: 767.98px) {
		body.knowlistic-info-active .knowlistic-info-page {
			overflow-x: hidden !important;
			overflow-y: clip !important;
		}

		body.knowlistic-info-active .wa-sticky-nav.wa-nav-fixed {
			top: calc(var(--safe-area-inset-top, env(safe-area-inset-top, 0px)) + .25rem) !important;
		}

		body.knowlistic-info-active .wa-sticky-nav.wa-nav-fixed .container {
			padding-left: .5rem !important;
			padding-right: .5rem !important;
		}

		body.knowlistic-info-active #cta {
			padding-bottom: 2rem !important;
		}
	}

	@supports not (overflow: clip) {

		body.knowlistic-info-active,
		body.knowlistic-info-active .knowlistic-info-page,
		body.knowlistic-info-active .wa-info-section {
			overflow-x: hidden !important;
		}
	}

	/* ============================================================
 * KnowListic Info · NAV-STABILISIERUNG
 * ============================================================
 * Ursache im Video:
 * - Die horizontale Navigation wurde beim Scrollen automatisch
 *   immer wieder auf den aktiven Punkt zentriert.
 * - Zusätzlich konnten Transform/Transition-Effekte den Eindruck
 *   erzeugen, dass die ganze Navigation springt.
 * Lösung:
 * - Beim normalen Scrollen wird nur noch der aktive Link markiert.
 * - Horizontal gescrollt wird die Nav nur noch bei bewusstem Klick.
 * ============================================================ */
	body.knowlistic-info-active #knowlisticPageNav {
		scroll-behavior: auto !important;
	}

	body.knowlistic-info-active #knowlisticPageNav.wa-nav-scroll {
		scroll-behavior: auto !important;
	}

	body.knowlistic-info-active #knowlisticPageNav .nav-link {
		transform: none !important;
		-webkit-transform: none !important;
		transition:
			color .16s ease,
			background-color .16s ease,
			box-shadow .16s ease !important;
	}

	body.knowlistic-info-active #knowlisticPageNav .nav-link.active {
		transform: none !important;
		-webkit-transform: none !important;
	}

	body.knowlistic-info-active .wa-sticky-nav .card,
	body.knowlistic-info-active .wa-sticky-nav .card::before,
	body.knowlistic-info-active .wa-sticky-nav .card::after {
		transition-duration: .16s !important;
	}






	body.knowlistic-info-active .wa-sticky-nav {
		position: sticky !important;
		top: calc(var(--wa-info-adminbar-height, 0px) + var(--safe-area-inset-top, env(safe-area-inset-top, 0px)) + .75rem) !important;
		left: auto !important;
		right: auto !important;
		width: auto !important;
		z-index: 1080 !important;
		padding-bottom: 1rem !important;
		pointer-events: none;
	}

	body.knowlistic-info-active .wa-sticky-nav .container,
	body.knowlistic-info-active .wa-sticky-nav .card,
	body.knowlistic-info-active .wa-sticky-nav nav,
	body.knowlistic-info-active .wa-sticky-nav a {
		pointer-events: auto !important;
	}

	body.knowlistic-info-active .wa-sticky-placeholder {
		display: none !important;
		height: 0 !important;
	}

	/* ============================================================
 * KnowListic Info · FINALER Sticky-Fix per JS-Fixed-State
 * ============================================================
 * Wichtig:
 * - Kein natives position: sticky mehr für diese Navigation.
 * - Die Navigation bleibt normal im Seitenfluss, bis sie oben ankommt.
 * - Danach setzt knowlistic-info.js die Klasse .wa-nav-fixed.
 * - Der Placeholder hält dann exakt die Höhe der Navigation frei.
 * ============================================================ */

	body.knowlistic-info-active .knowlistic-info-page {
		contain: none !important;
		overflow-y: visible !important;
	}

	body.knowlistic-info-active .wa-sticky-placeholder {
		display: block !important;
		min-height: 0 !important;
		padding: 0 !important;
		margin: 0 !important;
		pointer-events: none !important;
	}

	body.knowlistic-info-active .wa-sticky-nav,
	body.knowlistic-info-active .wa-sticky-nav:not(.wa-nav-fixed) {
		position: relative !important;
		top: auto !important;
		left: auto !important;
		right: auto !important;
		width: auto !important;
		z-index: 1035 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		padding-bottom: 1rem !important;
		transform: none !important;
		-webkit-transform: none !important;
		animation: none !important;
		will-change: auto !important;
		pointer-events: none !important;
	}

	body.knowlistic-info-active .wa-sticky-nav.wa-nav-fixed {
		position: fixed !important;
		top: var(--wa-info-sticky-top, .75rem) !important;
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
		z-index: 1080 !important;
		padding-left: var(--wa-info-safe-left, 0px) !important;
		padding-right: var(--wa-info-safe-right, 0px) !important;
		padding-bottom: .65rem !important;
		transform: none !important;
		-webkit-transform: none !important;
		animation: none !important;
		will-change: auto !important;
		pointer-events: none !important;
	}

	body.knowlistic-info-active .wa-sticky-nav .container,
	body.knowlistic-info-active .wa-sticky-nav .card,
	body.knowlistic-info-active .wa-sticky-nav nav,
	body.knowlistic-info-active .wa-sticky-nav a {
		pointer-events: auto !important;
	}

	body.knowlistic-info-active .wa-sticky-nav.wa-nav-fixed .container {
		max-width: 1320px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	body.knowlistic-info-active .wa-sticky-nav.wa-nav-fixed .card {
		border-color: rgba(var(--wa-info-active-rgb), .28) !important;
		box-shadow:
			0 .85rem 2.15rem rgba(0, 0, 0, .105),
			0 .45rem 1.65rem rgba(var(--wa-info-active-rgb), .13) !important;
	}

	@media (max-width: 1199.98px) {
		body.knowlistic-info-active .wa-sticky-nav.wa-nav-fixed .container {
			max-width: 100% !important;
		}
	}

	@media (max-width: 767.98px) {

		body.knowlistic-info-active .wa-sticky-nav,
		body.knowlistic-info-active .wa-sticky-nav:not(.wa-nav-fixed) {
			padding-bottom: .65rem !important;
		}

		body.knowlistic-info-active .wa-sticky-nav.wa-nav-fixed {
			padding-bottom: .35rem !important;
		}

		body.knowlistic-info-active .wa-sticky-nav .container,
		body.knowlistic-info-active .wa-sticky-nav.wa-nav-fixed .container {
			max-width: 100% !important;
			padding-left: .5rem !important;
			padding-right: .5rem !important;
		}

		body.knowlistic-info-active .wa-sticky-nav.wa-nav-fixed .card {
			border-radius: 0 0 1.15rem 1.15rem !important;
		}
	}

	/* ============================================================
	 * V2 · Scroll-Flow ohne neu berechnete Ganzseiten-Gradients
	 * ============================================================ */
	.knowlistic-info-page {
		--wa-info-flow-start-opacity: .95;
		--wa-info-flow-mid-opacity: 0;
		--wa-info-flow-end-opacity: 0;
	}

	body.knowlistic-info-active .knowlistic-info-page::before,
	body.knowlistic-info-active .wa-info-page-flow {
		position: absolute !important;
		top: 0 !important;
		right: -18% !important;
		bottom: auto !important;
		left: -18% !important;
		width: auto !important;
		height: min(1200px, 140vh) !important;
		max-height: none !important;
		transform: none !important;
		filter: none !important;
		contain: paint !important;
		pointer-events: none !important;
	}

	body.knowlistic-info-active .knowlistic-info-page::before {
		background:
			radial-gradient(circle at 14% 18%, rgba(var(--wa-info-active-rgb), .2), transparent 31rem),
			radial-gradient(circle at 86% 68%, rgba(var(--bs-success-rgb), .14), transparent 32rem),
			radial-gradient(circle at 50% 16%, rgba(var(--bs-info-rgb), .09), transparent 38rem) !important;
		opacity: var(--wa-info-flow-start-opacity) !important;
		will-change: opacity !important;
		transition: opacity .08s linear !important;
	}

	body.knowlistic-info-active .wa-info-page-flow {
		display: block;
		z-index: 0;
		background-repeat: no-repeat;
		will-change: opacity;
		transition: opacity .08s linear;
	}

	body.knowlistic-info-active .wa-info-page-flow-mid {
		background:
			radial-gradient(circle at 50% 60%, rgba(var(--wa-info-active-rgb), .2), transparent 31rem),
			radial-gradient(circle at 50% 68%, rgba(var(--bs-success-rgb), .14), transparent 32rem),
			radial-gradient(circle at 50% 16%, rgba(var(--bs-info-rgb), .09), transparent 38rem);
		opacity: var(--wa-info-flow-mid-opacity);
	}

	body.knowlistic-info-active .wa-info-page-flow-end {
		background:
			radial-gradient(circle at 86% 18%, rgba(var(--wa-info-active-rgb), .2), transparent 31rem),
			radial-gradient(circle at 14% 68%, rgba(var(--bs-success-rgb), .14), transparent 32rem),
			radial-gradient(circle at 50% 16%, rgba(var(--bs-info-rgb), .09), transparent 38rem);
		opacity: var(--wa-info-flow-end-opacity);
	}

	/* Bewegte Farblayer liegen nicht mehr unter live berechneten Backdrops. */
	body.knowlistic-info-active .wa-brand-eyebrow,
	body.knowlistic-info-active .wa-brand-chip,
	body.knowlistic-info-active .wa-glass-card,
	body.knowlistic-info-active .wa-sticky-nav .card,
	body.knowlistic-info-active .wa-section-kicker,
	body.knowlistic-info-active .wa-panel,
	body.knowlistic-info-active .wa-comparison-stage {
		-webkit-backdrop-filter: none !important;
		backdrop-filter: none !important;
	}

	body.knowlistic-info-active .wa-brand-eyebrow,
	body.knowlistic-info-active .wa-brand-chip,
	body.knowlistic-info-active .wa-glass-card,
	body.knowlistic-info-active .wa-section-kicker,
	body.knowlistic-info-active .wa-panel {
		background-color: rgba(var(--bs-body-bg-rgb), .94);
		background-image: linear-gradient(145deg, rgba(var(--wa-info-active-rgb), .045), transparent 58%);
	}

	body.knowlistic-info-active .wa-sticky-nav .card {
		background:
			linear-gradient(135deg, rgba(var(--bs-body-bg-rgb), .97), rgba(var(--bs-body-bg-rgb), .91)),
			radial-gradient(circle at 12% 50%, rgba(var(--wa-info-active-rgb), .18), transparent 18rem) !important;
	}

	@media (prefers-reduced-motion: reduce) {
		body.knowlistic-info-active .knowlistic-info-page::before {
			opacity: .95 !important;
			transition: none !important;
			will-change: auto !important;
		}

		body.knowlistic-info-active .wa-info-page-flow {
			display: none;
		}
	}