@font-face{font-family:'NotoSerif';src:url(../fonts/NotoSerif-Regular.ttf) format('truetype');}@font-face{font-family:'FontAwesomeSolid';src:url(../fonts/fa-solid-900.ttf) format('truetype');font-weight:normal;font-style:normal;}@font-face{font-family:'FontAwesomeBrands';src:url(../fonts/fa-brands-400.ttf) format('truetype');font-weight:normal;font-style:normal;}html,body{height:100%;margin:0;padding:0;}html{--color-wit:#fff;--color-wit-rgb:255,255,255;--color-zwart:#000;--color-tekst:#f4f1e6;--color-tekst-licht:#ead8c4;--color-tekst-geel:#dfb460;--color-accent:#73413a;--color-link:#c52323;--color-hover:#c52323;--color-basis:#d0c2ba;--color-basis-donker:#47110c;--color-background:#47110c;--color-background-donkerder:#310c07;--color-background-rood:#c52323;--color-background-footer:#73413a}body{font-family:'NotoSerif',serif;color:var(--color-tekst);font-size:18px;font-weight:normal;line-height:1.8em;overflow:scroll;overflow-x:hidden;background:var(--color-background);}*{box-sizing:border-box;margin:0;padding:0;}body::after{content:' ';position:fixed;top:0;left:0;width:100%;height:100%;background:url(../img/bg-hekkers-hout.jpg) top 0 center no-repeat;background-size:cover;opacity:.2;z-index:1}body.bdhome::after{content:none;}body.bdhome section#tekstPoint2::after{content:' ';position:fixed;display:block;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:url(../img/bg-hekkers-hout.jpg) fixed center repeat;background-size:cover;opacity:.2;z-index:0}body.bdhome section#tekstPoint4{position:relative;z-index:2;background:url(../img/bg_beeld_donker.jpg) no-repeat fixed center;border:none}a,.icon{outline:0;}a[href^="tel:"]{text-decoration:none!important;cursor:default!important;color:inherit;}.outerWrapper{width:100%;}.innerWrapper{position:relative;width:100%;max-width:860px;margin:0 auto;padding:0 20px;}.contentKolommen{display:flex;flex-direction:row;}.wepContent{position:relative;z-index:2}section:not(:#hero){position:relative;z-index:2;padding:40px 0;border-bottom:solid 1px transparent}section.marginT{padding-top:50px;}section.marginB{padding-bottom:70px;}header{position:fixed;top:0;z-index:4;height:auto;width:100%;background:var(--color-background-donkerder)}header .innerWrapper{display:flex;justify-content:space-between;align-items:flex-end;width:100%;max-width:1140px;}.logo{position:relative;width:420px;max-width:calc(100% - 80px);height:110px;margin:0}.logo img{width:100%;height:100%;object-fit:contain}.spacer{position:relative;display:block;width:100%;height:90px;}section#hero{position:relative;z-index:2;width:100%;min-height:150px;padding:20px 0;background:url(../img/bg-hekkers-hout.jpg);}section#hero .tekstAfbeelding{width:100%;max-width:860px;margin:0 auto;padding:0 20px}section#hero .tekstOnly{width:100%;max-width:860px;margin:0 auto;padding:0 20px}body:not(.bdhome) section#hero .tekstAfbeelding .tekst{width:100%}body:not(.bdhome) section#hero .tekstAfbeelding .afbeelding{display:none}.bdhome section#hero{width:100%;height:450px;background-position:center;margin-bottom:80px;}.bdhome section#hero .tekstAfbeelding{width:100%;max-width:1140px;margin:0 auto;padding:0}section#hero .innerWrapper{height:100%}section#hero .innerWrapper:before{content:'';position:absolute;z-index:0;display:block;max-width:350px;max-height:200px;width:28%;height:auto;aspect-ratio:35 / 20;top:55%;left:-15%;background:url(../img/gereedsch-messingschaaf.png) no-repeat;background-size:contain}.bdhome section#hero .innerWrapper:before{top:calc(100% - 80px);bottom:auto}section#hero .innerWrapper:after{content:'';position:absolute;z-index:2;display:block;max-width:450px;max-height:180px;width:50%;height:auto;aspect-ratio:45 / 18;top:0;right:-15%;background:url(../img/gereedsch-beitels-en-gutsen.png) no-repeat;background-size:contain}section#hero .innerWrapper{width:100%;max-width:1140px}hr{color:transparent;border-top:solid 1px var(--color-basis);}h1:empty,h2:empty{display:none;}.txt{padding:0;}.txt h1,.txt h2,.txt h3,.txt h4,.txt h5{margin:0;padding:0;font-weight:bold;}.txt h1{font-size:2em;line-height:1.4em;color:var(--color-tekst-licht);font-weight:normal}body:not(.bdhome) h1{margin:1em 0 0 0;}.txt h2{font-size:2em;line-height:1.3em;color:var(--color-tekst-geel);margin-top:1.2em;display:block;clear:both}.txt h3{font-size:1.175em;font-size:1.8em;line-height:1.3em;margin-top:2em;color:var(--color-tekst-licht);}.txt h5{font-size:1.175em;line-height:1.3em;color:var(--color-link)}.txt p{font-size:.9em;line-height:1.8em;margin:20px 0 20px 0;}.txt p strong{font-size:1.1em;font-weight:bold;}.bdhome #hero .txt p{margin:20px 0 0 0}.bdhome .tekstOnly .txt p{font-size:1.15em;line-height:2em}.bdhome section:last-of-type .tekstOnly .txt p{font-size:.9em;line-height:1.5em}.txt td{font-size:1em;line-height:1.5em;}.txt img{max-width:100%;height:auto!important;padding:0 10px 10px 0;}.txt p + img{white-space:nowrap;}.txt td img{padding:0;}.txt q{font-size:1.2em;}.txt a{position:relative;z-index:3;color:var(--color-tekst-geel);text-decoration:none;}.txt a:hover{color:var(--color-hover);text-decoration:none;}.txt ul{margin:20px 0;padding:0;list-style:disc;list-style-position:inside;}.txt li{position:relative;padding:0 0 0 30px;}.txt ol{margin:20px 0 0 15px;}.txt ol li{padding:0 0 0 10px;}.txt ol li:before{display:none;}.txt iframe{max-width:100%;}.txt i.fa-brands{float:right;width:1.2em;height:1.2em;color:var(--color-wit);background:var(--color-background-rood);font-size:3em;text-align:center;padding:.1em;margin:5px 0 10px 10px}.txt i.fa-brands:hover{opacity:.5}a.wepButton{position:relative;z-index:2;display:inline;text-transform:none;font-size:1.1em;font-weight:normal;line-height:20px;text-decoration:none;padding:10px 15px;border-radius:0;transition:.5s;color:var(--color-wit);background:var(--color-background-rood);border:solid 0 #000;border-radius:5px}a.wepButton:after{font-family:'FontAwesomeSolid';content:'\f054';color:var(--color-basis-donker);margin-left:20px;}a.wepButton:hover{color:var(--color-wit);text-decoration:none;padding:15px 20px;background:var(--color-background-rood);border:solid 0 #000;transition:.5s;}form{margin-top:50px;}form input[type="text"]{display:inline-block;color:var(--color-grijs);border:0 var(--color-basis) solid;border-radius:0;font-size:1.0;font-weight:100;width:100%;line-height:30px;padding:5px;margin:10px 0;border-radius:0;-webkit-appearance:none;outline:none}form input[type="text"]:focus{background:var(--color-wit);}form input[type="submit"]{display:inline-block;color:var(--color-wit);border:1px var(--color-basis) solid;cursor:pointer;background:var(--color-basis);font-size:1.0;line-height:30px;padding:5px 30px;margin:20px 0;border-radius:4px;-webkit-appearance:none;}form textarea{font-family:'OpenSans-light',sans-serif;display:inline-block;color:var(--color-zwart);border:0;font-size:1em;width:100%;height:200px;padding:0 5px;margin:10px 0 20px 0;border-radius:0;-webkit-appearance:none;outline:none;border-radius:3px;}#Verzenden{position:relative;z-index:2;display:inline-block;text-transform:none;line-height:20px;text-decoration:none;padding:15px 40px;border-radius:0;transition:.5s;color:var(--color-wit);background:var(--color-basis);border:solid 1px var(--color-basis)}#Verzenden:hover{text-decoration:none;color:var(--color-wit);background:var(--color-zwart);border:solid 1px var(--color-zwart);transition:.5s;}.tekstOnly .tekst{width:100%;margin:0 auto 30px auto;}.tekstOnly .afbeelding{display:none;}.tekstAfbeelding{display:flex;flex-direction:row;gap:40px;}.tekstAfbeelding .tekst{display:flex;flex-direction:column;justify-content:flex-start;height:auto;width:50%}.tekstAfbeelding .tekst .txt{text-align:left;}.tekstAfbeelding .afbeelding{position:relative;z-index:2;width:50%;align-self:center}.tekstAfbeelding .afbeelding img{position:relative;z-index:1;width:100%}.tekstAfbeelding .cycle-slideshow{position:relative;z-index:1;}.tekstAfbeelding .afbeelding img.cycle-slide{position:relative;z-index:1;width:100%;object-fit:cover;object-position:center;margin:0;padding:0}.afbeeldingTekst{display:flex;flex-direction:row-reverse;gap:40px;}.afbeeldingTekst .tekst{width:60%;}.afbeeldingTekst .afbeelding{width:40%;}.afbeeldingTekst .afbeelding{aspect-ratio:1 / 1}.afbeeldingTekst .afbeelding img{width:100%;object-fit:cover;object-position:center;margin:0;padding:0;}.afbeeldingTekst .tekst{}.afbeeldingTekst .tekst .txt{text-align:left;}.afbeeldingOnly .tekst{display:none;}.afbeeldingOnly .afbeelding{width:100%;min-height:400px;aspect-ratio:3 / 1;overflow:hidden}.afbeeldingOnly .afbeelding img{width:100%;height:100%;object-fit:cover;object-position:center;margin:0;padding:0}.tekstTekst .tekst{width:50%;vertical-align:top;gap:40px;}.tekstTekst .tekst .txt{text-align:left;}.bdhome section#hero .tekstAfbeelding .afbeelding{rotate:3deg;margin-top:15px;aspect-ratio:1 / 1;width:45%}.bdhome section#hero .tekstAfbeelding .afbeelding:before{content:'';position:absolute;z-index:12;left:0;top:0;display:block;aspect-ratio:1 / 1;width:calc(100% - 20px)}.bdhome section#hero .tekstAfbeelding .afbeelding:after{content:'';position:absolute;z-index:12;left:0;top:0;display:block;aspect-ratio:1 / 1;width:100%;background:url(../img/foto-frame-groot.png);background-size:contain}.bdhome section#hero .tekstAfbeelding .afbeelding img{position:relative;z-index:1;aspect-ratio:1 / 1;width:calc(100% - 15px);margin:6px 6px;box-shadow:10px 10px 10px #000}.bdhome section.bgRood{position:relative;z-index:3;background:linear-gradient(to bottom,var(--color-background-rood) 0%,var(--color-background-rood) calc(100% - 160px),transparent calc(100% - 160px),transparent 100%),url(../img/bg_beeld_donker.jpg) no-repeat fixed center;border:none}.bdhome section.bgRood .innerWrapper{max-width:1140px}.bdhome section.bgRood .innerWrapper:before{content:'';position:absolute;z-index:3;display:block;width:300px;height:300px;top:-150px;left:calc(50% - 220px - 415px);background:url(../img/gereedsch-belijmhamer.png) no-repeat;background-size:contain}.bdhome section.bgRood .innerWrapper:after{content:'';position:absolute;z-index:3;display:block;width:300px;height:300px;bottom:-150px;left:calc(50% + 480px);background:url(../img/gereedsch-kwast.png) no-repeat;background-size:contain}.bdhome section.bgRood .innerWrapper .tekstTekst .tekst .txt img{margin:-180px -50px -100px 0;float:right;display:block;width:70%}.bdhome .tekstTekst .tekst:first-of-type{display:inline-block;width:62%;height:fit-content;margin-right:5%;padding:30px;background:url(../img/bg-hout-geel.jpg)}.bdhome .tekstTekst .tekst:last-of-type{display:inline-block;width:33%;height:fit-content;padding:30px;background:url(../img/bg-hout-licht.jpg)}.bdhome .tekstTekst .tekst .txt{color:var(--color-basis-donker)}.bdhome .tekstTekst .tekst .txt h2{font-size:1.8em;color:var(--color-basis-donker)}.bdhome .tekstTekst .tekst:last-of-type .txt a{color:var(--color-link);}.BodyGalerij .txt h2 a{font-size:1.8rem;color:var(--color-basis);line-height:3em;}.BodyGalerij .txt h2 a:after{content:'';display:block;width:100%;height:1px;background:var(--color-background-rood);margin-bottom:1em}.BodyGalerij .txt h3 a{font-size:1.4rem;color:var(--color-basis);line-height:3em;font-style:italic;}.galerijblok{display:inline-block;width:190px;height:calc(190px + 5em);vertical-align:top;margin:0 10px 10px 0}.galerijblok .imgContainer{display:flex;padding:10px 5px 0 5px;width:190px;height:190px;margin:0;justify-content:center;align-content:center;background:var(--color-background-donkerder)}.galerijblok .imgContainer img{max-height:calc(100% - 10px);object-fit:contain;}.galerijblok p{margin:0;padding:10px;line-height:1.2em;height:5em;color:var(--color-tekst-licht);background:var(--color-accent);}.galerijblok:hover img{-webkit-filter:grayscale(100%);filter:grayscale(100%);}.galerijblok:hover p{background:var(--color-background-rood)}ul.blocks-gallery-grid{display:flex;flex-wrap:wrap;width:800px;gap:10px}li.blocks-gallery-item{list-style:none;display:flex;flex-grow:1;padding:0;margin:0}li.blocks-gallery-item figure a img{display:block;width:100%;height:100%;max-width:100%;object-fit:cover;aspect-ratio:4 / 5;padding:0;margin:0}ul.blocks-gallery-grid.driekoloms li.blocks-gallery-item{flex-basis:calc(33% - 10px);}ul.blocks-gallery-grid.vierkoloms li.blocks-gallery-item{flex-basis:calc(25% - 10px);}ul.blocks-gallery-grid.vijfkoloms li.blocks-gallery-item{flex-basis:calc(20% - 10px);}.wepContent:empty{display:none;}footer{position:relative;z-index:2;width:100%;margin:0;margin-top:auto;padding:50px 0 0 0;min-height:150px;background:var(--color-background-footer)}body:not(.bdhome) footer:before{content:'';position:absolute;z-index:2;display:block;width:300px;height:300px;top:-150px;left:calc(50% - 250px - 415px);background:url(../img/gereedsch-belijmhamer.png) no-repeat;background-size:contain}body:not(.bdhome) footer:after{content:'';position:absolute;z-index:2;display:block;width:300px;height:300px;top:-100px;left:calc(50% + 415px);background:url(../img/gereedsch-kwast.png) no-repeat;background-size:contain}footer .txt{font-size:.8em;line-height:1.4em;}footer .beeldmerk{position:relative;z-index:3;height:auto;margin:0;}footer .beeldmerk img{width:100px}footer .innerWrapper{display:flex;justify-content:space-between;}footer .footerColumn{width:30%}footer .footerColumn .txt{margin:0;padding:0 10px}footer .footerColumn .txt h2{margin:0 0 20px 0}footer .footerColumn .txt p{font-size:.9em;color:var(--color-basis);margin:0 0 20px 0;}footer .footerColumn .txt .wepContent p{margin:0;}footer .footerColumn .txt p strong{font-size:1.5em;display:inline-block;color:var(--color-wit);}footer .footerColumn .txt ul{margin:0 0 20px 0;}footer .footerColumn .txt li{color:var(--color-wit);list-style:none;padding:0}footer .footerColumn .txt li a{font-size:.9em;padding-left:10px;}footer .footerColumn .txt li a:before{content:'\f111';font-family:'FontAwesomeSolid';font-size:.3em;position:absolute;left:0;top:.2em;color:var(--color-tekst)}footer .footerColumn .txt a{color:var(--color-basis);text-decoration:none;}footer .footerColumn .txt a:hover{color:var(--color-wit);text-decoration:none;}footer .footerColumn .txt a[href^="tel:"]{color:var(--color-basis);}footer .footerColumn .txt i.fa-brands{float:none;width:1.2em;height:1.2em;background:var(--color-background);font-size:4em;text-align:center;padding:.1em;margin:.1em .1em 0 0;}footer .footerColumn .txt i.fa-brands:hover{box-shadow:0 0 8px var(--color-zwart);}footer li>ul{display:none}.colofon{font-size:.8em;width:100%;padding:50px 20px 5px 20px;text-align:right;}.colofon a{color:var(--color-wit);text-decoration:none;}.colofon a:hover{text-decoration:underline;}@media screen and (min-width:1000px){.icon{display:none;}.menu{display:flex;width:100%;padding:0;margin:0;font-size:1em}.menu ul{margin:20px;display:flex;justify-content:space-between;}.menu li{position:relative;list-style:none;}.menu li a{position:relative;font-size:1em;color:var(--color-wit);width:auto;padding:0 14px;position:relative;text-decoration:none;z-index:12;text-align:center;white-space:nowrap}.menu li a:hover{color:var(--color-hover);transition:.5s;}.menu li.current a{color:var(--color-tekst-geel);}.menu li.current li a:hover{color:var(--color-tekst-geel);}.menu li>ul{display:none}.menu li:hover>ul{display:block;position:absolute;top:0;left:-25px;z-index:2;background:var(--color-background-donkerder);padding:25px 0 15px 0;width:content;height:auto}.menu li li a{text-decoration:none;color:var(--color-wit)!important;white-space:nowrap;width:100%;padding:10px 30px 0 45px;}.menu li li a#current{color:var(--color-tekst-geel)!important;}.menu li li a:before{content:'\f111';font-family:'FontAwesomeSolid';font-size:.4em;position:absolute;left:25px;top:1em;color:var(--color-hover)}.menu li li a:hover{color:var(--color-hover)!important;transition:.5s;}}@media screen and (max-width:1050px){.bdhome section#hero{margin-bottom:0;}.bdhome section.bgRood .innerWrapper .tekstTekst .tekst .txt img{margin:-100px -50px 0 0}}@media screen and (max-width:1000px){.logo{position:fixed;top:0;left:40px;width:320px;max-width:calc(100% - 120px);height:80px}.spacer{display:block;position:fixed;z-index:3;width:100%;height:105px;background:var(--color-background-donkerder)}header{position:relative;z-index:10}section#hero{margin-top:85px;}.icon{position:fixed;display:inline-block;top:30px;right:30px;z-index:10;border:0;margin:0;height:39px;width:39px;border-radius:0;cursor:pointer;}.icon span{display:block;height:4px;width:39px;position:absolute;right:0;-webkit-transition:-webkit-transform .3s;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}.icon span:first-child{top:0}.icon span:nth-child(2){top:14px;width:25px}.icon span:last-child{top:28px}.icon--active{position:fixed;z-index:10000}.icon--active span:first-child{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);position:absolute;top:14px}.icon--active span:last-child{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);position:absolute;top:14px}.icon--active span:nth-child(2){opacity:0}.icon--button{border-radius:10px}.icon--square{border-radius:0}.icon--transparent{background-color:transparent}.icon--transparent span{background-color:var(--color-tekst-licht)}.icon--active.icon--transparent span{background-color:var(--color-tekst-licht)}.icon-transition{-webkit-transition:-webkit-transform .3s;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}.menu{position:absolute;top:-1500px;left:0;right:auto;width:100%;height:auto;z-index:2;margin:0;padding:20px 20px 200px 20px;transition:1s;font-size:1.5em;line-height:1.5em;background:url(../img/bg-hout-donker.jpg) var(--color-basis-donker);}.menu.open{position:absolute;top:105px;height:auto;min-height:100vh;transition:1s}.menu ul{margin:0 50px 0 40px;display:flex;flex-direction:column;justify-content:flex-start}.menu ul li{padding:1em 0;border-bottom:solid 1px var(--color-basis)}.menu li{position:relative;list-style:none;}.menu li a{color:var(--color-wit);position:relative;text-decoration:none;display:block;padding:10px 0;}.menu li a:hover{color:var(--color-basis);}.menu li a:after{display:none;}.menu li ul{display:none;position:absolute;margin:0;padding:0 20px;}.menu li:hover ul{display:flex;flex-direction:column;}.menu li li{border-bottom:none;font-size:.75em;}.menu li:first-of-type{display:inline-block}.menu li:nth-of-type(4){padding-right:0;}.menu li:nth-of-type(5){padding-left:0;}.menu li a{position:relative;font-size:1em;color:var(--color-wit);width:auto;padding:0 15px;position:relative;text-decoration:none;z-index:12;text-align:left;white-space:nowrap}.menu li a:hover{color:var(--color-tekst-geel);transition:.5s;}.menu li.current a{color:var(--color-tekst-geel);}.menu li.current li a:hover{color:var(--color-tekst-geel);}.menu li>ul{display:block;position:relative;top:0;left:-25px;z-index:2;padding:25px 0 15px 0;width:content;height:auto}.menu li>ul{padding:.5em 1em 0 1em}.menu li li a{text-decoration:none;color:var(--color-wit)!important;white-space:nowrap;width:100%;line-height:.5em;padding:0 30px 0 45px;}.menu li li a:before{content:'\f111';font-family:'FontAwesomeSolid';font-size:.3em;position:absolute;left:25px;top:.5em;color:var(--color-tekst-geel)}.menu li li a:hover{color:var(--color-tekst-geel)!important;transition:.5s;}.innerWrapper{max-width:none!important;margin:0;padding:0 50px;}section#hero .tekstAfbeelding{max-width:none;padding:0}}@media screen and (max-width:820px){.contentKolommen{flex-direction:column}.bdhome section#hero{height:auto}.bdhome section#hero .tekstAfbeelding .afbeelding{width:80%;margin:0 auto;}.bdhome .tekstTekst .tekst:first-of-type{width:100%;margin:0}.bdhome .tekstTekst .tekst:last-of-type{width:100%;}.tekstAfbeelding .tekst{flex-direction:column;width:100%}.tekstAfbeelding .afbeelding{margin:0;padding:0;width:100%}.bdhome section.bgRood .innerWrapper .tekstTekst .tekst .txt img{margin:-180px -50px -100px 0}.bdhome section.bgRood .innerWrapper:before{content:none}.bdhome section.bgRood .innerWrapper:after{content:none}}@media screen and (max-width:650px){.bdhome section.bgRood .innerWrapper .tekstTekst .tekst .txt img{margin:-120px -70px 0 0}}@media screen and (max-width:600px){.logo{left:20px}.innerWrapper{max-width:none!important;margin:0;padding:0 20px;}section#hero .tekstAfbeelding{padding:0}section#hero .tekstOnly{padding:0}.menu{font-size:1.2em;line-height:1.2em}.menu.open{top:80px}.menu ul{margin:0}section#hero .innerWrapper:before{content:none}section#hero .innerWrapper:after{content:none}body:not(.bdhome) footer:before{content:none}body:not(.bdhome) footer:after{content:none}.txt h1{font-size:1.8em}.txt h2{font-size:1.8em}footer .innerWrapper{display:flex;flex-direction:column;}footer .footerColumn{flex-basis:100%;width:100%;max-width:auto;}footer .footerColumn:last-of-type .txt{text-align:left;}.footerMenu ul{margin:0 10px 20px 10px;}footer .innerWrapper{position:relative;z-index:3;padding:0;display:flex;justify-content:space-between;}footer .footerColumn{width:calc(100% - 40px);max-width:none;margin:0 20px;}footer .footerColumn .txt{margin:0;text-align:left;}}