/* Footer verschijnt pas wanneer deze in beeld komt. */
.ocw-footer .ocw-brand,
.ocw-footer .ocw-section,
.ocw-footer .ocw-service,
.ocw-footer .ocw-legal,
.ocw-footer .ocw-bottom {
  opacity: 0 !important;
  transform: translateY(42px) !important;
  transition:
    opacity 0.75s ease,
    transform 0.75s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
  will-change: opacity, transform;
}

.ocw-footer.footer-is-visible .ocw-brand,
.ocw-footer.footer-is-visible .ocw-section,
.ocw-footer.footer-is-visible .ocw-service,
.ocw-footer.footer-is-visible .ocw-legal,
.ocw-footer.footer-is-visible .ocw-bottom {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

.ocw-footer.footer-is-visible .ocw-section:nth-of-type(1) {
  transition-delay: 0.08s;
}

.ocw-footer.footer-is-visible .ocw-section:nth-of-type(2) {
  transition-delay: 0.16s;
}

.ocw-footer.footer-is-visible .ocw-section:nth-of-type(3) {
  transition-delay: 0.24s;
}

.ocw-footer.footer-is-visible .ocw-section:nth-of-type(4) {
  transition-delay: 0.32s;
}

.ocw-footer.footer-is-visible .ocw-service {
  transition-delay: 0.4s;
}

.ocw-footer.footer-is-visible .ocw-legal,
.ocw-footer.footer-is-visible .ocw-bottom {
  transition-delay: 0.48s;
}

@media (prefers-reduced-motion: reduce) {
  .ocw-footer .ocw-brand,
  .ocw-footer .ocw-section,
  .ocw-footer .ocw-service,
  .ocw-footer .ocw-legal,
  .ocw-footer .ocw-bottom {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}
