/* EKV ELW Blaulicht – v4 (layout-safe) Blink + Glow nur wenn gesetzt ist. Das Icon bekommt per JS die Klasse .ekv-bluelight-icon. */ :root { --ekv-blink-ms: 850ms; /* Standard */ --ekv-blink-glow1: rgba(40, 160, 255, 0.60); --ekv-blink-glow2: rgba(40, 160, 255, 0.25); } .ekv-bluelight-icon { width: 46px; height: 46px; display: inline-block; vertical-align: middle; margin-right: 10px; background: transparent !important; border: 0 !important; box-shadow: none !important; filter: drop-shadow(0 0 0 var(--ekv-blink-glow2)); } /* Optional wrapper */ .ekv-bluelight-wrap { display: flex; align-items: center; } @keyframes ekvBluePulse { 0% { opacity: 0.35; filter: drop-shadow(0 0 0 var(--ekv-blink-glow2)); } 25% { opacity: 1.00; filter: drop-shadow(0 0 14px var(--ekv-blink-glow1)); } 55% { opacity: 0.70; filter: drop-shadow(0 0 6px var(--ekv-blink-glow2)); } 100% { opacity: 0.35; filter: drop-shadow(0 0 0 var(--ekv-blink-glow2)); } } /* Blink nur im ELW-Modus */ body.ekv-elw-on .ekv-bluelight-icon { animation: ekvBluePulse var(--ekv-blink-ms) linear infinite; } /* Deutlichere Darstellung bei dunkler Sidebar */ body.ekv-elw-on .ekv-bluelight-icon { will-change: opacity, filter; }