body{font-family:Arial,"sans-serif"}.map{position:fixed;top:0;left:0;bottom:0;right:0;background-color:#d4d4d44b;z-index:0}.mousePosition{position:fixed;top:auto;right:auto;bottom:5px;left:50%;transform:translate(-50%);border:1px solid gray;border-radius:10px;padding:5px;background-color:#fff9;font-family:Open Sans,sans-serif;font-size:15px}.ol-popup{background-color:#6e6e6eb6;width:min-content;color:#fff;text-align:left;border-radius:5px;padding:8px;position:absolute;z-index:1;bottom:100%;margin-left:-80px;margin-bottom:5px;font-family:Open Sans,sans-serif;white-space:nowrap}.banner{position:fixed;left:0;right:0;top:0;height:60px;background-color:#ffcd00bf;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.banner>h2{flex:1;text-align:center;margin:0;color:#000;font-family:Open Sans,sans-serif}.banner>img{position:fixed;width:auto;max-width:200px}.banner>a{position:absolute;top:50%;right:1%;transform:translateY(-50%);text-decoration:none}.banner a.button{visibility:visible;display:inline-block;padding:30px;z-index:1001;color:#000;text-decoration:none;background-color:#b4b4b4f2;border:1px solid #999;cursor:pointer;transition:background-color .3s}.banner a.button:hover{background-color:#0057b379}a:link{text-decoration:underline;font-weight:700}.legend{position:absolute;top:70px;left:10px;background-color:#919191a6;border:1px solid #999;padding:15px;font-size:14px;z-index:1000;width:150px}.close-legend{position:relative;background-color:transparent;font-size:10px;cursor:pointer;float:right;top:-5px}.show-legend{display:none;position:absolute;top:70px;left:10px;background-color:#333;color:#fff;border:1px solid #999;font-size:18px;cursor:pointer;z-index:999;padding:10px;border-radius:4px;border:none}.show-legend:hover{background-color:#555}#live_ship,#offline_ship{width:15px;height:30px;margin-right:5px;transform:rotate(25deg)}#project_legenda{width:15px;height:15px;margin-top:10px;margin-bottom:0}#project_text{margin-top:7.5px}.legend_items{position:relative;display:inline-block;font-size:16.5px}.legend_text{position:relative;top:-25px;left:18.75px}#button_meer_info{position:relative;left:18px;background-color:#333;color:#fff;border:1px solid #999;font-size:18px;cursor:pointer;z-index:999;padding:5px;border-radius:4px;border:none;text-decoration:none}#button_meer_info:hover{background-color:#555}.meer_info{display:none;position:absolute;top:70px;left:10px;padding:30px;z-index:1001;background-color:#b4b4b4cc;border:1px solid #999}#close_meer_info{top:-20px;left:15px}.info_titel{font-style:italic;font-size:17.5px}.info_img{height:15px;width:15px;top:-5px}.info_img_small{height:10px;width:10px;top:-5px}.info_img_medium{height:18px;width:18px;top:-5px}.info_img_large{height:25px;width:25px;top:-5px}#info_schip_herik,#info_schip_other{position:relative;height:30px;width:10px;left:10px;top:10px;transform:rotate(90deg)}#info_waterstand{position:relative;top:7.5px}@media (max-width: 768px){#legend{display:none}.show-legend{display:block;position:fixed;top:auto;right:auto;bottom:2px;left:2px;height:30px;width:30px;font-size:13px;border-radius:2px}}:root{--project-border: #000000;--project-border-width: 2px;--dot-size: 18px}.project-dot{width:var(--dot-size, 18px);height:var(--dot-size, 18px);border:var(--project-border-width) solid var(--project-border);border-radius:50%;display:inline-block;vertical-align:middle;margin-right:8px}.project-dot--huidig{background-color:orange}.project-dot--afgerond{background-color:green}.project-dot--afgerond-nobudget{background-color:#00f}.project-dot--huidig-nobudget{background-color:#ff0}.project-dot--small{--dot-size: 6px;--project-border-width: 1px}.project-dot--medium{--dot-size: 12px}.project-dot--large{--dot-size: 20px}.loading-spinner{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:none;text-align:center;z-index:1000;background-color:#fffc;padding:15px;border-radius:8px;box-shadow:0 4px 8px #0003}.spinner{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:35px;height:35px;animation:spin .5s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner p{margin-top:10px;font-size:14px;color:#333}.project-panel{position:fixed;top:60%;left:0;transform:translateY(-30%);width:300px;max-height:400px;background:#fff;border:2px solid #2c3e50;border-radius:8px;box-shadow:0 4px 12px #0000004d;z-index:2000;opacity:.8;visibility:visible;transition:opacity .5s ease,visibility .5s ease}.project-panel.hidden{opacity:0;visibility:hidden;pointer-events:none}@keyframes slideIn{0%{opacity:0;transform:translateY(-60%)}to{opacity:1;transform:translateY(-50%)}}.project-panel.slide-in{animation:slideIn .1s ease-out}.project-panel .panel-header{background:#3498db;color:#fff;padding:10px;display:flex;justify-content:space-between;align-items:center;border-radius:4px 4px 0 0}.project-panel .close-btn{background:#000;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.project-panel .close-btn:hover{background:#fff3;border-radius:50%}.project-list-control{position:absolute!important;bottom:8px!important;left:8px!important;z-index:1000!important}.project-list-control button{background:#e74c3c;color:#fff;font-size:16px;font-weight:700;width:40px;height:40px;border:2px solid #2c3e50;border-radius:4px;cursor:pointer;transition:all .2s ease}.project-list-control button:hover{background:#c0392b;transform:scale(1.05)}.project-list-control button:disabled{opacity:.5;cursor:not-allowed;background:#95a5a6}.project-list-control button:disabled:hover{transform:none;background:#95a5a6}.project-list-content{max-height:250px;overflow-y:auto;padding:4px}.project-item{padding:7px;border-bottom:1px solid #eee;cursor:pointer;transition:background-color .2s}.project-item:hover{background:#f0f0f0}.project-item:last-child{border-bottom:none}.project-title{font-weight:700;font-size:12px;margin-bottom:2px}.project-details{font-size:10px;color:#666}.layer-switcher{position:absolute;top:3.5em;right:.5em;text-align:left}.layer-switcher .panel{margin:0;border:4px solid #eee;border-radius:4px;background-color:#fff;display:none;max-height:inherit;height:100%;box-sizing:border-box;overflow-y:auto}.layer-switcher button{float:right;z-index:1;width:38px;height:38px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAACE1BMVEX///8A//8AgICA//8AVVVAQID///8rVVVJtttgv98nTmJ2xNgkW1ttyNsmWWZmzNZYxM4gWGgeU2JmzNNr0N1Rwc0eU2VXxdEhV2JqytQeVmMhVmNoydUfVGUgVGQfVGQfVmVqy9hqy9dWw9AfVWRpydVry9YhVmMgVGNUw9BrytchVWRexdGw294gVWQgVmUhVWPd4N6HoaZsy9cfVmQgVGRrytZsy9cgVWQgVWMgVWRsy9YfVWNsy9YgVWVty9YgVWVry9UgVWRsy9Zsy9UfVWRsy9YgVWVty9YgVWRty9Vsy9aM09sgVWRTws/AzM0gVWRtzNYgVWRuy9Zsy9cgVWRGcHxty9bb5ORbxdEgVWRty9bn6OZTws9mydRfxtLX3Nva5eRix9NFcXxOd4JPeINQeIMiVmVUws9Vws9Vw9BXw9BYxNBaxNBbxNBcxdJexdElWWgmWmhjyNRlx9IqXGtoipNpytVqytVryNNrytZsjZUuX210k5t1y9R2zNR3y9V4lp57zth9zdaAnKOGoaeK0NiNpquV09mesrag1tuitbmj1tuj19uktrqr2d2svcCu2d2xwMO63N+7x8nA3uDC3uDFz9DK4eHL4eLN4eIyYnDX5OM5Z3Tb397e4uDf4uHf5uXi5ePi5+Xj5+Xk5+Xm5+Xm6OY6aHXQ19fT4+NfhI1Ww89gx9Nhx9Nsy9ZWw9Dpj2abAAAAWnRSTlMAAQICAwQEBgcIDQ0ODhQZGiAiIyYpKywvNTs+QklPUlNUWWJjaGt0dnd+hIWFh4mNjZCSm6CpsbW2t7nDzNDT1dje5efr7PHy9PT29/j4+Pn5+vr8/f39/f6DPtKwAAABTklEQVR4Xr3QVWPbMBSAUTVFZmZmhhSXMjNvkhwqMzMzMzPDeD+xASvObKePPa+ffHVl8PlsnE0+qPpBuQjVJjno6pZpSKXYl7/bZyFaQxhf98hHDKEppwdWIW1frFnrxSOWHFfWesSEWC6R/P4zOFrix3TzDFLlXRTR8c0fEEJ1/itpo7SVO9Jdr1DVxZ0USyjZsEY5vZfiiAC0UoTGOrm9PZLuRl8X+Dq1HQtoFbJZbv61i+Poblh/97TC7n0neCcK0ETNUrz1/xPHf+DNAW9Ac6t8O8WH3Vp98f5lCaYKAOFZMLyHL4Y0fe319idMNgMMp+zWVSybUed/+/h7I4wRAG1W6XDy4XmjR9HnzvDRZXUAYDFOhC1S/Hh+fIXxen+eO+AKqbs+wAo30zDTDvDxKoJN88sjUzDFAvBzEUGFsnADoIvAJzoh2BZ8sner+Ke/vwECuQAAAABJRU5ErkJggg==);background-repeat:no-repeat;background-position:2px;background-color:#fff;color:#000;border:none}.layer-switcher button:focus,.layer-switcher button:hover{background-color:#fff}.layer-switcher.shown{overflow-y:hidden;display:flex;flex-direction:column;max-height:calc(100% - 5.5em)}.layer-switcher.shown.ol-control,.layer-switcher.shown.ol-control:hover{background-color:transparent}.layer-switcher.shown .panel{display:block}.layer-switcher.shown button{display:none}.layer-switcher.shown.layer-switcher-activation-mode-click>button{display:block;background-image:unset;right:2px;position:absolute;background-color:#eee;margin:1px}.layer-switcher.shown button:focus,.layer-switcher.shown button:hover{background-color:#fafafa}.layer-switcher ul{list-style:none;margin:1.6em .4em;padding-left:0}.layer-switcher ul ul{padding-left:1.2em;margin:.1em 0 0}.layer-switcher li.group+li.group{margin-top:.4em}.layer-switcher li.group>label{font-weight:700}.layer-switcher.layer-switcher-group-select-style-none li.group>label{padding-left:1.2em}.layer-switcher li{position:relative;margin-top:.3em}.layer-switcher li input{position:absolute;left:1.2em;height:1em;width:1em;font-size:1em}.layer-switcher li label{padding-left:2.7em;padding-right:1.2em;display:inline-block;margin-top:1px}.layer-switcher label.disabled{opacity:.4}.layer-switcher input{margin:0}.layer-switcher.touch ::-webkit-scrollbar{width:4px}.layer-switcher.touch ::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px}.layer-switcher.touch ::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5)}li.layer-switcher-base-group>label{padding-left:1.2em}.layer-switcher .group button{position:absolute;left:0;display:inline-block;vertical-align:top;float:none;font-size:1em;width:1em;height:1em;margin:0;background-position:center 2px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAW0lEQVR4nGNgGAWMyBwXFxcGBgaGeii3EU0tXHzPnj1wQRYsihqQ+I0ExDEMQAYNONgoAN0AmMkNaDSyQSheY8JiaCMOGzE04zIAmyFYNTMw4A+DRhzsUUBtAADw4BCeIZkGdwAAAABJRU5ErkJggg==);-webkit-transition:-webkit-transform .2s ease-in-out;-ms-transition:-ms-transform .2s ease-in-out;transition:transform .2s ease-in-out}.layer-switcher .group.layer-switcher-close button{transform:rotate(-90deg);-webkit-transform:rotate(-90deg)}.layer-switcher .group.layer-switcher-fold.layer-switcher-close>ul{overflow:hidden;height:0}.layer-switcher.shown.layer-switcher-activation-mode-click{padding-left:34px}.layer-switcher.shown.layer-switcher-activation-mode-click>button{left:0;border-right:0}