/* Animaties op alle pagina's (behalve een enkel nieuwsbericht): alleen de regels die het script (animaties.js) nodig hebben.
   Zonder html.jbs-anim (geen JavaScript, verminderde beweging, builder) is alles gewoon zichtbaar.
   Maten komen uit het blok Namen van plakken/jbs-css.css; de tweede waarde is de terugval. Alleen opacity en transform. */
html.jbs-anim .jbs-reveal{opacity:0;transform:translateY(var(--jbs-anim-afstand,14px))}
html.jbs-anim .jbs-reveal.jbs-slider{transform:none}
html.jbs-anim .jbs-anim-eerste{--jbs-stagger-nu:var(--jbs-anim-stagger-hero,120ms)}
html.jbs-anim .jbs-reveal.jbs-reveal-in{opacity:1;transform:none;transition:opacity var(--jbs-anim-duur,650ms) var(--jbs-anim-ease,cubic-bezier(.22,.61,.36,1)) calc(var(--jbs-i,0) * var(--jbs-stagger-nu,var(--jbs-anim-stagger,80ms))),transform var(--jbs-anim-duur,650ms) var(--jbs-anim-ease,cubic-bezier(.22,.61,.36,1)) calc(var(--jbs-i,0) * var(--jbs-stagger-nu,var(--jbs-anim-stagger,80ms)))}
html.jbs-anim .jbs-reveal.jbs-slider.jbs-reveal-in{transition:opacity var(--jbs-anim-duur,650ms) var(--jbs-anim-ease,cubic-bezier(.22,.61,.36,1)) calc(var(--jbs-i,0) * var(--jbs-stagger-nu,var(--jbs-anim-stagger,80ms)))}
@media (prefers-reduced-motion:reduce){
  html.jbs-anim .jbs-reveal,html.jbs-anim .jbs-reveal.jbs-reveal-in{opacity:1!important;transform:none!important;transition:none!important}
}
@media print{
  html.jbs-anim .jbs-reveal,html.jbs-anim .jbs-reveal.jbs-reveal-in{opacity:1!important;transform:none!important;transition:none!important}
}