@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Nanum+Myeongjo:wght@400;800&display=swap");

:root {
    --rounding : 1rem
}

@font-face {
    font-family: 'icons';
    src: url('/_fonts/icons.eot?28293279');
    src: url('/_fonts/icons.eot?28293279#iefix') format('embedded-opentype'),
    url('/_fonts/icons.woff2?28293279') format('woff2'),
    url('/_fonts/icons.woff?28293279') format('woff'),
    url('/_fonts/icons.ttf?28293279') format('truetype'),
    url('/_fonts/icons.svg?28293279#icons') format('svg');
    font-weight: normal;
    font-style: normal;
    }

[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "icons", sans-serif;
    font-style: normal;
    font-weight: normal;
    speak: none;

    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    font-size: 120%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    }

.icon-check:before { content: '\e800'; } /* '' */
.icon-down-open:before { content: '\e801'; } /* '' */
.icon-left-open:before { content: '\e802'; } /* '' */
.icon-right-open:before { content: '\e803'; } /* '' */
.icon-up-open:before { content: '\e804'; } /* '' */
.icon-ok:before { content: '\e805'; } /* '' */
.icon-cancel:before { content: '\e806'; } /* '' */
.icon-heart:before { content: '\e807'; } /* '' */
.icon-heart-empty:before { content: '\e808'; } /* '' */
.icon-star:before { content: '\e809'; } /* '' */
.icon-star-empty:before { content: '\e80a'; } /* '' */
.icon-thumbs-up:before { content: '\e80b'; } /* '' */
.icon-thumbs-down:before { content: '\e80c'; } /* '' */
.icon-tag:before { content: '\e80d'; } /* '' */
.icon-eye-outline:before { content: '\e80e'; } /* '' */
.icon-eye:before { content: '\e80f'; } /* '' */
.icon-lock:before { content: '\e810'; } /* '' */
.icon-lock-filled:before { content: '\e811'; } /* '' */
.icon-lock-open:before { content: '\e812'; } /* '' */
.icon-lock-open-filled:before { content: '\e813'; } /* '' */
.icon-pin-outline:before { content: '\e814'; } /* '' */
.icon-pin:before { content: '\e815'; } /* '' */
.icon-link:before { content: '\e816'; } /* '' */
.icon-export:before { content: '\e817'; } /* '' */
.icon-link-2:before { content: '\e818'; } /* '' */
.icon-link-1:before { content: '\f07b'; } /* '' */
.icon-link-ext:before { content: '\f08e'; } /* '' */
.icon-check-empty:before { content: '\f096'; } /* '' */
.icon-link-ext-alt:before { content: '\f14c'; } /* '' */
.icon-facebook:before { content: '\f300'; } /* '' */
.icon-facebook-rect:before { content: '\f301'; } /* '' */
.icon-twitter:before { content: '\f302'; } /* '' */
.icon-twitter-bird:before { content: '\f303'; } /* '' */
.icon-googleplus-rect:before { content: '\f309'; } /* '' */
.icon-skype:before { content: '\f30b'; } /* '' */
.icon-vimeo-rect:before { content: '\f30e'; } /* '' */
.icon-vimeo:before { content: '\f30f'; } /* '' */
.icon-linkedin:before { content: '\f31a'; } /* '' */
.icon-linkedin-rect:before { content: '\f31b'; } /* '' */
.icon-picasa:before { content: '\f31c'; } /* '' */
.icon-instagram:before { content: '\f31e'; } /* '' */
.icon-instagram-filled:before { content: '\f31f'; } /* '' */


