/* Teller-Animation der Sperrseiten (Markup: stLogoShatterSvg() in theme_assets.php).
   --dx/--dy/--rot/--delay/--dur und transform-origin setzt dynstyle.js je Scherbe. */
.st-shatter { display: block; margin: 0 auto 16px; overflow: visible; }
.st-piece { transform-box: view-box; animation: st-shatter var(--dur, 3s) cubic-bezier(.5, 0, .9, .6) var(--delay, 0s) forwards; }
@keyframes st-shatter { 0% { transform: none; opacity: 1; } 12% { opacity: 1; } 100% { transform: translate(var(--dx), var(--dy)) rotate(var(--rot)); opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .st-piece { animation: none; opacity: .2; } }