/*! sanitize.css | CC0 Public Domain | github.com/jonathantneal/sanitize.css */:root{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;text-size-adjust:100%}audio:not([controls]){display:none}details{display:block}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}summary{display:block}pre{overflow:auto}progress{display:inline-block}small{font-size:75%}template{display:none}textarea{overflow:auto}[hidden]{display:none}[unselectable]{user-select:none}*,::before,::after{box-sizing:inherit}*{font-size:inherit;line-height:inherit}::before,::after{text-decoration:inherit;vertical-align:inherit}*,::before,::after{border-style:solid;border-width:0}*{margin:0;padding:0}:root{box-sizing:border-box;cursor:initial;font:16px/1.5 sans-serif;text-rendering:optimizeLegibility}html{background-color:#fff}a{text-decoration:none}audio,canvas,iframe,img,svg,video{vertical-align:middle}button,input,select,textarea{background-color:rgba(0,0,0,0)}button,input,select,textarea{color:inherit;font-family:inherit;font-style:inherit;font-weight:inherit}button,[type=button],[type=date],[type=datetime],[type=datetime-local],[type=email],[type=month],[type=number],[type=password],[type=reset],[type=search],[type=submit],[type=tel],[type=text],[type=time],[type=url],[type=week],select,textarea{min-height:0}code,kbd,pre,samp{font-family:monospace,monospace}ol,ul{list-style:none}select{-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}table{border-collapse:collapse;border-spacing:0}textarea{resize:vertical}::selection{background-color:#b3d4fc;text-shadow:none}@media screen{[hidden~=screen]{display:inherit}[hidden~=screen]:not(:active):not(:focus):not(:target){clip:rect(0 0 0 0) !important;position:absolute !important}}.slides{flex:0 0 100%;max-width:100%;height:100%;display:flex;align-items:flex-start;overflow:hidden}.slides .slide{transition:margin-left 1s}.slides .slide>*,.slides .slide img{width:auto;height:auto;max-height:100%;max-width:100%;margin:0 auto}.prev,.next{position:absolute;width:50px;height:80px;border-radius:5px;background:rgba(170,170,170,.5);right:20px;top:50%;transform:translateY(-50%);cursor:pointer;z-index:50;transition:background-color .3s}.prev:after,.next:after{content:"";position:absolute;width:10px;height:25px;background:url(../images/arrow-right.png) no-repeat center/contain;left:50%;top:50%;transform:translate(-50%, -50%)}.prev:hover,.next:hover{background:#cf0}.prev:hover:after,.next:hover:after{background-image:url(../images/arrow-right-gray.png)}.prev{left:20px;right:auto}.prev:after{transform:translate(-50%, -50%) rotate(180deg)}.dots{width:100%;max-width:100%}.dots ul{margin:0 auto;display:flex;justify-content:center}.dots ul li{cursor:pointer;text-indent:-99999px;width:10px;height:10px;border-radius:50%;background:#ccc;margin:0 10px}.dots ul li.active{background:#888}*,*:after,*:before{box-sizing:border-box}html,body{font-family:"Roboto";background:#111;color:#fff;min-height:100vh;scroll-behavior:smooth}body{display:flex;flex-direction:column}img{height:auto;max-width:100%}.button{appearance:none;background:#fff;padding:10px;color:#000;line-height:1;font-size:16px;align-self:flex-start;outline:none;cursor:pointer;border:2px solid #fff;transition:background-color .3s,color .3s}.button:hover{background:#000;color:#fff}input[type=text],input[type=email],input[type=number],select,textarea{background:#fff;color:#000;padding:0 10px;outline:none}input[type=text],input[type=email],select{height:40px}select{background-image:url(../images/bg-select.png);background-repeat:no-repeat;background-position:center right;padding-right:30px}.overlay{position:absolute;top:100%;left:20px;right:20px;height:calc(100% - 40px);background:rgba(0,0,0,.8);color:#fff;transition:top .3s;padding:20px;display:flex;flex-direction:column}.overlay h1,.overlay h2{font-size:20px;text-align:center;margin-bottom:10px;color:#fff;letter-spacing:2px}.overlay .filters{margin-top:auto}.overlay .filters>div{display:flex}.overlay .filters>div>span{font-size:14px;flex:0 0 90px}.overlay .filters>div>div{display:flex;flex-wrap:wrap}.overlay .filters>div>div span{display:inline-block;background:#f09;color:#fff;padding:2px 4px;border-radius:2px;margin-right:10px;margin-bottom:10px;font-size:14px}.oldBrowserNotice{display:none;background:rgba(255,0,0,.5);position:fixed;top:0;left:0;right:0;bottom:0;justify-content:center;align-items:center;font-size:18px;text-align:center;font-weight:700}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.oldBrowserNotice{display:flex}}.header{padding:20px;width:100%;max-width:1920px;margin:0 auto}.header h1{font-size:20px;text-align:center;text-transform:uppercase;border-bottom:4px solid #0ebeff;padding-bottom:20px}@media(min-width: 400px){.header h1{font-size:30px}}@media(min-width: 500px){.header h1{font-size:40px}}.header .filters{display:flex;margin:20px 0 10px;flex-direction:column}@media(min-width: 500px){.header .filters{flex-direction:row}}.header .filters .featureFilter{display:flex;flex-direction:column}@media(min-width: 500px){.header .filters .featureFilter{flex-direction:row}}.header .filters .featureFilter>div input{display:none}.header .filters .featureFilter>div input:checked+label{color:#fff}.header .filters .featureFilter>div label{display:block;padding:0 20px;line-height:30px;cursor:pointer;color:#888;transition:color .3s}.header .filters .featureFilter>div label[for*=Bekeken]:before{content:"Meeste "}.header .filters span{display:flex;align-items:center;padding:0 20px;line-height:30px;cursor:pointer}.header .filters span:before{content:"";background:url(../images/filters.png) no-repeat center/contain;width:20px;height:20px;margin-right:10px;display:inline-block}aside.filters{position:fixed;top:0;left:-500px;bottom:0;background:#333;z-index:1000;transition:left .3s;padding:30px 20px;min-width:300px;color:#fff;max-height:100vh;overflow:auto}aside.filters.active{left:0}aside.filters.active+.filterOverlay{pointer-events:all;opacity:1}aside.filters h2{font-size:25px}aside.filters>div{margin-bottom:20px}aside.filters .close{position:absolute;right:10px;top:10px;line-height:1;cursor:pointer}aside.filters input{display:none}aside.filters input:checked+label:before{background-color:#fbebeb}aside.filters input:checked+label:after{opacity:1;transform:scale(1)}aside.filters label{display:block;padding:0 10px 0 30px;margin-bottom:5px;position:relative;cursor:pointer;line-height:20px}aside.filters label:before{content:"";position:absolute;left:0;display:inline-block;height:20px;width:20px;cursor:pointer;background-color:#3bb6b6;transition:background-color .3s linear}aside.filters label:after{content:"";position:absolute;top:0;left:4px;font-family:"FontAwesome";font-size:12px;line-height:20px;color:#3bb6b6;opacity:0;transform:scale(0);cursor:pointer;transition:opacity .3s linear,transform .3s linear}.filterOverlay{position:fixed;top:0;left:0;right:0;bottom:0;backdrop-filter:blur(5px);z-index:999;opacity:0;pointer-events:none;transition:opacity .3s}.projects{position:relative;max-width:1920px;margin:auto;width:100%}.projects .container{display:flex;flex-wrap:wrap;flex-direction:column;max-height:345px;justify-content:center;overflow:scroll;scroll-snap-type:x mandatory}@media(min-height: 620px){.projects .container{max-height:700px;max-width:100000vw}}.projects .container::-webkit-scrollbar{width:5px}.projects .container::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.projects .container::-webkit-scrollbar-thumb{background:#333}.projects .container::-webkit-scrollbar-thumb:hover{background:#666}.projects:before,.projects:after{content:"";position:absolute;left:0;top:0;bottom:0;background:linear-gradient(to right, #111111 0%, rgba(17, 17, 17, 0.3) 80%, rgba(17, 17, 17, 0) 100%);z-index:10;pointer-events:none}@media(min-width: 1200px){.projects:before,.projects:after{width:12.5%}}.projects:after{left:auto;right:0;background:linear-gradient(to right, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.3) 20%, #111111 100%)}.projects a{display:flex;scroll-snap-align:start;position:relative;width:100%;overflow:hidden;padding:20px}@media(min-width: 445px){.projects a{height:330px;max-width:440px;max-height:330px}}.projects a:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:20px solid #111}.projects a:empty{pointer-events:none;display:none}@media(min-width: 1200px){.projects a:empty{display:block}}.projects a:empty:nth-of-type(2n){display:none}@media(min-height: 620px){.projects a:empty:nth-of-type(2n){display:block}}.projects a[hidden]{display:none}.projects a figure{overflow:hidden;border-radius:5px;background:#333}.projects a figure img{display:block}@media(min-width: 445px){.projects a figure img{width:400px;height:240px}}.projects a figure figcaption{padding:10px 20px;color:#fff;display:flex;justify-content:space-between}.projects a figure figcaption .title{white-space:nowrap;overflow:hidden;flex:1 1 0;text-overflow:ellipsis}.projects a figure figcaption .viewed{flex:0 0 auto;display:inline-block;color:#fff;margin-left:10px;font-size:14px}.projects a figure figcaption .viewed:before{content:"";background:url(../images/views.png) no-repeat center/contain;width:16px;height:10px;display:inline-block;margin-right:5px}.projects a .overlay .description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.projects a:hover .overlay{top:20px}.project{position:relative}.project.active .top .hamburger i{background:rgba(255,255,255,0)}.project.active .top .hamburger i:before{top:0;transform:rotate(45deg);transition:background-color .3s,top .3s,transform .3s .3s}.project.active .top .hamburger i:after{bottom:0;transform:rotate(-45deg);transition:background-color .3s,bottom .3s,transform .3s .3s}.project.active .top .hamburger:hover i{background:rgba(255,255,255,0)}.project.active .overlay{top:82px;bottom:0}@media(min-width: 600px){.project.active .overlay{top:102px}}@media(min-width: 800px){.project.active .overlay{top:62px}}.project iframe{background:#fff;height:100vh;width:100%;max-width:100vw;max-height:calc(100vh - 140px)}@media(min-width: 600px){.project iframe{max-height:calc(100vh - 110px)}}.project .overlay{padding-top:40px;height:calc(100% - 82px);top:-100%;left:0;right:0;transition:top .3s;display:flex}@media(min-width: 600px){.project .overlay{height:calc(100% - 102px)}}@media(min-width: 800px){.project .overlay{height:calc(100% - 62px)}}.project .overlay .container{width:100%;max-width:800px;margin:0 auto;flex:1 1 auto;display:flex;flex-direction:column;align-items:center}.project .overlay .description{margin-bottom:20px;text-align:center}.project .overlay .filters{min-width:300px}.project .top{position:relative;border-bottom:2px solid #fff;padding:0 20px;z-index:100;background:#000}.project .top h1{font-size:20px;line-height:30px;text-align:center;margin:5px 0}@media(min-width: 600px){.project .top h1{font-size:30px;line-height:50px}}.project .top .nav{position:relative;display:flex;top:auto;left:auto;bottom:auto;min-height:40px}@media(min-width: 800px){.project .top .nav{position:absolute;left:20px;top:0;bottom:0}}.project .top .back{width:20px;cursor:pointer;margin-right:20px;position:relative;overflow:hidden}.project .top .back i{position:absolute;top:50%;transform:translateY(-50%);display:inline-block;width:19px;height:3px;background:#fff;margin-left:1px}.project .top .back i:before,.project .top .back i:after{content:"";position:absolute;left:0px;top:50%;transform:translateY(-50%) rotate(-45deg);transform-origin:0 50%;width:10px;height:3px;background:#fff;margin-top:1px}.project .top .back i:after{margin-top:-1px;transform:translateY(-50%) rotate(45deg)}.project .top .back:hover i{animation:arrowBack 1s infinite}.project .top .hamburger{width:110px;cursor:pointer;margin-right:20px;display:flex;align-items:center}.project .top .hamburger i{display:block;flex:0 0 20px;height:3px;background:#fff;position:relative;margin-right:10px;transition:background-color .3s}.project .top .hamburger i:before,.project .top .hamburger i:after{position:absolute;content:"";left:0;right:0;height:3px;background:#fff;top:-7px;transition:background-color .3s,top .3s .3s,bottom .3s .3s,transform .3s}.project .top .hamburger i:after{top:auto;bottom:-7px}.project .top .hamburger:hover i{background:#f6f521}.project .top .hamburger:hover i:before,.project .top .hamburger:hover i:after{background:#f6f521}@keyframes arrowBack{0%{left:0}50%{left:-100%}50.1%{left:100%}100%{left:0}}footer{width:100%;text-align:center;font-size:12px;color:#ccc;padding:20px}.designBanners form{display:flex;flex-wrap:wrap}.designBanners aside{position:fixed;left:0;top:0;bottom:0;width:300px;padding:20px;border-right:2px solid #fff;display:flex;flex-wrap:wrap;align-content:flex-start}.designBanners aside h2{margin-bottom:20px}.designBanners h1{font-size:40px;margin-bottom:20px}.designBanners h2{font-size:25px;margin-bottom:10px}.designBanners h3{font-size:20px;margin-bottom:5px}.designBanners article{display:flex;flex-direction:column;width:100%;margin-bottom:20px}.designBanners article.sizes{margin-bottom:0}.designBanners article ul{width:100%;min-height:calc(100vh - 320px);display:grid;grid-template-rows:repeat(auto-fill, 10px);grid-template-columns:repeat(auto-fill, 10px)}.designBanners article ul li{cursor:pointer;position:relative;margin:10px;user-select:none;order:999;display:flex;justify-content:center;align-content:center;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 10px rgba(0,0,0,.7)}.designBanners article ul li p{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.designBanners article ul li div{border:1px solid #fff}.designBanners article ul li:after{content:"X";position:absolute;font-size:10px;top:5px;line-height:1;right:5px}.designBanners article .description{margin-bottom:10px}.designBanners article .addForm{display:flex;flex-direction:column;align-items:center;margin-bottom:10px}.designBanners article .addForm.is-dragover input[type=file]+label{background:#444}.designBanners article .addForm.is-dragover input[type=file]+label:after{border-color:#666}.designBanners article .addForm input[type=file]{display:none}.designBanners article .addForm input[type=file]+label{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;padding:50px;background:#333;cursor:pointer;margin-bottom:10px}.designBanners article .addForm input[type=file]+label:after{content:"";position:absolute;top:10px;left:10px;right:10px;bottom:10px;border:2px dashed #555}.designBanners article .addForm input[type=file]+label svg{fill:#fff;margin-bottom:10px}.designBanners .error{color:red}.designBanners p.error{flex:0 0 100%}.designBanners [hidden]{display:none !important}.designBanners button[disabled]{background:#ccc}