.bcadapt-ablauf {
	--bcadapt-gold: #c39a53;
	--bcadapt-gold-soft: rgba(195, 154, 83, .14);
	--bcadapt-ink: #222;
	--bcadapt-text: #333;
	--bcadapt-font: Arial, Helvetica, sans-serif;
	--bcadapt-heading-size: 34px;
	--bcadapt-heading-weight: 700;
	--bcadapt-subtitle-size: 12px;
	--bcadapt-subtitle-weight: 700;
	--bcadapt-step-title-size: 18px;
	--bcadapt-step-title-weight: 400;
	--bcadapt-step-text-size: 16px;
	--bcadapt-step-text-weight: 400;
	position: relative;
	isolation: isolate;
	width: 100%;
	margin: 0 auto;
	padding: clamp(54px, 6vw, 84px) max(24px, calc((100% - 1120px) / 2));
	overflow: hidden;
	border-radius: 12px;
	background:
		radial-gradient(ellipse at 8% 12%, rgba(195, 154, 83, .22) 0%, rgba(195, 154, 83, .1) 34%, transparent 68%),
		radial-gradient(ellipse at 92% 88%, rgba(195, 154, 83, .14) 0%, rgba(195, 154, 83, .06) 30%, transparent 66%),
		linear-gradient(90deg, rgba(195, 154, 83, .04), rgba(255, 255, 255, .52) 50%, rgba(195, 154, 83, .035));
	color: inherit;
	font-family: var(--bcadapt-font);
	font-size: inherit;
	line-height: inherit;
	box-sizing: border-box;
}

.bcadapt-ablauf::before {
	position: absolute;
	z-index: -1;
	inset: -25%;
	background:
		radial-gradient(circle at 22% 34%, rgba(195, 154, 83, .18), transparent 27%),
		radial-gradient(circle at 74% 58%, rgba(195, 154, 83, .1), transparent 32%);
	content: "";
	filter: blur(34px);
	pointer-events: none;
}

.bcadapt-ablauf *,
.bcadapt-ablauf *::before,
.bcadapt-ablauf *::after {
	box-sizing: border-box;
}

.bcadapt-ablauf__header {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: 1120px;
	margin: 0 auto clamp(34px, 4vw, 52px);
	text-align: left;
}

.bcadapt-ablauf .bcadapt-ablauf__subtitle {
	margin: 0 0 10px !important;
	color: var(--bcadapt-gold);
	font-family: var(--bcadapt-font) !important;
	font-size: var(--bcadapt-subtitle-size) !important;
	font-weight: var(--bcadapt-subtitle-weight) !important;
	line-height: 1.35 !important;
	letter-spacing: .12em !important;
	text-transform: uppercase !important;
}

.bcadapt-ablauf .bcadapt-ablauf__heading {
	margin: 0 !important;
	color: var(--bcadapt-ink);
	font-family: var(--bcadapt-font) !important;
	font-size: var(--bcadapt-heading-size) !important;
	font-weight: var(--bcadapt-heading-weight) !important;
	line-height: 1.08 !important;
	letter-spacing: -.025em !important;
	text-transform: none !important;
}

.bcadapt-ablauf__grid {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: repeat(var(--bcadapt-step-count, 5), minmax(0, 1fr));
	gap: clamp(22px, 3vw, 42px);
	width: 100%;
	max-width: 1120px;
	margin: 0;
	margin-inline: auto;
	padding: 0;
	list-style: none;
}

.bcadapt-ablauf__step {
	position: relative;
	min-width: 0;
	margin: 0;
	padding: 0;
	text-align: center;
}

.bcadapt-ablauf__step:not(:last-child)::after {
	position: absolute;
	top: 53px;
	left: calc(100% + 7px);
	width: 18px;
	height: 2px;
	border-radius: 3px;
	background: var(--bcadapt-gold);
	content: "";
}

.bcadapt-ablauf__step:not(:last-child)::before {
	position: absolute;
	z-index: 1;
	top: 49px;
	left: calc(100% + 21px);
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 7px solid var(--bcadapt-gold);
	content: "";
}

