/* ============================================================
 * DESIGN71BASE – Animationen: Headline Drift
 * Werte unter Design71 Tools → Animationen (D71); Varianten als
 * zweite Klasse am Divi-Modul (Erweitert → CSS-Klasse).
 *
 *   d71-drift            Standard (Werte aus den Einstellungen)
 *   d71-drift subtle     15 px
 *   d71-drift wide       60 px
 *   d71-drift slow       10 s pro Runde
 *   d71-drift fast       4 s pro Runde
 *   d71-drift smooth     weiche Wendepunkte statt linear
 * Die Animation selbst erzeugt assets/js/motion.js am Element
 * (Web Animations API) – Divis nachgeladenes CSS kann sie so
 * nicht zurücksetzen.
 * ============================================================ */
:root {
	--d71-drift-distance: 30px;
	--d71-drift-speed: 6s;
	--d71-drift-ease: linear;
}

.d71-drift.subtle { --d71-drift-distance: 15px; }
.d71-drift.wide   { --d71-drift-distance: 60px; }
.d71-drift.slow   { --d71-drift-speed: 10s; }
.d71-drift.fast   { --d71-drift-speed: 4s; }
.d71-drift.smooth { --d71-drift-ease: ease-in-out; }

/* Ebene vorab anlegen, damit der Start ruckelfrei ist */
.d71-drift h1, .d71-drift h2, .d71-drift h3,
.d71-drift h4, .d71-drift h5, .d71-drift h6,
.d71-drift {
	will-change: transform;
	backface-visibility: hidden;
}