header#top{top:-20rem}header#top:has(+main #interactive-map.activated){top:0}@media screen and (max-width:767px){header#top .button.button-compose{display:none}}body.page-template-page-map .z-index-999{z-index:999!important}body.page-template-page-map .tutorial{background:var(--overlay);opacity:0;pointer-events:none;left:-100vw;position:fixed;top:0;height:100%;width:100%;z-index:900}body.page-template-page-map .tutorial .tutorial-content{align-items:center;opacity:0;color:var(--white);display:flex;gap:1rem;flex-direction:column;justify-content:center;font-family:var(--instruction-font);font-size:2.6rem;letter-spacing:.2rem;line-height:1.6;position:absolute;width:75vw;text-align:center;transition:opacity var(--ease) var(--duration)}@media screen and (min-width:1200px){body.page-template-page-map .tutorial .tutorial-content{max-width:52rem}}body.page-template-page-map .tutorial .tutorial-content p{line-height:1.6}body.page-template-page-map .tutorial .tutorial-content p:first-of-type{margin-top:0}body.page-template-page-map .tutorial .tutorial-content p:last-of-type{margin-bottom:0}body.page-template-page-map .tutorial .tutorial-content .tutorial-buttons{display:flex;flex-direction:row;gap:var(--gap-sm)}body.page-template-page-map .tutorial .tutorial-content .tutorial-buttons .tutorial-button{background:var(--white);box-shadow:var(--button-box-shadow);transition:all var(--ease) var(--duration);border:.1rem solid var(--border-alt-1);cursor:pointer}body.page-template-page-map .tutorial .tutorial-content .tutorial-buttons .tutorial-button svg use{fill:var(--primary);transition:all var(--ease) var(--duration)}body.page-template-page-map .tutorial .tutorial-content .tutorial-buttons .tutorial-button.disabled{opacity:.4;pointer-events:none;cursor:default}body.page-template-page-map .tutorial .tutorial-content .tutorial-buttons .tutorial-button:hover:not(.no-hover),body.page-template-page-map .tutorial .tutorial-content .tutorial-buttons .tutorial-button:focus:not(.no-hover){--primary-hover:#008EE6;border:.1rem solid var(--primary-hover)}body.page-template-page-map .tutorial .tutorial-content .tutorial-buttons .tutorial-button:hover:not(.no-hover) svg use,body.page-template-page-map .tutorial .tutorial-content .tutorial-buttons .tutorial-button:focus:not(.no-hover) svg use{fill:var(--primary-hover)}body.page-template-page-map .tutorial .tutorial-content .tutorial-buttons .tutorial-button--prev svg{transform:rotate(180deg)}body.page-template-page-map .tutorial .tutorial-content .line--left{margin-right:auto}body.page-template-page-map .tutorial .tutorial-content .line--right{margin-left:auto}body.page-template-page-map .tutorial .tutorial-content .line svg use{fill:var(--white)}body.page-template-page-map .tutorial.active{opacity:1;pointer-events:auto;left:0}body.page-template-page-map .tutorial.active .tutorial-content{opacity:1}body.page-template-page-map header#top{position:fixed}body.page-template-page-map #interactive-map{background:var(--background-alt-2);position:relative;min-height:100lvh;width:100%;overflow:hidden;overflow-x:scroll}body.page-template-page-map #interactive-map:not(.activated){overflow-x:clip}body.page-template-page-map #interactive-map #map-hero,body.page-template-page-map #interactive-map #segments{transition:all 1s ease-out}body.page-template-page-map #interactive-map #actions{opacity:0;pointer-events:none;position:fixed;bottom:3rem;right:3rem;transition:all 1s ease-out}body.page-template-page-map #interactive-map #actions #zoom{box-shadow:var(--button-box-shadow);border-radius:var(--radius-lg);display:none}@media screen and (min-width:1200px){body.page-template-page-map #interactive-map #actions #zoom{display:block}}body.page-template-page-map #interactive-map #actions #zoom .zoom-out,body.page-template-page-map #interactive-map #actions #zoom .zoom-in{appearance:none;border:0;padding:var(--gap-sm);transition:all var(--ease) var(--duration);margin:0}@media screen and (min-width:768px){body.page-template-page-map #interactive-map #actions #zoom .zoom-out,body.page-template-page-map #interactive-map #actions #zoom .zoom-in{padding:var(--gap-sm) var(--gap-md)}}body.page-template-page-map #interactive-map #actions #zoom .zoom-out[disabled],body.page-template-page-map #interactive-map #actions #zoom .zoom-in[disabled]{opacity:.5}@media screen and (max-width:991px){body.page-template-page-map #interactive-map #actions #zoom .zoom-out svg,body.page-template-page-map #interactive-map #actions #zoom .zoom-in svg{width:2rem;height:2rem}}body.page-template-page-map #interactive-map #actions #zoom .zoom-out svg use,body.page-template-page-map #interactive-map #actions #zoom .zoom-in svg use{fill:var(--primary);transition:all var(--ease) var(--duration)}body.page-template-page-map #interactive-map #actions #zoom button:not([disabled]){cursor:pointer;box-shadow:var(--zoom-box-shadow);background:var(--background-alt-3)}body.page-template-page-map #interactive-map #actions #zoom button:not([disabled]):hover:not(.no-hover),body.page-template-page-map #interactive-map #actions #zoom button:not([disabled]):focus:not(.no-hover){background:var(--primary-hover);color:var(--text-light)}body.page-template-page-map #interactive-map #actions #zoom button:not([disabled]):hover:not(.no-hover) svg use,body.page-template-page-map #interactive-map #actions #zoom button:not([disabled]):focus:not(.no-hover) svg use{fill:var(--white)}body.page-template-page-map #interactive-map #actions #zoom .zoom-out{border-radius:var(--radius-lg) 0 0 var(--radius-lg)}body.page-template-page-map #interactive-map #actions #zoom .zoom-in{border-radius:0 var(--radius-lg) var(--radius-lg) 0}body.page-template-page-map #interactive-map #map-hero{padding-block:10vw;background:var(--hero-linear-gradient);position:relative;z-index:1}body.page-template-page-map #interactive-map #map-hero .inner{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2}body.page-template-page-map #interactive-map #map-hero .inner>*{opacity:0;transform:translateY(10vh);animation:heroFadeInSlide .75s ease-out forwards;animation-delay:.25s}@keyframes heroFadeInSlide{to{opacity:1;transform:translateY(0)}}body.page-template-page-map #interactive-map #map-hero .inner>*:nth-child(2){animation-delay:.3s}body.page-template-page-map #interactive-map #map-hero .inner>*:nth-child(3){animation-delay:.35s}body.page-template-page-map #interactive-map #map-hero .inner .hero-subtitle{color:var(--text)}@media screen and (min-width:0)and (max-width:575px){body.page-template-page-map #interactive-map #map-hero .inner .hero-subtitle{font-size:1.1rem;letter-spacing:.2rem;font-weight:700}}body.page-template-page-map #interactive-map #map-hero .inner .hero-title{color:var(--primary);line-height:1;margin-top:1rem;text-align:center;width:82vw}@media screen and (min-width:0)and (max-width:575px){body.page-template-page-map #interactive-map #map-hero .inner .hero-title{margin-bottom:2rem}}@media screen and (min-width:576px){body.page-template-page-map #interactive-map #map-hero .inner .hero-title{width:75vw}}@media screen and (min-width:1440px){body.page-template-page-map #interactive-map #map-hero .inner .hero-title{width:50vw}}body.page-template-page-map #interactive-map #map-hero .inner .hero-mobile-only-text{display:block;font-weight:500;font-size:1.4rem;color:var(--text-alt-1);text-align:center;margin-bottom:6rem;line-height:1.7}@media screen and (min-width:768px){body.page-template-page-map #interactive-map #map-hero .inner .hero-mobile-only-text{display:none}}body.page-template-page-map #interactive-map #map-hero .inner .button{padding:1.5rem 3rem;letter-spacing:.1rem;width:75%}@media screen and (min-width:576px){body.page-template-page-map #interactive-map #map-hero .inner .button{padding:2.2rem 3.7rem;letter-spacing:.2rem;width:fit-content}}body.page-template-page-map #interactive-map #map-hero #clouds{pointer-events:none;height:100%;position:absolute;top:0;left:0;grid-column:full-width;width:100%}body.page-template-page-map #interactive-map #map-hero #clouds>*{position:absolute;width:850px;max-width:40vw}body.page-template-page-map #interactive-map #map-hero #clouds>* path{fill:var(--white);opacity:.95}body.page-template-page-map #interactive-map #map-hero #clouds #cloud-1{top:10%;left:60%;width:575px;max-width:30vw;animation:cloudsToLeft 10s infinite alternate}body.page-template-page-map #interactive-map #map-hero #clouds #cloud-2{top:30%;left:10%;animation:cloudsToLeft 10s infinite alternate}body.page-template-page-map #interactive-map #map-hero #clouds #cloud-3{top:50%;right:-10%;animation:cloudsToLeft 12s 1s infinite alternate}body.page-template-page-map #interactive-map #segments{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:1fr;height:100%;transform:translateY(45%);position:absolute;top:0;left:0;width:100%;z-index:0}body.page-template-page-map #interactive-map #segments .segment{display:flex;align-items:center;flex-direction:column;justify-content:center;position:relative;min-width:90vw}body.page-template-page-map #interactive-map #segments .segment:nth-child(2) .segment-projects .background picture{position:relative;left:-100%}body.page-template-page-map #interactive-map #segments .segment:nth-child(2) .segment-projects .background::after{left:-100%}body.page-template-page-map #interactive-map #segments .segment:nth-child(3) .segment-projects .background picture{position:relative;left:-200%}body.page-template-page-map #interactive-map #segments .segment:nth-child(3) .segment-projects .background::after{left:-200%}body.page-template-page-map #interactive-map #segments .segment:nth-child(4) .segment-projects .background picture{position:relative;left:-300%}body.page-template-page-map #interactive-map #segments .segment:nth-child(4) .segment-projects .background::after{left:-300%}body.page-template-page-map #interactive-map #segments .segment:nth-child(5) .segment-projects .background picture{position:relative;left:-400%}body.page-template-page-map #interactive-map #segments .segment:nth-child(5) .segment-projects .background::after{left:-400%}@media screen and (min-width:768px){body.page-template-page-map #interactive-map #segments .segment{min-width:50rem}}@media screen and (min-width:1200px){body.page-template-page-map #interactive-map #segments .segment{min-width:0}}body.page-template-page-map #interactive-map #segments .segment:not(:first-child)::before{background:var(--white);content:"";height:100%;opacity:0;pointer-events:none;position:absolute;top:0;left:-.1rem;width:.2rem;transition:opacity .5s ease-out;z-index:3}body.page-template-page-map #interactive-map #segments .segment .segment-title,body.page-template-page-map #interactive-map #segments .segment .segment-filter,body.page-template-page-map #interactive-map #segments .segment .project-pin{opacity:0;transform:translateY(-6rem);transition:opacity .5s ease,transform .5s ease;pointer-events:none;height:0;overflow:hidden;z-index:2}body.page-template-page-map #interactive-map #segments .segment .segment-title.visible,body.page-template-page-map #interactive-map #segments .segment .segment-filter.visible,body.page-template-page-map #interactive-map #segments .segment .project-pin.visible{opacity:1;transform:translateY(0);pointer-events:auto;height:auto;overflow:visible}body.page-template-page-map #interactive-map #segments .segment .segment-filter{z-index:3}body.page-template-page-map #interactive-map #segments .segment .segment-title{margin:0;padding:.9rem 1.3rem;position:relative;text-align:center;text-transform:uppercase;letter-spacing:.1rem;font-size:1.3rem;min-width:20rem}@media screen and (min-width:0)and (max-width:575px){body.page-template-page-map #interactive-map #segments .segment .segment-title{font-size:1rem;letter-spacing:.2rem;font-weight:700}}body.page-template-page-map #interactive-map #segments .segment .segment-projects{position:relative;width:100%}body.page-template-page-map #interactive-map #segments .segment .segment-projects::before,body.page-template-page-map #interactive-map #segments .segment .segment-projects .background::after{content:"";opacity:.15;pointer-events:none;position:absolute;height:50vh;left:0;width:100%;z-index:1}body.page-template-page-map #interactive-map #segments .segment .segment-projects::before{bottom:66%}body.page-template-page-map #interactive-map #segments .segment .segment-projects .background::after{aspect-ratio:2563.53/631.25;background:#fff;mask-image:url(../../../../../../../../../themes/omgevingsvisieflevoland/static/svg/map-gradient-bottom.svg);mask-size:100%,auto;mask-repeat:no-repeat;top:64.7%;left:0;width:500%}body.page-template-page-map #interactive-map #segments .segment .segment-projects .background{aspect-ratio:1/1;width:100%;overflow-x:clip;position:relative}body.page-template-page-map #interactive-map #segments .segment .segment-projects .background picture{height:100%;display:block;position:relative;pointer-events:none;width:500%}body.page-template-page-map #interactive-map #segments .segment .segment-projects .background picture img{position:absolute;top:0;left:0;height:100%;width:auto;opacity:1;transition:opacity .5s ease}body.page-template-page-map #interactive-map #segments .segment .segment-projects .project-pin{cursor:pointer;position:absolute;left:0;transform:translate(-50%,-6rem)}body.page-template-page-map #interactive-map #segments .segment .segment-projects .project-pin.visible{transform:translate(-50%,0)}body.page-template-page-map #interactive-map #segments .segment .segment-projects .project-pin:hover,body.page-template-page-map #interactive-map #segments .segment .segment-projects .project-pin:focus{transform:translate(-50%,0) scale(1.1)}body.page-template-page-map #interactive-map #segments .segment .segment-projects .project-pin span.index{color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;aspect-ratio:1/1;position:absolute;z-index:1;font-size:1.4rem;top:0;left:0;width:100%}body.page-template-page-map #interactive-map #segments .segment .segment-projects .project-pin svg{filter:drop-shadow(0 3rem 6rem rgba(47,29,184,.8));position:relative}body.page-template-page-map #interactive-map #segments .segment .segment-filter select{position:absolute;left:-9999px}body.page-template-page-map #interactive-map #segments .segment .segment-filter .dropdown{margin-top:0}body.page-template-page-map #interactive-map #segments .segment.transition-gradient .segment-projects::before,body.page-template-page-map #interactive-map #segments .segment.transition-gradient .segment-projects .background::after{opacity:0;transition:all .1s ease-out}body.page-template-page-map #interactive-map #segments .segment:nth-child(2) .segment-projects .background picture{position:relative;left:-100%}body.page-template-page-map #interactive-map.activated #map-hero{transform:translateY(-100%)}body.page-template-page-map #interactive-map.activated #segments{transform:translateY(0)}body.page-template-page-map #interactive-map.show-lines #segments .segment::before{opacity:1}body.page-template-page-map #interactive-map.show-lines #segments .segment[data-theme-color=scenario-theme-01]{--gradient-color:var(--scenario-theme-01);--gradient-color-hover:var(--scenario-theme-01-hover)}body.page-template-page-map #interactive-map.show-lines #segments .segment[data-theme-color=scenario-theme-02]{--gradient-color:var(--scenario-theme-02);--gradient-color-hover:var(--scenario-theme-02-hover)}body.page-template-page-map #interactive-map.show-lines #segments .segment[data-theme-color=scenario-theme-03]{--gradient-color:var(--scenario-theme-03);--gradient-color-hover:var(--scenario-theme-03-hover)}body.page-template-page-map #interactive-map.show-lines #segments .segment[data-theme-color=scenario-theme-04]{--gradient-color:var(--scenario-theme-04);--gradient-color-hover:var(--scenario-theme-04-hover)}body.page-template-page-map #interactive-map.show-lines #segments .segment[data-theme-color=scenario-theme-05]{--gradient-color:var(--scenario-theme-05);--gradient-color-hover:var(--scenario-theme-05-hover)}body.page-template-page-map #interactive-map.show-lines #segments .segment[data-theme-color=scenario-theme-03] .segment-projects .project-pin span.index,body.page-template-page-map #interactive-map.show-lines #segments .segment[data-theme-color=scenario-theme-04] .segment-projects .project-pin span.index{color:var(--text)}body.page-template-page-map #interactive-map.show-lines #segments .segment[data-theme-color=scenario-theme-03] .dropdown-toggle,body.page-template-page-map #interactive-map.show-lines #segments .segment[data-theme-color=scenario-theme-04] .dropdown-toggle{color:var(--text)}body.page-template-page-map #interactive-map.show-lines #segments .segment[data-theme-color=scenario-theme-03] .dropdown-toggle .label,body.page-template-page-map #interactive-map.show-lines #segments .segment[data-theme-color=scenario-theme-04] .dropdown-toggle .label{color:var(--text)}body.page-template-page-map #interactive-map.show-lines #segments .segment[data-theme-color=scenario-theme-03] .dropdown-toggle svg,body.page-template-page-map #interactive-map.show-lines #segments .segment[data-theme-color=scenario-theme-04] .dropdown-toggle svg{fill:var(--black)}body.page-template-page-map #interactive-map.show-lines #segments .segment[data-theme-color=scenario-theme-03] ul.dropdown-menu li:hover,body.page-template-page-map #interactive-map.show-lines #segments .segment[data-theme-color=scenario-theme-04] ul.dropdown-menu li:hover{color:var(--text)}body.page-template-page-map #interactive-map.show-lines #actions{display:flex;gap:1.5rem;opacity:1;pointer-events:auto;position:fixed;bottom:3rem;right:0;justify-content:center;width:100%}@media screen and (min-width:1200px){body.page-template-page-map #interactive-map.show-lines #actions{right:3rem;justify-content:initial;width:auto}}body.page-template-page-map #interactive-map.show-lines #actions .button.button-compose{min-height:100%}@media screen and (min-width:768px){body.page-template-page-map #interactive-map.show-lines #actions .button.button-compose{display:none}}body.page-template-page-map #interactive-map.zoom-in #segments{width:150%}@keyframes cloudsToLeft{0%{transform:translateX(0%)}100%{transform:translateX(-40%)}}@keyframes cloudsToRight{0%{transform:translateX(0%)}100%{transform:translateX(40%)}}