.eines-spiral {
	height: 400px;
	position: relative;
}

.eines-spiral__title {
	color: var(--eines-color-accent-dark);
	display: flex;
	flex-flow: column;
	font-size: clamp(40px, 4.8vw, 56px);
	font-weight: 300;
	justify-content: center;
	line-height: 1.1;
	left: 50%;
	margin: 0;
	position: absolute;
	text-align: center;
	top: 50%;
	width: min(1120px, calc(100% - 32px));
	transform: translate(-50%, -50%);
}

.eines-spiral__left-text,
.eines-spiral__right-text {
	opacity: 0;
	transition: var(--transition);
}

.eines-spiral__left-text {
	transform: translateX(-15%);
}

.eines-spiral__right-text {
	transform: translateX(15%);
}

.eines-spiral.is-centered .eines-spiral__left-text,
.eines-spiral.is-centered .eines-spiral__right-text {
	opacity: 1;
	transform: translateX(0);
}

.eines-spiral__circes1,
.eines-spiral__circes2 {
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
}

.eines-spiral__circes1 {
	animation: eines-spin 6s linear infinite;
	border: 1px solid var(--eines-color-accent);
	border-bottom-color: transparent;
	border-left-color: transparent;
	border-radius: 50%;
	height: 270px;
	opacity: 0.42;
	transform-origin: center center;
	width: 270px;
}

.eines-spiral__circes1::after {
	border: 1px solid var(--eines-color-accent);
	border-bottom-color: transparent;
	border-left-color: transparent;
	border-radius: 50%;
	content: "";
	display: block;
	height: 132px;
	margin: 70px auto;
	width: 132px;
}

.eines-spiral__circes2 {
	animation: eines-spin2 6s linear infinite;
	border: 1px solid var(--eines-color-accent);
	border-bottom-color: transparent;
	border-left-color: transparent;
	border-radius: 50%;
	height: 340px;
	opacity: 0.42;
	transform-origin: center center;
	width: 340px;
}

.eines-spiral__circes2::after {
	border: 1px solid var(--eines-color-accent);
	border-bottom-color: transparent;
	border-left-color: transparent;
	border-radius: 50%;
	content: "";
	display: block;
	height: 201px;
	margin: 70px auto;
	width: 201px;
}

@media (max-width: 720px) {
	.eines-spiral__title {
		font-size: clamp(28px, 9vw, 34px);
	}
}