:root{--base-hue: 149;--base-saturation: 70%;--base-lightness: 30%;--prim-h: var(--base-hue);--prim-s: var(--base-saturation);--prim-l: var(--base-lightness);--prim: hsl(var(--prim-h), var(--prim-s), var(--prim-l));--prim-dark: hsl(var(--prim-h), var(--prim-s), calc(var(--prim-l) - 10%));--sec1-h: calc(var(--base-hue) + 120);--sec1-s: var(--base-saturation);--sec1-l: var(--base-lightness);--sec1: hsl(var(--sec1-h) , var(--sec1-s), var(--sec1-l));--sec1-dark: hsl(var(--sec1-h) , var(--sec1-s), calc(var(--sec1-l) - 10%));--sec2-h: calc(var(--base-hue) - 120);--sec2-s: var(--base-saturation);--sec2-l: var(--base-lightness);--sec2: hsl(var(--sec2-h),var(--sec2-s), var(--sec2-l));--sec2-dark: hsl(var(--sec2-h),var(--sec2-s), calc(var(--sec2-l) - 10%));--highlight: hsl(var(--sec1-h), var(--sec1-s), calc(var(--sec1-l) + 60%));--text-color: hsl(var(--prim-h), var(--prim-s), 10%);--white: white;--black: black;--red: hsl(356, 77%, 50%);--yellow: rgb(250, 250, 84);--orange: rgba(245, 189, 7, 0.932);--green: rgb(57, 131, 57);--cta: hsl(var(--sec1-h), 100%, calc(var(--sec1-l) + 10%));--gray: hsl(0, 0%, 50%);--gray-light: hsl(0, 0%, 65%);--gray-lighter: hsl(0, 0%, 80%);--off-black: hsl(0, 0%, 15%)}:root{--button-background-h: var(--sec1-h);--button-background-s: var(--sec1-s);--button-background-l: calc(var(--sec1-l) + 20%);--button-background: hsl(var(--button-background-h), var(--button-background-s), var(--button-background-l));--button-background-hover: hsl(var(--button-background-h), var(--button-background-s), calc(var(--button-background-l) + 5%));--button-background-active: hsl(var(--button-background-h), var(--button-background-s), calc(var(--button-background-l) + 10%));--button-color: #fff;--button-height: 36px;--button-padding: 0 16px;--button-radius: var(--border-radius);--button-disabled-background: #DFDFDF;--button-disabled-color: #9F9F9F;--button-font-size: 14px;--button-icon-font-size: 1.3rem}:root{--border-radius: 2px;--small-screen: $small-screen;--medium-screen: $medium-screen;--large-screen: $large-screen}:root{--font-stack: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;--off-black: rgba(0, 0, 0, 0.87);--h1-fontsize: 2.2rem;--h2-fontsize: 2rem;--h3-fontsize: 1.8rem;--h4-fontsize: 1.4rem;--h5-fontsize: 1.2rem;--h6-fontsize: 1rem}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}a{text-decoration:none}html{line-height:1.5;font-family:var(--font-stack);font-weight:normal;color:var(--off-black)}@media only screen and (min-width: 0){html{font-size:14px}}@media only screen and (min-width: 992px){html{font-size:14.5px}}@media only screen and (min-width: 1200px){html{font-size:15px}}h1,h2,h3,h4,h5,h6{font-weight:400;line-height:1.3}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit}h1{font-size:var(--h1-fontsize);line-height:110%;margin:var(--h1-fontsize)/1.5 0 var(--h1-fontsize)/2.5 0}h2{font-size:var(--h2-fontsize);line-height:110%;margin:var(--h2-fontsize)/1.5 0 var(--h2-fontsize)/2.5 0}h3{font-size:var(--h3-fontsize);line-height:110%;margin:var(--h3-fontsize)/1.5 0 var(--h3-fontsize)/2.5 0}h4{font-size:var(--h4-fontsize);line-height:110%;margin:var(--h4-fontsize)/1.5 0 var(--h4-fontsize)/2.5 0}h5{font-size:var(--h5-fontsize);line-height:110%;margin:var(--h5-fontsize)/1.5 0 var(--h5-fontsize)/2.5 0}h6{font-size:var(--h6-fontsize);line-height:110%;margin:var(--h6-fontsize)/1.5 0 var(--h6-fontsize)/2.5 0}em{font-style:italic}strong{font-weight:500}small{font-size:75%}.light{font-weight:300}.thin{font-weight:200}@media print{@page{margin:1cm}body{font-size:10pt;line-height:1.2;-webkit-print-color-adjust:exact;color-adjust:exact;height:initial !important;page-break-after:auto}h1{font-size:18pt}h2,h3,h4{font-size:12pt;font-weight:bold}a,blockquote,table,pre,ul,ol,dl{page-break-inside:avoid}h1,h2,h3,h4,h5,h6,img{page-break-after:avoid;page-break-inside:avoid}input{border:1px solid rgba(0,0,0,0);background-color:rgba(0,0,0,0)}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=date]{-moz-appearance:none;appearance:none;-webkit-appearance:none}input[type=date]::-webkit-clear-button{display:none}input[type=date]::-webkit-inner-spin-button{display:none}}.z-depth-0{box-shadow:none !important}.z-depth-1,button,.button,.btn,input[type=button],input[type=reset],input[type=submit]{box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2)}.z-depth-1-half,button:hover,.button:hover,.btn:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover{box-shadow:0 3px 3px 0 rgba(0,0,0,.14),0 1px 7px 0 rgba(0,0,0,.12),0 3px 1px -1px rgba(0,0,0,.2)}.z-depth-2{box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.3)}.z-depth-3{box-shadow:0 8px 17px 2px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2)}.z-depth-4{box-shadow:0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -7px rgba(0,0,0,.2)}.z-depth-5{box-shadow:0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12),0 11px 15px -7px rgba(0,0,0,.2)}button,.button,.btn,input[type=button],input[type=reset],input[type=submit]{border:none;border-radius:var(--button-radius);display:inline-block;height:var(--button-height);line-height:var(--button-height);padding:var(--button-padding);text-transform:uppercase;vertical-align:middle;-webkit-tap-highlight-color:rgba(0,0,0,0);text-decoration:none;color:var(--button-color);background-color:var(--button-background);text-align:center;letter-spacing:.5px;transition:background-color .2s ease-out;cursor:pointer;font-size:var(--button-font-size);outline:0}button:hover,.button:hover,.btn:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover{background-color:var(--button-background-hover)}button:active,.button:active,.btn:active,input[type=button]:active,input[type=reset]:active,input[type=submit]:active{background-color:var(--button-background-active);transition-duration:0s}button:disabled,button.disabled,button[disabled],.button:disabled,.button.disabled,.button[disabled],.btn:disabled,.btn.disabled,.btn[disabled],input[type=button]:disabled,input[type=button].disabled,input[type=button][disabled],input[type=reset]:disabled,input[type=reset].disabled,input[type=reset][disabled],input[type=submit]:disabled,input[type=submit].disabled,input[type=submit][disabled]{pointer-events:none;background-color:var(--button-disabled-background) !important;box-shadow:none;color:var(--button-disabled-color) !important;cursor:default}button:disabled:hover,button.disabled:hover,button[disabled]:hover,.button:disabled:hover,.button.disabled:hover,.button[disabled]:hover,.btn:disabled:hover,.btn.disabled:hover,.btn[disabled]:hover,input[type=button]:disabled:hover,input[type=button].disabled:hover,input[type=button][disabled]:hover,input[type=reset]:disabled:hover,input[type=reset].disabled:hover,input[type=reset][disabled]:hover,input[type=submit]:disabled:hover,input[type=submit].disabled:hover,input[type=submit][disabled]:hover{background-color:var(--button-disabled-background) !important;color:var(--button-disabled-color) !important}button i,.button i,.btn i,input[type=button] i,input[type=reset] i,input[type=submit] i{font-size:var(--button-icon-font-size);line-height:inherit;float:left}table,th,td{border:none}table{width:100%;display:table;border-collapse:collapse;border-spacing:0}table tr{border-bottom:1px solid rgba(0,0,0,.12)}table td,table th{padding:15px 5px;display:table-cell;text-align:left;vertical-align:baseline;border-radius:2px}table.compact{width:initial}table.compact tr{border-bottom:none}table.compact tr td,table.compact tr th{padding:3px}table.striped tr{border-bottom:none}table.striped>tbody>tr:nth-child(odd){background-color:#eee}table.striped>tbody>tr>td{border-radius:0}table.highlight>tbody>tr{-webkit-transition:background-color .25s ease;transition:background-color .25s ease}table.highlight>tbody>tr:hover{background-color:rgba(242,242,242,.5)}table.centered thead tr th,table.centered tbody tr td{text-align:center}table.properties tr td:first-child{vertical-align:top;font-weight:bold;text-align:right}label{display:flex;align-items:center}label input[type=radio],label input[type=checkbox]{margin:5px}@media all and (max-width: 600px){input[type=checkbox],input[type=radio]{width:18px;height:18px}}.prim{background-color:var(--prim)}.prim-text{color:var(--prim)}.prim-dark{background-color:var(--prim-dark)}.prim-dark-text{color:var(--prim-dark)}.sec1{background-color:var(--sec1)}.sec1-text{color:var(--sec1)}.sec1-dark{background-color:var(--sec1-dark)}.sec1-dark-text{color:var(--sec1-dark)}.sec2{background-color:var(--sec2)}.sec2-text{color:var(--sec2)}.sec2-dark{background-color:var(--sec2-dark)}.sec2-dark-text{color:var(--sec2-dark)}.cta{background-color:var(--cta)}.cta-text{color:var(--cta)}.highlight{background-color:var(--highlight)}.highlight-text{color:var(--highlight)}.red{background-color:var(--red)}.red-text{color:var(--red)}.yellow{background-color:var(--yellow)}.yellow-text{color:var(--yellow)}.orange{background-color:var(--orange)}.orange-text{color:var(--orange)}.green{background-color:var(--green)}.green-text{color:var(--green)}.white-text{color:#fff}.black-text{color:#000}:root{--bg-color-opaque: hsla(var(--sec2-h), var(--sec2-s), calc(var(--sec2-l) + 66%), 0.30);--bg-color: hsl(var(--prim-h), var(--prim-s), calc(var(--prim-l) - 18%));--header-color: hsl(var(--sec2-h), var(--sec2-s), calc(var(--sec2-l) - 18%));--transition: all 0.3s}h1{color:var(--header-color);margin:10px 5px 10px 0px;font-size:1.5em;white-space:nowrap}@media screen and (min-width: 600px){h1{font-size:var(--h1-fontsize)}}body{background-color:var(--bg-color)}body header{position:fixed;display:flex;flex-direction:column;align-items:center;background-color:var(--bg-color-opaque);transition:var(--transition);padding:50px 0px 0px 0px;width:100%}body header.small{background-color:var(--bg-color);padding:0px;flex-direction:row}body header.small svg#logo{float:left;width:50px}body header.small svg#header{height:0px;width:0px}body header.small a{color:var(--white);font-size:1em;margin:5px}body header svg{transition:var(--transition);position:relative}body header svg#logo{z-index:2;width:100px}@media only screen and (min-width: 600px){body header svg#logo{width:150px}}@media only screen and (min-width: 768px){body header svg#logo{width:180px}}@media only screen and (min-width: 992px){body header svg#logo{width:200px}}@media only screen and (min-width: 1200px){body header svg#logo{width:250px}}body header svg#header{z-index:1;width:200px;margin-left:-40px}@media only screen and (min-width: 600px){body header svg#header{width:300px;margin-left:-50px}}@media only screen and (min-width: 768px){body header svg#header{width:360px;margin-left:-60px}}@media only screen and (min-width: 992px){body header svg#header{width:400px;margin-left:-70px}}@media only screen and (min-width: 1200px){body header svg#header{width:500px;margin-left:-90px}}body header a{font-size:1.2em;margin:5px 10px 5px 10px;color:var(--header-color);display:inline-block}body header a:hover:not(:first-child){text-decoration:underline}@media screen and (min-width: 600px){body header a{font-size:1.3em;margin:10px 20px 10px 20px}}body header div#lang{position:fixed;top:0px;right:0px}body header div#lang a{margin:2px 2px 0px 0px;font-size:.9em}@media screen and (min-width: 600px){body header div#lang a{margin:5px 15px 0px 0px;font-size:1em}}body main section{width:100%;min-height:100vh;background-attachment:fixed;background-repeat:no-repeat;background-position:center;background-size:cover}body main section div.text{padding:50px 20px 20px 20px;background-color:var(--bg-color);color:var(--white)}body main section div.text h1,body main section div.text a{color:var(--white)}body main section#home{background-image:url("/images/bg/novita1-xs.jpg")}@media only screen and (min-width: 600px){body main section#home{background-image:url("/images/bg/novita1-s.jpg")}}@media only screen and (min-width: 768px){body main section#home{background-image:url("/images/bg/novita1-m.jpg")}}@media only screen and (min-width: 992px){body main section#home{background-image:url("/images/bg/novita1-l.jpg")}}@media only screen and (min-width: 1200px){body main section#home{background-image:url("/images/bg/novita1-xl.jpg")}}body main section#about{background-image:url("/images/bg/smaragd1-xs.jpg");padding-bottom:300px}@media only screen and (min-width: 600px){body main section#about{background-image:url("/images/bg/smaragd1-s.jpg")}}@media only screen and (min-width: 768px){body main section#about{background-image:url("/images/bg/smaragd1-m.jpg")}}@media only screen and (min-width: 992px){body main section#about{background-image:url("/images/bg/smaragd1-l.jpg")}}@media only screen and (min-width: 1200px){body main section#about{background-image:url("/images/bg/smaragd1-xl.jpg")}}body main section#about div#columns{display:flex;flex-direction:column}body main section#about div#columns div.textcol{width:100%;max-width:100%}body main section#about div#columns div.foto{justify-content:center}body main section#about div#columns div.foto img#loods{width:100%;max-width:600px}@media screen and (min-width: 1000px){body main section#about div#columns{flex-direction:row}body main section#about div#columns div.textcol{max-width:700px}body main section#about div#columns div.foto{display:flex;align-items:center}body main section#about div#columns div.foto img#loods{width:40vw;max-width:600px}}body main section#products{background-image:url("/images/bg/brabant1-xs.jpg")}@media only screen and (min-width: 600px){body main section#products{background-image:url("/images/bg/brabant1-s.jpg")}}@media only screen and (min-width: 768px){body main section#products{background-image:url("/images/bg/brabant1-m.jpg")}}@media only screen and (min-width: 992px){body main section#products{background-image:url("/images/bg/brabant1-l.jpg")}}@media only screen and (min-width: 1200px){body main section#products{background-image:url("/images/bg/brabant1-xl.jpg")}}body main section#contact{background-image:url("/images/bg/novita2-xs.jpg");padding-top:80px;padding-bottom:90vh;border-top:5px solid var(--bg-color)}@media only screen and (min-width: 600px){body main section#contact{background-image:url("/images/bg/novita2-s.jpg")}}@media only screen and (min-width: 768px){body main section#contact{background-image:url("/images/bg/novita2-m.jpg")}}@media only screen and (min-width: 992px){body main section#contact{background-image:url("/images/bg/novita2-l.jpg")}}@media only screen and (min-width: 1200px){body main section#contact{background-image:url("/images/bg/novita2-xl.jpg")}}body main section#contact div#columns{display:grid;padding:0px;grid-template-columns:100%;grid-template-rows:auto 450px;column-gap:0px;row-gap:50px}body main section#contact div#columns div#address{background-color:var(--white);padding:20px 50px}body main section#contact div#columns div#address table td:first-child:not(.address){width:20px;vertical-align:middle;color:hsl(var(--sec1-h), var(--sec1-s), var(--sec2-l))}body main section#contact div#columns div#address table td:first-child:not(.address) i.material-icons{font-size:1.3em}body main section#contact div#columns div#map iframe{width:100%}@media screen and (min-width: 1000px){body main section#contact div#columns{padding:20px;grid-template-columns:auto 600px;column-gap:20px;row-gap:0px;grid-template-rows:auto}body main section#contact div#columns div#map iframe{width:600px}}body main div.widgets{display:grid;grid-auto-flow:dense;grid-template-columns:repeat(auto-fill, minmax(var(--grid-size-col), 1fr));grid-template-rows:repeat(auto-fill, minmax(var(--grid-size-row), 1fr));padding:var(--grid-gap);grid-row-gap:var(--grid-gap);grid-column-gap:var(--grid-gap);min-height:calc(var(--grid-size-row)*5)}body main div.widgets.portrait{--grid-size-col: 120px;--grid-gap: 5px;--grid-size-row: calc((var(--grid-size-col) / 16) * 9)}@media only screen and (min-width: 600px){body main div.widgets.portrait{--grid-size-col: 120px;--grid-gap: 10px}}@media only screen and (min-width: 768px){body main div.widgets.portrait{--grid-size-col: 160px;--grid-gap: 15px}}@media only screen and (min-width: 992px){body main div.widgets.portrait{--grid-size-col: 180px;--grid-gap: 20px}}@media only screen and (min-width: 1200px){body main div.widgets.portrait{--grid-size-col: 200px;--grid-gap: 30px}}body main div.widgets.portrait foto-widget.selected{border:4px solid var(--bg-color);grid-column:span 3;grid-row:span 3}body main div.widgets.portrait foto-widget.selected div.content{display:flex;flex-grow:1;justify-content:space-between}body main div.widgets.square{--grid-size-col: 80px;--grid-gap: 5px;--grid-size-row: var(--grid-size-col)}@media only screen and (min-width: 600px){body main div.widgets.square{--grid-size-col: 80px;--grid-gap: 10px}}@media only screen and (min-width: 768px){body main div.widgets.square{--grid-size-col: 100px;--grid-gap: 15px}}@media only screen and (min-width: 992px){body main div.widgets.square{--grid-size-col: 120px;--grid-gap: 20px}}@media only screen and (min-width: 1200px){body main div.widgets.square{--grid-size-col: 140px;--grid-gap: 30px}}body main div.widgets.square foto-widget#webshop{font-size:1.2em}body main div.widgets.square foto-widget.selected{grid-column:span 3;background-size:contain;background-position:left;background-color:var(--bg-color-opaque)}body main div.widgets.square foto-widget.selected div.content{background-color:hsla(var(--sec2-h), var(--sec2-s), calc(var(--sec2-l) + 66%), 0.55);font-size:.8em;padding:5px;display:flex;flex-direction:column}body main div.widgets foto-widget{background-repeat:no-repeat;background-position:center;background-size:cover;border:2px solid var(--bg-color);display:flex;align-items:center;justify-content:center;cursor:pointer}body main div.widgets foto-widget div.content{display:none;align-self:flex-end;background-color:var(--bg-color-opaque)}body main div.widgets foto-widget.cta{color:var(--white)}/*# sourceMappingURL=index.css.map */
