@font-face{font-family:'Open Sans';font-style:italic;font-weight:300;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v40/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk5hkaVc.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:400;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v40/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk8ZkaVc.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:500;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v40/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk_RkaVc.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:600;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v40/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0RkxhjaVc.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:700;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v40/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0RkyFjaVc.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:800;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v40/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk0ZjaVc.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsiH0C4n.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0C4n.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:500;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjr0C4n.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsgH1y4n.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1y4n.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:800;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgshZ1y4n.ttf) format('truetype')}*{box-sizing:border-box}*:first-child{margin-top:0px}*:last-child{margin-bottom:0px}*:focus{outline:none}.maincolor{color:var(--primary-color) !important}html{-webkit-text-size-adjust:none;text-size-adjust:none;margin:0;padding:0;height:100%}body{height:100%;margin:0;padding:0;background-color:#fff;font-size:14px;line-height:150%;color:#111111;font-weight:300;font-family:'Open Sans',sans-serif}h1{color:var(--primary-color);padding-top:1em;padding-bottom:0em;font-weight:700}h2{color:var(--primary-color);padding-top:1em;padding-bottom:0em;font-weight:700}.bold,b,strong{font-weight:700}th{text-align:left}sup{line-height:10px}#container{height:100%;min-height:100%;display:flex;flex-direction:column;max-width:2100px;margin-inline:auto;padding-inline:15px}#header{position:relative;height:300px;margin-top:20px}#header img{width:100%;height:300px;min-height:300px;object-fit:cover;object-position:center center;border-radius:10px 10px 10px 10px}#header .header_title{position:absolute;right:30px;bottom:30px;text-align:right;font-size:60px;font-weight:700;color:#fff;text-shadow:0 0 10px rgba(0,0,0,0.3)}#content{display:flex;flex-direction:row;flex:1}#sidebar{width:280px}#main{flex:1;padding-top:20px;padding-bottom:150px}#loginform{max-width:300px;margin-inline:auto}#loginform label{color:var(--secundary-color)}#pagination{float:left;width:100%;border-top:1px solid var(--primary-color);margin-top:30px;padding:30px;text-align:center;font-size:16px}#pagination a{display:inline-block;text-align:center;width:30px;line-height:30px;text-decoration:none;color:var(--secundary-color);aspect-ratio:1/1;margin-inline:5px}#pagination a:not(.nolink):hover{background-color:var(--grid-backgroundcolor);border-radius:50%}#pagination a.nolink{color:var(--grid-backgroundcolor)}#pagination a.active,#pagination a.active:hover{background-color:var(--primary-color);color:var(--primary-text-color);font-weight:700;border-radius:50%}#footer{height:60px;line-height:60px;padding-inline:30px;background-color:var(--primary-color);color:var(--primary-text-color);border-radius:10px;overflow:hidden}.sidebar{position:relative;top:-120px;min-height:450px;width:245px;margin-left:20px;background-color:var(--primary-color);color:var(--primary-text-color);border-radius:10px;overflow:hidden}.sidebar #logo{padding:20px;max-height:120px;background:#fff}.sidebar #logo img{height:80px;width:100%;object-fit:contain;object-position:center center}.sidebar #info{padding:20px;background-color:var(--primary-color);border-radius:0px 0px 10px 10px;z-index:10 !important}.sidebar #info #cartnumber{display:inline-block}.sidebar #info span{display:inline-block;margin-left:calc(1.28571429em + 5px)}.sidebar #info>div:not(div:last-child){margin-bottom:21px}.sidebar #info .fa{margin-right:5px}.sidebar #info .sidenav{border-top:1px solid var(--primary-text-color);margin-top:21px;padding-top:21px}.sidebar #info a{display:block;text-decoration:none;color:inherit;transition:all .25s}.sidebar #info a:hover{padding-left:5px}.sidebar #info a.active{font-weight:700}.contact{margin-inline:40px;position:relative;top:-100px;color:var(--secundary-color)}.contact a{color:inherit}.label{font-weight:300;font-size:50%;color:var(--secundary-color)}.kols{width:100%}.kols:after{visibility:hidden;display:block;content:'';clear:both;height:0}.kol{float:left;width:calc(100% / 6);padding:10px;position:relative}.kol2{float:left;width:calc((100% / 12) * 2);padding:10px;position:relative}.kol3{float:left;width:calc((100% / 12) * 3);padding:10px;position:relative}.kol4{float:left;width:calc((100% / 12) * 4);padding:10px;position:relative}.kol6{float:left;width:calc((100% / 12) * 6);padding:10px;position:relative}.kol8{float:left;width:calc((100% / 12) * 8);padding:10px;position:relative}.kol9{float:left;width:calc((100% / 12) * 9);padding:10px;position:relative}.kol12{float:left;width:calc((100% / 12) * 12);padding:10px}*:focus::-webkit-input-placeholder{color:transparent !important}*:focus:-moz-placeholder{color:transparent !important}*:focus::-moz-placeholder{color:transparent !important}*:focus:-ms-input-placeholder{color:transparent !important}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type='number']{appearance:textfield;-moz-appearance:textfield}input{font-weight:400;font-family:'Open Sans',sans-serif;font-size:14px;color:#111 !important;padding:10px;border:0px;border-radius:5px;border:1px solid color-mix(in srgb, var(--secundary-color) 25%, #fff);width:100%}input[type='submit']{float:right;width:auto;padding-inline:30px;background-color:var(--primary-color);border:none;color:var(--primary-text-color) !important;transition:all .25s;cursor:pointer}input[type='submit']:hover{background:color-mix(in srgb, var(--primary-color) 80%, #000)}button[type='submit']{float:right;width:auto;height:40px;font-weight:700;font-family:'Open Sans',sans-serif;font-size:14px;color:#111 !important;padding:10px 30px;background-color:var(--primary-color);border:none;border-radius:5px;color:var(--primary-text-color) !important;transition:all .25s;cursor:pointer}button[type='submit']:hover{background:color-mix(in srgb, var(--primary-color) 80%, #000)}button[type='submit'].delete{background-color:var(--grid-backgroundcolor)}button[type='submit'].delete:hover{background:color-mix(in srgb, var(--grid-backgroundcolor) 80%, #000)}.bestelstatus{float:right;background-color:var(--primary-color);color:var(--primary-text-color);font-size:14px;font-weight:300;padding:10px 30px;border-radius:5px}.error-message{padding:10px;font-size:16px;text-align:center;background-color:#f00;color:#fff;line-height:30px;border-radius:5px}.error-message a{color:inherit}.info-message{width:100% !important;padding:10px;font-size:16px;text-align:center;background-color:var(--primary-color);color:var(--primary-text-color);line-height:30px;border-radius:5px}.info-message a{color:inherit}.bestelling-naw{border-bottom:1px solid var(--primary-color);padding:30px 0px}.bestelling-naw:after{content:'';display:block;clear:both}.bestelling-naw>div{padding:0px 10px;float:left;width:calc(100% / 3);border-right:1px solid var(--primary-color)}.bestelling-naw>div:last-child{border-right:0px}.card{display:flex;flex-direction:column;background:var(--grid-backgroundcolor);padding:20px;border-radius:10px;transition:all .25s}.card:hover{background:color-mix(in srgb, var(--grid-backgroundcolor) 95%, #000)}.card a{text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%}.card .card--image{position:relative;width:100%;background-color:#fff;aspect-ratio:1/1;line-height:0%}.card .card--image::before{position:absolute;content:'';display:block;width:30px;height:30px;top:0px;left:0px;border-left:3px solid var(--primary-color);border-top:3px solid var(--primary-color)}.card .card--image::after{position:absolute;content:'';display:block;width:30px;height:30px;right:0px;bottom:0px;border-right:3px solid var(--primary-color);border-bottom:3px solid var(--primary-color)}.card .card--image img{height:100%;width:100%;object-fit:contain;object-position:center center}.card .card--info{padding-top:20px}.card .card--info ul{margin:0px;padding:0px;padding-left:1em}.card .card--info .voorraad{padding-top:10px}.card .card--form{position:relative;margin-top:auto;padding-top:20px;display:flex;align-items:flex-end}.card .card--form input{border:solid 1px #e8e8e8}.card .card--form input,.card .card--form button{border-radius:5px;width:calc(75% - 5px)}.card .card--form input[type='submit'],.card .card--form button[type='submit']{border:0px;width:calc(25% - 5px);float:right;background-color:var(--primary-color);color:var(--primary-text-color);transition:all .25s;cursor:pointer}.card .card--form input[type='submit']:hover,.card .card--form button[type='submit']:hover{background:color-mix(in srgb, var(--primary-color) 80%, #000)}.card .card--form button{font-weight:400;font-family:'Open Sans',sans-serif;font-size:14px;padding:10px}.card .card--form input:first-child{border:1px solid #ccc;background:#fff;margin-right:10px}.card .card--form select{display:block !important;margin:0;border:0;padding:0;height:1px;opacity:0;position:absolute;top:30px}.card .card--form .nice-select{margin-bottom:10px;padding-left:10px;}.card .card--form .nice-select .list{top:-2px}.card .card--form .nice-select .list li:first-child{min-height:40px;line-height:40px}.card .card--form .nice-select.hidden{visibility:hidden}.card .card--form .nice-select .option{padding-left:10px;line-height:30px;min-height:30px}.btn{padding:10px 30px;margin-right:10px;border:0px;border-radius:5px;max-width:250px;text-align:center;text-decoration:none;font-weight:700;background-color:var(--primary-color);color:var(--primary-text-color);transition:all .25s;cursor:pointer}.btn:hover{background:color-mix(in srgb, var(--primary-color) 80%, #000)}.cart-aantal button[type='submit'],.cart-delete button[type='submit']{width:40px;padding:0px;text-align:center}.cart-aantal input,.cart-delete input{width:calc(100% - 60px)}.cart-aantal button[type='submit']{margin-right:10px}#cart-content,#cart-content-def{padding-bottom:30px}#cart-content:after,#cart-content-def:after{content:'';display:block;clear:both}#cart-content div,#cart-content-def div{padding:5px 0px;line-height:40px;border-bottom:1px solid color-mix(in srgb, var(--secundary-color) 25%, #fff)}#cart-content div:after,#cart-content-def div:after{content:'';display:block;clear:both}#cart-content div:last-child,#cart-content-def div:last-child{border-bottom:1px solid var(--primary-color)}#cart-content>div.header,#cart-content-def>div.header{font-weight:700;border-bottom:1px solid var(--primary-color)}#cart-content>div.header span.cart-image,#cart-content-def>div.header span.cart-image{padding-top:5px;line-height:40px}#cart-content>div.header span.cart-artikelnaam,#cart-content-def>div.header span.cart-artikelnaam{width:calc(100% - 300px)}#cart-content>div.header span.cart-aantal,#cart-content-def>div.header span.cart-aantal{padding-right:60px;text-align:right}#cart-content>div span,#cart-content-def>div span{float:left}#cart-content>div span.cart-image,#cart-content-def>div span.cart-image{width:100px;line-height:0px}#cart-content>div span.cart-image img,#cart-content-def>div span.cart-image img{border:1px solid #e8e8e8;margin:5px 0px;width:80px;height:80px;object-fit:contain}#cart-content>div span.cart-artikelnaam,#cart-content-def>div span.cart-artikelnaam{width:calc(100% - 300px);padding-top:5px;line-height:24px}#cart-content>div span.cart-aantal,#cart-content-def>div span.cart-aantal{width:160px;padding-top:5px}#cart-content>div span.cart-aantal input,#cart-content-def>div span.cart-aantal input{text-align:right}#cart-content>div span.cart-delete,#cart-content-def>div span.cart-delete{width:40px;padding-top:5px}#cart-content-def>div.header span.cart-artikelnaam{width:calc(100% - 260px)}#cart-content-def>div.header span.cart-aantal{padding-right:0px;text-align:right}#cart-content-def>div span.cart-artikelnaam{width:calc(100% - 260px)}#cart-content-def>div span.cart-aantal{padding-right:0px;text-align:right}.changed{background-color:color-mix(in srgb, var(--primary-color) 25%, #fff);border-color:color-mix(in srgb, var(--primary-color) 25%, #fff)}button.spin-hover{opacity:0;background-color:var(--primary-color)}button.spin-hover.show{opacity:1}input,textarea{height:40px;padding:5px;border:1px solid color-mix(in srgb, var(--secundary-color) 25%, #fff);margin-right:5px}textarea{font-weight:400;font-family:'Open Sans',sans-serif;font-size:14px;color:#111 !important;padding:10px;border:0px;border-radius:5px;border:1px solid color-mix(in srgb, var(--secundary-color) 25%, #fff);width:100%;height:150px;margin-bottom:10px}input[readonly]{border-color:#fff}button{width:30px;height:30px;border:none;border-radius:5px;background-color:var(--grid-backgroundcolor);color:var(--primary-text-color);transition:all .25s}button:hover{background-color:var(--primary-color)}#cart-buttons,#verzend-buttons{text-align:right;padding-top:20px}#cart-buttons .btn,#verzend-buttons .btn{margin-right:0px;margin-left:10px}#cart-naw,#verzend-buttons{display:none}#cart-naw{padding-top:40px}#cart-naw div{position:relative;padding:5px 0px}#cart-naw div .spacer{padding-top:20px}#cart-naw>div{padding:10px 0px;border-bottom:1px solid color-mix(in srgb, var(--secundary-color) 25%, #fff)}#cart-naw>div:nth-child(2){border-top:1px solid var(--primary-color)}#cart-naw>div:nth-child(7){border-top:1px solid var(--primary-color)}#cart-naw>div:last-child{border-bottom:1px solid var(--primary-color)}#cart-naw label:after,#cart-naw div:after{content:'';display:block;clear:both}#cart-naw label{float:left;line-height:40px;width:150px}#cart-naw label.fullwidth{width:100%}#cart-naw label input[type='radio']{float:left;margin-right:10px;width:auto;margin-top:0px}#cart-naw input,#cart-naw select{width:calc(100% - 150px);height:40px;padding:10px;margin-right:0px;text-align:left}#cart-naw input.half,#cart-naw select.half{width:calc(50% - 80px)}#cart-naw input.half:last-child,#cart-naw select.half:last-child{margin-left:10px}#cart-naw input.p25,#cart-naw select.p25{width:calc(25% - 80px)}#cart-naw input.p25:last-child,#cart-naw select.p25:last-child{margin-left:10px}#cart-naw input.p75,#cart-naw select.p75{width:calc(75% - 80px)}#cart-naw input.p75:last-child,#cart-naw select.p75:last-child{margin-left:10px}#cart-naw .nice-select{clear:none;width:calc(100% - 150px);border:1px solid color-mix(in srgb, var(--secundary-color) 25%, #fff);padding:0px 10px;height:40px;line-height:40px}#cart-naw .nice-select .option{padding-left:10px;line-height:30px;min-height:30px}.besteloverzicht--header{font-weight:700;line-height:40px;border-bottom:1px solid var(--primary-color)}.besteloverzicht--header>span{float:left}.besteloverzicht--header:after{content:'';display:block;clear:both}.besteloverzicht{line-height:20px}.besteloverzicht .bestelling{padding:10px 0px;border-bottom:1px solid color-mix(in srgb, var(--secundary-color) 25%, #fff)}.besteloverzicht .bestelling:last-child{border-bottom:0px}.besteloverzicht .bestelling>span{float:left}.besteloverzicht .bestelling:after{content:'';display:block;clear:both}.besteloverzicht .fa{width:20px;height:20px;border-radius:5px;line-height:20px;color:#fff}.besteloverzicht--datum,.besteloverzicht--bestelnummer,.besteloverzicht--aantal{width:10%}.besteloverzicht--bestelnummer a{color:inherit;font-weight:700}.besteloverzicht--aantal{text-align:right;padding-right:40px}.besteloverzicht--gebruiker,.besteloverzicht--vestiging{width:20%}.besteloverzicht--artikel{width:25%}.besteloverzicht--status{text-align:right;width:5%}.besteloverzicht--status .fa-check{background-color:limegreen}.besteloverzicht--status .fa-hourglass-end{background-color:orange}.besteloverzicht--status .fa-times{background-color:red}@media screen and (max-width:1800px){#container .kol{width:calc(100% / 5)}}@media screen and (max-width:1500px){#container .kol{width:calc(100% / 4)}}@media screen and (max-width:1200px){#container .kol{width:calc(100% / 3)}}@media screen and (max-width:900px){#header .header_title{font-size:40px}#container .kol{width:50%}}