:root{--font-sans: "Inclusive Sans";--font-serif: "Combine";--darkgray: #2D2C2C;--border: 1px solid black;--radius: 16px}@font-face{font-family:Combine;src:url(/assets/Combine-B_0-cOZK.woff) format("woff");font-weight:400;font-display:block;descent-override:0%}:root{--ease-in-out: cubic-bezier(.77, 0, 0, 1);--ease-out: cubic-bezier(0, 1, 0, 1)}body{margin:0;height:100vh;overflow:hidden}body .container{width:100%;height:100vh;position:absolute;top:0;left:0}a{color:inherit}html{font-size:20px;font-weight:400;font-family:var(--font-sans)}html h1,html h2,html h3,html h4,html h5,html h6{font-family:var(--font-serif);line-height:1.3}@media only screen and (max-width: 1080px){html{font-size:15px}}.navbar{position:absolute;font-family:Inclusive Sans;display:flex;justify-content:flex-start;width:calc(100% - 2rem);margin:1rem}.navbar .nav-column-1{display:flex;align-items:center;padding:0 1.1rem 0 .5rem}.navbar .nav-column-1 .title{width:100%;position:relative;border:none;background:none;cursor:pointer}.navbar .nav-column-1 .title img{width:100%}.navbar .nav-column-2{display:flex;align-items:center;padding:0 .5rem;border-right:var(--border);border-left:var(--border)}.navbar .nav-column-2 .project-filters,.navbar .nav-column-2 .thema-filters{display:flex}.navbar .nav-column-2 .filters{margin:.1rem 0;display:inline-block}.navbar .nav-column-2 .filters ul{display:flex;list-style:none;padding-left:0;margin:.1rem 0;flex-wrap:wrap}.navbar .nav-column-2 .filters ul li{font-size:.75rem;cursor:pointer;color:#000;padding:.15rem .4rem;margin:0 .2rem;position:relative;display:flex;border:1px solid transparent}@media only screen and (max-width: 1080px){.navbar .nav-column-2 .filters ul li{font-size:.7rem}}.navbar .nav-column-2 .filters ul li:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:2px;bottom:0;left:0;background-color:#000;transition:transform .25s ease-out;transform-origin:bottom right}.navbar .nav-column-2 .filters ul li:first-child{margin-left:.2rem}.navbar .nav-column-2 .filters ul li:first-child:after{background-color:transparent}.navbar .nav-column-2 .filters ul li:first-child:hover{cursor:default}@media only screen and (max-width: 1080px){.navbar .nav-column-2 .filters ul li:first-child{margin-left:0}}.navbar .nav-column-2 .filters ul li:hover:after{transform:scaleX(1);transform-origin:bottom left}.navbar .nav-column-2 .filters ul li span{opacity:0;padding-left:5px}.navbar .nav-column-2 .filters ul li.active{border:var(--border);border-radius:var(--radius)}.navbar .nav-column-2 .filters ul li.active span{opacity:1}.navbar .nav-column-2 .filters ul li.active:after{background-color:transparent;transform-origin:none;transform:none}.navbar .nav-column-3{display:flex;align-items:center;justify-content:center;border-right:var(--border);opacity:.2;transition:opacity 1s var(--ease-in-out)}@media only screen and (max-width: 1080px){.navbar .nav-column-3{width:20%}}.navbar .nav-column-3:has(.start-route.active){opacity:1}.navbar .nav-column-3 .start-button-wrapper{display:flex;align-items:center;justify-content:center;padding:0 1rem}.navbar .nav-column-3 .start-button-wrapper .start-route{white-space:nowrap;background:none;border:var(--border);border-radius:var(--radius);padding:.15rem 1rem;font-size:.75rem;pointer-events:none}@media only screen and (max-width: 1080px){.navbar .nav-column-3 .start-button-wrapper .start-route{font-size:.7rem}}.navbar .nav-column-3 .start-button-wrapper .start-route.active{cursor:pointer;pointer-events:all}.navbar .nav-column-3 .start-button-wrapper .start-route span{padding-left:5px}.navbar .nav-column-4{display:flex;justify-content:flex-end;justify-self:flex-end;margin-left:auto;padding:0 .5rem}.navbar .nav-column-4 .about-vlf{display:flex;flex-direction:column;align-items:flex-end;justify-content:center}.navbar .nav-column-4 .about-vlf .logo{width:130px}@media only screen and (max-width: 1080px){.navbar .nav-column-4 .about-vlf .logo{width:100px}}.navbar .nav-column-4 .about-vlf a{padding-right:.2rem}.navbar .nav-column-4 a{font-family:Inclusive Sans;font-size:.75rem;border:none;cursor:pointer;background:none;text-decoration:none;display:inline-block;position:relative;padding-bottom:.2rem;color:#000}.navbar .nav-column-4 a:active,.navbar .nav-column-4 a:visited{color:#000}.navbar .nav-column-4 a:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:2px;bottom:0;left:0;background-color:#000;transition:transform .25s ease-out;transform-origin:bottom right}.navbar .nav-column-4 a:hover:after{transform:scaleX(1);transform-origin:bottom left}.navbar .nav-column-4 .logo{width:100%}.navbar .nav-column-4 .logo img{width:100%;height:auto;padding:0}.snippet{display:none;position:absolute;right:1%;top:25%;width:30%;background:#fff;border:var(--border);padding:2rem;cursor:default}.snippet .overzicht{background:none;cursor:pointer;border:var(--border);border-radius:var(--radius);padding:5px 15px}.snippet .snippet-nav{display:flex;justify-content:space-between;margin-bottom:2rem}.snippet .snippet-nav .prev-next{display:none}.snippet .snippet-nav .prev-next .prev,.snippet .snippet-nav .prev-next .next{display:flex;align-items:center;font-size:.6rem;background:none;cursor:pointer;border:none}.snippet .snippet-nav .prev-next .prev img,.snippet .snippet-nav .prev-next .next img{width:70%}.snippet .snippet-quote{padding:1rem 0;margin-top:0}.read-more{display:flex;flex-direction:column;background:none;border:none;cursor:pointer;width:100%;align-items:center}.read-more:hover img{transform:translate(.5rem)}img{padding:.25rem 0;transform:translate(0);transition:transform .25s ease-out}.flapover{display:none;position:absolute;right:-100%;top:0;height:90vh;overflow:auto;width:33%;background-color:#fff;padding:4rem 2rem;border-left:var(--border);cursor:default}.flapover .close{position:absolute;right:0;top:0;background:none;border:none;cursor:pointer;padding:1rem}.flapover .text-title{margin-bottom:0}.flapover .date{font-size:.7rem;text-transform:uppercase}.flapover .text-starter{width:100%}.flapover .text-starter .text-starter-content{margin:3rem 0}.intro{width:100%;height:100%;position:absolute;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity 1s var(--ease-in-out);z-index:999}.intro.intro--visible{opacity:1;pointer-events:initial;transition:none}.intro .intro-inner{width:60%;padding:5rem;background-color:var(--darkgray);color:#fff;text-align:center;cursor:default}.intro .intro-inner .intro-text p{font-size:.8rem;line-height:150%;cursor:default}.intro .intro-inner .to-site{display:flex;flex-direction:column;align-items:center;margin-top:2.5rem;font-size:.8rem;cursor:pointer}.intro .intro-inner .to-site img{padding-top:.5rem;transform:translateY(0);transition:transform .25s ease-out}.intro .intro-inner .to-site:hover img{transform:translateY(.5rem)}@media only screen and (max-width: 768px){.intro .intro-inner{display:none}}.warning.warning--mobile{display:none;flex-direction:column;text-align:center;justify-content:center;align-items:center;position:absolute;width:100vw;height:100vh;background-color:var(--darkgray);color:#fff;z-index:1000}@media only screen and (max-width: 768px){.warning.warning--mobile{display:flex}}.warning.warning--mobile img{width:50%;height:auto;margin-bottom:2rem}.warning.warning--mobile p{width:70%}.warning.warning--tablet{display:none}.about .navbar{position:fixed;display:flex;justify-content:space-between;top:0;left:0;padding:1rem 0 1rem 2rem;z-index:1;background:#fff;margin:auto}.about .navbar a{background:none;border:none;display:flex;align-items:center;cursor:pointer;color:var(--foreground);text-decoration:none}.about .navbar a:hover img{transform:translate(-.5rem)}.about .navbar a img{width:10%;margin-right:.5rem;transition:transform .25s ease-out}.about .navbar a.download{margin-right:2.5rem;border:var(--border);border-radius:var(--radius);padding:.15rem 1rem;font-size:.75rem}@media only screen and (max-width: 584px){.about .navbar{margin-left:1rem}}.about article{margin:0 2rem;padding:4rem 0 2rem;display:flex;justify-content:space-between;height:calc(100vh - 6rem)}.about article .about-text{width:70%;margin:auto;padding-bottom:2rem}.about article .column{width:30%;overflow-y:auto;overflow-x:hidden}@media only screen and (max-width: 1080px){.about article .column{overflow:visible;width:100%;margin-bottom:1rem}}@media only screen and (max-width: 584px){.about article .column{margin:0}}@media only screen and (max-width: 1080px){.about article{flex-direction:column}}@media only screen and (max-width: 584px){.about article{margin:1rem}}
