html{background-color:white;width:100vw;overflow-x:hidden}html body{background-color:black;min-height:100vh;margin:0;padding-top:10px;font-family:sans-serif;color:white;display:flex;flex-direction:column}html body header ul{list-style:none;margin-bottom:35px}html body header ul li{display:inline-block;margin-right:2.5%}html body header ul li:last-of-type{right:0;position:absolute;margin-right:4%}html body header ul li a{text-decoration:none;color:white;padding:3px}html body header ul li a:hover{border-top:1px solid;border-bottom:1px solid;margin-top:-1px;margin-bottom:-1px}html body .content-container{flex:1 0 auto}html body .content-container h1{margin:0 auto;text-align:center;border-top:2px solid;border-bottom:2px solid;width:fit-content;padding-top:5px;padding-bottom:5px}html body .content-container .subtitle{margin:8px auto;width:fit-content;font-weight:300;color:#e2a434}html body .content-container .top-container{display:flex;margin-top:9vh}html body .content-container .top-container .hometext-left{width:45%;display:block;margin:2.5%}html body .content-container .top-container .hometext-left .hometext-left-container{position:sticky;top:15%;margin-bottom:-69px}html body .content-container .top-container .hometext-left .hometext-left-container h2{margin-top:15vh}html body .content-container .top-container .hometext-left .hometext-left-container p{border-top:1px solid;padding-top:20px}html body .content-container .top-container .hometext-left .hometext-left-container h3{text-align:center;font-weight:100;font-size:24px;line-height:11px;margin-top:45px}html body .content-container .top-container .image-right{width:45%;display:block;margin:2.5%}html body .content-container .top-container .image-right img{width:100%;border-radius:15px}html body .content-container .top-text{width:80%;margin:85px auto}html body .content-container .home-filler{width:100vw;height:15vh;background-color:black;position:relative}html body .content-container .projecten-container{display:flex;flex-wrap:wrap;padding-bottom:15vh;margin:0 1vw}html body .content-container .projecten-container .projecten-content{max-width:28.1vw;margin:0 1vw;margin-bottom:40px;padding:0 1vw}html body .content-container .projecten-container .projecten-content h4{text-align:center;border-top:1px solid;border-bottom:1px solid;width:fit-content;margin:18px auto;padding-top:3px;padding-bottom:3px}html body .content-container .projecten-container .projecten-content a .image-container{z-index:2;position:relative;display:flex;justify-content:center;align-items:center}html body .content-container .projecten-container .projecten-content a .image-container:hover{border:2px solid white;margin:-2px;border-radius:25px}html body .content-container .projecten-container .projecten-content a .image-container:hover::before{height:0;padding:0 3px;transition:1s;top:50%}html body .content-container .projecten-container .projecten-content a .image-container:hover::after{width:0;padding:3px 0;transition:1s}html body .content-container .projecten-container .projecten-content a .image-container::before,html body .content-container .projecten-container .projecten-content a .image-container::after{width:29vw;height:29vw;background-color:black;content:"";position:absolute;z-index:5;padding:3px;margin-left:-2px;margin-top:-2px;top:0}html body .content-container .projecten-container .projecten-content a .image-container .projecten-image{width:26.6vw;height:26.6vw;border-radius:15px;background-size:cover;background-position:center;margin:1vw;z-index:10;position:relative}html body .content-container .projecten-container .projecten-content a .image-container .image-4{background-image:url("../pictures/projecten/kastje/IMG_20210127_133847.jpg")}html body .content-container .projecten-container .projecten-content a .image-container .image-6{background-image:url("../pictures/projecten/IMG_20200928_165303.jpg")}html body .content-container .projecten-container .projecten-content a .image-container .image-7{background-image:url("../pictures/projecten/IMG_20200928_165438.jpg")}html body .content-container .projecten-container .projecten-content a .image-container .image-8{background-image:url("../pictures/projecten/tafel/IMG_20200922_122621.jpg")}html body .content-container .projecten-container .projecten-content a .image-container .image-9{background-image:url("../pictures/projecten/drankenkruidenrekje/1658515131629-min.jpg")}html body .content-container .projecten-container .projecten-content a .image-container .image-10{background-image:url("../pictures/projecten/tafeltje/1658515131714-min.jpg")}html body .content-container .projecten-container .projecten-content a .image-container .image-11{background-image:url("../pictures/projecten/nachtkastje/1658515131378-min.jpg")}html body .content-container .projecten-container .projecten-content a .image-container .image-12{background-image:url("../pictures/projecten/huisje/Na/1658514756269-min.jpg")}html body .content-container .projecten-container .projecten-content a .image-container .image-13{background-image:url("../pictures/projecten/bankje/1658515131009-min.JPG")}html body .content-container .projecten-container .projecten-content a .image-container .image-14{background-image:url("../pictures/projecten/stoel/1659351232706-min.jpg")}html body .content-container .projecten-container .projecten-content a .image-container .image-15{background-image:url("../pictures/projecten/stoelstofferen/1658515130281-min.jpg")}html body .content-container .projecten-container .projecten-content a .image-container .image-16{background-image:url("../pictures/projecten/stoelrestaureerd/20230208_162353-min.jpg")}html body .content-container .projecten-container .projecten-content a .image-container .image-17{background-image:url("../pictures/projecten/dnddoosje/IMG_20221102_090152-min.jpg")}html body .content-container .projecten-container .projecten-content a .image-container .image-18{background-image:url("../pictures/projecten/snijplanken/20230327_190230-min.jpg")}html body .content-container .projecten-container .projecten-content a .image-container .image-19{background-image:url("../pictures/projecten/mountaindulcimer/20230606_152556-min.jpg")}html body .content-container .projecten-container .projecten-content a .image-container .image-20{background-image:url("../pictures/projecten/pbass/341711084_764375775244623_9117010758620591342_n-min.jpg")}html body .content-container .projecten-container .projecten-content a .image-container .image-21{background-image:url("../pictures/projecten/danelectro/20230524_095633-min.jpg")}html body .content-container .projecten-container .projecten-content a .image-container .image-22{background-image:url("../pictures/projecten/coraltelecaster/20230605_195935-min.jpg")}html body .content-container .projecten-container .projecten-content a .image-container .image-23{background-image:url("../pictures/projecten/lespaul/20230522_172240-min.jpg")}html body .content-container .projecten-container .projecten-content a .image-container .image-24{background-image:url("../pictures/projecten/klein aanrecht/20230315_220545-min.jpg")}html body .content-container .projecten-container .projecten-content a .image-container .image-25{background-image:url("../pictures/projecten/aanrecht/20230926_233531-min.jpg")}html body .content-container .projecten-container .projecten-content a .image-container .image-26{background-image:url("../pictures/projecten/kast deuren/20230625_152214-min.jpg")}html body .content-container .projecten-container .projecten-content a .image-container .image-27{background-image:url("../pictures/projecten/bureau en wandplanken/20240521_222812-min.jpg")}html body .content-container .projecten-container .projecten-content a .image-container .image-28{background-image:url("../pictures/projecten/neck blocks/IMG-20240618-WA0000-min.jpg")}html body .content-container .projecten-container .projecten-content a .image-container .image-29{background-image:url("../pictures/projecten/dulcimer/20240617_204704-min.jpg")}html body .content-container .projecten-container .projecten-content a .image-container .image-30{background-image:url("../pictures/projecten/gretsch/end/afbeelding 02-min.png")}html body .content-container .projecten-container .projecten-content a .image-container .image-31{background-image:url("../pictures/projecten/jazzcision/end/afbeelding 07-min.png")}html body .content-container .projecten-container .projecten-content a .image-container .image-32{background-image:url("../pictures/projecten/kumiko bass/end/afbeelding 14-min.png")}html body .content-container .projecten-container .projecten-content a .image-container .image-33{background-image:url("../pictures/projecten/woodburning telecaster/afbeelding 18-min.png")}html body .content-container .contact-container{margin-left:10%;margin-top:10%}html body .content-container .contact-container h4{margin:7px}html body .content-container .machineleer-container{display:flex;flex-wrap:wrap;padding-bottom:15vh;margin:0 1vw}html body .content-container .machineleer-container .machineleer-content{max-width:28.1vw;margin:0 1vw;margin-bottom:40px;padding:0 1vw}html body .content-container .machineleer-container .machineleer-content h4{text-align:center;border-top:1px solid;border-bottom:1px solid;width:fit-content;margin:18px auto;padding-top:3px;padding-bottom:3px}html body .content-container .machineleer-container .machineleer-content a .image-container{z-index:2;position:relative;display:flex;justify-content:center;align-items:center}html body .content-container .machineleer-container .machineleer-content a .image-container:hover{border:2px solid white;margin:-2px;border-radius:25px}html body .content-container .machineleer-container .machineleer-content a .image-container:hover::before{height:0;padding:0 3px;transition:1s;top:50%}html body .content-container .machineleer-container .machineleer-content a .image-container:hover::after{width:0;padding:3px 0;transition:1s}html body .content-container .machineleer-container .machineleer-content a .image-container::before,html body .content-container .machineleer-container .machineleer-content a .image-container::after{width:29vw;height:29vw;background-color:black;content:"";position:absolute;z-index:5;padding:3px;margin-left:-2px;margin-top:-2px;top:0}html body .content-container .machineleer-container .machineleer-content a .image-container .machineleer-image{width:26.6vw;height:26.6vw;border-radius:15px;background-size:cover;background-position:center;margin:1vw;z-index:10;position:relative}html body .content-container .machineleer-container .machineleer-content a .image-container .image-1{background-image:url("https://storage.googleapis.com/activity_images/33a18283fe2ac2948416247d6ab8d62796cd7d0ed689d9cbf1435ce4e6a9eb09.JPG")}html body .content-container .machineleer-container .machineleer-content a .image-container .image-2{background-image:url("https://storage.googleapis.com/activity_images/e6b1d2571331255ba2d89de4b964bfb4c2ecae9ae5199223133a358a22e38fe3.JPG")}html body .content-container .machineleer-container .machineleer-content a .image-container .image-3{background-image:url("https://storage.googleapis.com/activity_images/4200164b013cb4a9269f49261aab4aea05fd696251b21898be08598cb8fdfd41.JPG")}html body .content-container .machineleer-container .machineleer-content a .image-container .image-4{background-image:url("https://storage.googleapis.com/activity_images/68aa5a43bdd83e4f3faf5e9bdf854a1484627e52bb91fe0d72b54fff99f257d7.JPG")}html body .content-container .machineleer-container .machineleer-content a .image-container .image-5{background-image:url("https://storage.googleapis.com/learnbeat-uploads/live/activity-images/2018-11-21T10:25:23.670Z-activity-image-8ee9bf9f8e34dd1d0ca47d2c06fa81ef3cfbdc667bb8fb25528247950c3908e4.jpg")}html body .content-container .machineleer-container .machineleer-content a .image-container .image-6{background-image:url("https://storage.googleapis.com/learnbeat-uploads/live/author-files/2020-06-18T10:06:40.793Z-source-image-b8b5b0f70550a73dee37b0b3e37b39aa1b302e1e88b231bd9afa109ad6b5e23a.jpg")}html body .content-container .machineleer-container .machineleer-content a .image-container .image-7{background-image:url("https://www.degroot.nl/media/58/4f/de/1608741005/magic_gebruikte_tafelfrees_1_.jpg")}html body .content-container .machineleer-container .machineleer-content a .image-container .image-8{background-image:url("https://storage.googleapis.com/activity_images/6664451b941e513d4a98422ce18f3de886cfc7db461d34195cedb5c7532e14e4.JPG")}html body .content-container .machineleer-container .machineleer-content a .image-container .image-9{background-image:url("https://storage.googleapis.com/activity_images/bc33a62be366d46d18d3afe7e7b6762cde93d7e79266b2d3177482e4a3ecde3c.jpg")}html body .content-container .machineleer-container .machineleer-content a .image-container .image-10{background-image:url("https://storage.googleapis.com/wysiwyg-images/201fff3491e5b56e85cbbeef476f08d336d21efc50108ced58c2c899e3443ec0.JPG")}html body .content-container .machineleer-container .machineleer-content a .image-container .image-11{background-image:url("https://storage.googleapis.com/activity_images/4f26c92726ae99f97d97cd30b58c935a5f47abe6422de31c77efec9df47e3600.JPG")}html body .content-container .machineleer-container .machineleer-content a .image-container .image-12{background-image:url("https://storage.googleapis.com/wysiwyg-images/e97d737acf4d6e060fae8e79f28520bb2b7ce84f0295c90ac8ee6dd26cbac38f.jpg")}html body .content-container .machineleer-container .machineleer-content a .image-container .image-13{background-image:url("https://storage.googleapis.com/activity_images/e97f0027d7c07e9f7d91a74867f0ad16c9ca6bbc51b5c7002a507bcaf21425e1.JPG")}html body .content-container .machineleer-container .machineleer-content a .image-container .image-14{background-image:url("../pictures/machineleer/laser.png")}html body .content-container .machineleer-container .machineleer-content a .image-container .image-15{background-image:url("../pictures/machineleer/cnc.png")}html body .content-container .machineleer-container .machineleer-content a .image-container .image-16{background-image:url("https://cdn.webshopapp.com/shops/48193/files/379605729/ultimaker-s5-desktop-3dprinter.jpg")}html body .content-container .stage-container{display:flex;flex-wrap:wrap;padding-bottom:15vh;margin:0 1vw}html body .content-container .stage-container .stage-content{max-width:28.1vw;margin:0 1vw;margin-bottom:40px;padding:0 1vw}html body .content-container .stage-container .stage-content h4{text-align:center;border-top:1px solid;border-bottom:1px solid;width:fit-content;margin:18px auto;padding-top:3px;padding-bottom:3px}html body .content-container .stage-container .stage-content a .image-container{z-index:2;position:relative;display:flex;justify-content:center;align-items:center}html body .content-container .stage-container .stage-content a .image-container:hover{border:2px solid white;margin:-2px;border-radius:25px}html body .content-container .stage-container .stage-content a .image-container:hover::before{height:0;padding:0 3px;transition:1s;top:50%}html body .content-container .stage-container .stage-content a .image-container:hover::after{width:0;padding:3px 0;transition:1s}html body .content-container .stage-container .stage-content a .image-container::before,html body .content-container .stage-container .stage-content a .image-container::after{width:29vw;height:29vw;background-color:black;content:"";position:absolute;z-index:5;padding:3px;margin-left:-2px;margin-top:-2px;top:0}html body .content-container .stage-container .stage-content a .image-container .stage-image{width:26.6vw;height:26.6vw;border-radius:15px;background-size:cover;background-position:center;margin:1vw;z-index:10;position:relative}html body .content-container .stage-container .stage-content a .image-container .image-1{background-image:url("../pictures/stages/mart/1658515726292-min.jpg")}html body .content-container .stage-container .stage-content a .image-container .image-2{background-image:url("../pictures/stages/renier/1658515725492-min.jpg")}html body .content-container .stage-container .stage-content a .image-container .image-3{background-image:url("../pictures/home/1658515131139-min.JPG")}html body .content-container .stage-container .stage-content a .image-container .image-4{background-image:url("../pictures/stages/gaag/20230203_145359-min.jpg")}html body .content-container .stage-container .stage-content a .image-container .image-5{background-image:url("../pictures/stages/adamovich/mywork/20231025_162825-min.jpg")}html body .content-container .stage-container .stage-content a .image-container .image-6{background-image:url("../pictures/stages/wout bosma/guitar repair/20231019_160915-min.jpg")}html body .content-container .stage-container .stage-content a .image-container .image-7{background-image:url("../pictures/stages/enhout interieur/20230908_112711-min.jpg")}html body .content-container .stage-container .stage-content a .image-container .image-8{background-image:url("../pictures/stages/sjak zwier/WhatsApp Image 2024-08-28 at 13.32.32 (8)-min.jpeg")}html body .content-container .home-container{display:flex;flex-wrap:wrap;padding-bottom:15vh;margin:0 1vw}html body .content-container .home-container .home-content{max-width:28.1vw;margin:0 1vw;margin-bottom:40px;padding:0 1vw}html body .content-container .home-container .home-content h4{text-align:center;border-top:1px solid;border-bottom:1px solid;width:fit-content;margin:18px auto;padding-top:3px;padding-bottom:3px}html body .content-container .home-container .home-content a .image-container{z-index:2;position:relative;display:flex;justify-content:center;align-items:center}html body .content-container .home-container .home-content a .image-container:hover{border:2px solid white;margin:-2px;border-radius:25px}html body .content-container .home-container .home-content a .image-container:hover::before{height:0;padding:0 3px;transition:1s;top:50%}html body .content-container .home-container .home-content a .image-container:hover::after{width:0;padding:3px 0;transition:1s}html body .content-container .home-container .home-content a .image-container::before,html body .content-container .home-container .home-content a .image-container::after{width:29vw;height:29vw;background-color:black;content:"";position:absolute;z-index:5;padding:3px;margin-left:-2px;margin-top:-2px;top:0}html body .content-container .home-container .home-content a .image-container .home-image{width:26.6vw;height:26.6vw;border-radius:15px;background-size:cover;background-position:center;margin:1vw;z-index:10;position:relative}html body .content-container .home-container .home-content a .image-container .image-1{background-image:url("../pictures/projecten/kastje/IMG_20210127_133847.jpg")}html body .content-container .home-container .home-content a .image-container .image-2{background-image:url("../pictures/schetsen/IMG_20210128_154444.jpg")}html body .content-container .home-container .home-content a .image-container .image-3{background-image:url("https://storage.googleapis.com/activity_images/33a18283fe2ac2948416247d6ab8d62796cd7d0ed689d9cbf1435ce4e6a9eb09.JPG")}html body .content-container .home-container .home-content a .image-container .image-4{background-image:url("../pictures/home/1658515131139-min.JPG")}html body .content-container .tekeningen-container{display:flex;flex-wrap:wrap;padding-bottom:15vh;margin:0 1vw}html body .content-container .tekeningen-container .tekeningen-content{max-width:28.1vw;margin:0 1vw;margin-bottom:40px;padding:0 1vw}html body .content-container .tekeningen-container .tekeningen-content h4{text-align:center;border-top:1px solid;border-bottom:1px solid;width:fit-content;margin:18px auto;padding-top:3px;padding-bottom:3px}html body .content-container .tekeningen-container .tekeningen-content a .image-container{z-index:2;position:relative;display:flex;justify-content:center;align-items:center}html body .content-container .tekeningen-container .tekeningen-content a .image-container:hover{border:2px solid white;margin:-2px;border-radius:25px}html body .content-container .tekeningen-container .tekeningen-content a .image-container:hover::before{height:0;padding:0 3px;transition:1s;top:50%}html body .content-container .tekeningen-container .tekeningen-content a .image-container:hover::after{width:0;padding:3px 0;transition:1s}html body .content-container .tekeningen-container .tekeningen-content a .image-container::before,html body .content-container .tekeningen-container .tekeningen-content a .image-container::after{width:29vw;height:29vw;background-color:black;content:"";position:absolute;z-index:5;padding:3px;margin-left:-2px;margin-top:-2px;top:0}html body .content-container .tekeningen-container .tekeningen-content a .image-container .tekeningen-image{width:26.6vw;height:26.6vw;border-radius:15px;background-size:cover;background-position:center;margin:1vw;z-index:10;position:relative}html body .content-container .tekeningen-container .tekeningen-content a .image-container .image-1{background-image:url("../pictures/schetsen/IMG_20201217_150214__01.jpg")}html body .content-container .tekeningen-container .tekeningen-content a .image-container .image-2{background-image:url("../pictures/werktekeningen/Werktekening Tafel P2 studentenversie NABJ-A0-Portret-page-001.jpg")}html body .content-container .tekeningen-container .tekeningen-content a .image-container .image-3{background-image:url("../pictures/modellen/Screenshot 2021-02-25 at 22.46.07.jpg")}html body .content-container .text-container.fill-top{margin-top:10%}html body .content-container .text-container .text-container-top{width:90%;margin:0 auto;border-top:1px solid white;height:60px;margin-top:-10px}html body .content-container .text-container .text-left{display:flex;width:90%;height:fit-content;margin:0 auto;margin-bottom:15%}html body .content-container .text-container .text-left p{margin-right:4%}html body .content-container .text-container .text-left img{max-width:60%;max-height:40vh;border-radius:15px}html body .content-container .text-container .text-right{display:flex;width:90%;height:fit-content;margin:0 auto;margin-bottom:15%}html body .content-container .text-container .text-right img{max-width:60%;max-height:40vh;border-radius:15px}html body .content-container .text-container .text-right p{margin-left:4%}html body .content-container .text-container .image-container{display:flex;justify-content:center;flex-wrap:wrap;width:92%;height:fit-content;margin:0 auto;margin-bottom:15%;margin-top:-7%}html body .content-container .text-container .image-container img{max-width:60%;max-height:21vw;border-radius:15px}html body .content-container .text-container .image-container .img-right{float:right}html body .content-container .text-container .image-container .container-text{width:80%;text-align:center}html body .content-container .text-container .img-wide{max-height:none !important;max-width:50% !important}html body .content-container .text-container .img-medium{max-height:none !important;max-width:35% !important}html body .content-container .text-container .img-gallery{max-height:40vh !important;max-width:31% !important;margin-bottom:2% !important;margin:0 1%}html body .content-container .text-container .text-container-filler{height:5vh}html body footer{height:15vh;width:100vw;background-color:#212121;border-top:1px solid white;flex-shrink:0}