/*
 * MERZ Typenschlüssel — Übergänge für die Animation aus assets/js/merz-typenschluessel.js.
 * Werte 1:1 aus dem Hub (Anschlussverteiler.dc.html): 0,3 s, Hinterlegung rgba(181,27,38,.08),
 * Punkt 135 %. Die Zustände selbst setzt das Skript; hier stehen nur Übergänge und die
 * Hinterlegung der Legendenzeile. Ohne Skript bleibt alles im Ruhezustand stehen.
 */
.merz-typenschluessel .merz-typ-kachel,
.merz-typenschluessel .merz-typ-kachel > .elementor-widget-container {
	transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}
.merz-typenschluessel .merz-typ-kachel .elementor-heading-title {
	transition: color 0.3s ease;
}

.merz-typ-balken {
	position: absolute;
	left: 0;
	right: 0;
	border-radius: 5px;
	background: rgba(181, 27, 38, 0.08);
	opacity: 0;
	transition: opacity 0.3s ease;
	pointer-events: none;
}
.merz-typ-balken.is-aktiv { opacity: 1; }

.merz-typenschluessel .merz-typ-punkt .elementor-icon {
	transition: transform 0.3s ease;
}
.merz-typenschluessel .merz-typ-punkt.is-aktiv .elementor-icon {
	transform: scale(1.35);
}

/* Hover auf Kachel und Legende ist Teil der Animation — kein Zeiger, es ist kein Link. */
.merz-typenschluessel .merz-typ-kachel { cursor: default; }

.merz-typenschluessel.is-ruhig *,
.merz-typenschluessel.is-ruhig .merz-typ-balken {
	transition: none !important;
}