.sdash-leistungen-hero {
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 60vh;
	background-color: var(--wp--preset--color--primary);
}

.sdash-leistungen-hero__scene {
	position: absolute;
	inset: 0;
	overflow: hidden;
	pointer-events: none;
}

.sdash-leistungen-hero__floor-glow {
	position: absolute;
	bottom: -15%;
	left: 50%;
	width: 70%;
	height: 45%;
	transform: translateX(-50%);
	background: radial-gradient(ellipse at center, rgba(224, 118, 46, 0.35), transparent 70%);
	filter: blur(40px);
	animation: sdash-leistungen-hero-floor-glow 6s ease-in-out infinite;
}

.sdash-leistungen-hero__beam {
	position: absolute;
	bottom: 0;
	height: 55%;
	background: linear-gradient(to top, transparent, var(--wp--preset--color--accent) 65%, transparent);
	opacity: 0;
	animation-name: sdash-leistungen-hero-beam-rise;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
}

.sdash-leistungen-hero__content {
	position: relative;
	z-index: 1;
	max-width: 720px;
	margin-inline: auto;
	padding: var(--wp--preset--spacing--xl) var(--wp--preset--spacing--md);
	text-align: center;
}

.sdash-leistungen-hero__heading {
	color: var(--wp--preset--color--background);
	font-size: var(--wp--preset--font-size--xx-large);
}

.sdash-leistungen-hero__intro {
	color: var(--wp--preset--color--background);
	font-size: var(--wp--preset--font-size--medium);
	margin-top: var(--wp--preset--spacing--sm);
}

@keyframes sdash-leistungen-hero-beam-rise {
	0% {
		transform: translateY(20%);
		opacity: 0;
	}
	15% {
		opacity: 0.85;
	}
	80% {
		opacity: 0.85;
	}
	100% {
		transform: translateY(-90%);
		opacity: 0;
	}
}

@keyframes sdash-leistungen-hero-floor-glow {
	0%, 100% {
		opacity: 0.6;
		transform: translateX(-50%) scale(0.92);
	}
	50% {
		opacity: 0.9;
		transform: translateX(-50%) scale(1.05);
	}
}