.bcadapt-ablauf__icon {
	position: relative;
	display: flex;
	width: min(112px, 100%);
	aspect-ratio: 1;
	margin: 0 auto 20px;
	align-items: center;
	justify-content: center;
	border: 1.5px solid var(--bcadapt-gold);
	border-radius: 12px;
	background: var(--bcadapt-gold-soft);
	color: var(--bcadapt-gold);
	transition: box-shadow .25s ease, transform .25s ease;
}

.bcadapt-ablauf__step:hover .bcadapt-ablauf__icon {
	box-shadow: 0 12px 26px -20px rgba(90, 61, 17, .65);
	transform: translateY(-3px);
}

.bcadapt-ablauf__number {
	position: absolute;
	top: 9px;
	left: 10px;
	color: var(--bcadapt-gold);
	font-family: var(--bcadapt-font);
	font-size: 10px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: .04em;
}

.bcadapt-ablauf__icon svg {
	display: block;
	width: 51%;
	height: 51%;
	overflow: visible;
}

.bcadapt-ablauf__icon svg,
.bcadapt-ablauf__icon svg * {
	transform-box: fill-box;
	transform-origin: center;
}

.bcadapt-ablauf.is-animated .bcadapt-ablauf__phone {
	animation: bcadapt-phone 2.8s ease-in-out infinite;
}

.bcadapt-ablauf.is-animated .bcadapt-ablauf__document {
	animation: bcadapt-document 3s ease-in-out infinite;
}

.bcadapt-ablauf.is-animated .bcadapt-ablauf__document-dot {
	animation: bcadapt-dot 1.5s ease-in-out infinite;
}

.bcadapt-ablauf.is-animated .bcadapt-ablauf__scan {
	animation: bcadapt-scan 2.1s ease-in-out infinite;
}

.bcadapt-ablauf.is-animated .bcadapt-ablauf__evaluation {
	animation: bcadapt-evaluation 3.2s ease-in-out infinite;
}

.bcadapt-ablauf.is-animated .bcadapt-ablauf__bars {
	animation: bcadapt-bars 1.7s ease-in-out infinite;
}

.bcadapt-ablauf.is-animated .bcadapt-ablauf__check {
	stroke-dasharray: 18;
	animation: bcadapt-check 2.4s ease-in-out infinite;
}

.bcadapt-ablauf.is-animated .bcadapt-ablauf__modern-bars {
	animation: bcadapt-bars 1.7s ease-in-out infinite;
}

.bcadapt-ablauf.is-animated .bcadapt-ablauf__modern-gear {
	animation: bcadapt-gear 4s linear infinite;
}

.bcadapt-ablauf.is-animated .bcadapt-ablauf__modern-pencil {
	animation: bcadapt-pencil 2.6s ease-in-out infinite;
}

.bcadapt-ablauf.is-animated .bcadapt-ablauf__modern-plan-lines {
	stroke-dasharray: 52;
	animation: bcadapt-plan-lines 3s ease-in-out infinite;
}

.bcadapt-ablauf.is-animated .bcadapt-ablauf__modern-ruler {
	animation: bcadapt-ruler 2.8s ease-in-out infinite;
}

.bcadapt-ablauf.is-animated .bcadapt-ablauf__modern-helmet {
	animation: bcadapt-helmet 2.8s ease-in-out infinite;
}

.bcadapt-ablauf.is-animated .bcadapt-ablauf__modern-build-check {
	stroke-dasharray: 18;
	animation: bcadapt-check 2.4s ease-in-out infinite;
}

.bcadapt-ablauf.is-animated .bcadapt-ablauf__sales-offer {
	animation: bcadapt-document 3s ease-in-out infinite;
}

.bcadapt-ablauf.is-animated .bcadapt-ablauf__sales-euro,
.bcadapt-ablauf.is-animated .bcadapt-ablauf__sales-property-euro {
	animation: bcadapt-sales-pulse 2.4s ease-in-out infinite;
}

.bcadapt-ablauf.is-animated .bcadapt-ablauf__sales-offer-check {
	stroke-dasharray: 18;
	animation: bcadapt-check 2.4s ease-in-out infinite;
}

.bcadapt-ablauf.is-animated .bcadapt-ablauf__sales-property {
	animation: bcadapt-sales-property 3.2s ease-in-out infinite;
}

