/* ============================================================ WG-Digital FX – Overlay-Transition + Sound-Toggle CI: Lime #C2F21C auf Dark #141414. Alles scoped mit .wgfx-*. ============================================================ */ /* ---- Cover-Overlay (beim Verlassen der Seite, per JS getriggert) ---- */ .wgfx-cover { position: fixed; inset: 0; z-index: 2147483000; background: #141414; transform: translateY(100%); pointer-events: none; will-change: transform; display: flex; align-items: center; justify-content: center; transition: transform .5s cubic-bezier(.76, 0, .24, 1); } .wgfx-cover.is-cover { transform: translateY(0); pointer-events: auto; } /* Reveal-Overlay-Grundstil (Animation kommt aus dem Critical-CSS im ) */ .wgfx-reveal { background: #141414; } /* Wolfgang als Ladescreen-Motiv in beiden Overlays. (Grundgrößen stehen zusätzlich im Critical-CSS, damit's ab dem 1. Paint sitzt.) */ .wgfx-mascot { width: min(46vw, 300px); height: auto; filter: drop-shadow(0 0 40px rgba(194, 242, 28, .22)); animation: wgfxFloat 2.6s ease-in-out infinite; } @keyframes wgfxFloat { 0%, 100% { transform: translateY(0) scale(1); } 50% { transform: translateY(-10px) scale(1.02); } } @media (prefers-reduced-motion: reduce) { .wgfx-cover { transition: none; } .wgfx-mascot { animation: none; } } /* ---- Sound-Toggle ---- Unten links, ÜBER dem Borlabs-Cookie-Badge gestapelt. !important überall, weil Theme/Elementor globale