*,h1,h2,h3,h4,img,p{margin:0}section.page .content,section.showcase .slides-text{font-family:'Fira Sans';box-sizing:border-box}@font-face{font-family:'Fira Sans';font-style:normal;font-weight:400;src:local('Fira Sans'),local('FiraSans-Regular'),url(https://fonts.gstatic.com/s/firasans/v6/EjsrzDkQUQCDwsBtLpcVQaCWcynf_cDxXwCLxiixG1c.ttf) format('truetype')}@font-face{font-family:'Fira Sans';font-style:normal;font-weight:500;src:local('Fira Sans Medium'),local('FiraSans-Medium'),url(https://fonts.gstatic.com/s/firasans/v6/zM2u8V3CuPVwAAXFQcDi4InF5uFdDttMLvmWuJdhhgs.ttf) format('truetype')}@font-face{font-family:'Fira Sans';font-style:normal;font-weight:700;src:local('Fira Sans Bold'),local('FiraSans-Bold'),url(https://fonts.gstatic.com/s/firasans/v6/DugPdSljmOTocZOR2CItOonF5uFdDttMLvmWuJdhhgs.ttf) format('truetype')}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(https://fonts.gstatic.com/s/roboto/v15/zN7GBFwfMP4uA6AR0HCoLQ.ttf) format('truetype')}*{padding:0}a,a:active,a:hover,a:link,a:visited{color:inherit;text-decoration:none;outline:0;cursor:pointer}img{display:block}.angular-lightbox-overlay{position:fixed;z-index:9999;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,.8);opacity:0;transition:all .5s ease-in-out}.angular-lightbox-overlay.visible{opacity:1}.angular-lightbox-overlay .angular-lightbox-inner{position:relative;display:block;width:100%;height:100%;overflow:hidden;padding:65px;box-sizing:border-box}@media (max-width:767px){.angular-lightbox-overlay .angular-lightbox-inner{padding:65px 0}}.angular-lightbox-overlay .angular-lightbox-inner img{max-width:100%!important;width:auto;max-height:100%!important;height:auto;margin:0 auto}.angular-lightbox-overlay .angular-lightbox-inner nav.lightbox{position:absolute;top:0;right:0;width:65px;height:65px;background:#fff;color:#FF3800}.angular-lightbox-overlay .angular-lightbox-inner nav.lightbox a.close{display:block;position:relative;line-height:65px;text-align:center;width:100%}.clearfix:after,main section:after,section.page .content ul.tag-list:after,section.page.colors ul.color-scheme:after,section.showcase:after{content:'';display:table;clear:both}.vertical-center{margin:0 auto}main section.section{min-height:75vh}main section.section.showcase{height:75vh}nav.back{top:0;position:fixed;z-index:9999;width:65px;height:65px;background:#fff;text-align:center}nav.back a{display:block;height:100%;line-height:65px;color:#FF3800}section.page{position:relative}section.page:nth-of-type(odd){background:#212121}section.page:nth-of-type(odd) .content{background:#262626}section.page:nth-of-type(odd) .content h1{color:#fff}section.page:nth-of-type(odd) .content p{color:#fff}section.page:nth-of-type(odd) .content a{border-bottom:1px solid #fff}section.page:nth-of-type(odd) .content ul.tag-list{background:#212121}section.page:nth-of-type(odd) .content ul.tag-list li{color:#fff}section.page:nth-of-type(even){background:#eee}section.page:nth-of-type(even) .content{background:#fff}section.page .content{float:right;width:calc(100% - 300px);height:100%;padding:50px 80px}@media (max-width:767px){section.page .content{float:none;width:100%;padding:25px}}section.page .content h1{color:gray;font-size:24pt;margin-bottom:50px;position:relative}section.page .content h1:after{content:'';position:absolute;bottom:-25px;left:0;width:50px;height:5px;background:#FF3800}section.page .content p{color:#262626;-webkit-column-count:2;-moz-column-count:2;column-count:2;text-align:justify;-webkit-column-gap:50px;-moz-column-gap:50px;column-gap:50px;line-height:28px}section.page .content p a{border-bottom:1px solid #262626}section.page .content ul{color:#262626}section.page .content ul.list-capable{list-style-type:none;margin-top:50px;float:left;font-weight:700;width:calc(50% - 25px);font-size:10pt}@media (max-width:767px){section.page .content p{-webkit-column-count:1;-moz-column-count:1;column-count:1}section.page .content ul.list-capable{float:none;width:100%}section.page .content ul.list-capable:last-of-type{margin-top:0}}section.page .content ul.list-capable:last-of-type{float:right}section.page .content ul.list-capable li{margin-bottom:10px;color:#262626;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}section.page .content ul.list-capable li:after{color:gray;font-weight:400}section.page .content ul.list-capable li:nth-child(odd){border-bottom:3px solid #eee}section.page .content ul.list-capable li:nth-child(even){border-bottom:3px solid #cbcbcb}section.page .content ul.list-capable li:hover{border-color:#FF3800;color:#FF3800}section.page .content ul.list-capable li.bar[data-capable=voldoende]{width:60%}section.page .content ul.list-capable li.bar[data-capable=voldoende]:after{content:' - Voldoende'}section.page .content ul.list-capable li.bar[data-capable=ruim-voldoende]{width:70%}section.page .content ul.list-capable li.bar[data-capable=ruim-voldoende]:after{content:' - Ruim voldoende'}section.page .content ul.list-capable li.bar[data-capable=goed]{width:80%}section.page .content ul.list-capable li.bar[data-capable=goed]:after{content:' - Goed'}section.page .content ul.list-capable li.bar[data-capable=zeer-goed]{width:90%}section.page .content ul.list-capable li.bar[data-capable=zeer-goed]:after{content:' - Zeer goed'}section.page .content ul.list-capable li.bar[data-capable=uitstekend]{width:100%}section.page .content ul.list-capable li.bar[data-capable=uitstekend]:after{content:' - Uitstekend'}section.page .content ul.tag-list{margin-top:45px}section.page .content ul.tag-list li{display:block;float:left;margin-right:10px;margin-bottom:10px;color:#262626;border:1px solid #eee;padding:4px 8px}section.page .content ul.tag-list li:last-of-type{margin-right:0}section.page .content ul.download-list{list-style-type:none;margin-top:45px;line-height:28px}section.page .content ul.download-list li:first-of-type{font-weight:700}section.page .content ul.download-list li a{border-bottom:1px solid #262626}section.page .content ul.typografie-list{text-transform:uppercase;list-style-type:none}section.page .content ul.typografie-list li{margin-bottom:25px;border-bottom:1px solid #eee;padding-bottom:25px}section.page .content ul.typografie-list li h2{color:#262626;font-weight:400}section.page .content ul.typografie-list li h3{color:gray;font-weight:400}section.page .content ul.typografie-list li:last-of-type{margin-bottom:0;padding-bottom:0;border-bottom:none}section.page.colors ul.color-scheme{list-style-type:none}section.page.colors ul.color-scheme li{float:left;margin-right:20px;margin-bottom:20px;border-radius:5px;background:#fff;overflow:hidden;border:1px solid #262626;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;-webkit-transform:translateZ(0);padding:0 40px;box-sizing:border-box}@media (max-width:767px){section.page.colors ul.color-scheme li{float:none;width:100%}}section.page.colors ul.color-scheme li:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}section.page.colors ul.color-scheme li .circle{display:block;width:100px;height:100px;border-radius:100px;margin:20px auto;box-shadow:0 0 5px 0 rgba(0,0,0,.25);border:8px solid rgba(255,255,255,.1)}section.page.colors ul.color-scheme li .code{display:block;text-align:center;font-weight:700;padding:20px 0;color:#262626;border-top:1px solid #eee;text-transform:uppercase}section.page.colors ul.color-scheme li:last-of-type{margin-right:0}section.showcase{position:relative}section.showcase .bar-left{float:left;width:300px;height:100%;background:#FF3800;position:relative}@media (max-width:767px){section.showcase .bar-left{float:none;width:100%;height:auto}}section.showcase .project-slides,section.showcase .slides{float:right;width:calc(100% - 300px);height:100%;background:#262626}@media (max-width:767px){section.showcase .project-slides,section.showcase .slides{float:none;width:100%}}section.showcase .project-slides ul.slick-dots,section.showcase .slides ul.slick-dots{position:absolute;bottom:0;z-index:999;list-style-type:none;margin-bottom:20px;margin-left:20px}section.showcase .project-slides ul.slick-dots li,section.showcase .slides ul.slick-dots li{float:left;margin-left:10px}section.showcase .project-slides ul.slick-dots li:first-of-type,section.showcase .slides ul.slick-dots li:first-of-type{margin-left:0}section.showcase .project-slides ul.slick-dots li.slick-active button,section.showcase .slides ul.slick-dots li.slick-active button{background:#FF3800}section.showcase .project-slides ul.slick-dots li button,section.showcase .slides ul.slick-dots li button{display:block;border:none;outline:0;text-indent:200%;white-space:nowrap;overflow:hidden;cursor:pointer;width:15px;height:15px;border-radius:15px;background:#fff;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}section.showcase .project-slides ul.slick-dots li button:hover,section.showcase .slides ul.slick-dots li button:hover{background:#FF3800}section.showcase .project-slides .slick-arrow,section.showcase .slides .slick-arrow{position:absolute;z-index:999;bottom:0;display:block;background:#fff;border:none;outline:0;color:#FF3800;width:70px;height:70px;cursor:pointer;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}section.showcase .project-slides .slick-arrow:first-of-type,section.showcase .slides .slick-arrow:first-of-type{margin-right:10px}section.showcase .project-slides .slick-arrow.slick-disabled,section.showcase .slides .slick-arrow.slick-disabled{opacity:0;cursor:inherit}section.showcase .project-slides .slick-arrow.slick-prev,section.showcase .slides .slick-arrow.slick-prev{left:0}section.showcase .project-slides .slick-arrow.slick-next,section.showcase .slides .slick-arrow.slick-next{right:0}section.showcase .project-slides .slick-arrow:hover,section.showcase .slides .slick-arrow:hover{background:#eee}section.showcase .project-slides .slide,section.showcase .slides .slide{position:relative;width:100%;height:75vh;background-size:cover;background-position:center;outline:0}section.showcase .project-slides .slide.black-white,section.showcase .slides .slide.black-white{-webkit-filter:grayscale(100%);filter:grayscale(100%)}section.showcase .project-slides .slide a,section.showcase .slides .slide a{display:block;position:absolute;left:0;top:0;right:0;bottom:0}section.showcase .project-slides .slide.slick-active .content,section.showcase .slides .slide.slick-active .content{opacity:1}section.showcase .slides-text{position:absolute;bottom:200px;display:block;left:calc(300px - 180px);color:#fff;width:170px;white-space:nowrap;z-index:+1}section.showcase .slides-text .slick-list{overflow:visible}section.showcase .slides-text .slick-list .slide{outline:0;-ms-flex-item-align:end;align-self:flex-end}section.showcase .slides-text .content h1{font-size:52pt;text-shadow:0 0 20px rgba(0,0,0,.1)}@media (max-width:767px){section.showcase .slides-text{left:0;bottom:0;width:100%;padding:0 20px 50px;white-space:wrap;background:-webkit-linear-gradient(transparent,rgba(0,0,0,.5));background:linear-gradient(transparent,rgba(0,0,0,.5))}section.showcase .slides-text .slick-list{overflow:hidden}section.showcase .slides-text .content h1{font-size:32pt;display:block}section.showcase .slides-text .content a.link{display:block}}section.showcase .slides-text .content a.link{float:left;background:#212121;padding:10px 20px;border-radius:20px}section.showcase .slides-text .content a.link:hover{background:#262626}