/* reveal.css — Sorte A: in jedem Projekt identisch, nie im Projekt bearbeiten. Quelle: WEBSEITEN-STANDARD, Abschnitt 14. Stand: 16.08.2026 — die Regeln hängen an `.js` am . Bis 15.08.2026 galt `.reveal{opacity:0}` unbedingt; fiel JavaScript aus, blieb der halbe Seiteninhalt dauerhaft unsichtbar. Voraussetzung: im jeder Seite, vor den Stylesheets: Der Einzeiler gehört in den und nicht allein in site.js. Sonst greift er erst nach dem ersten Bild, und der Inhalt blitzt kurz auf. */ .js .reveal{ opacity: 0; transform: translateY(24px); transition: opacity var(--dur-slow) var(--ease), transform var(--dur-slow) var(--ease); } .js .reveal.is-visible{ opacity: 1; transform: none; } /* Gestaffeltes Einblenden — ausgeschriebene Namen, keine Kürzel */ .delay-1{ transition-delay: 80ms; } .delay-2{ transition-delay: 160ms; } .delay-3{ transition-delay: 240ms; } .delay-4{ transition-delay: 320ms; } @media (prefers-reduced-motion: reduce){ .js .reveal{ opacity: 1; transform: none; transition: none; } [class*="delay-"]{ transition-delay: 0s; } }