.bzu-rh {
	margin: 0;
}

.bzu-rh__inner {
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	justify-content: var(--bzu-rh-stack-align, flex-start);
	gap: var(--bzu-rh-gap-inline, 0.5rem);
}

.bzu-rh__inner[style*="flex-direction: column"] {
	gap: var(--bzu-rh-gap-stacked, 0.35rem);
	align-items: var(--bzu-rh-stack-align, flex-start);
}

.bzu-rh__viewport {
	display: inline-block;
	position: relative;
	overflow: hidden;
	vertical-align: middle;
	min-width: 1ch;
	height: var(--bzu-rh-word-height, auto);
	text-align: inherit;
}

.bzu-rh__prefix,
.bzu-rh__word {
	white-space: nowrap;
}

/* Vor JS-Init: erstes Wort normal sichtbar */
.bzu-rh__word--current {
	display: inline-block;
	position: relative;
	opacity: 1;
	transform: none;
}

/* Vor JS-Init: zweites Wort komplett ausblenden */
.bzu-rh__word--next {
	display: none;
}

/* Nach erfolgreicher JS-Initialisierung: kontrollierter Animationsmodus */
.bzu-rh.is-ready .bzu-rh__viewport {
	height: var(--bzu-rh-word-height, 1em);
	width: var(--bzu-rh-word-width, auto);
}

.bzu-rh.is-ready .bzu-rh__word {
	display: inline-block;
	position: absolute;
	top: 0;
	white-space: nowrap;
	backface-visibility: hidden;
	transform-origin: 50% 50%;
	will-change: transform, opacity;
}

/* horizontale Ausrichtung der absoluten Wort-Layer */
.bzu-rh.is-ready[data-align="left"] .bzu-rh__word {
	left: 0;
	right: auto;
}

.bzu-rh.is-ready[data-align="center"] .bzu-rh__word {
	left: 50%;
	right: auto;
}

.bzu-rh.is-ready[data-align="right"] .bzu-rh__word {
	left: auto;
	right: 0;
}

.bzu-rh.is-ready .bzu-rh__word--current {
	z-index: 2;
}

.bzu-rh.is-ready .bzu-rh__word--next {
	display: inline-block;
	z-index: 1;
	pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
	.bzu-rh.is-ready .bzu-rh__word {
		transition: none !important;
	}
}