@charset "UTF-8";body{margin:0;overflow-y:hidden;font-size:16px;font-family:Lato,Arial,sans-serif;}ul{padding-inline-start:0;}label{display:block;padding-bottom:8px;}.row{display:-ms-flexbox;display:flex;flex-wrap:wrap;}.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col,.col-auto,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm,.col-sm-auto,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md,.col-md-auto,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg,.col-lg-auto,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl,.col-xl-auto{position:relative;width:100%;}.col{flex-basis:0;flex-grow:1;max-width:100%;}.col-auto{flex:0 0 auto;width:auto;max-width:100%;}.col-1{flex:0 0 8.333333%;max-width:8.333333%;}.col-2{flex:0 0 16.666667%;max-width:16.666667%;}.col-3{flex:0 0 25%;max-width:25%;}.col-4{flex:0 0 33.333333%;max-width:33.333333%;}.col-5{flex:0 0 41.666667%;max-width:41.666667%;}.col-6{flex:0 0 50%;max-width:50%;}.col-7{flex:0 0 58.333333%;max-width:58.333333%;}.col-8{flex:0 0 66.666667%;max-width:66.666667%;}.col-9{flex:0 0 75%;max-width:75%;}.col-10{flex:0 0 83.333333%;max-width:83.333333%;}.col-11{flex:0 0 91.666667%;max-width:91.666667%;}.col-12{flex:0 0 100%;max-width:100%;}@media(min-width:1025px){.col-lg-1{flex:0 0 8.333333%;max-width:8.333333%;}.col-lg-2{flex:0 0 16.666667%;max-width:16.666667%;}.col-lg-3{flex:0 0 25%;max-width:25%;}.col-lg-4{flex:0 0 33.333333%;max-width:33.333333%;}.col-lg-5{flex:0 0 41.666667%;max-width:41.666667%;}.col-lg-6{flex:0 0 50%;max-width:50%;}.col-lg-7{flex:0 0 58.333333%;max-width:58.333333%;}.col-lg-8{flex:0 0 66.666667%;max-width:66.666667%;}.col-lg-9{flex:0 0 75%;max-width:75%;}.col-lg-10{flex:0 0 83.333333%;max-width:83.333333%;}.col-lg-11{flex:0 0 91.666667%;max-width:91.666667%;}.col-lg-12{flex:0 0 100%;max-width:100%;}}.wrapper{width:100%;margin-left:auto;margin-right:auto;}header{background-color:#133538;}.logo-container,.klantenvertellen-container{padding:8px 0;padding-right:16px;padding-left:16px;}.logo,.klantenvertellen,.logo-container,.klantenvertellen-container{height:36px;}@media(max-width:320px){.klantenvertellen-container{display:none;}}.klantenvertellen{width:200px;background:#fff!important;}@media(min-width:1025px){.preview,.preview-container,.preview div{max-height:calc(100vh - 36px - 50px);}}@media(max-width:1025px){.preview,.preview-container,.preview div{max-height:56.25vw;}}.preview{width:100%;}.preview>div{height:100%;width:100%;}.preview-container{height:fit-content;margin:auto;padding:0;}@media(min-width:1025px){.preview-container{margin-left:16px;margin-right:16px;}}.preview-wrapper{position:relative;width:100%;height:100%;}.preview-wrapper img,.preview-wrapper div{position:absolute;left:0;top:0;right:0;width:100%;height:100%;}@media(max-width:1025px){.preview-wrapper img,.preview-wrapper div{max-height:56.25vw;}}.layer1{position:relative!important;z-index:1;}.layer1 img{position:relative!important;}.layer2{z-index:2;}.layer3{z-index:3;}.layer4{z-index:4;}.article-container{display:flex;height:calc(100vh - 36px - 8px - 8px);min-width:120px;overflow-y:auto;}.article-container i{margin-right:16px;display:block;}@media(max-width:1025px){.article-container{height:calc(100vh - 36px - 8px - 8px - 56.25vw - 40px - 16px - 16px - 64px);margin-left:16px;}}.article-wrapper{height:fit-content;}@media(max-width:1025px){.article-wrapper{width:100%;}}.article-wrapper.success-page{margin-right:16px;}.article-wrapper label{padding-right:8px;}article{border:1px solid #778899;border-radius:8px;color:#778899;cursor:pointer;margin:0 8px 8px 0;padding:8px;width:100px;}article .article-image{opacity:.7;max-height:60.25px;}article .article-image img{width:100%;}article.selected{border:1px solid #000;color:#000;}article.selected .article-image{opacity:1;}article.selected:after{bottom:24px;content:"✓";color:#000;display:flex;font-weight:bolder;font-size:20px;height:0;justify-content:flex-end;position:relative;}article .article-description{display:flex;justify-content:center;margin-top:8px;}article .article-amount{padding-top:8px;width:fit-content;}article .article-amount input[type=number]{height:50px;width:30px;padding:0 16px;font-size:16px;}article .article-amount input[type=number].validationError{border:1px solid #f00;}article .article-price{color:#778899;display:flex;justify-content:flex-start;min-height:20px;position:relative;top:4px;}article .article-grid{display:flex;flex-wrap:wrap;padding-top:8px;justify-content:center;}article .article-grid-selection{align-items:center;border:1px solid #000;display:flex;flex:1;height:20px;justify-content:center;margin:2px;padding:6px;}article .article-grid-selection.selected{background-color:#9dc278;border-color:#3e7458;}.steps-container{border-left:1px solid #133538;min-width:100px;}@media(max-width:1025px){.steps-container{overflow-x:auto;height:calc(100vh - 36px - 8px - 8px - 56.25vw - 40px - 16px - 16px - 64px);}}@media(min-width:1025px){.steps-container{display:flex;height:calc(100vh - 36px - 8px - 8px);overflow-y:auto;}}.steps{list-style:none;display:flex;flex-direction:column;margin:8px auto;}.steps li{cursor:pointer;text-align:center;padding:8px 0;}.steps li .step-number{border:1px dashed #5db370;border-radius:50%;color:#3e7458;display:block;font-weight:900;height:24px;line-height:24px;margin-left:auto;margin-right:auto;width:24px;}.steps li.active .step-number,.steps li.visited .step-number{background-color:#9dc278;border-color:transparent;position:relative;}.steps li.visited .step-number{color:#3e7458;}.steps li.active .step-number{color:#fafafa;}.steps li.active .step-number::after{content:" ";position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;border:2px solid #3e7458;border-radius:50%;}.steps li .step-description{display:inline-block;padding-top:4px;max-width:75px;text-wrap:wrap;}.step{margin-bottom:16px;}input[type=text],textarea{min-height:50px;width:calc(100% - 16px - 16px - 16px - 2px);padding:0 16px;font-size:16px;}input[type=text].validationError,textarea.validationError{border:1px solid #f00;}div.validationError{color:#f00;font-weight:bold;padding-top:4px;}input[type=file]{height:50px;}textarea{padding:16px;}fieldset{margin-right:16px;}.filepond--root{margin-right:16px;}.filepond--drop-label{background-color:#f1b328;border-radius:2px;}.filepond--label-action{color:#212529;text-decoration:none;}.filepond--list{margin-top:8px!important;}.price-container{background-color:#133538;position:absolute;height:40px;color:#fff;z-index:5;padding:16px;}@media(min-width:1025px){.price-container{width:calc(100% - 64px);bottom:16px;margin:0 16px;border-radius:10px;}}@media(max-width:1025px){.price-container{position:fixed;bottom:0;left:0;width:calc(100% - 16px - 16px);}}.pricetag{float:left;margin-top:4px;}@media(max-width:1025px){.pricetag{font-size:20px;}}@media(min-width:1025px){.pricetag{font-size:24px;}}.pricetag .price-sub{font-size:12px;position:relative;bottom:8px;}button{background-color:#f3bb40;background-repeat:no-repeat;background-size:15px;border:0;border-radius:3px;color:#000;cursor:pointer;display:block;float:right;font-weight:bold;font-size:16px;height:40px;text-align:center;transition:background-position ease-in-out .3s,background-color ease-in-out .3s;}button.btn-previous{background-image:url(../../images/btn-arrow-left.svg);background-position:50% 50%;margin-right:16px;padding:20px;}button.btn-next{background-image:url(../../images/btn-arrow-right.svg);background-position:95% 50%;padding-right:24px;float:right;min-width:108px;max-width:150px;width:calc(100% - 40px - 8px - 8px - 8px);}button.btn-exterior{margin-right:16px;}button.btn-exterior,button.btn-interior{min-width:80px;}button.inactive{opacity:.5;cursor:auto;}@media(max-width:1025px){.hide-on-mobile{display:none;}}.popup{background:rgba(0,0,0,.75);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:6;}.popup-container{align-items:center;display:flex;height:100%;justify-content:center;z-index:7;}.popup-inner{background:#fff;border-radius:8px;height:130px;width:320px;z-index:7;}.popup-title{display:flex;justify-content:center;}.popup-button{display:flex;justify-content:center;}.popup-button button{width:200px;}