/* Achtergrond kleur voor even items */ .pricing19_pakket.w-dyn-item:nth-child(even) { background-color: #25221c; color: #f2f2f2; } /* Even icon tonen in even items, verbergen in odd items */ .pricing19_pakket.w-dyn-item:nth-child(even) .pricing19_pakket_even-icon { display: block !important; } .pricing19_pakket.w-dyn-item:nth-child(odd) .pricing19_pakket_even-icon { display: none !important; } /* Odd icon tonen in odd items, verbergen in even items */ .pricing19_pakket.w-dyn-item:nth-child(odd) .pricing19_pakket_odd-icon { display: block !important; } .pricing19_pakket.w-dyn-item:nth-child(even) .pricing19_pakket_odd-icon { display: none !important; } /* Tag, button en divider styling binnen even items */ .pricing19_pakket.w-dyn-item:nth-child(even) .tag { color: #25221c; } .pricing19_pakket.w-dyn-item:nth-child(even) .button { color: #25221c; } .pricing19_pakket.w-dyn-item:nth-child(even) .divider-horizontal { background-color: #f2f2f2; } /* Scroll animatie */ @keyframes fadeInUp { from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: translateY(0); } } .pricing19_pakket.w-dyn-item { opacity: 0; transform: translateY(40px); } .pricing19_pakket.w-dyn-item.is-visible { animation: fadeInUp 0.6s ease-out forwards !important; } /* Stagger effect - langere delays */ .pricing19_pakket.w-dyn-item.is-visible:nth-child(1) { animation-delay: 0s; } .pricing19_pakket.w-dyn-item.is-visible:nth-child(2) { animation-delay: 0.2s; } .pricing19_pakket.w-dyn-item.is-visible:nth-child(3) { animation-delay: 0.4s; } .pricing19_pakket.w-dyn-item.is-visible:nth-child(4) { animation-delay: 0.6s; } .pricing19_pakket.w-dyn-item.is-visible:nth-child(5) { animation-delay: 0.8s; } .pricing19_pakket.w-dyn-item.is-visible:nth-child(6) { animation-delay: 1s; }