.eht-root {
	--eht-gap: 140px;
	--eht-item-width: 420px;
	--eht-side-padding: 40px;

	--eht-line-color: #aaa;
	--eht-line-style: dashed;
	--eht-line-w: 2px;
	--eht-line-y: 150px;

	/* verhindert horizontale Page-Scrollbar durch Rundungsfehler */
	overflow-x: clip;
}

.eht-outer {
	position: relative;
	width: 100%;
}

.eht-stage {
	position: relative;
	width: 100%;
	overflow: hidden;
	background: #fff;
}

.eht-viewport {
	position: relative;
	width: 100%;
	height: var(--eht-viewport-h, 420px);
	display: flex;
	align-items: center;
}

.eht-viewport::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: var(--eht-line-y);
	border-top: var(--eht-line-w) var(--eht-line-style) var(--eht-line-color);
	pointer-events: none;
}

.eht-track {
	display: flex;
	flex-wrap: nowrap;
	gap: var(--eht-gap);
	padding-left: var(--eht-side-padding);
	padding-right: var(--eht-side-padding);
	will-change: transform;
	transform: translate3d(0,0,0);
}

.eht-item {
	flex: 0 0 auto;
	width: var(--eht-item-width);
	text-align: center;
}

.eht-top-title {
	margin-bottom: 12px;
	font-size: 64px;
	line-height: 1;
}

.eht-line-area {
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 12px;
}

.eht-icon {
	width: 60px;
	height: 60px;
	background: #fff;
	border-radius: 999px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 6px 18px rgba(0,0,0,.12);
	z-index: 2;
}

.eht-line-title {
	font-size: 22px;
	font-weight: 600;
	margin: 0;
}

.eht-text {
	margin-top: 8px;
	font-size: 16px;
	opacity: .85;
}

/* Optional: sorgt dafür, dass unten schon „weiterer Content“ sichtbar wirkt */
.eht-stage {
	background: transparent; /* statt weiß */
}

.eht-viewport {
	background: transparent; /* statt weiß */
}