@import url('https://fonts.googleapis.com/css?family=Merriweather');

body{line-height:1.6;color:#1a171b;background-color:#fff;font-weight:400;margin:0;}
*{box-sizing:border-box;margin:0;padding:0;font-family:'Merriweather',serif;outline:none;-webkit-tap-highlight-color:rgba(255,255,255,0);list-style:none;}
a{text-decoration:none;color:#1a171b;transition:color .5s,border .5s;border-bottom:1px solid transparent;}
a{color:#d66a96;text-decoration:none;}
a.selected,a.active,a:hover{color:#1a171b;border-color:#1a171b;}
a:active{background:none;}
a.button{display:inline-block;padding:.75rem 3rem;color:#fff;background:#d66a96;border-radius:.25rem;border:none;transition:background .5s;}
a.button:hover{background:#000;}
small{font-size:.8rem;}
img{width:100%;}
small, .small {font-size:.8rem;}
h1,h2,h3{line-height:1.2;font-weight:300;margin:0 0 .5em 0;}
h2{font-size:200%;}
h3{color:#d66a96;font-size:1.4rem;margin-bottom:.25rem;}
strong {color:#d66a96}
img{width:100%;}
.header{background:#d66a96;color:#fff;text-align:center;height:75vh;background-position:center;background-size:cover;position:relative;}
.header.small{height:50vh;}
.header h1{position:absolute;top:50%;left:2rem;transform:translate(0, -50%);font-size:300%;animation-name:fadein;animation-duration:4s;}
section{max-width:80rem;margin:2rem auto;}
.row{display:block;margin:0 -.75rem;clear:both;}
.col{display:inline-block;vertical-align:top;padding:0 .75rem;min-height:1px;margin-bottom:.5rem;}
.m1{width:8.3333333333%;}
.m2{width:16.6666666667%;}
.m3{width:25%;}
.m4{width:33.3333333333%;}
.m5{width:41.6666666667%;}
.m6{width:50%;}
.m7{width:58.3333333333%;}
.m8{width:66.6666666667%;}
.m9{width:75%;}
.m10{width:83.3333333333%;}
.m11{width:91.6666666667%;}
.m12{width:100%;}
.pv{padding:1rem 0;}
.itmz {margin:1rem 0;}
@keyframes fadein {
from{opacity:0;}
to{opacity:1;}
}


::placeholder{color:rgba(0,0,0,.25);}
form *{font-family:'Merriweather',Helvetica,Arial,sans-serif;}
form{margin:1rem 0;max-width:30rem;}
form#aanmelden{margin-bottom:30rem;padding-top:2rem;}
form .progress{display:block;width:100%;height:.25rem;background:#eee;margin:.5rem 0;}
form .bar{display:inline-block;float:left;width:0;height:.25rem;background:#a1a1a1;transition:all .5s;}
form .bar.complete{background:#3c3;}
form p{margin:0;position:relative;}
form p:hover label{color:#333;}
form p:hover input{border-color:#333;}
form label{display:block;font-size:.75rem;color:rgba(0,0,0,.75);transition:color .5s;user-select:none;margin-top:.5rem;}
form input{background:none;border:none;border-bottom:1px solid rgba(0,0,0,.1);width:100%;transition:border 1s;padding:.5rem 0;margin-top:.25rem;font-size: 1rem;}
form input:focus{border-color:#333;}
form input.touched:invalid{border-color:red;}
form input.touched:valid{border-color:#3c3;}
form input.btn{width:auto;min-width:10rem;background:#fff;border:1px solid #ccc;border-radius:.25rem;font-size:1rem;margin-top:1rem;transition:all .5s;cursor:pointer;font-weight:500;letter-spacing:-.05em;}
form input.btn:hover{background:#000;color:#fff;}
form p.ok{position:relative;}
form p.ok label{color:#009688;}
form p.ok input{border-color:#009688;}
form p.ok:after{content:'';position:absolute;right:.5rem;top:2rem;width:1rem;height:.5rem;border-bottom:1px solid #009688;border-left:1px solid #009688;transform:rotate(-45deg);}
form p.er{position:relative;}
form p.er label{color:#c33;}
form p.er input{border-color:#c33;}
form p.er:before,form p.required.er:before{content:'\0021';position:absolute;right:.5rem;top:1.5rem;color:#c33;font-weight:700;font-size:.75rem;}
form p.required:before{content:'*';position:absolute;right:0;top:0;color:#a1a1a1;z-index:1;font-size:1rem;}
form textarea{font-size:1rem;margin-top:.5rem;border:none;border-bottom:1px solid #ddd;display:inline-block;width:100%;min-height:10rem;line-height:2rem;background-color:transparent;background-size:100% 2rem;background-image:linear-gradient(0deg,#eee 1px,transparent 1px);background-position:top left;}
form .nn{display:block;text-align:right;font-size:.75rem;right:0;}
form .checkbox{position:relative;margin-bottom:2rem;}
form .checkbox label{padding-left:2rem;display:block;}
form .checkbox input{top:0;left:0;z-index:1;cursor:pointer;opacity:0;position:absolute;width:2rem;height:2rem;}
form .checkbox .input-helper:before,.checkbox .input-helper:after{position:absolute;content:"";transition:all 200ms;}
form .checkbox .input-helper:before{top:0;width:1.4rem;height:1.4rem;border-radius:2px;color:#fff;}
form .checkbox .input-helper:after{content:'';position:absolute;left:.35rem;top:.4rem;width:.75rem;height:.45rem;border-bottom:3px solid #fff;border-left:3px solid #fff;transform:rotate(-45deg);}
form .checkbox .input-helper:before{left:0;border:2px solid #ddd;}
form .checkbox:hover .input-helper:before{left:0;border-color:#333;}
form .checkbox input:checked + .input-helper:after{opacity:1;border-color:#333;}
form .radio{display:inline-block;min-width:25%;position:relative;padding-left:2rem;margin-bottom:1rem;margin-top:1rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
form .radio input{position:absolute;opacity:0;cursor:pointer;}
form .checkmark{position:absolute;top:0;left:0;height:1.4rem;width:1.4rem;border:2px solid #ddd;border-radius:50%;}
form .radio:hover input ~ .checkmark{border-color:#333;}
form .radio input:checked ~ .checkmark{border:.4rem solid;border-color:#333;}
form .switch{position:relative;display:inline-block;width:12.5rem;height:1.5rem;margin-bottom:.5rem;}
form .switch input{display:none;}
form .switch:after{content:attr(data-label);display:block;position:absolute;z-index:0;top:0;font-size:.75rem;left:3.2rem;line-height:1.5rem;}
form .switch-slider{position:absolute;cursor:pointer;width:2.6rem;height:1.6rem;top:0;left:0;right:0;bottom:0;background-color:#ddd;-webkit-transition:.4s;transition:.4s;border-radius:1rem;}
form .switch-slider:before{position:absolute;content:"";height:1.4rem;width:1.4rem;left:.1rem;bottom:.1rem;background-color:#fffffa;-webkit-transition:.4s;transition:.4s;border-radius:1rem;}
form .switch input:checked+.switch-slider{background-color:#333;}
form .switch input:checked+.switch-slider:before{-webkit-transform:translateX(1rem);-ms-transform:translateX(1rem);transform:translateX(1rem);}
.modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);z-index:10000;}
.modal .msg{position:absolute;width:30rem;padding:2rem;background:#fff;top:50%;left:50%;transform:translate(-50%,-50%);}
#response{display:none;padding:2rem 1rem;font-size:120%;margin:1rem 0;}
.invalid{color:#c33;}
.guide{display:block;margin:.5rem 0;font-size:.75rem;color:#a1a1a1;}
.mb-select{display:none;}
.mb-custom-select{width:100%;position:relative;cursor:pointer;user-select:none;font-weight:400;}
.mb-custom-select .selected{padding:.5rem;display:block;border:1px solid #ddd;margin-top:.5rem;border-radius:.25rem;color:#ccc;}
.mb-custom-select .selected:hover{border-color:#333;color:#000;}
.mb-custom-select .selected.active{color:#000;}
.mb-custom-select .selected:after{position:absolute;content:"";top:1rem;right:.5rem;width:0;height:0;border:.4rem solid transparent;border-color:#333 transparent transparent;}
.mb-custom-select ul{list-style:none;position:absolute;top:0;left:.5rem;width:100%;display:none;margin-left:-.5rem;border:1px solid;}
.mb-custom-select ul.show{display:block;z-index:100;}
.mb-custom-select ul li{padding:.5rem;border-bottom:1px solid #eee;background:#fff;transition:background .5s;}
.mb-custom-select ul li.disabled{font-size:.8rem;text-transform:uppercase;}
.mb-custom-select ul li:not(.disabled):hover{background:#fafafa;border-color:#a1a1a1;}


a.file{margin:1rem 0;padding:3px 0;border:none;font-size:.9rem;}
a.file em{display:inline-block;height:50px;width:50px;margin-right:1rem;background:url(../gfx/files.svg) no-repeat;border:0;}
a.file.pdf em{background-position:0 0;}
a.file.doc em{background-position:-40px 0;}
a.file.xls em{background-position:-80px 0;}
a.file.zip em{background-position:-120px 0;}


@media only screen and (max-width: 700px) {
.col{width:100%;}
section{margin:1rem;}
.header h1{top:90%;}


h1{font-size:2rem!important;}
h2{font-size:2rem!important;}
h3{font-size:1.25rem!important;}
main .col,footer .col,.grid-item{width:100%;margin-bottom:1rem;}
.offset-m1,.offset-m2,.offset-m3,.offset-m4{margin:0;}
.grid-item{padding:.5rem;}
.hide-mobile{display:none;}
.show-mobile{display:block;}
.masonry{margin:0;}
.read p{font-size:.9rem;}
footer{padding:.5rem;font-size:.8rem;}
figure.fix.contain img{object-position:center!important;}}