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

   Opt-in per article ueber .scroll-reveal (analog 05-utility.css).
   JS (html/assets/js/_scroll-reveal.js) toggelt ".visible" wenn das
   Element in den Viewport scrollt. Ohne .scroll-reveal greift hier
   nichts — der Artikel rendert sofort sichtbar.
   ============================================================================= */

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

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


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

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

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