.bcadapt-ablauf.is-animated .bcadapt-ablauf__sales-chat-left {
	animation: bcadapt-chat-left 3s ease-in-out infinite;
}

.bcadapt-ablauf.is-animated .bcadapt-ablauf__sales-chat-right {
	animation: bcadapt-chat-right 3s ease-in-out infinite;
}

@keyframes bcadapt-phone {
	0%, 35%, 100% { transform: rotate(0); }
	42% { transform: rotate(-5deg); }
	50% { transform: rotate(5deg); }
	58% { transform: rotate(-3deg); }
	66% { transform: rotate(0); }
}

@keyframes bcadapt-document {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-2px); }
}

@keyframes bcadapt-dot {
	0%, 100% { opacity: .45; transform: scale(.8); }
	50% { opacity: 1; transform: scale(1.15); }
}

@keyframes bcadapt-scan {
	0%, 100% { opacity: .45; transform: translateY(-7px); }
	50% { opacity: 1; transform: translateY(7px); }
}

@keyframes bcadapt-evaluation {
	0%, 100% { transform: rotate(0); }
	50% { transform: rotate(3deg); }
}

@keyframes bcadapt-bars {
	0%, 100% { transform: scaleY(.55); }
	50% { transform: scaleY(1); }
}

@keyframes bcadapt-check {
	0%, 25% { opacity: .35; stroke-dashoffset: 18; }
	55%, 100% { opacity: 1; stroke-dashoffset: 0; }
}

@keyframes bcadapt-gear {
	to { transform: rotate(360deg); }
}

@keyframes bcadapt-pencil {
	0%, 100% { transform: translate(0, 0); }
	45% { transform: translate(-3px, 3px); }
	65% { transform: translate(1px, -1px); }
}

@keyframes bcadapt-plan-lines {
	0%, 20% { opacity: .45; stroke-dashoffset: 52; }
	55%, 100% { opacity: 1; stroke-dashoffset: 0; }
}

@keyframes bcadapt-ruler {
	0%, 100% { transform: translate(0, 0) rotate(0); }
	50% { transform: translate(-2px, 2px) rotate(-2deg); }
}

@keyframes bcadapt-helmet {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-3px); }
}

@keyframes bcadapt-sales-pulse {
	0%, 100% { opacity: .72; transform: scale(.92); }
	50% { opacity: 1; transform: scale(1.08); }
}

@keyframes bcadapt-sales-property {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-2px); }
}

@keyframes bcadapt-chat-left {
	0%, 100% { transform: translateX(0); }
	45% { transform: translateX(-2px); }
}

@keyframes bcadapt-chat-right {
	0%, 100% { opacity: .72; transform: translate(0, 0); }
	55% { opacity: 1; transform: translate(2px, -2px); }
}

.bcadapt-ablauf .bcadapt-ablauf__copy .bcadapt-ablauf__title,
.bcadapt-ablauf .bcadapt-ablauf__copy > h3 {
	display: block;
	min-height: 2.7em;
	margin: 0 0 .65em !important;
	color: var(--bcadapt-ink);
	font-family: var(--bcadapt-font) !important;
	font-size: var(--bcadapt-step-title-size) !important;
	font-weight: var(--bcadapt-step-title-weight) !important;
	line-height: 1.25 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
}

.bcadapt-ablauf__copy p {
	margin: 0 !important;
	color: var(--bcadapt-text);
	font-family: var(--bcadapt-font) !important;
	font-size: var(--bcadapt-step-text-size) !important;
	font-weight: var(--bcadapt-step-text-weight) !important;
	line-height: 1.42 !important;
}

@media (max-width: 799px) {
	.bcadapt-ablauf__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 34px 24px;
	}

	.bcadapt-ablauf__step:not(:last-child)::before,
	.bcadapt-ablauf__step:not(:last-child)::after {
		display: none;
	}

	.bcadapt-ablauf__step:last-child:nth-child(odd) {
		grid-column: 1 / -1;
		width: 50%;
		margin: 0 auto;
	}
}