.sdash-leistungen-hero__beam:nth-of-type(1) { left: 0.0%; width: 2px; animation-delay: 4.78s; animation-duration: 4.51s; }
.sdash-leistungen-hero__beam:nth-of-type(2) { left: 2.0%; width: 3px; animation-delay: 4.82s; animation-duration: 6.25s; }
.sdash-leistungen-hero__beam:nth-of-type(3) { left: 2.1%; width: 2px; animation-delay: 0.92s; animation-duration: 4.91s; }
.sdash-leistungen-hero__beam:nth-of-type(4) { left: 6.1%; width: 1px; animation-delay: 0.85s; animation-duration: 6.43s; }
.sdash-leistungen-hero__beam:nth-of-type(5) { left: 5.3%; width: 3px; animation-delay: 3.48s; animation-duration: 4.62s; }
.sdash-leistungen-hero__beam:nth-of-type(6) { left: 8.2%; width: 3px; animation-delay: 1.56s; animation-duration: 5.24s; }
.sdash-leistungen-hero__beam:nth-of-type(7) { left: 9.2%; width: 3px; animation-delay: 4.48s; animation-duration: 4.32s; }
.sdash-leistungen-hero__beam:nth-of-type(8) { left: 11.3%; width: 1px; animation-delay: 2.66s; animation-duration: 5.61s; }
.sdash-leistungen-hero__beam:nth-of-type(9) { left: 14.2%; width: 3px; animation-delay: 2.21s; animation-duration: 5.61s; }
.sdash-leistungen-hero__beam:nth-of-type(10) { left: 15.4%; width: 1px; animation-delay: 0.21s; animation-duration: 5.64s; }
.sdash-leistungen-hero__beam:nth-of-type(11) { left: 15.7%; width: 3px; animation-delay: 0.15s; animation-duration: 4.25s; }
.sdash-leistungen-hero__beam:nth-of-type(12) { left: 16.9%; width: 2px; animation-delay: 0.35s; animation-duration: 5.81s; }
.sdash-leistungen-hero__beam:nth-of-type(13) { left: 19.6%; width: 1px; animation-delay: 3.01s; animation-duration: 5.73s; }
.sdash-leistungen-hero__beam:nth-of-type(14) { left: 20.2%; width: 2px; animation-delay: 0.14s; animation-duration: 6.42s; }
.sdash-leistungen-hero__beam:nth-of-type(15) { left: 22.3%; width: 2px; animation-delay: 4.04s; animation-duration: 6.75s; }
.sdash-leistungen-hero__beam:nth-of-type(16) { left: 23.6%; width: 3px; animation-delay: 2.90s; animation-duration: 4.45s; }
.sdash-leistungen-hero__beam:nth-of-type(17) { left: 26.8%; width: 3px; animation-delay: 2.32s; animation-duration: 5.37s; }
.sdash-leistungen-hero__beam:nth-of-type(18) { left: 28.1%; width: 3px; animation-delay: 2.02s; animation-duration: 4.93s; }
.sdash-leistungen-hero__beam:nth-of-type(19) { left: 30.4%; width: 2px; animation-delay: 4.14s; animation-duration: 6.78s; }
.sdash-leistungen-hero__beam:nth-of-type(20) { left: 32.8%; width: 1px; animation-delay: 4.48s; animation-duration: 5.64s; }
.sdash-leistungen-hero__beam:nth-of-type(21) { left: 32.3%; width: 1px; animation-delay: 0.87s; animation-duration: 4.97s; }
.sdash-leistungen-hero__beam:nth-of-type(22) { left: 35.4%; width: 2px; animation-delay: 0.15s; animation-duration: 4.97s; }
.sdash-leistungen-hero__beam:nth-of-type(23) { left: 36.4%; width: 2px; animation-delay: 4.66s; animation-duration: 6.01s; }
.sdash-leistungen-hero__beam:nth-of-type(24) { left: 39.4%; width: 1px; animation-delay: 2.11s; animation-duration: 4.69s; }
.sdash-leistungen-hero__beam:nth-of-type(25) { left: 40.2%; width: 1px; animation-delay: 1.33s; animation-duration: 5.19s; }
.sdash-leistungen-hero__beam:nth-of-type(26) { left: 41.3%; width: 3px; animation-delay: 2.09s; animation-duration: 4.94s; }
.sdash-leistungen-hero__beam:nth-of-type(27) { left: 43.9%; width: 2px; animation-delay: 1.90s; animation-duration: 6.36s; }
.sdash-leistungen-hero__beam:nth-of-type(28) { left: 43.5%; width: 2px; animation-delay: 1.04s; animation-duration: 5.01s; }
.sdash-leistungen-hero__beam:nth-of-type(29) { left: 47.5%; width: 2px; animation-delay: 2.69s; animation-duration: 6.34s; }
.sdash-leistungen-hero__beam:nth-of-type(30) { left: 49.3%; width: 2px; animation-delay: 3.43s; animation-duration: 6.51s; }
.sdash-leistungen-hero__beam:nth-of-type(31) { left: 50.9%; width: 2px; animation-delay: 4.56s; animation-duration: 4.57s; }
.sdash-leistungen-hero__beam:nth-of-type(32) { left: 50.3%; width: 1px; animation-delay: 0.03s; animation-duration: 5.27s; }
.sdash-leistungen-hero__beam:nth-of-type(33) { left: 52.1%; width: 1px; animation-delay: 1.42s; animation-duration: 5.30s; }
.sdash-leistungen-hero__beam:nth-of-type(34) { left: 54.9%; width: 1px; animation-delay: 3.38s; animation-duration: 6.48s; }
.sdash-leistungen-hero__beam:nth-of-type(35) { left: 55.9%; width: 3px; animation-delay: 4.71s; animation-duration: 4.70s; }
.sdash-leistungen-hero__beam:nth-of-type(36) { left: 57.6%; width: 1px; animation-delay: 0.12s; animation-duration: 5.07s; }
.sdash-leistungen-hero__beam:nth-of-type(37) { left: 59.4%; width: 2px; animation-delay: 3.65s; animation-duration: 4.69s; }
.sdash-leistungen-hero__beam:nth-of-type(38) { left: 60.7%; width: 2px; animation-delay: 2.42s; animation-duration: 5.12s; }
.sdash-leistungen-hero__beam:nth-of-type(39) { left: 64.4%; width: 1px; animation-delay: 4.89s; animation-duration: 5.98s; }
.sdash-leistungen-hero__beam:nth-of-type(40) { left: 64.1%; width: 1px; animation-delay: 3.96s; animation-duration: 6.80s; }
.sdash-leistungen-hero__beam:nth-of-type(41) { left: 66.4%; width: 2px; animation-delay: 0.02s; animation-duration: 6.86s; }
.sdash-leistungen-hero__beam:nth-of-type(42) { left: 68.0%; width: 2px; animation-delay: 0.53s; animation-duration: 5.19s; }
.sdash-leistungen-hero__beam:nth-of-type(43) { left: 71.2%; width: 1px; animation-delay: 2.08s; animation-duration: 5.07s; }
.sdash-leistungen-hero__beam:nth-of-type(44) { left: 70.7%; width: 1px; animation-delay: 4.10s; animation-duration: 6.73s; }
.sdash-leistungen-hero__beam:nth-of-type(45) { left: 72.8%; width: 1px; animation-delay: 2.03s; animation-duration: 6.58s; }
.sdash-leistungen-hero__beam:nth-of-type(46) { left: 73.7%; width: 2px; animation-delay: 0.26s; animation-duration: 4.21s; }
.sdash-leistungen-hero__beam:nth-of-type(47) { left: 75.2%; width: 1px; animation-delay: 4.83s; animation-duration: 6.09s; }
.sdash-leistungen-hero__beam:nth-of-type(48) { left: 78.2%; width: 3px; animation-delay: 4.80s; animation-duration: 6.79s; }
.sdash-leistungen-hero__beam:nth-of-type(49) { left: 79.7%; width: 3px; animation-delay: 2.60s; animation-duration: 4.12s; }
.sdash-leistungen-hero__beam:nth-of-type(50) { left: 81.8%; width: 3px; animation-delay: 1.88s; animation-duration: 5.32s; }
.sdash-leistungen-hero__beam:nth-of-type(51) { left: 82.6%; width: 2px; animation-delay: 4.58s; animation-duration: 5.46s; }
.sdash-leistungen-hero__beam:nth-of-type(52) { left: 83.7%; width: 1px; animation-delay: 2.45s; animation-duration: 5.82s; }
.sdash-leistungen-hero__beam:nth-of-type(53) { left: 86.5%; width: 1px; animation-delay: 2.80s; animation-duration: 5.55s; }
.sdash-leistungen-hero__beam:nth-of-type(54) { left: 89.0%; width: 2px; animation-delay: 0.61s; animation-duration: 6.59s; }
.sdash-leistungen-hero__beam:nth-of-type(55) { left: 88.6%; width: 1px; animation-delay: 3.71s; animation-duration: 5.52s; }
.sdash-leistungen-hero__beam:nth-of-type(56) { left: 92.4%; width: 3px; animation-delay: 2.17s; animation-duration: 6.20s; }
.sdash-leistungen-hero__beam:nth-of-type(57) { left: 93.2%; width: 3px; animation-delay: 2.14s; animation-duration: 5.57s; }
.sdash-leistungen-hero__beam:nth-of-type(58) { left: 95.3%; width: 3px; animation-delay: 2.05s; animation-duration: 4.99s; }
.sdash-leistungen-hero__beam:nth-of-type(59) { left: 97.7%; width: 2px; animation-delay: 0.78s; animation-duration: 6.92s; }
.sdash-leistungen-hero__beam:nth-of-type(60) { left: 98.6%; width: 3px; animation-delay: 0.21s; animation-duration: 6.72s; }

@media (prefers-reduced-motion: reduce) {
	.sdash-leistungen-hero__beam,
	.sdash-leistungen-hero__floor-glow {
		animation: none;
		opacity: 0.5;
	}
}

.sdash-leistungen-hero--editor {
	background-color: var(--wp--preset--color--primary);
	padding: var(--wp--preset--spacing--xl) var(--wp--preset--spacing--md);
}

.sdash-leistungen-hero--editor .sdash-leistungen-hero__content {
	padding: 0;
}