/* =========================================================
   Dezente Animationen (Startseite + Buttons seitenweit)
   Skript: assets/js/hof-animate.js
   ========================================================= */

/* Einblenden von unten - Klasse setzt nur das Skript */
.hof-reveal {
	opacity: 0;
	transform: translate3d(0, 28px, 0);
	transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.2, 0.65, 0.3, 1);
	transition-delay: var(--hof-delay, 0s);
	will-change: opacity, transform;
}

.hof-reveal.is-visible {
	opacity: 1;
	transform: none;
}

/* Bilder auf der Startseite: leichter Zoom beim Hover */
.home #main .post-content .fusion-imageframe {
	overflow: hidden;
}

.home #main .post-content .fusion-imageframe img {
	transition: transform 0.6s ease;
}

.home #main .post-content .fusion-imageframe:hover img {
	transform: scale(1.04);
}

/* Alle Buttons mit Pfeil: Pfeil rueckt beim Hover leicht nach rechts */
.fusion-button .button-icon-right {
	transition: transform 0.25s ease;
}

.fusion-button:hover .button-icon-right {
	transform: translateX(4px);
}

@media (prefers-reduced-motion: reduce) {
	.hof-reveal {
		opacity: 1;
		transform: none;
		transition: none;
	}

	.home #main .post-content .fusion-imageframe img,
	.fusion-button .button-icon-right {
		transition: none;
	}
}