/* ========================================= HOTSPOT — LAYOUT & STACKING ========================================= */ .hs-btn a { display: none; } .media-stack-container, .media-stack-container .elementor-widget-hotspot .elementor-widget-container { position: relative !important; display: block; overflow: hidden; } /* Base (Baggrundsbillede - Niveau 1) */ .media-stack-container .elementor-widget-hotspot > .elementor-widget-container > img { position: relative; z-index: 1; display: block; width: 100%; height: auto; } /* Wrapper til Video/Overlay (Niveau 2) */ #hover-video-player { position: absolute !important; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; pointer-events: none; opacity: 0; transition: opacity 0.4s ease-in-out; } #hover-video-player.active { opacity: 1; } /* Fælles styling for video og overlay-billede */ #hover-video-player video, #hover-video-player img.static-layer { width: 100%; height: 100%; object-fit: cover; display: block !important; position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.4s ease-in-out; will-change: opacity; } /* --- Z-INDEX LOGIK --- */ #hover-video-player video { z-index: 5; } #hover-video-player video.incoming { z-index: 20; opacity: 1; } #hover-video-player video.outgoing { z-index: 10; opacity: 1; } /* Billede Mode Logik */ #hover-video-player.mode-image img.static-layer { opacity: 1; z-index: 30; } #hover-video-player.mode-video img.static-layer { opacity: 0; z-index: 5; } /* Tilgængelig hotspot-knap */ .media-stack-container .e-hotspot { cursor: pointer; } /* ========================================= TEKST & KNAP STYLING ========================================= */ .hs-readmore-btn { display: none; margin-top: 10px; background: transparent !important; border: none; padding: 0; color: #000000 !important; font-weight: 700; text-decoration: underline; cursor: pointer; font-size: 14px; z-index: 10; position: relative; /*