*{border:0px;margin:0px;padding:0px;}
body{max-width:2000px;margin:0 auto;}
.start{background:#000 url(../img/spin.gif) no-repeat 50% 50%;background-size:100px;position:fixed;height:100%;width:100%;top:0px;left:0px;z-index:9999;}
.content{max-width:1250px;margin:0 auto;position:relative;font-family: 'Cairo', sans-serif;font-size:16px;line-height:24px;}
.kolom-1-3{width:33%;float:left;}
.kolom-1-4{width:25%;float:left;}
.kolom-2-3{width:66%;float:left;}
.kolom-1-5{width:20%;float:left;}
.clear{clear:both;}
.container{position:relative;padding:100px 50px 100px 50px;}
h1, h2, h5{font-weight:normal;font-style:italic;font-family: 'Playfair Display', serif;}
h1{font-size:58px;line-height:58px;text-align:center;margin-bottom:30px;}
h3{font-size:22px;line-height:28px;font-weight:bold;text-align:left;margin-bottom:25px;}
h4{font-size:26px;line-height:34px;font-weight:normal;color:#fff;text-align:center;margin-top:20px;letter-spacing:-1px;}
.lb{display:block;}
.een{background-color:#f2c100;position:relative;}
.avocado{background:#f2c100 url(../img/bg-avocadoaloe.png) no-repeat;position:absolute;top:0px;right:0px;width:1000px;opacity:0.4;height:475px;background-size:100%;filter:blur(1px);-webkit-filter:blur(1px);}
.twee{background-color:#000;}
.drie{background:#fff url(../img/handaloe.jpg) no-repeat;background-position:88% bottom;background-size:675px;}
.intro{max-width:500px;margin:0px auto 0px auto;}
.twee p{margin-top:20px}
.twee h3{color:#f2c100;}
.drie h3{color:#000;}
.drie .links{padding-right:45px;padding-left:45px;}
.drie .midden{padding-right:45px;padding-left:45px;margin-bottom:55px;}
.drie .rechts{padding-left:45px;padding-right:45px;}
.button{display:inline-block;border-radius:999px;text-decoration:none;text-transform:uppercase;font-size:22px;font-weight:bold;padding:10px 40px 10px 40px;margin-top:50px;text-align:center;}
.geel{background-color:#f2c100;color:#000;}
.geel:hover{background-color:#fff;color:#000;}
.wit{background-color:#fff;color:#000;}
.wit:hover{background-color:#f2c100;color:#000;}
.groot{font-size:32px;padding:15px 60px 15px 60px;margin-top:60px;}
li{padding-bottom:12px;}
ul{list-style:none;margin-left:0px;padding-left:1.2em;position:relative;}
li:before{content: ">";font-weight:300;position: absolute;left: 0;}
.twee ul{color:#f2c100;font-size:22px;line-height:28px;font-weight:300;margin-left:45px;margin-top:80px;}
.twee li:before{color:#fff;}
.twee li{padding-bottom:12px;letter-spacing:-1px;}
.swoosh1{position:relative;width:100%;min-height:175px;background-color:#f2c100;}
.swoosh2{position:relative;width:100%;min-height:175px;background-color:#000000;}
.swoosh3{position:relative;width:100%;min-height:175px;background-color:transparent;margin-top:-100px;}
.vec{position:absolute;bottom:0px;left:0px;width:100%;}
.logo{max-width:250px;height:auto;}
.vier{text-align:center;}
a{-webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;}
.inzet{background-color:#fff;border-radius:10px;position:absolute;z-index:998;bottom:-600px;width:100%;height:330px;box-shadow:0px 0px 50px rgba(0,0,0,0.2);left:-35px;width:100%;padding:40px 35px 95px 35px;}
.home-inzet{top:-175px !important;bottom:auto !important;margin-left:-35px;}
.clear{clear:both;height:1px;font-size:1px;}
.contact{color:#555;font-size:14px;line-height:20px;border-top:1px dotted #555;padding-bottom:30px;padding-top:30px;margin-top:125px;}
.contact a{color:#555;text-decoration:underline;}
.contact a:hover{color:#777;}
.inzet p{font-weight:normal;letter-spacing:-1px;font-size:16px;line-height:24px;text-align:center;margin-top:15px;}
h5{font-size:22px;line-height:28px;text-align:center;}
.inzet-padding{padding-left:25px;padding-right:25px;}
img.ingr{width:100%;height:auto;margin-bottom:25px;}
.home-ingr{margin-top:0px;}
.streepje{margin:17px auto 0px auto;background-color:#f2c100;width:50px;height:4px;border-radius:99px;}
.een .streepje{margin:0px auto 0px auto;background-color:#000;width:80px;height:6px;}
.flesjes{width:425px;height:651px;position:absolute;top:-535px;left:0px;}
.navigatie{position:fixed;top:0px;left:0px;width:100%;height:100px;background-color:#fff;box-shadow:0px 0px 30px rgba(0,0,0,0.25);z-index:999;}
.navigatie a{font-size:20px;color:#f2c100;line-height:100px;font-weight:700;text-decoration:none;margin-left:25px;}
.navigatie a:hover{border-bottom:3px solid #f2c100;}
.navigatie a.current{color:#000;border-bottom:3px solid #000;}
.header-logo{float:left;max-height:60px;margin-top:20px;margin-left:40px;}
.knoppen{display:inline-block;float:right;height:100px;margin-right:40px;}
.navigatie-filler{height:100px;}
.mobmenuknop{padding:10px 5px 0px 5px;display:none;width:30px;height:30px;background-color:#000;border-radius:4px;float:right;margin-top:30px;cursor:pointer;margin-right:40px;-webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;}
.streep{height:4px;background-color:#fff;margin-bottom:4px;display:block;border-radius:10px;-webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;}
.mobmenuknop.active .streep{background-color:#f2c100 !important;}
.mobmenuknop:visited .streep{background-color:#fff;}
.mobmenuknop:active .streep{background-color:#fff;}
.home-button{float:none;margin:20px auto 0px auto !important;font-size:16px !important;}
.home-button:hover{background-color:#000 !important;color:#fff !important;}
.een-home{padding-bottom:50px !important;}
.slick-dots li:only-child {display: none;}
.vegan-logo-top{position:absolute;bottom:-65px;z-index:10;right:8px;width:95px;}
.metheader{height:0px !important;overflow:hidden;}

@media screen and (max-width: 1779px){
.een{padding-bottom:50px !important;}
.drie{background-size:650px;background-position:right 50px bottom;}
}

@media screen and (max-width: 1479px){
.flesjes{width:425px;height:651px;position:absolute;top:-525px;left:50px;}
.drie{background-size:625px;background-position:right -75px bottom;}
}


@media screen and (max-width: 1279px){
h1{font-size:52px;line-height:52px;}
.home-inzet{margin-left:0px;}
.container{position:relative;padding:70px 30px 70px 30px;}
.flesjes{width:365px;height:auto;position:absolute;top:-470px;left:0px;}
.lb{display:block;}
.lb-home{display:block !important;}
.lbm{display:block;}
.een{padding-bottom:0px !important;}
.avocado{right:0px;height:400px;background-size:800px;width:800px;}
.twee{padding-top:45px !important;}
.drie .links{padding-right:20px;}
.drie .midden{padding-right:20px;padding-left:20px;}
.drie .rechts{padding-left:20px;}
.drie{background-size:625px;background-position:right -125px bottom;}
.swoosh3{margin-top:-150px;}
.inzet{bottom:-620px;width:100%;height:auto;left:0px;padding:50px 30px 75px 30px;box-sizing:border-box;}
}

@media screen and (min-width: 1024px){
.inzetslider{display:flex;overflow-x:auto;-webkit-overflow-scrolling: touch;scroll-snap-type: x mandatory;}
.inzetslider .kolom-1-5{width:20.2%;flex-shrink: 0;height: 100%;}
.inzetslider .kolom-1-5:last-child{border-right:50px solid #fff;}

.inzetslider::-webkit-scrollbar{
        height: 20px;
        width: 20px;
        background: #555;
	border-radius:10px 10px 10px 10px;
    }
.inzetslider::-webkit-scrollbar-thumb:horizontal{
        background: #f2c100;
	border-radius:10px 10px 10px 10px;
    }
}

@media screen and (max-width: 1023px){
.metheader{height:auto !important;overflow:visible;}
.vegan-logo-top{display:none;}
.nietopmobiel{display:none !important;}
.lb-home{display:inline !important;}
.home-inzet{margin-top: -350px !important;margin-left:0px;}
.home-button{float:none;margin:20px auto 45px auto !important;}
.header-logo{max-height:50px;margin-top:25px;margin-left:20px;}
.navigatie a{font-size:16px;color:#f2c100;line-height:100px;font-weight:700;text-decoration:none;margin-left:20px;}
.knoppen.active{position:fixed;top:100px;left:0px;display:block !important;background-color:#000;width:100%;height:100px;text-align:center;margin-right:0px;box-shadow:0px 0px 30px rgba(255,255,255,0.5);}
.knoppen.active a{float:none;}
.knoppen.active a.current{color:#fff;border-bottom:3px solid #fff;}
.mobmenuknop{display:inline-block;margin-right:20px;}
.knoppen{display:none;}
.content{max-width:500px;}
.inzet-padding{padding-left:50px;padding-right:50px;}
.container{position:relative;padding:50px 35px 50px 35px;}
.kolom-1-3{width:100%;float:none;}
.kolom-2-3{width:100%;float:none;}
.kolom-1-5{width:100%;float:none;}
.kolom-1-4{width:100%;float:none;}
h1{font-size:30px;line-height:30px;margin-bottom:20px;}
.lb{display:inline;}
.een .streepje{margin:0px auto 0px auto;background-color:#000;width:50px;height:4px;}
.avocado{background-size:800px;background-position:center top;position:absolute;top:0px;right:0px;width:100%;height:400px;}
.flesjes{width:230px;height:auto;position:absolute;top:-350px;left:50%;margin-left:-115px;}
h4{font-size:18px;line-height:22px;margin-top:15px;}
.lbm{display:block;}
.inzet{position:static;height:auto;padding-left:0px;padding-right:0px;margin-top:75px;text-align:center;padding-bottom:40px;}
.inzet p{margin-bottom:45px;}
.home-inzet p{margin-bottom:0px !important;}
img.ingr{width:90%;height:auto;margin:0px auto 0px auto;}
.home-ingr{margin:20px auto 20px auto !important;}
.twee ul{display:none;}
.een{padding-bottom:100px !important;}
.twee{padding-top:110px !important;padding-bottom:0px !important;}
.button{margin-top:30px;}
.drie{padding-top:95px !important;padding-bottom:325px !important;background-position:bottom center;background-size:400px;}
.drie .links{padding-right:0px;padding-left:0px;margin-bottom:55px;}
.drie .midden{padding-right:0px;padding-left:0px;margin-bottom:55px;}
.drie .rechts{padding-left:0px;padding-right:0px;margin-bottom:75px;}
h3{font-size:22px;line-height:28px;font-weight:bold;text-align:left;margin-bottom:15px;}
.swoosh3{margin-top:-175px;}
.logo{max-width:200px;height:auto;}
.vier{padding-top:50px !important;padding-bottom:0px !important;}
.vier.careproducten{padding-top:90px !important;}
.groot{font-size:22px;line-height:26px;font-weight:bold;padding:10px 40px 10px 40px;margin-top:40px;}
.contact{margin-top:85px;}
}