@import"https://fonts.googleapis.com/css2?family=Overpass:wght@400;700;800;900&display=swap";@import"https://rsms.me/inter/inter.css";.product-canvas{position:fixed;width:calc(100% - 400px);height:100%;background:white}.menu{-webkit-user-select:none;-moz-user-select:none;user-select:none;position:absolute;top:0px;bottom:0px;right:0px;width:400px;background:#ffffff}.show-doors-toggle{-webkit-user-select:none;-moz-user-select:none;user-select:none;position:absolute;bottom:20px;right:420px}.show-doors-toggle button{padding:10px;color:#fff;background-color:#27454c;border-radius:10px;display:flex;justify-content:center;align-items:center}.content{position:absolute;width:100%;top:60px;bottom:80px;overflow-y:scroll;overflow-x:auto}.loading-gif{visibility:hidden;width:15%;height:auto}@media (max-width: 700px){.product-canvas{position:relative;float:none;width:100vw;height:80vw;overflow-y:hidden;overflow-x:hidden}.product-canvas-overlay{height:60vw}.menu{position:relative;width:100%;top:0px;height:inherit;right:0px;overflow-y:hidden;overflow-x:hidden}.show-doors-toggle{right:20px;top:calc(80vw - 65px)}.toggle-overlay{top:calc(60vw - 65px)}.content{position:relative;top:20px;margin-bottom:20px}.loading-gif{width:50%;height:auto}}.breakline{position:relative;margin-left:25px;margin-right:25px;margin-bottom:10px;width:inherit;height:0px;border:2px solid #EAEAEA}.regular{font-family:Overpass,sans-serif;font-weight:400;font-size:16px}.bold{font-weight:700}.title{position:relative;font-family:Overpass,sans-serif;font-weight:700;font-size:30px;margin-left:25px;color:#0000007e}.edit-button-overlay{display:flex;position:absolute;top:-15px;left:-15px;align-items:center;justify-content:center;width:30px}@media (max-width: 700px){.breakline,.title{display:none}}.Info{height:16px;opacity:.3;transition:opacity .3s;right:0px}.Info:hover{opacity:1}.tooltipwrapper{display:flex;flex-direction:row;align-items:center;width:334px}.tooltiptitle{display:flex;flex-direction:row;align-items:center;width:350px}.tooltip{position:relative;display:inline-block;right:0px}.tooltiplist{list-style-type:"- ";list-style-position:outside;padding-left:16px;line-height:2}.tooltip .tooltiptext{visibility:hidden;width:300px;background-color:#fff;color:#000;text-align:left;font-size:14px;border-radius:6px;padding:10px;box-shadow:0 0 6px #00000029;position:absolute;z-index:1;top:125%;right:0px;margin-left:-60px}.tooltip:hover .tooltiptext{visibility:visible}@media (max-width: 700px){.tooltipwrapper,.tooltiptitle{display:none}.tooltip{position:absolute}}.footer{position:absolute;align-items:center;bottom:0px;width:100%;height:77px;background:#F5F3EF;box-shadow:0 0 18px #00000029}.button{position:absolute;bottom:25px;right:25px;width:27px;height:27px;display:flex;justify-content:center;align-items:center;outline:4px solid;outline-color:#0000;transition:.2s}.button:hover{border-radius:6px;outline:4px solid;outline-color:#00000010;background-color:#00000010}.to-offerte-screen{position:absolute;padding-left:0;bottom:15px;right:20px;width:200px;height:47px;background:#27454C;color:#fff;border-radius:10px;font-family:Overpass,sans-serif;font-weight:900;font-size:14px;letter-spacing:.1rem;transition:.2s}.to-offerte-screen:hover{background-color:#89801e}.back{right:77px}.backexterieur{right:230px}.arrow{pointer-events:none;margin:25px;height:29px}.arrowback{left:0px;height:29px;pointer-events:all}.boldfooter{position:absolute;bottom:-10px;left:-10px;margin:20px;font-family:Overpass,sans-serif;font-weight:700;font-size:35px}.boldfooterklein{position:absolute;top:0px;left:-10px;margin:20px;font-family:Overpass,sans-serif;font-weight:700;font-size:25px}@media (max-width: 700px){.footer{position:relative}}.StageToggle{background-color:#fff;width:100%;height:40px;font-family:Overpass,sans-serif;font-weight:700;font-size:16px;letter-spacing:20px}@media (max-width: 700px){.StageToggle{display:none}}.StageToggle button{background-color:#27454c;color:#fff;width:33.33%;height:100%}.StageToggle button.header1{background-color:#eaf0ec00;color:#27454c}.StageToggle button.header11{background-color:#27454c;color:#fff;border-radius:0 0 10px}.StageToggle button.header111{background-color:#27454c;color:#fff}.StageToggle button.header2{background-color:#eaf0ec00;color:#27454c}.StageToggle button.header22{background-color:#27454c;color:#fff;border-radius:0 0 0 10px}.StageToggle button.header222{background-color:#27454c;color:#fff;border-radius:0 0 10px}.StageToggle button.header3{background-color:#eaf0ec00;color:#27454c}.StageToggle button.header33{background-color:#27454c;color:#fff;border-radius:0 0 0 10px}.StageToggle button.header333{background-color:#27454c;color:#fff}.headermobilewrapper{position:relative;display:flex;align-items:center;width:100%;padding-top:5px;padding-bottom:5px}.headermobilecarousel{scroll-behavior:smooth;position:relative;padding-left:20px;padding-right:20px;padding-bottom:10px;width:100%;left:0px;white-space:nowrap;overflow-x:auto;overflow-y:hidden}.headermobilecarousel button{padding:10px;background-color:#f5f3ef;border-radius:10px;margin-left:5px;margin-right:5px}.headermobilecarousel button.active{background-color:#27454c;color:#fff}.WallTypeToggleWrapper{position:relative;width:inherit;font-family:Overpass,sans-serif;letter-spacing:0px;font-weight:400;font-size:20px;margin-left:25px;margin-right:25px;margin-bottom:25px}@media (max-width: 700px){.WallTypeToggleWrapper{margin-bottom:15px}.WallTypeToggle{display:flex;flex-direction:row;justify-content:center}}.WallTypeToggle button{position:relative;width:25%;height:135px;background:#ff010100;border-radius:10px;cursor:pointer;align-items:center;transition:.2s;margin-left:auto;margin-right:auto}.WallTypeToggle button:hover{background-color:#00000010}.walltypepadding{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.WallTypeIcons{position:relative;height:70px;pointer-events:none}.WallTypeText{position:relative;line-height:100%;text-align:center;margin-top:10px;margin-bottom:10px}.WallTypeTextBold{font-weight:700;position:relative;line-height:100%;text-align:center;margin-top:10px;margin-bottom:10px}.WallTypeToggleLine{position:relative}.widthcontainer{font-family:Overpass,sans-serif;font-weight:400;font-size:20px;position:relative;width:inherit;margin-left:25px;margin-right:25px;margin-bottom:25px}@media (max-width: 700px){.widthcontainer{margin-bottom:15px}}.slidecontainer{display:grid;grid-template-columns:40px auto 40px;width:100%;height:40px}.widthbuttonminus,.widthbuttonplus{font-family:Overpass,sans-serif;font-weight:700;font-size:20px;color:#000a;width:40px;height:40px;border-radius:20px}.slidertext{font-family:Overpass,sans-serif;font-weight:400;font-size:20px;text-align:center;color:#fff;position:relative;bottom:25px;pointer-events:none}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:2px;border-radius:1px;background:#27454C;outline:none;pointer-events:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:95px;height:40px;border-radius:10px;background:#27454C;pointer-events:all;-webkit-transition:.2s;transition:.2s}.slider::-webkit-slider-thumb:hover{width:99px;height:44px}.slider::-moz-range-thumb{width:95px;height:40px;border-radius:10px;background:#27454C;pointer-events:all}.slider::-moz-range-thumb:hover{width:99px;height:44px}.DepthWrapper{position:relative;margin-left:25px;width:calc(100% - 50px);font-family:Overpass,sans-serif;font-weight:400;font-size:20px;margin-bottom:25px}@media (max-width: 700px){.DepthWrapper{margin-bottom:15px}}.DepthToggleWrapper{position:relative;height:42px}@media (max-width: 700px){.DepthToggleWrapper{display:flex;flex-direction:column;align-items:center}}.DepthToggle button{position:relative;height:42px;padding-left:10px;padding-right:10px;background:#F5F3EF;border-radius:10px;opacity:1;cursor:pointer;transition:.2s}.DepthToggle button:hover{background-color:#00000010}.DepthToggle button.active{background:#27454C;border-radius:10px;color:#fff}.DepthToggle.padding{padding:25px}.module-button-wrapper{font-family:Overpass,sans-serif;font-weight:400;font-size:20px;position:relative;left:25px;width:calc(100% - 50px);margin-bottom:25px}.module-buttons{display:flex;flex-direction:row;justify-content:left;white-space:nowrap;gap:3px;height:76px;margin-bottom:10px}.module-buttons img{display:flex;flex-direction:column;white-space:nowrap;max-width:100px}.module-buttons-hover:hover{transition:.2s;background-color:#0000004c}.module-buttons button.active{background-color:#868686}.wasmachinekast-controls{display:flex;justify-content:left;margin-top:6px;width:100%}.numitems-controls-wrapper{display:flex;flex-direction:column;gap:3px;background-color:#f5f3ef;border-radius:20px;padding:0;font-family:Overpass,sans-serif;font-weight:700;font-size:20px;margin-bottom:10px}.numitems-controls{display:flex;justify-content:space-between;background-color:#f5f3ef;border-radius:14px;padding-left:7px;width:100%}.numitems-controls span{width:auto;margin-left:5px}.numitems-plus.disabled,.numitems-plus:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.wasmachinekast-controls-buttons{display:flex;flex-direction:row;gap:0px;border-radius:14px;font-family:Overpass,sans-serif;font-weight:700;font-size:20px;background-color:#f5f3ef}.wasmachinekast-controls-buttons button{display:flex;justify-content:center;align-items:center;width:28px;height:28px;border-radius:14px;background-color:#27454c;color:#fff}.wasmachinekast-controls-buttons img{height:15px}.wasmachinekast-controls-buttons span{display:flex;justify-content:center;align-items:center;padding-left:10px;padding-right:10px;border-radius:5px;width:28px;height:28px;color:#000}.wasmachinekast-wrapper{display:flex;flex-direction:column;align-items:center}.module-icon{height:76px;max-width:100px}@media (max-width: 700px){.module-button-wrapper{display:flex;flex-direction:column;align-items:center;margin-bottom:10px}.module-buttons{justify-content:center}}.preset-toggle-wrapper{display:flex;margin-left:25px;margin-right:25px;height:30px;border-radius:10px;background-color:#f5f3ef;font-family:Overpass,sans-serif;font-weight:700;font-size:14px}.preset-toggle-wrapper button{width:50%}.preset-toggle-wrapper button.onze-selectie{width:75%}.preset-toggle-wrapper button.pas-aan{width:25%}.preset-toggle-wrapper button.active{background-color:#27454c;border-radius:10px;color:#fff}.section-selector{display:flex;flex-direction:column;gap:3px;width:28px;height:76px}.section-selector button{width:100%;height:100%;font-family:Overpass,sans-serif;font-weight:700;font-size:12px;color:#868686;border:3px solid #868686}.section-selector button.current{background-color:#868686}.preset-module-scroll{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;width:100%;margin-bottom:10px}.preset-module{display:flex;flex-direction:column;align-items:center;width:100%}.preset-module-icon{width:100%}.preset-module-icon img{width:100%;height:auto}.Colorselectorwrapper{font-family:Overpass,sans-serif;font-weight:400;font-size:20px;position:relative;width:inherit;margin-left:25px;margin-right:25px;margin-bottom:20px}.color-picker-wrapper{position:absolute;margin-left:25px;width:calc(100% - 25px);top:40px;bottom:80px;overflow-y:auto}.color-picker-header{display:flex;position:sticky;top:0px;align-items:center;gap:10px;height:40px;background-color:#fff}.color-picker-button{height:15px}.color-picker-title{font-family:Overpass,sans-serif;font-weight:700;font-size:20px;color:#000}.color-picker-content{display:flex;flex-direction:column;gap:20px}.color-picker-item{display:flex;flex-direction:row;gap:20px;align-items:center}.color-picker-icon{width:40%;height:50px;box-shadow:0 3px 6px #00000029;border-radius:18px;opacity:1;transition:.2s}.color-toggle-item{display:flex;gap:5px;border-radius:18px;width:40%;height:50px;overflow:hidden}.color-toggle-icon{width:50%;height:100%;border-radius:18px;box-shadow:0 3px 6px #00000029}.color-toggle-checkmark{width:100%;height:30%}.color-picker-name{font-family:Overpass,sans-serif;font-weight:400;font-size:20px;color:#000}@media (max-width: 700px){.color-picker-wrapper{position:relative;top:0px;padding-bottom:15px;margin-left:0;width:100%}.color-picker-content{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr;grid-column-gap:10px;grid-row-gap:10px;padding-left:15px}.color-picker-content-small{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;grid-template-columns:1fr;grid-template-rows:1fr;grid-column-gap:0px;margin-left:20%;margin-right:20%}.color-picker-icon{height:76px;width:76px;margin:auto}}.Doorwrapper{font-family:Overpass,sans-serif;font-weight:400;font-size:20px;position:relative;width:calc(100% - 50px);margin-left:25px;margin-right:25px}.Doortitle{position:relative;font-family:Overpass,sans-serif;font-weight:400;font-size:20px;color:#000}.Doorscroll{position:relative;white-space:nowrap;overflow-x:scroll;overflow-y:hidden}.Dooricon{position:relative;height:150px;margin-right:14px;transition:.2s}.Dooricon:hover{background-color:#00000010}@media (max-width: 700px){.Doorwrapper{width:100%;margin-left:0;margin-right:0;margin-bottom:15px}.Doorscroll{padding-left:25px;padding-right:25px}.Dooricon{position:relative;-o-object-fit:fill;object-fit:fill;height:120px;margin-right:14px;pointer-events:none}}.Greepwrapper{position:relative;width:450px;margin-left:25px;font-family:Overpass,sans-serif;font-weight:400;font-size:20px}.Greeptitle{position:relative;font-family:Overpass,sans-serif;font-weight:400;font-size:20px;color:#000}.Greepscroll{position:relative;width:-moz-max-content;width:max-content;white-space:nowrap;overflow-x:auto;overflow-y:hidden}.Greepicon{position:relative;height:100px;margin-right:20px;pointer-events:none}@media (max-width: 700px){.Greepwrapper{display:flex;justify-content:center;margin-left:0}.Greepscroll{margin-left:0}}.offerte-screen-wrapper{-webkit-user-select:text;-moz-user-select:text;user-select:text;background:#F5F3EF;width:400px;position:absolute;top:0px;bottom:0px;right:0px}.offerte-screen-header{position:absolute;display:flex;align-items:start;justify-content:space-between;width:100%;height:70px;top:0px;background-color:#f5f3ef}.offerte-screen-cross{margin-right:25px;margin-top:18px}.offerte-screen-total-price{position:relative;text-align:left;font: 700 25px Overpass;color:#27454c;pointer-events:none}.offerte-screen-summary{font: 700 28px Overpass;color:#27454c;margin-top:15px;margin-left:25px}.offerte-screen-content{position:absolute;display:flex;flex-direction:column;gap:15px;width:100%;top:65px;bottom:140px;padding-left:25px;overflow-y:auto;padding-top:0;padding-bottom:52px}.offerte-screen-category{position:relative;color:#27454c;font: 16px Overpass}.offerte-screen-category .cat-title{font-weight:700;font-size:18px;margin-bottom:.3em}.offerte-screen-category .list{display:flex;flex-direction:column;gap:.3em;width:100%}.offerte-screen-category .item{display:grid;grid-template-columns:repeat(2,1FR);grid-template-rows:1fr;grid-column-gap:5%;grid-row-gap:0px;align-items:end}.offerte-screen-footer{position:absolute;height:140px;width:inherit;bottom:0px;background-color:#f5f3ef}.offerte-screen-footer .text-input{-webkit-appearance:none;width:350px;height:40px;border-radius:10px;text-align:left;color:#27454c;margin-left:25px;margin-right:25px}.offerte-screen-footer .text-input::-moz-placeholder{font: 16px Overpass;color:#27454c}.offerte-screen-footer .text-input::placeholder{font: 16px Overpass;color:#27454c}.offerte-screen-footer .button-wrapper{margin-top:20px;margin-left:49px}.offerte-screen-footer .save{display:inline-block;width:150px;height:60px;background:#27454C 0% 0% no-repeat padding-box;color:#fff;border-radius:10px 0 0 10px;text-align:center;font: 700 16px Overpass;transition:.2s}.offerte-screen-footer .save:hover{background-color:#89801e}.offerte-screen-footer .submit{display:inline-block;margin-left:2px;width:150px;height:60px;background:#27454C 0% 0% no-repeat padding-box;color:#fff;border-radius:0 10px 10px 0;text-align:center;font: 700 16px Overpass;transition:.2s}.offerte-screen-footer .submit:hover{background-color:#89801e}@media (max-width:700px){.offerte-screen-wrapper{position:fixed;margin-top:80vw;height:calc(100vh - 80vw);width:100%}.offerte-screen-wrapper-overlay{margin-top:60vw;height:calc(100vh - 60vw)}.offerte-screen-footer{position:fixed;bottom:0px}.offerte-screen-footer .text-input{width:100%}}.Offertesuccesswrapper{position:absolute;background-color:#f5f3ef;width:400px;height:100%;right:0px}.TopMessage{position:absolute;text-align:center;font: 700 54px Overpass;width:100%;color:#27454c;bottom:calc(50% + 125px)}.Successimage{position:absolute;text-align:center;width:100%;height:200px;top:calc(50% - 100px)}.BottomMessage{position:absolute;text-align:center;font: 25px Overpass;color:#27454c;padding:25px;width:100%;top:calc(50% + 125px)}@media (max-width: 700px){.Offertesuccesswrapper{position:fixed;width:100%;height:100%}}.min-height-warning{position:absolute;top:40px;left:50%;transform:translate(-40%);padding:6px 12px;background-color:#ffe0e0;color:#a10000;border:1px solid #ffcccc;border-radius:4px;font-size:.85rem;animation:fadeIn .3s ease-in-out;max-width:200px;line-height:1.4;z-index:10}@keyframes fadeIn{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.numitem-warning-popup{position:absolute;top:-40px;left:50%;transform:translate(-50%);background-color:#ffe0e0;color:#a10000;border:1px solid #ffcccc;border-radius:4px;padding:6px 12px;font-size:.85rem;white-space:nowrap;z-index:10;box-shadow:0 2px 6px #00000026;animation:fadeIn .3s ease-in-out}