.points>[class^=point]{z-index:2}.points .close{z-index:10}.point>[class^=point]{position:absolute;color:#02aedc}.point>[class^=point]:hover .text,.point>[class^=point]:focus .text{opacity:1;pointer-events:unset}.point>[class^=point].visible .label{-webkit-transform:scale(1,1);transform:scale(1)}.point>[class^=point].removed{pointer-events:none;cursor:default}.point>[class^=point].removed .label{opacity:0}.point>[class^=point].shown{display:block}.point>[class^=point].shown .label{opacity:1}@-webkit-keyframes hide{0%{opacity:1}to{opacity:0;display:none}}@keyframes hide{0%{opacity:1}to{opacity:0;display:none}}@-webkit-keyframes show{0%{opacity:0}to{opacity:1}}@keyframes show{0%{opacity:0}to{opacity:1}}.point>[class^=point] .text{position:absolute;top:30px;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);width:auto;max-width:200px;padding:20px;border-radius:4px;background:#fff;line-height:1.3rem;font-weight:100;font-size:14px;opacity:0;pointer-events:none;-webkit-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out}.point>[class^=point] .label{position:absolute;top:-20px;left:-20px;width:40px;height:40px;background:#fff;border-radius:50%;text-align:center;line-height:40px;font-weight:900;font-size:14px;cursor:pointer}.point>[class^=point] .label:after{content:"i";position:absolute;font-size:20px;right:-15px;top:-15px;background:var(--primary);color:#fff;border-radius:50%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-item-align:center;align-self:center;justify-self:center;text-align:center;padding-top:2px;width:30px;height:28px}.point>[class^=point-room]{opacity:0}.point>[class^=point-marker]{--pin-size: 36px;--offset: var(--pin-size)}.point>[class^=point-marker] .label{padding:1rem 3rem!important}.point>[class^=point-marker] .label:before,.point>[class^=point-marker] .label:after{all:unset;z-index:-1}.point>[class^=point-marker][class*=bezoekerscentrum]{z-index:1}.point>[class^=point-marker][class*=onderwater]{z-index:2}.point>[class^=point-marker] .label:after{content:"";position:absolute;right:-15px;top:-15px;background:var(--primary) radial-gradient(circle at 50% 12px,var(--primary) 0,var(--primary) 4px,#fff 4px,#fff 8px,var(--primary) 8px,var(--primary) 100%);border-radius:50%;padding-top:2px;width:30px;height:28px;z-index:3}.point>[class^=point-marker] .label:before{content:"";position:absolute;top:1px;right:-7px;width:14px;height:9px;background:#fff;clip-path:polygon(50% 100%,0 0,100% 0);z-index:4}.point>[class^=point-marker]:hover.location{margin-left:-75px;width:300px}.point>[class^=point]{width:auto;height:auto}.point>[class^=point] .label{-webkit-transition:border-bottom-left-radius .5s ease-in-out,border-bottom-right-radius .5s ease-in-out;transition:border-bottom-left-radius .5s ease-in-out,border-bottom-right-radius .5s ease-in-out}.point>[class^=point]:hover:has(.text) .label,.point>[class^=point]:focus:has(.text) .label{border-bottom-left-radius:0;border-bottom-right-radius:0}.point>[class^=point] .label{width:auto;height:auto;max-width:200px;line-height:normal;text-align:left;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:1rem;padding:1rem;position:relative}.point>[class^=point] .label .icon{margin-left:10px}.point>[class^=point] .text{width:100%;text-align:center;margin-left:-1.25rem;padding-top:.5rem;padding-bottom:.75rem;border-radius:0;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.side-quests{position:absolute;bottom:1rem;left:1rem;border-radius:1rem;padding:1rem;background:#fff}.side-quests:before{content:"?";position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:900;color:#039;top:.125rem;left:0;width:100%;height:100%}.side-quests>div,.side-quests>button{display:none}.side-quests:hover{max-width:300px}.side-quests:hover:before{display:none}.side-quests:hover>div,.side-quests:hover>button{display:block}.popups .close-popup{position:absolute;display:block;top:1rem;left:1rem;height:50px;width:50px;border-radius:50%;background:var(--primary);cursor:pointer!important;-webkit-filter:drop-shadow(2px 4px 6px rgba(0,0,0,.3));filter:drop-shadow(2px 4px 6px rgba(0,0,0,.3));z-index:13;opacity:1;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}.popups .close-popup:after{display:inline-block;position:absolute;color:#fff;top:0;left:0;width:100%;height:100%;font-size:40px;line-height:45px;text-align:center;content:"×"}.popups .close-popup:hover,.popups .close-popup:focus{opacity:.7}.popup{position:absolute;max-width:600px;text-align:center;padding:2rem;background-color:#fff;border-radius:2rem;display:inline-block;visibility:hidden;display:block;top:50%;left:50%;opacity:0;-webkit-transform:translate(-50%,-50%) scale(1,1);transform:translate(-50%,-50%) scale(1);-webkit-transition:opacity .5s ease-in-out,-webkit-transform .5s ease-in-out;transition:opacity .5s ease-in-out,-webkit-transform .5s ease-in-out;transition:opacity .5s ease-in-out,transform .5s ease-in-out;transition:opacity .5s ease-in-out,transform .5s ease-in-out,-webkit-transform .5s ease-in-out;z-index:1000}.popup.show{opacity:1}.popup.completed{opacity:0;-webkit-transform:scale(0,0);transform:scale(0)}.popup .popuptext{display:block;padding:1.5rem 3rem 0rem 11.5rem;max-width:100%;width:100%;font-size:.825rem;line-height:1.3;color:#000;text-align:left;border-radius:6px;position:relative;z-index:10}.popup .popuptext a{display:inline-block;padding-top:.5rem}.popup .visser-container{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.popup .visser-container img{position:absolute;bottom:0;left:2rem;height:15rem}.popup .visser-container .quote{position:relative;background:var(--primary);line-height:1.3;margin-left:10rem;color:#fff;padding:1.5rem;text-align:left;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.popup .visser-container .quote span{padding-bottom:.5rem}.popup .visser-container .quote .bold{display:inline-block;font-weight:600}.popup .visser-container .quote a{color:#fff}.popup .visser-container .quote:after{position:absolute;bottom:1.5rem;left:-1.25rem;margin:0;content:"";width:2.5rem;height:3rem;background:var(--primary);clip-path:polygon(100% 0,0 0,0 100%);-webkit-transform:rotateZ(45deg);transform:rotate(45deg);z-index:-1}.popup.show{visibility:visible}.side-panel{position:absolute;display:block;top:0;right:0;-webkit-transform:translateX(564px);transform:translate(564px);height:100vh;width:calc(564px - 4rem);padding:0 0 0 2rem;opacity:0;pointer-events:none;-webkit-filter:drop-shadow(2px 4px 6px rgba(0,0,0,.3));filter:drop-shadow(2px 4px 6px rgba(0,0,0,.3));z-index:9;-webkit-transition:opacity 1s ease-in-out 1s,-webkit-transform 1s cubic-bezier(.33,1,.68,1);transition:opacity 1s ease-in-out 1s,-webkit-transform 1s cubic-bezier(.33,1,.68,1);transition:opacity 1s ease-in-out 1s,transform 1s cubic-bezier(.33,1,.68,1);transition:opacity 1s ease-in-out 1s,transform 1s cubic-bezier(.33,1,.68,1),-webkit-transform 1s cubic-bezier(.33,1,.68,1);background:#fff}.side-panel.visible{pointer-events:visible;-webkit-transform:translateX(0px);transform:translate(0);right:0;opacity:1;z-index:10;-webkit-transition:-webkit-transform 1s cubic-bezier(.33,1,.68,1);transition:-webkit-transform 1s cubic-bezier(.33,1,.68,1);transition:transform 1s cubic-bezier(.33,1,.68,1);transition:transform 1s cubic-bezier(.33,1,.68,1),-webkit-transform 1s cubic-bezier(.33,1,.68,1)}.side-panel.visible .close{content-visibility:visible;opacity:1}.side-panel .content{display:block;height:100%;width:100%;padding:3rem 1rem 3rem 0;overflow-y:auto}.side-panel .content img{width:100%;height:auto;content-visibility:auto;contain-intrinsic-size:500px 350px}.side-panel .content video{max-width:100%}.side-panel .content audio{width:100%;max-width:100%}.side-panel .close{position:absolute;display:block;top:5px;left:-25px;height:50px;width:50px;border-radius:50%;background:#d3d3d3;opacity:0;cursor:pointer;-webkit-filter:drop-shadow(2px 4px 6px rgba(0,0,0,.3));filter:drop-shadow(2px 4px 6px rgba(0,0,0,.3));-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;z-index:11}.side-panel .close:after{display:inline-block;position:absolute;top:0;left:0;width:100%;height:100%;font-size:40px;line-height:45px;text-align:center;content:"×"}.point>[class^=point].visible.clicked .label{-webkit-transform:scale(0,0);transform:scale(0)}.point.video .side-panel{-webkit-transform:translateX(100%);transform:translate(100%);width:100%;padding:0;left:0}.point.video .side-panel.visible{-webkit-transform:translateX(0%);transform:translate(0);-webkit-transition:-webkit-transform 1s cubic-bezier(.33,1,.68,1);transition:-webkit-transform 1s cubic-bezier(.33,1,.68,1);transition:transform 1s cubic-bezier(.33,1,.68,1);transition:transform 1s cubic-bezier(.33,1,.68,1),-webkit-transform 1s cubic-bezier(.33,1,.68,1)}.point.video .side-panel .close{top:2rem;left:2rem}.point.video .side-panel .content{position:relative;display:block;width:100%;padding:0;margin:0;overflow:hidden}.point.video .side-panel .content iframe{width:100%;height:100%}.webgl,.points{will-change:transform}.webgl{width:100%;height:100%;left:0;-webkit-transition:-webkit-transform 1s cubic-bezier(.33,1,.68,1);transition:-webkit-transform 1s cubic-bezier(.33,1,.68,1);transition:transform 1s cubic-bezier(.33,1,.68,1);transition:transform 1s cubic-bezier(.33,1,.68,1),-webkit-transform 1s cubic-bezier(.33,1,.68,1)}.points{position:absolute;pointer-events:none;width:100%;height:100%;top:0;left:0;-webkit-transition:-webkit-transform 1s cubic-bezier(.33,1,.68,1);transition:-webkit-transform 1s cubic-bezier(.33,1,.68,1);transition:transform 1s cubic-bezier(.33,1,.68,1);transition:transform 1s cubic-bezier(.33,1,.68,1),-webkit-transform 1s cubic-bezier(.33,1,.68,1)}.points>*{pointer-events:visible}.menu{position:absolute;top:1rem;left:0;width:100%;z-index:2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:1;-webkit-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out;pointer-events:visible}.menu>div:first-child .label{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.menu>div:last-child .label{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.menu.hide{pointer-events:none;opacity:0}.location .label{background:#fff;cursor:pointer;padding:.5rem 1rem}.location:hover .label,.location:focus .label{background:#ffffff70}.location.selected .label{background-color:var(--primary);color:#fff}:not(:has(#loading-screen.reached-location)) :not(:has(.tutorial-container.hide)) canvas.webgl{opacity:0;-webkit-transition:opacity .5s ease-in-out,-webkit-transform 1s cubic-bezier(.33,1,.68,1);transition:opacity .5s ease-in-out,-webkit-transform 1s cubic-bezier(.33,1,.68,1);transition:opacity .5s ease-in-out,transform 1s cubic-bezier(.33,1,.68,1);transition:opacity .5s ease-in-out,transform 1s cubic-bezier(.33,1,.68,1),-webkit-transform 1s cubic-bezier(.33,1,.68,1)}:has(.tutorial-container.hide) canvas.webgl,:has(#loading-screen.reached-location) canvas.webgl{opacity:1;-webkit-transition:opacity .5s ease-in-out,-webkit-transform 1s cubic-bezier(.33,1,.68,1);transition:opacity .5s ease-in-out,-webkit-transform 1s cubic-bezier(.33,1,.68,1);transition:opacity .5s ease-in-out,transform 1s cubic-bezier(.33,1,.68,1);transition:opacity .5s ease-in-out,transform 1s cubic-bezier(.33,1,.68,1),-webkit-transform 1s cubic-bezier(.33,1,.68,1)}#loading-screen{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;pointer-events:none;z-index:1;top:0;left:0;width:100%;height:100%;background:#fff;opacity:1}#loading-screen.transitioning.center{-webkit-animation:transitioning .25s ease-in;animation:transitioning .25s ease-in}@-webkit-keyframes transitioning{0%{opacity:0}to{opacity:1}}@keyframes transitioning{0%{opacity:0}to{opacity:1}}#loading-screen.center.loaded-textures.reached-location:not(.transitioning),#loading-screen.loaded-resources:not(.center){opacity:0;-webkit-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out}#loading-screen.reached-location:not(.center),#loading-screen:not(.center){opacity:0;-webkit-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out}#loading-screen .loader{height:70px;width:90px;background-image:url(../../img/spinner.gif);-webkit-filter:brightness(0) saturate(100%) invert(21%) sepia(82%) saturate(6664%) hue-rotate(229deg) brightness(57%) contrast(146%);filter:brightness(0) saturate(100%) invert(21%) sepia(82%) saturate(6664%) hue-rotate(229deg) brightness(57%) contrast(146%);background-size:contain;background-repeat:no-repeat;background-position:center}@-webkit-keyframes l3{20%{background-position:0% 0%,50% 50%,100% 50%}40%{background-position:0% 100%,50% 0%,100% 50%}60%{background-position:0% 50%,50% 100%,100% 0%}80%{background-position:0% 50%,50% 50%,100% 100%}}@keyframes l3{20%{background-position:0% 0%,50% 50%,100% 50%}40%{background-position:0% 100%,50% 0%,100% 50%}60%{background-position:0% 50%,50% 100%,100% 0%}80%{background-position:0% 50%,50% 50%,100% 100%}}.menu.primary,.side-quests{opacity:0}:has(.tutorial-container.hide) .menu.primary:not(.hide),:has(.tutorial-container.hide) .side-quests{opacity:1;-webkit-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out}#tutorial-screen{--margin: 4rem;visibility:visible;position:absolute;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;z-index:12;top:0;left:0;width:100%;height:100%;opacity:1;-webkit-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out}#tutorial-screen:has(.tutorial-container.hide){pointer-events:none;opacity:0;-webkit-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out}#tutorial-screen .tutorial-container{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:calc(100% - var(--margin)*2);height:calc(100% - var(--margin)*2);top:var(--margin);left:var(--margin);margin:0;padding:2rem 1rem;background:#fff;border-radius:2rem}#tutorial-screen .close-popup{position:absolute;display:block;top:1rem;left:1rem;height:50px;width:50px;border-radius:50%;background:var(--primary);cursor:pointer!important;-webkit-filter:drop-shadow(2px 4px 6px rgba(0,0,0,.3));filter:drop-shadow(2px 4px 6px rgba(0,0,0,.3));z-index:13;opacity:1;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}#tutorial-screen .close-popup:after{display:inline-block;position:absolute;color:#fff;top:0;left:0;width:100%;height:100%;font-size:40px;line-height:45px;text-align:center;content:"×"}#tutorial-screen .close-popup:hover,#tutorial-screen .close-popup:focus{opacity:.7}#tutorial-screen img{height:auto;max-width:100%}#tutorial-screen .full-width{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}#tutorial-screen .text{padding:1rem 2rem;text-align:center;width:100%;margin:auto}#tutorial-screen .text h1{margin:auto;max-width:500px;font-size:2rem;font-weight:300}#tutorial-screen .text h1 span{font-weight:500}#tutorial-screen .text p{margin:auto;margin-bottom:1rem;margin-top:1rem;font-weight:600;font-size:1rem;line-height:1.3;max-width:570px}#tutorial-screen .visser{width:20%}#tutorial-screen .visser .visser-container .quote{position:absolute;top:calc(50% - 4rem);-webkit-transform:translateY(-50%);transform:translateY(-50%);left:5%;margin:auto;margin-right:-3rem;padding:1.5rem;background:var(--primary);font-weight:300;font-size:1.1275rem;text-align:left;line-height:1.2;max-width:350px;z-index:2;color:#fff}#tutorial-screen .visser .visser-container .quote span{font-weight:500}#tutorial-screen .visser .visser-container .quote:after{position:absolute;bottom:-2.75rem;left:0;right:0;margin:0 auto;content:"";width:3rem;height:3rem;background:var(--primary);clip-path:polygon(100% 0,0 0,0 100%)}#tutorial-screen .felix{position:absolute;bottom:calc(0rem - var(--margin));display:block;width:240px;height:auto;z-index:3}#tutorial-screen .image-container{width:50%;position:relative;height:100%}#tutorial-screen .image-container img{-o-object-fit:cover;object-fit:cover;display:block;height:100%;width:auto;margin:auto;max-height:calc(100vh - 14rem - 176px)}#tutorial-screen .list-container{padding-left:1.5rem;padding-right:1rem;text-align:left;height:100%;width:30%;counter-reset:section}#tutorial-screen .list-container ol{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;row-gap:1rem;height:100%}#tutorial-screen .list-container ol li{list-style:none;display:grid;grid-template-columns:3rem 1fr;text-align:left;line-height:1.2}#tutorial-screen .list-container ol li .title{font-size:1rem;font-weight:900}#tutorial-screen .list-container ol li:before{position:relative;counter-increment:section;content:counter(section);background:var(--yellow);font-weight:900;color:#fff;display:block;text-align:center;-ms-flex-line-pack:center;align-content:center;width:2rem;height:2rem;margin-right:1rem;border-radius:50%}#tutorial-screen .close-popup.bottom{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;left:unset;top:unset;background:var(--primary);color:#fff;font-weight:300;margin:1rem auto 0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:.5rem 1.25rem;border-radius:2rem;font-size:1.5rem}#tutorial-screen .close-popup.bottom:after{content:unset}@media screen and (max-height: 1000px){#tutorial-screen .full-width{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-height:calc(100vh - 28rem);-ms-flex-wrap:nowrap;flex-wrap:nowrap}#tutorial-screen .image-container{width:auto!important;max-width:600px;min-width:47vw;max-height:calc(100vh - 28rem)}#tutorial-screen .list-container{width:auto!important}#tutorial-screen .list-container ol{row-gap:.5rem}#tutorial-screen .list-container li>div{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}#tutorial-screen .list-container li>div br{display:none}#tutorial-screen .list-container li>div span:after{content:": ";margin-right:.25rem;position:relative}#tutorial-screen .list-container li>div *{display:block;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}@media screen and (max-height: 1000px)and (max-width: 1100px){#tutorial-screen .full-width{-ms-flex-wrap:wrap;flex-wrap:wrap;max-height:unset}#tutorial-screen .image-container{position:relative;height:40vh}#tutorial-screen .image-container img{display:block;height:40vh;max-height:unset}}@media screen and (max-width: 1550px){#tutorial-screen .visser .visser-container .quote{left:-2rem}}@media screen and (max-width: 1400px){#tutorial-screen .visser{display:none}#tutorial-screen .image-container{width:60%}#tutorial-screen .list-container{width:40%}}@media screen and (max-width: 1200px){#tutorial-screen{--margin: 1rem !important}#tutorial-screen .visser{display:none}#tutorial-screen .image-container{width:60%}#tutorial-screen .list-container{width:40%}}@media screen and (max-width: 1100px){#tutorial-screen .text h1,#tutorial-screen .text span{font-size:1.25rem}#tutorial-screen .text p{font-size:.8275rem}#tutorial-screen .image-container{width:100%;max-width:800px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:auto}#tutorial-screen .list-container{margin:1rem auto;padding:0;width:100%;max-width:800px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}#tutorial-screen .list-container ol{display:grid;-webkit-column-gap:2rem;-moz-column-gap:2rem;column-gap:2rem;grid-template-columns:1fr 1fr}#tutorial-screen .list-container *{font-size:.75rem}#tutorial-screen .close-popup.bottom{font-size:1.25rem;margin:.75rem auto}}@media screen and (max-width: 800px){#tutorial-screen .text{margin-top:3rem}}@media screen and (max-width: 650px){#tutorial-screen .text{margin-top:3rem}#tutorial-screen .image-container{max-height:30vh}#tutorial-screen .image-container img{height:100%;max-height:30vh}#tutorial-screen .list-container ol li{grid-template-columns:1.25rem 1fr}#tutorial-screen .list-container ol li:before{width:1rem;height:1rem}#tutorial-screen .list-container *,#tutorial-screen .list-container span{font-size:.75rem!important}}@media screen and (max-width: 400px){#tutorial-screen{width:100%!important;max-width:100%!important;height:100%!important}#tutorial-screen .tutorial-container{width:100%!important;height:100%!important;left:0;top:0}#tutorial-screen .text{padding:0;margin-top:0!important}#tutorial-screen .text h1{text-align:left;margin-top:-1rem;margin-left:4rem}#tutorial-screen .text p{width:100%;max-width:100%;font-size:.625rem;text-align:left}#tutorial-screen .list-container p,#tutorial-screen .list-container span{font-size:.625rem!important}}.info{z-index:10;display:block;position:absolute;top:100px}.info{display:none}.info.visible{display:block}canvas>div{z-index:10000!important;overflow:auto!important}.qwerty{color:#fff;background:#0009;padding:2px 6px;border-radius:4px;font:12px/1.2 system-ui,sans-serif;pointer-events:none;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%);display:block!important;z-index:9999!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:20px;background:#00f;will-change:transform}:has(#loading-screen.bezoekerscentrum.transitioning) .watermark{z-index:7}:has(#loading-screen.bezoekerscentrum.transitioning) .watermark:after{-webkit-filter:invert(1) invert(11%) sepia(74%) saturate(4514%) hue-rotate(216deg) brightness(95%) contrast(106%);filter:invert(1) invert(11%) sepia(74%) saturate(4514%) hue-rotate(216deg) brightness(95%) contrast(106%);z-index:10}.watermark{--margin: 4rem;position:absolute;pointer-events:none;display:block;width:100%;height:100%;z-index:0}.watermark .watermark-image{content:"";position:absolute;bottom:calc(0rem + var(--margin)/4);right:0;left:0;width:100%;height:calc(var(--margin)/2);margin:auto;background-repeat:no-repeat;background-size:contain;background-position:center;z-index:7}:root{--primary: #003399;--secondary: #135D66;--tertiary: #77B0AA;--quaternary: #E3FEF7;--yellow: #f6a437;--light: #ffffff;--grey: #EFF1F8;--dark: #2a2a2a}.primary{color:#039}.secondary{color:#135d66}.tertiary{color:#77b0aa}.quaternary{color:#e3fef7}.light{color:#fff}.dark{color:#2a2a2a}.bg-primary{background-color:#039}.bg-secondary{background-color:#135d66}.bg-tertiary{background-color:#77b0aa}.bg-quaternary{background-color:#e3fef7}.bg-light{background-color:#fff}.bg-grey{background-color:#eff1f8}.bg-dark{background-color:#2a2a2a}.bg-half-light-blue{background:-webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(50%,transparent),color-stop(50%,#003399),to(#003399));background:linear-gradient(to bottom,transparent,transparent 50%,#003399 50%,#003399 100%)}.bg-half-striped-primary{background:repeating-linear-gradient(-45deg,#039,#039 5px,#fff 5px,#fff 10px)}@font-face{font-family:Karla;font-style:normal;font-weight:300;font-display:swap;src:url(../../fonts/Karla-Light.ttf) format("truetype")}@font-face{font-family:Karla;font-style:normal;font-weight:400;font-display:swap;src:url(../../fonts/Karla-Regular.ttf) format("truetype")}@font-face{font-family:Karla;font-style:normal;font-weight:500;font-display:swap;src:url(../../fonts/Karla-Medium.ttf) format("truetype")}@font-face{font-family:Karla;font-style:normal;font-weight:600;font-display:swap;src:url(../../fonts/Karla-SemiBold.ttf) format("truetype")}@font-face{font-family:Karla;font-style:normal;font-weight:700;font-display:swap;src:url(../../fonts/Karla-Bold.ttf) format("truetype")}@font-face{font-family:Signika;font-style:normal;font-weight:300;font-display:swap;src:url(../../fonts/Signika-Light.ttf) format("truetype")}@font-face{font-family:Signika;font-style:normal;font-weight:400;font-display:swap;src:url(../../fonts/Signika-Regular.ttf) format("truetype")}@font-face{font-family:Signika;font-style:normal;font-weight:500;font-display:swap;src:url(../../fonts/Signika-Medium.ttf) format("truetype")}@font-face{font-family:Signika;font-style:normal;font-weight:600;font-display:swap;src:url(../../fonts/Signika-SemiBold.ttf) format("truetype")}@font-face{font-family:Signika;font-style:normal;font-weight:700;font-display:swap;src:url(../../fonts/Signika-Bold.ttf) format("truetype")}body{font-family:Karla,sans-serif;font-size:1rem;font-weight:300;line-height:1.65em;color:#333;background-color:#fff;-webkit-font-smoothing:antialiased}strong{font-weight:700}.intro{font-style:italic;--font-weight: 100;font-variation-settings:"wght" var(--font-weight),"CONT" 200,"MIDL" -1000;-webkit-transition:font-variation-settings .5s ease-in-out;transition:font-variation-settings .5s ease-in-out}.intro:hover{--font-weight: 900}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{text-rendering:optimizelegibility;font-family:Signika,sans-serif;font-weight:500;line-height:1.2em;margin-bottom:0;color:#039}h1,.h1{font-size:4rem;font-weight:600;line-height:1.1em}h2,.h2{font-size:3rem;line-height:1.05em;margin-bottom:.125rem}h3,.h3{font-size:2rem;font-weight:500;margin-bottom:.25rem}.bold,.strong{font-weight:700}.menu{font-family:Signika,sans-serif;font-size:1.25rem;font-weight:700}.title{font-size:1.125rem;font-weight:600}*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}html,body{overflow:hidden}.webgl{position:fixed;top:0;left:0;outline:none}button{position:relative;border-radius:.5rem;font-size:1rem;width:auto;display:block;padding:.5rem 1rem;border:unset;margin-top:.5rem;background-color:var(--primary);color:var(--light);cursor:pointer}button:hover,button:focus{opacity:.6}a{color:var(--primary);font-weight:600}a:hover,a:focus{opacity:.7}