/* =============================================================================
   GLOBAL — unabhaengig von template_id (wie template/teaser/)
   Scroll-Reveal-Animation fuer Container-Cards.

   JS (html/assets/js/_scroll-reveal.js) toggelt ".visible" wenn ein
   <article> in den Viewport scrollt. CSS macht den Rest via transition.
   ============================================================================= */

.container article{
opacity:0;
transform:translateY(2rem);
transition:opacity 600ms ease-out, transform 600ms ease-out;
}

.container article.visible{
opacity:1;
transform:translateY(0);
}


/* hgroup-Kinder gestaffelt beim Einfaden */
.container article hgroup > *{
opacity:0;
transform:translateY(1rem);
transition:opacity 500ms ease-out, transform 500ms ease-out;
}

.container article.visible hgroup > *{
opacity:1;
transform:translateY(0);
}

.container article.visible hgroup > :nth-child(1){transition-delay:150ms;}
.container article.visible hgroup > :nth-child(2){transition-delay:300ms;}
.container article.visible hgroup > :nth-child(3){transition-delay:450ms;}