/**
 * QRIX Karten-Hover
 *
 * Klassen (Elementor → Erweitert → CSS-Klassen):
 *   qrix-card        Karte, Hover/Fokus der ganzen Karte löst die Effekte aus
 *   qrix-card-media  Bild-Widget in der Karte: Zoom beim Hover, Rand schneidet ab
 *   qrix-card-arrow  Icon-Widget in der Karte: rutscht beim Hover 6 px nach rechts
 * Übergänge nur ohne „weniger Bewegung“.
 */

.qrix-card-media {
	overflow: hidden;
}

.qrix-card:hover .qrix-card-media img,
.qrix-card:focus-within .qrix-card-media img {
	transform: scale(1.06);
}

.qrix-card:hover .qrix-card-arrow,
.qrix-card:focus-within .qrix-card-arrow {
	transform: translateX(6px);
}

@media (prefers-reduced-motion: no-preference) {

	.qrix-card-media img {
		transition: transform 0.6s ease;
	}

	.qrix-card-arrow {
		transition: transform 0.3s ease;
	}
}