html { height : 100% }
body { font-family: 'Montserrat', sans-serif; color: #231f20; z-index: 0 }
body { display : flex; flex-direction: column }
body { min-height: 100%; background: #FFF no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; }

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.text-red { color: #ac182f }
.text-blauw { color: #5dccc1 }
.afgerond { border-radius: var(--rounding); overflow: hidden }

.rekenmodule {
    background: rgb(255,255,255);
    background: -moz-radial-gradient(circle, #FFF 0%, #CDD2E6 100%);
    background: -webkit-radial-gradient(circle, #FFF 0%, #CDD2E6 100%);
    background: radial-gradient(circle, #FFF 0%, #CDD2E6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#CDD2E6",GradientType=1);
}
.rekenmodule { padding-bottom : 3rem; color: #000; font-weight: 400; line-height:1.8rem; }
.rekenmodule h2 { color: #6394bc; margin: 3rem 0; font-weight: bold }
.rekenmodule h3 { color: #42382d }
.rekenmodule .form-control { background-color: #fff; border-color: #FFF; border-radius: 0 }
.rekenmodule .form-control.disabled { background-color: #e3ecf3; border-radius: 0 }
.btn.btn-rekenmodule { font-weight: bold; position: relative; white-space: normal; padding: .5rem 1.5rem; border-radius: 0; color: #000; background-color: rgba(255, 255, 255, 0.3); text-transform: uppercase }
.btn.btn-rekenmodule:hover { background-color: rgba(255, 255, 255, 0.5) }

.cta { position: relative; top: 0;  z-index: 2; }
.ctabtn { position: absolute; right: 200px; top: 255px }

.navrow { background-color: #E5E4E1; }
.navrow .container { background-color: #E5E4E1;
    background: -moz-linear-gradient(left, #eeedec 0%, #E5E4E1 5%, #E5E4E1 95%, #eeedec 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #eeedec 0%, #E5E4E1 5%, #E5E4E1 95%, #eeedec 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #eeedec 0%, #E5E4E1 5%, #E5E4E1 95%, #eeedec 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeedec', endColorstr='#eeedec', GradientType=1); /* IE6-9 */
}
.navrow .leftcol { background: #E5E4E1; /* Old browsers */
    background: -moz-linear-gradient(left, #ffffff 0%, #eeedec 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ffffff 0%,#eeedec 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ffffff 0%,#eeedec 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeedec',GradientType=1 ); /* IE6-9 */
}
.navrow .rightcol { background: #E5E4E1; /* Old browsers */
    background: -moz-linear-gradient(left, #eeedec 0%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #eeedec 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #eeedec 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeedec', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}

header { padding: 2rem 0 }
nav.main { font-family: 'Montserrat', sans-serif; position: relative; color: #686765; font-size: 14px; }
nav.main .navbar-collapse > ul { list-style: none; margin: 0; padding: 0; display : flex; }
nav.main .navbar-collapse > ul > li { padding: 0 0 1px 0; text-align: center }
nav.main a { color: inherit; text-transform: uppercase; white-space: nowrap; padding-bottom : 3px; font-weight: 600; letter-spacing: 1px; }
nav.main li.active > a { border-bottom: 3px solid #5dccc1 }
nav.main a:hover { color: #000; text-decoration: none; }
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right : 1rem;
        padding-left  : 1rem;
        }
    }

/* SUBMENU */
.down { position : absolute; bottom : 20px; font-size: 150%; color : #000 }
.down:hover { color: rgba(0, 0, 0, 0.7) }
.dropdown-menu {padding: 0; margin: 0; min-width: 11rem; font-size: 14px;color: #000;background-color: #E5E4E1; border: 0; border-radius: 0; }
.dropdown-item:focus, .dropdown-item:hover {color: #000;text-decoration: none;background-color: transparent;}
.dropdown-menu .nav-item A { color: rgba(0, 0, 0, 0.5); }
.dropdown-menu .nav-item { border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
.dropdown-menu .nav-item:last-child { border-bottom : 0 solid #000 }
.dropdown:hover > .dropdown-menu {display: block;}
.dropdown-menu .nav-item .dropdown-item.active, .dropdown-menu .nav-item .dropdown-item:active{ color: rgba(0, 0, 0, 1);; background-color: #fff; }

h2 { font-weight: 200; font-size: 1.2rem; text-transform: uppercase; letter-spacing: 4px; }
h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.25rem  }
h4 { font-size: 1rem; font-weight: 600 }

.kaartje { background-image: url('/_img/kaart.jpg'); background-size: cover;  width: 100%; position: relative; overflow: visible }
.kaartje:before { content:""; display: block; padding-top: 100% }
.kaartje .info { position: absolute; z-index: 1; left: 0; top: -4rem; padding: 0 7rem 3.5rem 0; line-height: 1; border-radius: 0  0 var(--rounding) 0; background-color: #FFF; font-weight: bold; font-size: 3.5rem; font-family: Montserrat, sans-serif; text-transform: uppercase;  }
.kaartje .info .groen { color: #5dccc1 }
.kaartje .info .blauw { color: #35688d }
.kaartje .pincontainer { z-index: 0; margin: 0; padding: 0; user-select: none; position: absolute }
.kaartje .pincontainer .pin { transition: all 150ms; z-index: 1; width: 60px; height: 94px; margin: 0; padding: 0; user-select: none; background-image: url('/_img/pin_landkaart.svg'); position: absolute }
.kaartje .pincontainer .pin:hover { transform: scale3d(1.05, 1.05, 1.05)}
.kaartje .pincontainer .label { white-space: nowrap; font-weight: bold; font-size: 14px; font-family: Montserrat, sans-serif; text-transform: uppercase; color: #fff; position: absolute; border: 1px solid #FFF; background-color: #5dccc1;  top: 18px }
.kaartje .pincontainer .label.left { right: -10px; padding: 1px 15px 1px 4px }
.kaartje .pincontainer .label.right { left: 50px; padding: 1px 4px 1px 15px }
.kaartje .pins { position: absolute; left: 0; right: 0; bottom: 0; top: 0 }

.expert { padding-top: 150%;position: relative; }
.expert > img { object-fit: cover;position: absolute;top: 0;left: 0;right: 0;bottom: 0;min-height: 100%; width:100%; max-height:510px }

.locatiecols { column-count: 3 }
.locatiecols .locatieblok { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; }

#driecol h2 { color: inherit; margin: 0 0 3rem 0 }
#uitleg { background-color: #716557; color: #FFF; padding-bottom: 4rem }
#uitleg h2 { color: inherit; margin: 3rem 0 3rem 0 }
#uitleg p { margin-bottom : 2rem }
#uitleg .btn { text-transform: none; letter-spacing: normal; font-weight: 600; }

#video { padding-bottom: 4rem }
#video h2 { color: inherit; margin: 3rem 0 3rem 0 }

.headerimage .slider, .headerimage .slider .slick-list { border-radius: var(--rounding) !important; overflow:hidden !important; height: 50vh; min-height: 500px; }
.headerimage figure { min-height:500px; height: 50vh; letter-spacing: 4px; line-height: 4rem; font-size: 4rem; color: #FFF; position: relative; padding: 3rem 2rem; background-repeat: no-repeat; background-size: cover; margin: 0; background-position: center }
.headerimage figure { text-shadow: 0 0 4px rgba(0,0,0,0.5); }

.headerimage.vervolg figure { height: 30vh; min-height:240px; }
.slidefont { font-family: 'Nanum Myeongjo', serif; }
.slidefont strong { font-weight: 800 }

.pad-between { margin-bottom: 4rem }

.uitlegblok figure { position: relative; padding-bottom:60%; background-repeat: no-repeat; background-size: cover; margin: 0 0 2rem 0 }
.uitlegblok h3 { text-transform: uppercase }

.blok { display : flex; flex-direction: column; height: 100% }
.blok article { padding: 3rem 2rem; flex: 1 0 auto }
.blok figure { position: relative; padding-bottom:100%; background-repeat: no-repeat; background-size: cover; margin: 0; background-position: center; }
.blok figure:after { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0;  }
.blok figure:after {
    background: rgb(255,255,255);
    background: -moz-linear-gradient(245deg, rgba(210,239,2221) 0%, rgba(255,255,255,0) 65%);
    background: -webkit-linear-gradient(245deg, rgba(210,239,222,1) 0%, rgba(255,255,255,0) 65%);
    background: linear-gradient(245deg, rgba(210,239,222,1) 0%, rgba(255,255,255,0) 65%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d2efde",endColorstr="#ffffff",GradientType=1);
    }
.blok .btn { margin-bottom : 2rem }
.blok .btn:hover { background-color: #5dccc1; color: #FFF }

.col1 { background-color: #f1f0ee;}
.col2 { background-color: #dad7d2;}
.col3 { background-color: #e0dfdb;}

.rodeachtergrond { padding-bottom : 3rem; color: #FFF; font-weight: 400; line-height:1.8rem; background-image: url('/_img/verloop_smal.jpg'); background-repeat: no-repeat; background-size: cover; background-position: left bottom 0; }
.rodeachtergrond h1, .rodeachtergrond h2 { color: inherit !important; margin: 3rem 0; font-weight: bold }
.rodeachtergrond .form-control { background-color: #fff; border-radius: 0 }
.rodeachtergrond .form-control.disabled { background-color: #dc9ca6; border-radius: 0 }
.rodeachtergrond a { color: inherit !important; text-decoration: underline !important; text-decoration-color: #fff }

.btn.btn-primary { padding: .5rem 1rem; border-radius: 0; border-color: #FFF; font-weight: 200; color: #FFF; font-size: 1.1rem; text-transform: uppercase; letter-spacing: 0.5px; word-break: break-word;
    white-space: normal; }
.btn.btn-primary {
    background : rgb(0, 145, 211);
    background : -moz-linear-gradient(22deg, rgba(0, 145, 211, 1) 0%, rgba(130, 187, 231, 1) 100%);
    background : -webkit-linear-gradient(22deg, rgba(0, 145, 211, 1) 0%, rgba(130, 187, 231, 1) 100%);
    background : linear-gradient(22deg, rgba(0, 145, 211, 1) 0%, rgba(130, 187, 231, 1) 100%);
    filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr="#0091d3", endColorstr="#82bbe7", GradientType=1);
    }
.btn.btn-secondary { padding: .5rem 1rem; border-radius: 0; background-color: transparent; color: inherit; border-color: #FFF; border-width: 2px  }
.btn.btn-secondary:hover { background-color: #fff; color: #000  }

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    /*
    background-color: #7e1621;
    border-color: #7e1621;
    */
    background: rgb(0,145,211);
    background: -moz-linear-gradient(22deg, rgba(0,145,211,1) 0%, rgba(130,187,231,1) 100%);
    background: -webkit-linear-gradient(22deg, rgba(0,145,211,1) 0%, rgba(130,187,231,1) 100%);
    background: linear-gradient(22deg, rgba(0,145,211,1) 0%, rgba(130,187,231,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0091d3",endColorstr="#82bbe7",GradientType=1);
}
.btn-primary.focus, .btn-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(0,145,211, 0.51);
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0,145,211, 0.51);
}

.btn.btn-blauw, .btn.btn-donkerblauw, .btn.btn-oranje { position: relative; white-space: normal; padding: .5rem 1.5rem; border-radius: 0; background-color: #92ddfb; border-color: #FFF; font-weight: 500; color: #FFF; font-size: 1.1rem; letter-spacing: 0.5px; }
.btn.btn-blauw:before, .btn.btn-donkerblauw:before, .btn.btn-oranje:before { content : ""; width: 0;height: 0;border-style: solid;border-width: 10px 0 10px 10px;border-color: transparent transparent transparent #fff;display: block;position : absolute;left: 0px;top: 50%;transform: translateY(-50%);}

.btn.btn-oranje { position: fixed; top: 0; right: 70px; background-color: #da7e32; z-index: 100 }
.btn.btn-donkerblauw { background-color: #53bff9; }

.btn.btn-transwit { position: relative; white-space: normal; padding: .5rem 1.5rem; border-radius: 0; color: #fff; background-color: rgba(255, 255, 255, 0.3); text-transform: uppercase }
.btn.btn-transwit:hover { background-color: rgba(255, 255, 255, 0.5) }

.btn.btn-afspraak { padding: 0.5rem 2.5rem; font-weight: bold; position: fixed; top: 0; right: 70px; color: #FFF; z-index: 100; text-transform: uppercase; border-radius: 0  0 var(--rounding) var(--rounding); }
.btn.btn-afspraak {
    background: rgb(0,145,211);
    background: -moz-linear-gradient(22deg, rgba(0,145,211,1) 0%, rgba(130,187,231,1) 100%);
    background: -webkit-linear-gradient(22deg, rgba(0,145,211,1) 0%, rgba(130,187,231,1) 100%);
    background: linear-gradient(22deg, rgba(0,145,211,1) 0%, rgba(130,187,231,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0091d3",endColorstr="#82bbe7",GradientType=1);
}
.btn.btn-afspraak:hover { box-shadow: 0 2px 10px 3px rgb(0 0 0 / 30%);}

.bg-krant { background-image : url('/_img/verloop_volle_breedte.jpg'); background-size: cover; color: #FFF }
.bg-krant h2 { font-weight: bold }

main { flex: 1 0 auto }
footer { background-color: #e6e6e6; color: #000; padding: 2rem 0 }
footer a { color: rgba(0, 0, 0, 0.6) }
footer a:hover { color: rgba(0, 0, 0, 1); text-decoration: none }
footer h1, footer h2, footer h3 { font-size: 1rem; font-weight: bold }

hr.white.dotted { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px dotted #FFF; }

.content { font-size: 1rem; line-height:1.8rem  }
.content h1, content .h1 { font-size: 2rem; font-weight: 600; margin-bottom : 2rem }
.content h1, .content h2 { color: #42382d }
.content h2 { padding-top: 0.5rem }
.content a { color: #5dccc1; font-weight: 400; text-decoration: none; border-bottom:1px solid #5dccc1 }
.content img { max-width:100% !important; height: auto !important }
.content p { margin-bottom: 1.6rem }
.content .embed-container { margin-bottom : 2rem }

.newsitem h2 { letter-spacing: 2px; }

.diensten a { border: none }
.diensten a.active { font-weight: bold; }
.diensten a:hover { border-bottom: 1px solid #5dccc1 }
aside > section { margin-bottom : 2.5rem }
aside > section h2 { margin-bottom: 1rem }

time { font-size: 0.8rem; font-style: italic}
.content h2 > a { text-decoration: inherit; border: 0; font-weight: inherit; }
.content h3 > a { text-decoration: inherit; border: 0; font-weight: inherit; }

.form-control::placeholder { color: #aaa; opacity: 1; font-style: italic; }
.form-control:-ms-input-placeholder { color: #aaa; opacity: 1; font-style: italic;}
.form-control::-ms-input-placeholder { color: #aaa; opacity: 1; font-style: italic;}
.form-control::-webkit-input-placeholder { color: #aaa; opacity: 1; font-style: italic; }
select:required:invalid {color: #aaa; opacity: 1; font-style: italic;border: 1px solid #811715;}
option[value=""][disabled] {display: none;}
option {color: #495057}
.form-control {color: #495057;background-color: #fff;border: 1px solid #0091D3;border-radius: 0;}
.form-control:focus {color: #495057;background-color: #fff;border-color: #0091D3;outline: 0;box-shadow: 0 0 0 0.2rem rgba(163, 26, 21, 0.16);}
input:disabled{color:#495057;-webkit-text-fill-color:#495057;-webkit-opacity: 1;opacity:1 !important}

.radio {cursor: pointer;-webkit-tap-highlight-color: transparent;-webkit-user-select: none;-moz-user-select: none;user-select: none;}
.radio > input[type="radio"] {position: absolute;opacity: 0;z-index: -1;}
.radio__icon {display: inline-block; /* Default State */color: #999; /* Active State */}
input[type="radio"]:checked ~ .radio__icon {color: #000;}
.radio.red .radio__icon { color: #ac182f; }
.radio.blauw .radio__icon { color: #5dccc1; }

.radio__icon:before { font-family: "icons", serif; speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; font-size: 1.6rem;}
.icon--radio:before, input[type="radio"]:checked ~ .radio__icon:before {content: "\e800";}
.icon--radio-empty:before, .radio__icon:before {content: "\f096";}


.extra-nieuws { position: absolute; z-index: 100; left: 0; top: 0; right: 0; bottom: 0; }

.oedlogo { width:200px;position: relative; top: 130px; right: -30px; z-index: 99999 }

@media (max-width: 1200px) {
    .locatiecols { column-count: 2 }
}

@media (max-width: 992px) {
    .content { padding-top : 1rem; padding-bottom:40px }

    .kaartje .info { top: -3.4rem; padding: 0 3rem 1.5rem 0; font-size: 3rem;  }
    .kaartje .pincontainer .pin { transform-origin: left top; transform: scale3d(.6, .6, .6); }
    .kaartje .pincontainer .pin:hover { transform: scale3d(.6, .6, .6) }
    .kaartje .pincontainer .label { top: 8px }
    .kaartje .pincontainer .label.left { right: -10px; }
    .kaartje .pincontainer .label.right { left: 22px; }

    }

@media (max-width: 768px) {
    .headerimage figure { letter-spacing: 1px; line-height: 3rem; font-size: 2.4rem; padding: 3rem 1rem; }
    .headerimage.vervolg figure { height: 20vh; min-height:185px; }

    .kaartje .info { top: -2.2rem; padding: 0 2rem 1.5rem 0; font-size: 2rem;  }

    .kaartje .pincontainer .pin { transform-origin: left top; transform: scale3d(.5, .5, .5); }
    .kaartje .pincontainer .pin:hover { transform: scale3d(.5, .5, .5); }
    .kaartje .pincontainer .label { top: 4px; font-size: 12px }
    .kaartje .pincontainer .label.left { right: -10px; }
    .kaartje .pincontainer .label.right { left: 20px; }
}

@media (max-width: 576px) {
    #admindiv { display : none }
    .headerimage figure { letter-spacing: 1px; line-height: 3rem; font-size: 2.4rem; padding: 3rem 1rem; }
    .headerimage.vervolg figure { height: 20vh; min-height:185px; }
    .locatiecols { column-count: 1 }
    .oedlogo { width:150px;position: relative; z-index: 99999 }
}

/* ADMIN */
#admindiv { background-color: rgba(255, 255, 255, 0.8); position:fixed; border:1px solid #000; width : 250px; top : 20px; right: 20px; z-index: 9999; font-size: 13px; line-height: 16px; }
#admindiv .header { padding: 3px 5px; background-color:#e32322; color:#FFF; font-weight:bold; background-image : url(/_images/generic/sitemanager.png); background-repeat : no-repeat; background-position : top 1px right 2px; border-bottom : 1px solid #000; }
#admindiv .header SPAN A { color:#FFF; font-weight:bold; text-decoration : none; }
#admindiv .body { padding:5px; color : #000; }
#admindiv .body A { color : #000; font-weight : bold; }
#admindiv .body LI { list-style: none; }
.edit { color : #000; position : absolute; margin-left: -20px; margin-top: -20px; }
span.editbtn { position : absolute; width : 22px; height : 11px; margin: 0; padding: 0; margin-left: -12px !important; margin-top: -12px !important; display : inline !important; }

.flex-center {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;}
.outer-menu {position: fixed;top: 1vh;right: 0;z-index: 9999;}
.outer-menu .checkbox-toggle {position: absolute;top: 0;right: 0;z-index: 12;cursor: pointer;width: 60px;height: 60px;opacity: 0;}
.outer-menu .checkbox-toggle:checked + .hamburger > div {-webkit-transform: rotate(135deg);transform: rotate(135deg);}
.outer-menu .checkbox-toggle:checked + .hamburger > div:before, .outer-menu .checkbox-toggle:checked + .hamburger > div:after {top: 0;-webkit-transform: rotate(90deg);transform: rotate(90deg);}
.outer-menu .checkbox-toggle:checked + .hamburger > div:after {opacity: 0;}
.outer-menu .checkbox-toggle:checked ~ .menu {pointer-events: auto;visibility: visible;}
.outer-menu .checkbox-toggle:checked ~ .menu > div {-webkit-transform: scale(1);transform: scale(1);-webkit-transition-duration: .75s;transition-duration: .75s;}
.outer-menu .checkbox-toggle:checked ~ .menu > div > div {opacity: 1;-webkit-transition: opacity 0.1s ease 0.1s;transition: opacity 0.1s ease 0.1s;}
.outer-menu .checkbox-toggle:hover + .hamburger {-webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);}
.outer-menu .checkbox-toggle:checked:hover + .hamburger > div {-webkit-transform: rotate(225deg);transform: rotate(225deg);}
.outer-menu .hamburger {position: absolute;top: 0;right: 0;z-index: 11;width: 60px;height: 60px;padding: .5em 1em;background: rgba(0, 0, 0, 0.6);border-radius: 0 0.12em 0.12em 0;cursor: pointer;-webkit-transition: -webkit-box-shadow 0.1s ease;transition: -webkit-box-shadow 0.1s ease;transition: box-shadow 0.1s ease;transition: box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease;-webkit-backface-visibility: hidden;backface-visibility: hidden;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;}
.outer-menu .hamburger > div {position: relative;-webkit-box-flex: 0;-ms-flex: none;flex: none;width: 100%;height: 2px;background: #FEFEFE;-webkit-transition: all 0.1s ease;transition: all 0.1s ease;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;}
.outer-menu .hamburger > div:before, .outer-menu .hamburger > div:after {content: '';position: absolute;z-index: 1;top: -10px;left: 0;width: 100%;height: 2px;background: #FEFEFE;-webkit-transition: all 0.1s ease;transition: all 0.1s ease;}
.outer-menu .hamburger > div:after {top: 10px;}
.outer-menu .menu {position: fixed;top: 0;left: -100vw;width: 300vw;height: 100%;pointer-events: none;visibility: hidden;overflow: hidden;-webkit-backface-visibility: hidden;backface-visibility: hidden;outline: 1px solid transparent;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;}
.outer-menu .menu > div {width: 300vw;height: 300vw;color: #FEFEFE;background: rgba(0, 0, 0, 0.9);border-radius: 50%;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;-webkit-box-flex: 0;-ms-flex: none;flex: none;-webkit-transform: scale(0);transform: scale(0);-webkit-backface-visibility: hidden;backface-visibility: hidden;overflow: hidden;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;}
.outer-menu .menu > div > div {text-align: center;max-width: 90vw;max-height: 100vh;opacity: 0;-webkit-transition: opacity 0.1s ease;transition: opacity 0.1s ease;overflow-y: auto;-webkit-box-flex: 0;-ms-flex: none;flex: none;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;}
.outer-menu .menu > div > div > ul {list-style: none;padding: 0 1em;margin: 0;display: block;max-height: 100vh;}
.outer-menu .menu > div > div > ul > li {padding: 0;margin: 1em;font-size: 24px;display: block;}
.outer-menu .menu > div > div > ul > li > a {position: relative;display: inline;cursor: pointer;-webkit-transition: color 0.1s ease;transition: color 0.1s ease;color: #FFF;}
.outer-menu .menu > div > div > ul > li > a:hover {color: #e5e5e5;text-decoration: none;}
.outer-menu .menu > div > div > ul ul {list-style: none;padding: 0 1em;margin: 0;display: block;max-height: 100vh;}
.outer-menu .menu > div > div > ul ul > li {padding: 0;margin: 1em;font-size: 16px;display: block;}
.outer-menu .menu > div > div > ul ul > li > a {position: relative;display: inline;cursor: pointer;-webkit-transition: color 0.1s ease;transition: color 0.1s ease;color: #FFF;}
.outer-menu .menu > div > div > ul ul > li > a:hover {color: #e5e5e5;text-decoration: none;}

/* COOKIE BAR */
#cookie-bar { background:#111111; height:auto; line-height:40px; color:#eeeeee; text-align:center; padding:3px 0;z-index: 999}
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:0;}
#cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin:10px 0 10px 8px;}
#cookie-bar .cb-enable {background:#007700;}
#cookie-bar .cb-enable:hover {background:#009900;}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#0033bb;}
#cookie-bar .cb-policy:hover {background:#0055dd;}


/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide {display: none;float: left;height: 100%;min-height: 1px; border-radius: var(--rounding); overflow: hidden }
.slick-slide:after { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0;  }
.slick-slide:after {
    background: rgb(255,255,255);
    background: -moz-linear-gradient(245deg, rgba(210,239,222,1) 0%, rgba(255,255,255,0) 35%);
    background: -webkit-linear-gradient(245deg, rgba(210,239,222,1) 0%, rgba(255,255,255,0) 35%);
    background: linear-gradient(245deg, rgba(210,239,222,1) 0%, rgba(255,255,255,0) 35%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d2efde",endColorstr="#ffffff",GradientType=1);
}

[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.slick-loading .slick-list
{
    background: #fff url('./slick/ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./slick/fonts/slick.eot');
    src: url('./slick/fonts/slick.eot?#iefix') format('embedded-opentype'), url('./slick/fonts/slick.woff') format('woff'), url('./slick/fonts/slick.ttf') format('truetype'), url('./slick/fonts/slick.svg#slick') format('svg');
}
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

.slick-dotted.slick-slider
{
    margin-bottom: 0;
}

.slick-dots
{
    position: absolute;
    bottom: 10px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li
{
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 30px;
    height: 30px;
    padding: 0px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 16px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 30px;
    height: 30px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: #fff;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .85;
    color: #fff;
}

/* Transitions */
.activate {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100);
    filter: alpha(opacity=1 * 100);
}
.animated {
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0 * 100);
    filter: alpha(opacity=0 * 100);
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.animated.delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.animated.delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}

.animated.delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
}

.animated.delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
}

.animated.fast {
    -webkit-animation-duration: 800ms;
    animation-duration: 800ms;
}

.animated.faster {
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
}

.animated.slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

.animated.slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
}

/* IE6-8 Fallback */
@media \0screen\,screen\9 {
    .checkbox__icon {
        display: none;
        }

    .checkbox > input[type="checkbox"] {
        position: static;
        }
    }