@media (max-width: 520px) {
	.bcadapt-ablauf {
		padding-block: 44px;
	}

	.bcadapt-ablauf__header {
		margin-bottom: 30px;
	}

	.bcadapt-ablauf .bcadapt-ablauf__subtitle {
		margin-bottom: 7px !important;
	}

	.bcadapt-ablauf__grid {
		grid-template-columns: 1fr;
		gap: 0;
	}

	.bcadapt-ablauf__step,
	.bcadapt-ablauf__step:last-child:nth-child(odd) {
		display: grid;
		grid-column: auto;
		grid-template-columns: 72px minmax(0, 1fr);
		gap: 17px;
		width: 100%;
		align-items: center;
		margin: 0;
		padding: 19px 0;
		text-align: left;
	}

	.bcadapt-ablauf__step:first-child {
		padding-top: 0;
	}

	.bcadapt-ablauf__step:not(:last-child) {
		padding-bottom: 52px;
	}

	.bcadapt-ablauf__step:not(:last-child)::after {
		display: block;
		top: auto;
		bottom: 15px;
		left: 50%;
		width: 2px;
		height: 13px;
		background: var(--bcadapt-gold);
		transform: translateX(-50%);
	}

	.bcadapt-ablauf__step:not(:last-child)::before {
		display: block;
		top: auto;
		bottom: 8px;
		left: 50%;
		width: 0;
		height: 0;
		border-top: 7px solid var(--bcadapt-gold);
		border-right: 5px solid transparent;
		border-bottom: 0;
		border-left: 5px solid transparent;
		transform: translateX(-50%);
	}

	.bcadapt-ablauf__step:last-child {
		padding-bottom: 0;
	}

	.bcadapt-ablauf__icon {
		width: 72px;
		margin: 0;
		border-radius: 9px;
	}

	.bcadapt-ablauf__step:hover .bcadapt-ablauf__icon {
		box-shadow: none;
		transform: none;
	}

	.bcadapt-ablauf__number {
		top: 6px;
		left: 7px;
		font-size: 9px;
	}

	.bcadapt-ablauf .bcadapt-ablauf__copy .bcadapt-ablauf__title,
	.bcadapt-ablauf .bcadapt-ablauf__copy > h3 {
		min-height: 0;
		margin-bottom: .35em !important;
	}

}

@media (prefers-reduced-motion: reduce) {
	.bcadapt-ablauf__icon {
		transition: none;
	}

	.bcadapt-ablauf__step:hover .bcadapt-ablauf__icon {
		transform: none;
	}

	.bcadapt-ablauf.is-animated .bcadapt-ablauf__phone,
	.bcadapt-ablauf.is-animated .bcadapt-ablauf__document,
	.bcadapt-ablauf.is-animated .bcadapt-ablauf__document-dot,
	.bcadapt-ablauf.is-animated .bcadapt-ablauf__scan,
	.bcadapt-ablauf.is-animated .bcadapt-ablauf__evaluation,
	.bcadapt-ablauf.is-animated .bcadapt-ablauf__bars,
	.bcadapt-ablauf.is-animated .bcadapt-ablauf__check,
	.bcadapt-ablauf.is-animated .bcadapt-ablauf__modern-bars,
	.bcadapt-ablauf.is-animated .bcadapt-ablauf__modern-gear,
	.bcadapt-ablauf.is-animated .bcadapt-ablauf__modern-pencil,
	.bcadapt-ablauf.is-animated .bcadapt-ablauf__modern-plan-lines,
	.bcadapt-ablauf.is-animated .bcadapt-ablauf__modern-ruler,
	.bcadapt-ablauf.is-animated .bcadapt-ablauf__modern-helmet,
	.bcadapt-ablauf.is-animated .bcadapt-ablauf__modern-build-check,
	.bcadapt-ablauf.is-animated .bcadapt-ablauf__sales-offer,
	.bcadapt-ablauf.is-animated .bcadapt-ablauf__sales-euro,
	.bcadapt-ablauf.is-animated .bcadapt-ablauf__sales-offer-check,
	.bcadapt-ablauf.is-animated .bcadapt-ablauf__sales-property,
	.bcadapt-ablauf.is-animated .bcadapt-ablauf__sales-property-euro,
	.bcadapt-ablauf.is-animated .bcadapt-ablauf__sales-chat-left,
	.bcadapt-ablauf.is-animated .bcadapt-ablauf__sales-chat-right {
		animation: none;
	}
}