/* KATAI Forms — Multistep */
.kf-steps-nav { display: flex; gap: .5rem; margin: 0 0 1.2rem; }
.kf-step-dot {
	display: flex; align-items: center; justify-content: center;
	width: 28px; height: 28px; border-radius: 50%;
	background: #e3e5ea; color: #6b7280; font-size: .85rem; font-weight: 600;
	transition: background .2s, color .2s;
}
.kf-step-dot.active { background: var(--kf-accent); color: var(--kf-accent-text); }
.kf-step-title { margin: 0 0 1rem; font-size: 1.1rem; }
.kf-step-nav { margin-top: 1rem; display: flex; gap: .6rem; }
.kf-step-nav .kf-next,
.kf-step-nav .kf-prev {
	padding: .55rem 1.1rem; border: 0; border-radius: var(--kf-radius); font: inherit; font-weight: 600; cursor: pointer;
}
.kf-step-nav .kf-next { background: var(--kf-accent); color: var(--kf-accent-text); }
.kf-step-nav .kf-prev { background: #e3e5ea; color: #333; }

/* Prozent-Fortschrittsbalken (Multistep, progress=bar) */
.kf-progress { background: #e3e5ea; border-radius: 999px; height: 1.4rem; margin: 0 0 1.4rem; overflow: hidden; }
.kf-progress-fill {
	background: var(--kf-accent); height: 100%; border-radius: 999px; min-width: 2.6rem;
	display: flex; align-items: center; justify-content: flex-end;
	color: var(--kf-accent-text); font-size: .72rem; font-weight: 600;
	padding-right: .55rem; box-sizing: border-box; transition: width .3s ease;
}