.page-wrapper{touch-action:none;overflow:hidden;position:relative}.threebox-canvas,.threebox-container{pointer-events:none!important;touch-action:none!important}.mapboxgl-canvas{pointer-events:auto!important}:root{--z-map: 1;--z-controls: 100;--z-popups: 200;--z-modals: 300;--z-notifications: 400}.mapboxgl-map{z-index:var(--z-map)}.mapboxgl-ctrl-group{z-index:var(--z-controls)}.mapboxgl-popup{z-index:var(--z-popups)}.location-boundary-popup{z-index:var(--z-modals)}.geolocation-error-notification{z-index:var(--z-notifications)}.mapboxgl-ctrl-logo,.mapboxgl-ctrl-attrib{display:none!important}.mapboxgl-ctrl-top-right .mapboxgl-ctrl{float:right!important;margin-right:0!important}.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl{float:right;margin:0!important}.mapboxgl-ctrl-top-right .mapboxgl-ctrl-zoom{display:none!important}.mapboxgl-ctrl-group{background:#fff!important;border:1.5px solid black!important;border-radius:25px!important;position:relative;overflow:hidden}.mapboxgl-ctrl-group:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");opacity:.3;z-index:-1;mix-blend-mode:overlay}.mapboxgl-ctrl-group button{background:#ffffff1a;box-shadow:none!important;border:none;color:#333;transition:all .3s ease;position:relative;overflow:hidden}.mapboxgl-ctrl-group:not(:empty){box-shadow:none!important}.mapboxgl-ctrl-group button:after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,#ffffff4d,#fff0 40%);z-index:1;pointer-events:none}.mapboxgl-ctrl-group button:hover{background:#ffffff40;transform:scale(1.05)}.mapboxgl-ctrl-help,.mapboxgl-ctrl-top-right .mapboxgl-ctrl:not(.mapboxgl-ctrl-group){margin:0 0 10px!important}.mapboxgl-ctrl-top-right{margin-top:12em;margin-right:4rem}.mapboxgl-ctrl-bottom-right{margin-bottom:3rem!important;margin-right:4rem}@media screen and (max-width: 991px){.mapboxgl-ctrl-top-right,.mapboxgl-ctrl-bottom-right{margin-right:3rem}}@media screen and (max-width: 767px){.mapboxgl-ctrl-top-right{margin-right:2rem;margin-top:8rem}.mapboxgl-ctrl-bottom-right{margin-right:1.5rem;margin-bottom:2rem}}@media screen and (max-width: 480px){.mapboxgl-ctrl-top-right{margin-right:1.5rem;margin-top:8rem}.mapboxgl-ctrl-bottom-right{margin-right:1.5rem}}.marker-wrapper{position:relative}.custom-marker{cursor:pointer}.locations-map_item{pointer-events:none;position:absolute;opacity:0;transform:translateY(40px) scale(.6);transition:all .4s cubic-bezier(.68,-.55,.265,1.55);visibility:hidden}.locations-map_item.is--show{pointer-events:auto;opacity:1;transform:translateY(0) scale(1);visibility:visible}.locations-map_item.is--hiding{opacity:0;transform:translateY(40px) scale(.6);pointer-events:none}.mapboxgl-popup-tip{display:none}@keyframes pulse{0%{opacity:.6;transform:scale(1)}50%{opacity:.3}to{opacity:0;transform:scale(1.5)}}.search-radius-outer{animation:pulse 2s ease-out infinite}.distance-marker{font-family:Poppins,sans-serif;font-size:10px;color:#333;margin-left:2.2em}.distance-marker-distance{font-weight:600}.button-base.disabled{opacity:.6;cursor:not-allowed;background:#c8c8c833}.mobile-only{font-size:.9em;margin-left:4px}.location-boundary-popup{position:fixed;bottom:clamp(90px,15vh,120px);right:10px;transform:translate(120%);background:#f3f3f3;padding:clamp(15px,5vw,20px);border-radius:12px;box-shadow:0 4px 20px #0000001a;width:min(300px,calc(100vw - 40px));text-align:left;transition:transform .6s cubic-bezier(.4,0,.2,1)}h3{margin-top:20px;font-family:astronef-std-super-cond,sans-serif!important;font-size:2em;font-weight:200;line-height:.75em;text-transform:uppercase;text-align:left}.location-boundary-popup p{font-family:poppins,sans-serif;color:#4a4a4a;margin-bottom:clamp(15px,4vw,20px);line-height:1.2}.location-boundary-popup button{font-family:poppins,sans-serif;background:#4b83f2;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease;font-size:clamp(.95em,3.5vw,1.1em);width:100%}.location-boundary-popup.show{transform:translate(0)}@media screen and (max-width: 767px){.location-boundary-popup{transform:translateY(100%);bottom:10px;right:10px;left:10px;width:auto}.location-boundary-popup.show{transform:translateY(0)}}.geolocation-error-notification{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#f44;color:#fff;padding:12px 24px;border-radius:8px;font-family:poppins,sans-serif;font-size:14px;box-shadow:0 4px 12px #00000026;animation:slideUp .3s ease-out forwards}@keyframes slideUp{0%{transform:translate(-50%,100%);opacity:0}to{transform:translate(-50%);opacity:1}}.mapboxgl-popup-content{padding:0!important;border-radius:20px!important;overflow:visible!important;width:300px!important;background:transparent!important;box-shadow:none!important;transform-style:preserve-3d!important;perspective:1000px}.popup-wrapper{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.popup-wrapper.is-flipped{transform:rotateY(180deg)}.popup-side{position:absolute;width:100%;height:100%;backface-visibility:hidden;color:#fff}.popup-front{transform:rotateY(0)}.popup-back{transform:rotateY(180deg)}.content-wrapper{padding:30px;position:relative;display:flex;flex-direction:column;z-index:2}.popup-title{font-weight:700;font-family:astronef-std-super-cond,sans-serif;font-size:4em;font-weight:200;line-height:.75em;text-transform:uppercase;text-align:center;margin-top:1.75em}.popup-title.details{font-size:2.6em;text-align:left;margin-top:.7em}.popup-background-image{object-fit:cover;object-position:center;width:100%;height:37%;position:absolute;top:0%;left:50%;transform:translate(-50%);z-index:-2}.popup-border-overlay{position:absolute;top:3rem;left:0;width:100%;height:37%;z-index:-1}#paint0_linear_3248_5{transition:y1 .5s ease,y2 .5s ease}.popup-description{font-family:poppins,sans-serif;font-size:14px;line-height:1.5;margin-bottom:4em;margin-top:1em;flex-grow:1;overflow-y:scroll;max-height:12em;text-align:center;padding-right:15px;margin-right:-15px;-webkit-overflow-scrolling:touch;pointer-events:auto!important;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;cursor:grab;color:#fff}.gradient-bottom{position:absolute;bottom:7.9em;left:0;right:0;height:1em;background:linear-gradient(to top,#eb5f5e 0%,transparent 100%);pointer-events:none;z-index:2}.popup-description-ar{font-family:poppins,sans-serif;font-size:14px;margin-bottom:5em;margin-top:1em;text-align:center;color:#fff}.popup-side.ar .popup-title,.popup-side.ar .popup-description{color:#000}.popup-side.ar .button-base{color:#000;border-color:#000}.popup-side.ar .popup-front,.popup-side.ar .popup-back{color:#000}.popup-description:active{cursor:grabbing}p{color:#fff;font-family:poppins,sans-serif;font-size:14px;line-height:1.5}.popup-description::-webkit-scrollbar{width:5px;background-color:transparent}.popup-description::-webkit-scrollbar-thumb{border-radius:10px;background-color:#ffffff80}.popup-description::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(255,255,255,.4);border-radius:10px;background-color:transparent}.button-base{position:absolute;background:#fff3;border:1px solid rgba(255,255,255,.4);backdrop-filter:blur(5px);color:#fff;padding:7px 20px;border-radius:30px;cursor:pointer;font-size:14px;transition:all .3s ease;z-index:10}.button-base:hover{background:#ffffff40;transform:scale(1.01)}.impressie-button{bottom:30px;right:30px}.more-info-button,.terug-button{bottom:30px;left:30px}.close-button{position:absolute;top:-18px;left:50%;transform:translate(-50%);background:#333;border-radius:50%;width:24px;height:24px;cursor:pointer;z-index:20;padding:0;margin:0;display:flex;align-items:center;justify-content:center;overflow:visible;transition:transform .3s ease}.close-button:hover{transform:translate(-50%) rotate(180deg) scale(1.1)}.close-button:before,.close-button:after{content:"";position:absolute;background-color:#fff;width:12px;height:2px;border-radius:15px;transition:transform .3s ease;top:50%;left:50%}.close-button:before{transform:translate(-50%,-50%) rotate(45deg)}.close-button:after{transform:translate(-50%,-50%) rotate(-45deg)}.popup-ar-instructie{color:#000;margin-top:1rem}@media screen and (max-width: 767px){.mapboxgl-popup-content{width:260px!important}.popup-title{margin-top:2.5em;font-size:3em!important}p{font-size:12px;line-height:1.5}.content-wrapper{padding:25px}.popup-description{max-height:9em;margin-top:.75em;margin-bottom:4em}.button-base{border-radius:59px;padding:5px 16px;font-size:12px}}.popup-back .content-wrapper{padding:30px;color:#fff;height:100%}.info-content{margin-top:.5em}.social-icons{position:absolute;top:15px;right:15px;display:flex;gap:10px}.social-icons a{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background-color:#fffc;color:#333;transition:all .2s ease}.social-icons a:hover{background-color:#fff;transform:scale(1.1)}.social-icons svg{width:16px;height:16px}.image-container{width:100%;height:100%;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.full-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.button-container{position:absolute;bottom:30px;right:30px;z-index:10}.back-button{background:#fff3;border:1px solid rgba(255,255,255,.4);color:#fff;padding:7px 20px;border-radius:30px;cursor:pointer;font-size:14px;backdrop-filter:blur(5px);transition:all .5s ease;font-family:poppins,sans-serif}.back-button:hover{background:#ffffff40;transform:scale(1.01)}.location-name{position:absolute;bottom:0;left:0;right:0;padding:20px 30px;background:linear-gradient(transparent,#000000b3);color:#fff;font-size:18px;font-weight:700;font-family:poppins,sans-serif;text-transform:uppercase}#interaction-blocker{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fff;pointer-events:all;z-index:9999;cursor:not-allowed}.zoomend-popup{color:#333;z-index:10001;font-weight:700;font-family:astronef-std-super-cond,sans-serif;font-size:10em;font-weight:200;line-height:.75em;text-transform:uppercase;text-align:center;width:350px}.zoomend-popup .letter{display:inline-block;transform-origin:bottom}.experience-step-title{font-size:1.2rem;margin-bottom:0}.experience-step-text{font-size:.75rem;font-family:poppins,sans-serif;font-weight:400;line-height:1.4}.experience-steps{-webkit-overflow-scrolling:touch;max-height:13.5rem;margin-top:1rem;margin-bottom:.5rem;margin-right:-15px;padding-right:15px;overflow-y:scroll;touch-action:pan-y;cursor:grab}.experience-steps:active{cursor:grabbing}.experience-steps::-webkit-scrollbar{width:5px;background-color:transparent}.experience-steps::-webkit-scrollbar-thumb{border-radius:10px;background-color:#ffffff80}.experience-steps::-webkit-scrollbar-track{border-radius:10px;background-color:#ffffff4d}.experience-steps,.experience-steps *{user-select:none!important;-webkit-user-select:none!important;touch-action:pan-y!important}.marker-navigation{position:fixed;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;pointer-events:none;z-index:1000;padding:0 20px}.nav-arrow{pointer-events:all;background:#ffffffe6;border:2px solid #000;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 10px #0003;transition:all .3s ease}.nav-arrow:hover{background:#000;color:#fff;transform:scale(1.1)}.nav-arrow:disabled{opacity:.3;cursor:not-allowed}.shepherd-theme-heerlen{--shadow-color: rgba(0, 0, 0, .1);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;max-width:260px!important;z-index:10000}.shepherd-theme-heerlen .shepherd-content{border-radius:12px;box-shadow:0 4px 20px var(--shadow-color);padding:14px;background-color:#fff;overflow:hidden}.shepherd-theme-heerlen .shepherd-text{font-size:13px;line-height:1.4;color:#333;padding:0}.shepherd-text p{margin-top:0;color:#000}.shepherd-theme-heerlen .shepherd-text b,.shepherd-theme-heerlen .shepherd-text strong{color:#000;font-weight:600}.shepherd-theme-heerlen .shepherd-footer{padding-top:12px;display:flex;justify-content:flex-end;gap:8px;border-top:none;margin:0}.shepherd-theme-heerlen .shepherd-button{border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s ease;cursor:pointer;margin:0}.shepherd-theme-heerlen .shepherd-button-primary{background:#333!important;color:#fff!important;border:none}.shepherd-theme-heerlen .shepherd-button-primary:hover{background:#000!important;transform:scale(1.03)}.shepherd-theme-heerlen .shepherd-button-secondary{background:#f0f0f0!important;color:#333!important;border:none}.shepherd-theme-heerlen .shepherd-button-secondary:hover{background:#e5e5e5!important;transform:scale(1.03)}.shepherd-theme-heerlen .shepherd-header{display:none}.shepherd-theme-heerlen .shepherd-cancel-icon{color:#999;font-size:16px;margin:0;padding:0;position:absolute;top:8px;right:8px;opacity:.7;transition:opacity .2s ease}.shepherd-theme-heerlen .shepherd-cancel-icon:hover{opacity:1}.tour-highlight-pulse{box-shadow:0 0 #00000080;animation:minimalist-pulse 1s 2}@keyframes minimalist-pulse{0%{box-shadow:0 0 #0000004d}70%{box-shadow:0 0 0 10px #0000}to{box-shadow:0 0 #0000}}.welcome-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:10000;opacity:0;transition:opacity .4s ease}.welcome-card{background-color:#fff;padding:16px;border-radius:12px;max-width:90%;width:260px;text-align:center;box-shadow:0 2px 20px #00000026;transform:translateY(20px);opacity:0;transition:all .5s cubic-bezier(.34,1.56,.64,1);font-family:Poppins,-apple-system,BlinkMacSystemFont,sans-serif}.welcome-card p{margin:0 0 12px;font-size:14px;color:#333}.welcome-buttons{display:flex;justify-content:center;gap:8px}.welcome-start-btn,.welcome-skip-btn{padding:6px 14px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.welcome-start-btn{background:#333;color:#fff;border:none}.welcome-start-btn:hover{background:#000;transform:scale(1.03)}.welcome-skip-btn{background:#f0f0f0;color:#333;border:none}.welcome-skip-btn:hover{background:#e5e5e5;transform:scale(1.03)}.tour-marker-instruction{text-align:center}.marker-animation{position:relative;height:10px;margin-top:15px;display:flex;align-items:center;justify-content:center}.pulse-dot{width:15px;height:15px;background-color:#333;border-radius:50%;position:relative;display:inline-block}.pulse-dot:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background-color:#333;border-radius:50%;animation:pulse 2s infinite}.instruction-arrow{position:absolute;font-size:18px;animation:bounce 1.5s infinite;transform:translateY(-20px);color:#333}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}.tour-instruction-message{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:#0003;color:#fff;padding:10px 20px;border-radius:20px;font-size:14px;font-family:Poppins,sans-serif;z-index:9999;animation:fadeInOut 4s ease-in-out;box-shadow:0 4px 10px #0003}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,20px)}15%{opacity:1;transform:translate(-50%)}85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-20px)}}.shepherd-progress-bar{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:10000;background:#fff;border-radius:20px;padding:5px 10px;box-shadow:0 2px 10px #0000001a;display:flex;align-items:center;gap:10px}.progress-inner{width:120px;height:3px;background:#f0f0f0;border-radius:2px;overflow:hidden;position:relative;flex-shrink:0}.progress-fill{position:absolute;top:0;left:0;height:100%;background:#000;transition:width .3s ease;width:0%}.progress-bar-close-btn{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;margin:0;border-radius:50%;background:#e0e0e0;border:none;color:#666;font-size:14px;font-weight:700;line-height:1;cursor:pointer;transition:background-color .2s ease,color .2s ease,transform .1s ease;flex-shrink:0}.progress-bar-close-btn:hover{background-color:#ccc;color:#333}.progress-bar-close-btn:active{transform:scale(.9)}@media (max-width: 479px){.shepherd-progress-bar{padding:4px 8px;gap:8px}.progress-bar-close-btn{width:16px;height:16px;font-size:12px}}.tour-completion-message{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:10px 20px;border-radius:8px;font-size:14px;z-index:9999;box-shadow:0 4px 10px #0003;opacity:0;animation:fadeInOutMessage 4s ease-in-out forwards}@keyframes fadeInOutMessage{0%{opacity:0;transform:translate(-50%,20px)}15%{opacity:1;transform:translate(-50%)}85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-20px)}}.completion-content{text-align:center}.completion-content h3{margin-top:0;margin-bottom:5px}.completion-content p{margin:0}.help-button{width:30px;height:30px;border-radius:50%;background:#fff;border:1px solid #ddd;font-weight:500;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;padding:10px 0 0;margin:0;color:#333}.help-button:hover{background:#333;color:#fff;transform:scale(1.05)}.help-button:active{transform:scale(.95)}@media (max-width: 479px){.welcome-card{padding:14px;max-width:85%;width:220px}.tour-instruction-message{width:80%;font-size:12px;bottom:60px;padding:8px 16px}}.shepherd-modal-overlay-container.shepherd-modal-is-visible{height:100vh;opacity:.25;transform:translateZ(0)}@media print{.mapboxgl-ctrl-group,.location-boundary-popup,.geolocation-error-notification{display:none!important}}.performance-tooltip,.performance-warning{position:absolute;z-index:1000;background:#fff;border-radius:4px;box-shadow:0 2px 10px #0003;max-width:300px;animation:fade-in .3s ease}.performance-warning{top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:400px}.tooltip-content,.warning-content{padding:15px;position:relative}.tooltip-content h3,.warning-content h3{margin-top:0;color:#333;font-size:16px}.tooltip-content p,.warning-content p{margin:8px 0;font-size:14px;color:#555}.tooltip-close{position:absolute;top:10px;right:10px;background:none;border:none;font-size:20px;cursor:pointer;color:#999}.warning-buttons{display:flex;justify-content:space-between;margin-top:15px}.warning-ok,.warning-enable{padding:8px 12px;border:none;border-radius:4px;cursor:pointer}.warning-ok{background:#f0f0f0;color:#333}.warning-enable{background:#4264fb;color:#fff}.toggle-3d-button{background-size:16px;background-position:center}.toggle-3d-button.is-active{background-color:#4264fb;color:#fff}.toggle-3d-button svg{display:block;margin:auto}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.custom-popup .social-icons{position:absolute;top:15px;right:15px;display:flex;align-items:center;gap:8px;z-index:3}.custom-popup .social-icons a{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#ffffff2e;border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:transform .2s ease,background-color .2s ease}.custom-popup .social-icons a:hover{background-color:#ffffff4d;transform:scale(1.1)}.custom-popup .social-icons svg{width:16px;height:16px;filter:none}.custom-popup .social-icons a[aria-label=Instagram] svg,.custom-popup .social-icons a[aria-label=Facebook] svg{fill:#fff;stroke:none}.custom-popup .social-icons a[aria-label=Website] svg{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
