a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

a{ 
    text-decoration: none;
}
.clear{ 
    clear: both;
}
strong{
    font-weight: bold;
}
a:visited{
    color: black;
}
.lined{
    text-decoration: underline;
    color: #000000  ;
}
/* dit is MIJN (als in geen fraude) css*/




.preview{transition: width 0.18s;
    position: relative;
    height:100%;
    background:black;
    float:left;
}




.preview5{width:25%;margin-right: 5%}
.slider5 .info{float: right;width: 70%}
.insta{width: 5%;padding-bottom: 5%;background-image: url(../img/insta.png);background-size: cover;}

.photoP{float: left;margin-right: 1%; }
.subCat{display: none;}

.afbeelding1{ 
    background-image: url(../img/afbeelding1.png);
    background-position:74%;
    background-size: cover; 
}
.afbeelding2{
    background-image: url(../img/afbeelding2.png);
    background-position: 50%; 
    background-size:cover;
}
.afbeelding3{
    background-image: url(../img/afbeelding3.png);
    background-position: 34%; 
    background-size:cover;
}
.afbeelding4{
    background-image: url(../img/afbeelding4.png);
    background-position: 74%; 
    background-size:cover;
}
.afbeelding5{
    background-image: url(../img/afbeelding5.png);
    background-position:50% ; 
    background-size:cover;
}
.afbeelding6{
    background-image: url(../img/afbeelding6.png);
    background-position: 17%; 
    background-size:cover;
}
.afbeelding7{
    background-image: url(../img/afbeelding7.png);
    background-position: 64%; 
    background-size:cover;
}
.afbeelding8{
    background-image: url(../img/afbeelding8.png);
    background-position: 60%; 
    background-size:cover;
}
.afbeelding9{
    background-image: url(../img/afbeelding9.png);
    background-position: 50%; 
    background-size:cover;
}
.afbeelding10{ 
    background-image: url(../img/afbeelding10.png);
    background-size:cover;
    background-position: 46%; 
}
.afbeelding11{ 
    background-image: url(../img/afbeelding11.png);
    background-size:cover;
    background-position: 61%; 
}
.afbeelding12{ 
    background-image: url(../img/afbeelding12.png);
    background-size:cover;
    background-position: 70%; 
}
.afbeelding13{ 
    background-image: url(../img/afbeelding13.png);
    background-size:cover;
    background-position: 52%; 
}
.afbeelding14{ 
    background-image: url(../img/afbeelding14.png);
    background-size:cover;
    background-position: 50%; 
}
.afbeelding15{ 
    background-image: url(../img/afbeelding15.png);
    background-size:cover;
    background-position: 50%; 
}
.afbeelding16{ 
    background-image: url(../img/afbeelding16.png);
    background-size:cover;
    background-position: 50%; 
}
.afbeelding17{ 
    background-image: url(../img/afbeelding17.png);
    background-size:cover;
    background-position: 50%;
}
.afbeelding18{ 
    background-image: url(../img/afbeelding18.png);
    background-size:cover;
    background-position: 50%;
}
.afbeelding19{ 
    background-image: url(../img/afbeelding19.png);
    background-size:cover;
    background-position: 20%;
}
.afbeelding20{ 
    background-image: url(../img/afbeelding20.png);
    background-size:cover;
    background-position: 50%;
}
.afbeelding21{ 
    background-image: url(../img/afbeelding21.png);
    background-size:cover;
    background-position: 56%;
}
.afbeelding22{ 
    background-image: url(../img/afbeelding22.png);
    background-size:cover;
    background-position: 53%;
}
.afbeelding23{ 
    background-image: url(../img/afbeelding23.png);
    background-size:cover;
    background-position: 60%;
}
.afbeelding24{ 
    background-image: url(../img/afbeelding24.png);
    background-size:cover;
    background-position: 50%;
}
.afbeelding25{ 
    background-image: url(../img/afbeelding25.png);
    background-size:cover;
    background-position: 50%;
}
.afbeelding26{ 
    background-image: url(../img/afbeelding26.png);
    background-size:cover;
    background-position: 50%;
}
.afbeelding27{ 
    background-image: url(../img/afbeelding27.png);
    background-size:cover;
    background-position: 50%;
}
.afbeelding28{ 
    background-image: url(../img/afbeelding28.png);
    background-size:cover;
    background-position: 50%;
}
.afbeelding29{ 
    background-image: url(../img/afbeelding29.png);
    background-size:cover;
    background-position: 50%;
}
.afbeelding30{ 
    background-image: url(../img/afbeelding30.png);
    background-size:cover;
    background-position: 50%;
}
.afbeelding31{ 
    background-image: url(../img/afbeelding31.png);
    background-size:cover;
    background-position: 50%;
}
.afbeelding32{ 
    background-image: url(../img/afbeelding32.png);
    background-size:cover;
    background-position: 50%;
}
.afbeelding33{ 
    background-image: url(../img/afbeelding33.png);
    background-size:cover;
    background-position: 50%;
}
.afbeelding34{ 
    background-image: url(../img/afbeelding34.png);
    background-size:cover;
    background-position: 50%;
}
.afbeelding35{ 
    background-image: url(../img/afbeelding35.png);
    background-size:cover;
    background-position: 50%;
}

/* Slideshow container */
.slideshow-container {
  max-width: 70vw;
  height: 41vw;
  position:relative;
  margin: auto;
  margin-top: 2%;
  margin-bottom: 10%
}

/* Hide the images by default */
.mySlides1, .mySlides2, .mySlides3,.mySlides4, .mySlides5  {display: none;width: 100%;height: 100%}

.photoSlide{
    background: black;
    width: 100%;
    height:100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: block
}
.photoSlide1-1{
    background-image: url(../img/slides/slideshow1/slide1.png);
}
.photoSlide1-2{
    background-image: url(../img/slides/slideshow1/slide2.png);
}
.photoSlide1-3{
    background-image: url(../img/slides/slideshow1/slide3.png);
}
.photoSlide1-4{
    background-image: url(../img/slides/slideshow1/slide4.png);
}
.photoSlide1-5{
    background-image: url(../img/slides/slideshow1/slide5.png);
}
.photoSlide1-6{
    background-image: url(../img/slides/slideshow1/slide6.png);
}
.photoSlide1-7{
    background-image: url(../img/slides/slideshow1/slide7.png);
}
.photoSlide1-8{
    background-image: url(../img/slides/slideshow1/slide8.png);
}
.photoSlide1-9{
    background-image: url(../img/slides/slideshow1/slide9.png);
}

.photoSlide2-1{
    background-image: url(../img/slides/slideshow2/slide1.png);
}
.photoSlide2-2{
    background-image: url(../img/slides/slideshow2/slide2.png);
}
.photoSlide2-3{
    background-image: url(../img/slides/slideshow2/slide3.png);
}
.photoSlide2-4{
    background-image: url(../img/slides/slideshow2/slide4.png);
}
.photoSlide2-5{
    background-image: url(../img/slides/slideshow2/slide5.png);
}
.photoSlide2-6{
    background-image: url(../img/slides/slideshow2/slide6.png);
}
.photoSlide2-7{
    background-image: url(../img/slides/slideshow2/slide7.png);
}
.photoSlide2-8{
    background-image: url(../img/slides/slideshow2/slide8.png);
}
.photoSlide2-9{
    background-image: url(../img/slides/slideshow2/slide9.png);
}
.photoSlide2-10{
    background-image: url(../img/slides/slideshow2/slide10.png);
}
.photoSlide2-11{
    background-image: url(../img/slides/slideshow2/slide11.png);
}
.photoSlide2-12{
    background-image: url(../img/slides/slideshow2/slide12.png);
}
.photoSlide2-13{
    background-image: url(../img/slides/slideshow2/slide13.png);
}
.photoSlide2-14{
    background-image: url(../img/slides/slideshow2/slide14.png);
}
.photoSlide2-15{
    background-image: url(../img/slides/slideshow2/slide15.png);
}
.photoSlide2-16{
    background-image: url(../img/slides/slideshow2/slide16.png);
}
.photoSlide2-17{
    background-image: url(../img/slides/slideshow2/slide17.png);
}
.photoSlide2-18{
    background-image: url(../img/slides/slideshow2/slide18.png);
}
.photoSlide2-19{
    background-image: url(../img/slides/slideshow2/slide19.png);
}

.photoSlide3-1{
    background-image: url(../img/slides/slideshow3/slide1.png);
}
.photoSlide3-2{
    background-image: url(../img/slides/slideshow3/slide2.png);
}
.photoSlide3-3{
    background-image: url(../img/slides/slideshow3/slide3.png);
}
.photoSlide3-4{
    background-image: url(../img/slides/slideshow3/slide4.png);
}
.photoSlide3-5{
    background-image: url(../img/slides/slideshow3/slide5.png);
}
.photoSlide3-6{
    background-image: url(../img/slides/slideshow3/slide6.png);
}
.photoSlide3-7{
    background-image: url(../img/slides/slideshow3/slide7.png);
}
.photoSlide3-8{
    background-image: url(../img/slides/slideshow3/slide8.png);
}
.photoSlide3-9{
    background-image: url(../img/slides/slideshow3/slide9.png);
}
.photoSlide3-10{
    background-image: url(../img/slides/slideshow3/slide10.png);
}
.photoSlide3-11{
    background-image: url(../img/slides/slideshow3/slide11.png);
}
.photoSlide3-12{
    background-image: url(../img/slides/slideshow3/slide12.png);
}
.photoSlide3-13{
    background-image: url(../img/slides/slideshow3/slide13.png);
}

.photoSlide4-1{
    background-image: url(../img/slides/slideshow4/slide1.png);
}
.photoSlide4-2{
    background-image: url(../img/slides/slideshow4/slide2.png);
}
.photoSlide4-3{
    background-image: url(../img/slides/slideshow4/slide3.png);
}
.photoSlide4-4{
    background-image: url(../img/slides/slideshow4/slide4.png);
}
.photoSlide4-5{
    background-image: url(../img/slides/slideshow4/slide5.png);
}
.photoSlide4-6{
    background-image: url(../img/slides/slideshow4/slide6.png);
}
.photoSlide4-7{
    background-image: url(../img/slides/slideshow4/slide7.png);
}

.photoSlide5-1{
    background-image: url(../img/slides/slideshow5/slide1.png);
}
.photoSlide5-2{
    background-image: url(../img/slides/slideshow5/slide2.png);
}
.photoSlide5-3{
    background-image: url(../img/slides/slideshow5/slide3.png);
}
.photoSlide5-4{
    background-image: url(../img/slides/slideshow5/slide4.png);
}
.photoSlide5-5{
    background-image: url(../img/slides/slideshow5/slide5.png);
}
.photoSlide5-6{
    background-image: url(../img/slides/slideshow5/slide6.png);
}
.photoSlide5-7{
    background-image: url(../img/slides/slideshow5/slide7.png);
}
.photoSlide5-8{
    background-image: url(../img/slides/slideshow5/slide8.png);
}
.photoSlide5-9{
    background-image: url(../img/slides/slideshow5/slide9.png);
}
.photoSlide5-10{
    background-image: url(../img/slides/slideshow5/slide10.png);
}


.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}


.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}


.tekst{
    display: none;
    margin: 0 auto;
}
.tekst p{
    font-family: 'Maven Pro','sans serif';
    font-size:1.25vw;
    margin-bottom: 3vh;
    line-height: 3.10vh;
}
.tekst h1{ 
    font-family: 'Maven Pro','sans serif';
    font-size:2vw;
    line-height: 5vh;
    letter-spacing: 0.1125vw;
	
}
.container{ 
    padding-top: 1px;
    width: 75%;
    margin: 0 auto;
    margin-top: 5%;
    margin-bottom: 10%}
.beschrijving{
    width: 29%; 
    float: left;
    margin-bottom: 3vh;
  }
.beschrijving p{ float: left;}
.photos h1{ color:#ffffff}
.photos{ float: right; width: 71%;}

.artikel{
     background-size: contain;
    background-repeat:  no-repeat;
    background-color: #ffffff
}
.bovenste{
    margin-top: 3vh;
}

#artikel0{
    padding-bottom: 40%; 
    background-image: url(../img/artikel0.png);
    background-position: top;
    height: 21vw; }
#artikel1{
    padding-bottom: 45%;
    background-image: url(../img/artikel1.png);
    background-position: top;
    height: 21vh;
    transition: background-image 0.5s;
    }
#artikel1:hover{
    transition: background-image 0.5s;
    background-image: url(../img/artikel1v2.png);
    }

#artikel2{
    background-image: url(../img/artikel2.png);
    background-position: top;
    height: 21vh;
    padding-bottom: 57%;}
#video{width: 100%}

.artNouFo{
    height:65vh;
    width: 100%;
}

.tekst4 .artikel{float:left;background-size: cover;}
#artikel3{
    height:100%;
    width:55%;
    background-image: url(../img/artikel3.png);
    margin-right: 5%;
}
#artikel4{
    height:50%;
    width:25%;
    background-image: url(../img/artikel4.png);
}
#artikel5{
    background-image: url(../img/artikel5.png);
    height:50%;
    width:25%;
}

#artikel6{height: 70vh;
    background-image: url(../img/artikel6.png);
    background-size: contain;
    background-position: 50%;}

#artikel7{height: 40vh; 
    width:100%;
    background-image: url(../img/artikel7.png);
    background-size: contain;
     
    float:left;
    margin-right: 5% }
#artikel8{height: 70vh;
    background-image: url(../img/artikel8.png);
    background-size: contain;
    background-position: 50%;}


.tekst7 .photos{width: 100%;margin-bottom: 10%}
#artikel9{height: 35vh;width:100%;background-image: url(../img/artikel9.png);background-size: cover;float: left;margin-bottom: 5vh}
.extraCon{width: 30%;float: right}
#artikel10{height:75vh;width: 60%;background-image: url(../img/artikel10.png);background-size: cover;float: left;margin-right: 2%}
#artikel11{height: 35vh; width: 100%;background-image: url(../img/artikel11.png);background-size: cover;float: left;}

.tekst8 .beschrijving{width: 100%}
.tekst8 .photos{width: 100%;margin-bottom: 10%}
.container8 .beschrijving{margin-bottom: 1vh;}
#artikel12{height: 40vw;width:45%;background-image: url(../img/artikel12.png);background-size: cover;float: left;margin-right: 2%;background-position: center}
#artikel13{height:40vw;width: 45%;background-image: url(../img/artikel13.png);background-size: cover;float: left;background-position: center}

.tekst9 .beschrijving{width: 100%}
.tekst9 .photos{width: 100%;margin-bottom: 10%}
.tekst9 .artikel{height: 55vh;width:23%;background-image: url(../img/artikel9.png);background-size: cover;float: left;margin-right: 1%;border: solid #000000 1px}
#artikel14{background-image: url(../img/artikel14.png);background-size: cover;background-position: center}
#artikel15{background-image: url(../img/artikel15.png);background-size: cover;background-position: center}
#artikel16{background-image: url(../img/artikel16.png);background-size: cover;background-position: center}
#artikel17{background-image: url(../img/artikel17.png);background-size: cover;background-position: center}

.tekst10 .beschrijving{width: 29%}
.tekst10 .photos{margin-bottom: 15%}
.tekst10 .artikel{
    float: right;
    height: 37vh;
    background-size: contain;
    background-position: center;
    width: 90%;
}
#artikel18{
    background-image: url(../img/artikel18.png);
    }
#artikel19{
    background-image: url(../img/artikel19.png);
    margin-top: 1.5%
}

.tekst11 .beschrijving{width: 100%;margin-bottom: 0}
.tekst11 .photos{width: 100%; margin-bottom: 5%}
.tekst11 .artikel{width: 39%;height:39vw;float: left;}

#artikel20{ background-image: url(../img/artikel20.png);
    background-size: cover;margin-right: 2%}
#artikel21{ background-image: url(../img/artikel21.png);
    background-size: cover;}


.bredeTekst .beschrijving{width: 100%}
.bredeTekst  .photos{width: 100%}
.tekst12 .artikel{height: 35vw;width:45%;background-size: cover;float: left;margin-right: 2%;background-position: center}
#artikel22{background-image: url(../img/artikel22.png);}
#artikel23{background-image: url(../img/artikel23.png);}

.container13 .beschrijving{width: 100%}
.tekst13 .artikel{height: 35vw;width:22.5%;background-size: cover;float: left;margin-right: 2%;background-position: center}
#artikel24{background-image: url(../img/artikel24.png);border: solid #ef6b74 1px;}
#artikel25{background-image: url(../img/artikel25.png);border: solid #e9b64a 1px;}
#artikel26{background-image: url(../img/artikel26.png);border: solid #a568bb 1px;}
#artikel27{background-image: url(../img/artikel27.png);border: solid #9fd0de 1px;}

.tekst14 .artikel{height: 35vw;width:30%;background-size: cover;float: left;margin-right: 2%;background-position: center}
#artikel28{background-image: url(../img/artikel28.png);}
#artikel29{background-image: url(../img/artikel29.png);}
#artikel30{background-image: url(../img/artikel30.png);}

.tekst15 .artikel{height: 35vw;width:30%;background-size: cover;float: left;margin-right: 2%;background-position: center}
#artikel31{background-image: url(../img/artikel31.png);}
#artikel32{background-image: url(../img/artikel32.png);}
#artikel33{background-image: url(../img/artikel33.png);}

.tekst16 .artikel{height: 35vw;width:46%;background-size: cover;float: left;margin-right: 3%;background-position: center}
#artikel34{background-image: url(../img/artikel34.png);border: solid #92dbc0 1px;}
#artikel35{background-image: url(../img/artikel35.png);border: solid #6cb7e0 1px;}

.tekst17 .artikel{height: 35vw;width:40%;background-size: cover;margin: 0 auto;background-position: center;border: solid #000000 1px}
#artikel36{background-image: url(../img/artikel36.png);transition: background-image 0.3s;float: right}
#artikel36-2{background-image: url(../img/artikel36-2.png);transition: background-image 0.3s;float: right}

.tekst18 .artikel{height: 32vw;width:30%;background-size: cover;float: left;margin-right: 2%;background-position: center;border: solid #4f4848 1px;}
#artikel37{background-image: url(../img/artikel37.png);}
#artikel38{background-image: url(../img/artikel38.png);}
#artikel39{background-image: url(../img/artikel39.png);}

#artikel40{
    background-image: url(../img/artikel40.png);
    height: 38vw;width:72%;background-size: cover;background-position: center;}

.tekst26 .beschrijving{width: 29%}
.tekst26 .photos{margin-bottom: 15%}
.tekst26 .artikel{
    float: right;
    height: 37vh;
    background-size: contain;
    background-position: center;
    width: 90%;
}
#artikel41{
    background-image: url(../img/artikel41.png);
    }
#artikel42{
    background-image: url(../img/artikel42.png);
 
    margin-top: 1.5%
}

.grid{width: 100%}
.collage{width:30%;height:30vw;background:black;float:left;margin-right:2%;margin-bottom:2%;background-size: cover;}
#collage1{background-image: url(../img/collage1.png);}
#collage2{background-image: url(../img/collage2.png);}
#collage3{background-image: url(../img/collage3.png);}
#collage4{background-image: url(../img/collage4.png);}
#collage5{background-image: url(../img/collage5.png);}
#collage6{background-image: url(../img/collage6.png);}
#collage7{background-image: url(../img/collage7.png);}
#collage8{background-image: url(../img/collage8.png);}
#collage9{background-image: url(../img/collage9.png);}

.tekst28 .beschrijving{width:60%}
.tekst28 .photos{width:30%}

#prototype{width: 40vw;height: 60vh; overflow: hidden;padding: 0}
.invision{ height: 240vh;
    width: 40vw;
    border: 0;
    transform: scale(0.65);
    transform: scale(0.65);
    transform: scale(0.65);
    transform: scale(0.65);
    transform: scale(0.65);
    
    transform-origin: 0 0;
    transform-origin: 0 0;
    transform-origin: 0 0;
    transform-origin: 0 0;
    transform-origin: 0 0;}

.tekst27 .beschrijving .bovenste{margin-bottom: 0}
.tekst27 .artikel{height: 24vw;width:45%;background-size: cover;float: left;margin-right: 3%;background-position: center;margin-bottom: 10%}
#artikel43{background-image: url(../img/artikel43.png);margin-bottom: 2%;}
#artikel44{background-image: url(../img/artikel44.png);}



#artikel46{background-image: url(../img/artikel46.png);background-size: cover;background-position: top 50%;width: 25vw; height: 48vw;  background-repeat:  no-repeat; box-shadow: 2px 10px 20px -3px rgba(0,3,37,0.40);float: right;margin-right:10%;margin-top:2%  }


.container30 .beschrijving{
    margin-bottom: 14%;
   width:55%
}
.container30 .photos{
    margin-bottom: 4%;
   width:40%
}


.tekst35 .beschrijving .bovenste{margin-bottom: 0}
.tekst35 .artikel{height: 24vw;width:45%;background-size: cover;float: left;margin-right: 3%;background-position: center;margin-bottom: 10%}
#artikel47{background-image: url(../img/artikel47.png);margin-bottom: 2%;}
#artikel48{background-image: url(../img/artikel48.png);}


.tekst29 .beschrijving{margin-bottom: 0}

.tekst29 .artikel{height: 24vw;width:45%;background-size: cover;float: left;margin-right: 3%;background-position: center;}
#artikel49{background-image: url(../img/artikel49.png);margin-bottom: 2%;}
#artikel50{background-image: url(../img/artikel50.png);margin-left: 3.5%}

.tekst31 .beschrijving{margin-bottom: 0}
.tekst32 .beschrijving{margin-bottom: 0}
.tekst33 .beschrijving{margin-bottom: 0}
.category{  
    font-family: 'Maven Pro','sans serif';
    font-size:1.5vw;
    margin-left:20%;
    position: absolute;
    top:45vh;
    color: white;
    display: none;
    transition: 0.5s; 
}

.filmSectie{
    width:100%;
    height:40vw;
    margin: 0 auto;
    margin-bottom: 10%;
    
}
.filmSectie .video-js{
    width: 100%;
    height: 100%;
    border: solid thin #d0d0d0;
}



.error{
    margin-top: 5vh;
    text-align: center;
    width: 77vw;
    height: 50vw;
    background: lightgrey;
    display: none;
}
.error p{
    font-family: 'Maven Pro','sans serif';
    font-size:7vw;
    width: 80%;
    margin: 0 auto;
    line-height: 5.5vh;
    padding-top:4vh
}


.wait{
    background-image: url(../img/_preloader.gif);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 auto;
    margin-top: 20%;}




    
    body{background: #ffffff}
/* INTRO*/
    .home-navigation{
        width:80vw;
        margin: 0 auto;
        text-align: center;
        padding-top:6vw;
    }
    .home-navigation h1{
        font-size: 4.3vw;   
        
    }
    .home-navigation h2{
        font-size: 1.vw;
        padding-top:0.7vw;
    }
    h3{
        color:#585455;
        font-size: 1.45vw;  
    }
    .wrapper-menu{
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 3.25vw;
    }
    .menu{
        float: left;
        width:20vw;
        margin:1.2vw
    }
    
    .icoon{
        width:20vw;
        height:26vw;
        background: black;
        margin-bottom: 0.75vw;
        overflow: hidden;
        position: relative;
    }
    .photoLayer{
        width: 100%;
        height: 100%;
        background-color: #f2f2f2;
        opacity: 20%;
        position: absolute;
        left: 0;
        top:0;
        transition: opacity 0.25s;
    }

    .photoLayer:hover{
        opacity: 0;
    }
    
  
    #icoon1{
        background-image: url(../img/icoon_ill.png);
        background-size: cover;
        background-position: center;
       
    }
    #icoon2{
        background-image: url(../img/icoon_media.png);
        background-size: cover;
        background-position: center;
    }
    #icoon3{
        background-image: url(../img/icoon_photo.png);
        background-size: cover;
        background-position: center;
    }
    #icoon4{
        background-image: url(../img/icoon_contact.png);
        background-size: cover;
        background-position: center;
    }

/* HEADER*/

    header{
        margin: 0 auto;
        font-family: 'Maven Pro', bold;
        color:black;
        width:100vw;
    }
    h5{
        font-family: 'Maven Pro', bold;
        color:black;
        width: 1.5vw;
        text-align: center;
    }
    
    .underlined{
        color: #000000;
        text-decoration: underline;
    }
    .navigatie{
        width: 80vw;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 2.5vw;
        padding-bottom: 2.4vw;
    }
    .navigatie{
       cursor: pointer;
    }
    button{
        border: none;
        color: black;
        float: left;
    }
    .knop{
        font-family: 'Maven Pro';
        font-size: 1.35vw;
        background: white;
    }
    .underline{
        height:1px;
        box-shadow:  0 0.15vh 0 0 #dee0e4;
    } 
    


/* SYSTEEM BODY*/

    .grid-container {
        width: 90vw;
        margin: 0 auto;
        background-color: #ffffff;
        margin-top: 3vw;
   }
   
   .inhoud{
    width: 80%;
    margin: 0 auto;
    }
    .inhoud-desktop{
        width: 80%;
        margin: 0 auto;
        }
    .inhoud-mobile{
        display: none
    }
    
   .grid-item {
       background-color: #000000;
       color: white;
       margin: 0.2vw;
       width:11.5vw;
       height:11.5vw;
       float: left;
       background-size: cover;
    background-position: center;
   }

   /*
   .illustration-page .grid-item{
        background-color: red; 
    }   
    .media-page .grid-item{
        background-color: pink; 
    }   
    .photo-page .grid-item{
        background-color: yellow; 
    }   
    .contact-page .grid-item{
        background-color: blue
    }   
    */

   .grid-bigger{
       width: 23.5vw;
       height: 23.5vw;
       margin: 0.2vw;
       background-color: #000000;
       color: white;
       float: left;
       background-size: cover;
        background-position: center;
   }
   .grid-podcast{
    width: 13.6vw;
    height: 17.5vw;
    margin: 0.2vw;
    background-color: #000000;
    color: white;
    float: left;
    background-size: cover;
     background-position: center;
}

    .two-blocks{
        float: left;
   }
    .four-blocks{
        float: left;
    }
    .six-blocks{
        float: left;
    }
    .eight-blocks{
        float: left;
    }
     .row{
        float: left;
     }
     .big-block{
        float: left;
     }


/*footer*/
    .foot{
        margin-top: 7vw;
        width: 100%;
        text-align: center;
        font-family: 'Maven Pro','sans serif';
        font-size:1.5vw;   
    }
    .foot h1{
        margin: 5vw 4vw 6vw 4vw
    }
    .left{
        float: left;
    }
    .right{
        float: right;
    }
 
  
/* INHOUD */
.illustratie1{
    background-image: url(../img/illustratie/illustratie_1/cover.png);
}
.illustratie2{
    background-image: url(../img/illustratie/illustratie_2/cover.png);
}
.illustratie3{
    background-image: url(../img/illustratie/illustratie_3/cover.gif);
}
.illustratie4{
    background-image: url(../img/illustratie/illustratie_4/cover.png);
}
.illustratie5{
    background-image: url(../img/illustratie/illustratie_5/cover.png);
}
.illustratie6{
    background-image: url(../img/illustratie/illustratie_6/cover.png);
}
.illustratie7{
    background-image: url(../img/illustratie/illustratie_7/cover.png);
}
.illustratie8{
    background-image: url(../img/illustratie/illustratie_8/cover.png);
}
.illustratie9{
    background-image: url(../img/illustratie/illustratie_9/cover.png);
}
.illustratie10{
    background-image: url(../img/illustratie/illustratie_10/cover.png);
}
.illustratie11{
    background-image: url(../img/illustratie/illustratie_11/cover.png);
}
.illustratie12{
    background-image: url(../img/illustratie/illustratie_12/cover.png);
}
.illustratie13{
    background-image: url(../img/illustratie/illustratie_13/cover.png);
}
.illustratie14{
    background-image: url(../img/illustratie/illustratie_14/cover.png);
}
.illustratie15{
    background-image: url(../img/illustratie/illustratie_15/cover.png);
}
.illustratie16{
    background-image: url(../img/illustratie/illustratie_16/cover.png);
}
.illustratie17{
    background-image: url(../img/illustratie/illustratie_17/cover.png);
}
.illustratie18{
    background-image: url(../img/illustratie/illustratie_18/cover.png);
}
.illustratie19{
    background-image: url(../img/illustratie/illustratie_19/cover.png);
}
.illustratie20{
    background-image: url(../img/illustratie/illustratie_20/cover.png);
}
.illustratie21{
    background-image: url(../img/illustratie/illustratie_21/cover.png);
}
.illustratie22{
    background-image: url(../img/illustratie/illustratie_22/cover.png);
}
.illustratie23{
    background-image: url(../img/illustratie/illustratie_23/cover.png);
}
.illustratie24{
    background-image: url(../img/illustratie/illustratie_24/cover.png);
}
.illustratie25{
    background-image: url(../img/illustratie/illustratie_25/cover.png);
}
.illustratie26{
    background-image: url(../img/illustratie/illustratie_26/cover.png);
}
.illustratie27{
    background-image: url(../img/illustratie/illustratie_27/cover.png);
}
.illustratie28{
    background-image: url(../img/illustratie/illustratie_28/cover.png);
}
.illustratie29{
    background-image: url(../img/illustratie/illustratie_29/cover.png);
}
.illustratie30{
    background-image: url(../img/illustratie/illustratie_30/cover.png);
}
.illustratie31{
    background-image: url(../img/illustratie/illustratie_31/cover.png);
}
.illustratie32{
    background-image: url(../img/illustratie/illustratie_32/cover.png);
}
.illustratie33{
    background-image: url(../img/illustratie/illustratie_33/cover.png);
}
.illustratie34{
    background-image: url(../img/illustratie/illustratie_34/cover.png);
}
.illustratie35{
    background-image: url(../img/illustratie/illustratie_35/cover.png);
}
.illustratie36{
    background-image: url(../img/illustratie/illustratie_36/cover.png);
}
.illustratie37{
    background-image: url(../img/illustratie/illustratie_37/cover.png);
}
.illustratie38{
    background-image: url(../img/illustratie/illustratie_38/cover.png);
}
.illustratie39{
    background-image: url(../img/illustratie/illustratie_39/cover.png);
}
.illustratie40{
    background-image: url(../img/illustratie/illustratie_40/cover.png);
}
.illustratie41{
    background-image: url(../img/illustratie/illustratie_41/cover.png);
}
.illustratie42{
    background-image: url(../img/illustratie/illustratie_42/cover.png);
}
.illustratie43{
    background-image: url(../img/illustratie/illustratie_43/cover.png);
}
.illustratie44{
    background-image: url(../img/illustratie/illustratie_44/cover.png);
}
.media1{
    background-image: url(../img/media/media_1/cover.png);
}
.media2{
    background-image: url(../img/media/media_2/cover.png);
}
.media3{
    background-image: url(../img/media/media_3/cover.png);
}
.media4{
    background-image: url(../img/media/media_4/cover.png);
}
.media5{
    background-image: url(../img/media/media_5/cover.png);
}
.media6{
    background-image: url(../img/media/media_6/cover.png);
}
.media7{
    background-image: url(../img/media/media_7/cover.png);
}
.media8{
    background-image: url(../img/media/media_8/cover.png);
}
.media9{
    background-image: url(../img/media/media_9/cover.png);
}
.media10{
    background-image: url(../img/media/media_10/cover.png);
}
.media11{
    background-image: url(../img/media/media_11/cover.png);
}
.media12{
    background-image: url(../img/media/media_12/cover.png);
}
.media13{
    background-image: url(../img/media/media_13/cover.png);
}
.media14{
    background-image: url(../img/media/media_14/cover.png);
}
.media15{
    background-image: url(../img/media/media_15/cover.png);
}
.photo1{
    background-image: url(../img/photo/photo_1/cover.png);
}
.photo2{
    background-image: url(../img/photo/photo_2/cover.png);
}
.photo3{
    background-image: url(../img/photo/photo_3/cover.png);
}
.photo4{
    background-image: url(../img/photo/photo_4/cover.png);
}
.photo5{
    background-image: url(../img/photo/photo_5/cover.png);
}
.photo6{
    background-image: url(../img/photo/photo_6/cover.png);
}
.photo7{
    background-image: url(../img/photo/photo_7/cover.png);
}
.photo8{
    background-image: url(../img/photo/photo_8/cover.png);
}
.photo9{
    background-image: url(../img/photo/photo_9/cover.png);
}
.photo9{
    background-image: url(../img/photo/photo_9/cover.png);
}
.photo10{
    background-image: url(../img/photo/photo_10/cover.png);
}
.photo11{
    background-image: url(../img/photo/photo_11/cover.png);
}
.photo12{
    background-image: url(../img/photo/photo_12/cover.png);
}
.photo13{
    background-image: url(../img/photo/photo_13/cover.png);
}
.photo14{
    background-image: url(../img/photo/photo_14/cover.png);
}
.photo15{
    background-image: url(../img/photo/photo_15/cover.png);
}

/*subpagina's werk*/

h1{
    font-family: 'Maven Pro', bold;
    color:black;
    font-size: 1.75vw;;
}
.omschrijving h1{
    float: left;
}
.meerZien{
    float: right;
    font-family: 'Maven Pro', bold;
    color:black;
    font-size: 1.25vw;
    background: none;
}
.beschrijving{
    display: none;
    font-family: 'Maven Pro', bold;
    color:black;
    font-size: 1.25vw;
    width:100%;
    margin-top: 2%;
    
}
.beschrijving2{
    
    font-family: 'Maven Pro', bold;
    color:black;
    font-size: 1.25vw;
    width:100%;
    margin-top: 2%;
    
}
.wrapper{
    margin-top: 4%;
    background-color:#282728;
    width: 100%;
    height:50vw;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 2px 21px 21px -5px rgba(0,3,37,0.40);
    

}
.wrapper-2{
    margin-top: 4%;
   
    padding-top: 2vw;
    margin: 0 auto;

}
.displayWork{
    background-repeat: no-repeat;
    background-color: #282728;
    margin: 0.2vw;
    width:55%;
    height:90%;
    float: left;
    background-size: cover;
    background-position: center;
    
}
.displayBreed{
    width:87%;
    background-size: contain;
    background-repeat: no-repeat;
}

.overlay{
    position: fixed; 
    width:100vw; 
    height: 100vh; 
    background: rgba(0,0,0,0.75);
    top: 0;
    left: 0;
    z-index: 9;
    display: none;
}

.modalContent{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: fixed;
    left:50%;
    top: 3%;
    z-index: 10;
   
    transform: translate(-50%,0);
    display: none;
    overflow:auto;
}

.langwerpig{
    width: 43%;
    height: 55vw;
}
.breed{
    width: 80%;
    height: 55vw;
    background-size: contain;
    background-repeat: no-repeat;
}
.square{
    width: 55%;
    height: 55vw;
    background-size: contain;
    background-repeat: no-repeat;
}

.inhoudModal{
    width:90%;
    margin: 0 auto;
}

.afsluiter{
    font-size: 1.5em;
    position: absolute;
    font-family: 'Maven Pro', sans-serif; 
    color: white; 
    left:1%; 
    top:1%;
}

.section{
    width:80%;
    height:36vw;
    margin: 0 auto;
    margin-top: 4%;
}
 .section .video-js{
    width: 100%;
    height: 100%;
}


.inhoud-prev{
    width: 80%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    }

.grid-item-prev{
    background-color: #000000;
    color: white;
    margin: 0.2vw;
    width:11.5vw;
    height:15.5vw;
    float: left;
    background-size: cover;
    background-position: center;
    border: black 1px solid;
}

/*previews*/

.prevNeptune{
    background-image: url(../img/illustratie/prev/prevneptune.png);
}
.prevVenus{
    background-image: url(../img/illustratie/prev/prevVenus.png);
}
.prevJupiter{
    background-image: url(../img/illustratie/prev/prevJupiter.png);
}
.prevPluto{
    background-image: url(../img/illustratie/prev/prevPluto.png);
}
.prevSaturn{
    background-image: url(../img/illustratie/prev/prevSaturn.png);
}
.prevMercury{
    background-image: url(../img/illustratie/prev/prevMercury.png);
}

/*vullen subpagina's*/

.illustratie1_werk{
    background-image: url(../img/illustratie/illustratie_1/werk.png);
}
.illustratie2_werk{
    background-image: url(../img/illustratie/illustratie_2/werk.png);
}
.illustratie3_werk{
    background-image: url(../img/illustratie/illustratie_3/werk.png);
    
}
.illustratie5_werk{
    background-image: url(../img/illustratie/illustratie_5/werk.png);
}
.illustratie6_werk{
    background-image: url(../img/illustratie/illustratie_6/werk.png);
}
.illustratie7_werk{
    background-size: contain;
    background-image: url(../img/illustratie/illustratie_7/werk.png);
}
.illustratie8_werk{
    background-size: contain;
    background-image: url(../img/illustratie/illustratie_8/werk.png);
}
.illustratie9_werk{
    background-image: url(../img/illustratie/illustratie_9/werk.png);
}
.illustratie10_werk{
    background-image: url(../img/illustratie/illustratie_10/werk.png);
}
.illustratie11_werk{
    background-size: contain;
    background-image: url(../img/illustratie/illustratie_11/werk.png);
}
.illustratie12_werk{
    background-image: url(../img/illustratie/illustratie_12/werk.png);
}
.illustratie13_werk{
    background-image: url(../img/illustratie/illustratie_13/werk.png);
}
.illustratie14_werk{
    background-image: url(../img/illustratie/illustratie_14/werk.png);
}
.illustratie15_werk{
    background-size: contain;
    background-image: url(../img/illustratie/illustratie_15/werk.png);
}
.illustratie16_werk{
    background-image: url(../img/illustratie/illustratie_16/werk.png);
}
.illustratie17_werk{
    background-size: contain;
    background-image: url(../img/illustratie/illustratie_17/werk.png);
}
.illustratie18_werk{
    background-image: url(../img/illustratie/illustratie_18/werk.png);
}
.illustratie19_werk{
    background-image: url(../img/illustratie/illustratie_19/werk.png);
}
.illustratie20_werk{
    background-image: url(../img/illustratie/illustratie_20/werk.png);
}
.illustratie21_werk{
    background-image: url(../img/illustratie/illustratie_21/werk.png);
}
.illustratie21_werk_2{
    background-image: url(../img/illustratie/illustratie_21/werk_2.png);
}
.illustratie21_werk_3{
    background-image: url(../img/illustratie/illustratie_21/werk_3.png);
}
.illustratie22_werk{
    background-size: contain;
    background-image: url(../img/illustratie/illustratie_22/werk.png);
}
.illustratie23_werk{
    background-image: url(../img/illustratie/illustratie_23/werk.png);
}
.illustratie25_werk{
    background-size: contain;
    background-image: url(../img/illustratie/illustratie_25/werk.png);
}
.illustratie26_werk{
    background-size: contain;
    background-image: url(../img/illustratie/illustratie_26/werk.png);
}
.illustratie27_werk{
    background-size: contain;
    background-image: url(../img/illustratie/illustratie_27/werk.png);
}
.illustratie28_werk{
    background-size: contain;
    background-image: url(../img/illustratie/illustratie_28/werk.png);
}
.illustratie29_werk{
    background-size: contain;
    background-image: url(../img/illustratie/illustratie_29/werk.png);
}
.illustratie30_werk{
    background-size: contain;
    background-image: url(../img/illustratie/illustratie_30/werk.png);
}
.illustratie31_werk{
    background-image: url(../img/illustratie/illustratie_31/werk.png);
}
.illustratie32_werk{
    background-size: contain;
    background-image: url(../img/illustratie/illustratie_32/werk.png);
}
.illustratie33_werk{
    background-size: contain;
    background-image: url(../img/illustratie/illustratie_33/werk.png);
}
.illustratie34_werk{
    background-size: contain;
    background-image: url(../img/illustratie/illustratie_34/werk.png);
}
.illustratie35_werk{
    background-size: contain;
    background-image: url(../img/illustratie/illustratie_35/werk.png);
}
.illustratie36_werk{
    background-size: contain;
    background-image: url(../img/illustratie/illustratie_36/werk.png);
}
.illustratie37_werk{
    background-size: contain;
    background-image: url(../img/illustratie/illustratie_37/werk.png);
}
.illustratie38_werk{
    background-size: contain;
    background-image: url(../img/illustratie/illustratie_38/werk.png);
}
.illustratie39_werk{
    background-size: contain;
    background-image: url(../img/illustratie/illustratie_39/werk.png);
}
.illustratie40_werk{
    background-size: contain;
    background-image: url(../img/illustratie/illustratie_40/werk.png);
}
.illustratie41_werk{
    background-size: contain;
    background-image: url(../img/illustratie/illustratie_41/werk.png);
}
.illustratie42_werk{
    background-size: contain;
    background-image: url(../img/illustratie/illustratie_42/werk.png);
}
.illustratie43_werk{
    background-size: contain;
    background-image: url(../img/illustratie/illustratie_43/werk.png);
}
.illustratie44_werk{
    background-size: contain;
    background-image: url(../img/illustratie/illustratie_44/werk.png);
}
.media2_werk{
    background-size: contain;
    background-image: url(../img/media/media_2/werk.png);
}
.media2_werk_2{
    background-size: contain;
    background-image: url(../img/media/media_2/werk_2.gif);
}
.media3_werk{
    background-size: contain;
    background-image: url(../img/media/media_3/werk.png);
}
.media3_werk_2{
    background-size: contain;
    background-image: url(../img/media/media_3/werk_2.png);
}

.media4_werk{
    background-size: contain;
    background-image: url(../img/media/media_4/werk.png);
}
.media7_werk{
    background-size: contain;
    background-image: url(../img/media/media_7/werk1.png);
}
.media7_werk_2{
    background-size: contain;
    background-image: url(../img/media/media_7/werk2.png);
}

.media3_werk_2{
    background-size: contain;
    background-image: url(../img/media/media_3/werk_2.png);
}
.media11_werk1{
    background-size: cover;
    background-image: url(../img/media/media_11/werk1.png);
}
.media11_werk2{
    background-size: cover;
    background-image: url(../img/media/media_11/werk2.png);
}
.media11_werk3{
    background-size: cover;
    background-image: url(../img/media/media_11/werk3.png);
}
.media11_werk4{
    background-size: cover;
    background-image: url(../img/media/media_11/werk4.png);
}
.media11_werk5{
    background-size: cover;
    background-image: url(../img/media/media_11/werk5.png);
}
.media11_werk6{
    background-size: cover;
    background-image: url(../img/media/media_11/werk6.png);
}
.media11_werk7{
    background-size: cover;
    background-image: url(../img/media/media_11/werk7.png);
}
.media11_werk8{
    background-size: cover;
    background-image: url(../img/media/media_11/werk8.png);
}
.media11_werk9{
    background-size: cover;
    background-image: url(../img/media/media_11/werk9.png);
}
.media12_werk{
    background-size: contain;
    background-image: url(../img/media/media_12/werk.png);
}
.media12_werk_2{
    background-size: contain;
    background-image: url(../img/media/media_12/werk_2.png);
}
.media14_werk{
    background-size: contain;
    background-image: url(../img/media/media_14/werk.png);
}
.media14_werk_2{
    background-size: contain;
    background-image: url(../img/media/media_14/werk_2.gif);
}
.media15_werk1{
    background-size: cover;
    background-image: url(../img/media/media_15/werk_1.png);
}
.media15_werk2{
    background-size: cover;
    background-image: url(../img/media/media_15/werk_2.png);
}
.media15_werk3{
    background-size: cover;
    background-image: url(../img/media/media_15/werk_3.png);
}
.media15_werk4{
    background-size: cover;
    background-image: url(../img/media/media_15/werk_4.png);
}
.media15_werk5{
    background-size: cover;
    background-image: url(../img/media/media_15/werk_5.png);
}
.media15_werk6{
    background-size: cover;
    background-image: url(../img/media/media_15/werk_6.png);
}
.media15_werk7{
    background-size: cover;
    background-image: url(../img/media/media_15/werk_7.png);
}
.media15_werk8{
    background-size: cover;
    background-image: url(../img/media/media_15/werk_8.png);
}
.media15_werk9{
    background-size: cover;
    background-image: url(../img/media/media_15/werk_9.png);
}
.media15_werk10{
    background-size: cover;
    background-image: url(../img/media/media_15/werk_10.png);
}
.gecentreerd{
    background-position: 75%;
}
.photo1_werk1{
    background-size: cover;
    background-image: url(../img/photo/photo_1/werk_1.png);
}
.photo1_werk2{
    background-size: cover;
    background-image: url(../img/photo/photo_1/werk_2.png);
}
.photo1_werk3{
    background-size: cover;
    background-image: url(../img/photo/photo_1/werk_3.png);
}
.photo1_werk4{
    background-size: cover;
    background-image: url(../img/photo/photo_1/werk_4.png);
}
.photo1_werk5{
    background-size: cover;
    background-image: url(../img/photo/photo_1/werk_5.png);
}
.photo1_werk6{
    background-size: cover;
    background-image: url(../img/photo/photo_1/werk_6.png);
}
.photo2_werk1{
    background-size: cover;
    background-image: url(../img/photo/photo_2/werk_1.png);
}
.photo2_werk2{
    background-size: cover;
    background-image: url(../img/photo/photo_2/werk_2.png);
}
.photo2_werk3{
    background-size: cover;
    background-image: url(../img/photo/photo_2/werk_3.png);
}
.photo2_werk4{
    background-size: cover;
    background-image: url(../img/photo/photo_2/werk_4.png);
}
.photo2_werk5{
    background-size: cover;
    background-image: url(../img/photo/photo_2/werk_5.png);
}
.photo2_werk6{
    background-size: cover;
    background-image: url(../img/photo/photo_2/werk_6.png);
}
.photo3_werk1{
    background-size: cover;
    background-image: url(../img/photo/photo_3/werk_1.png);
}
.photo3_werk2{
    background-size: cover;
    background-image: url(../img/photo/photo_3/werk_2.png);
}
.photo3_werk3{
    background-size: cover;
    background-image: url(../img/photo/photo_3/werk_3.png);
}
.photo3_werk4{
    background-size: cover;
    background-image: url(../img/photo/photo_3/werk_4.png);
}
.photo3_werk5{
    background-size: cover;
    background-image: url(../img/photo/photo_3/werk_5.png);
}
.photo3_werk6{
    background-size: cover;
    background-image: url(../img/photo/photo_3/werk_6.png);
}
.photo4_werk1{
    background-size: cover;
    background-image: url(../img/photo/photo_4/werk_1.png);
}
.photo4_werk2{
    background-size: cover;
    background-image: url(../img/photo/photo_4/werk_2.png);
}
.photo4_werk3{
    background-size: cover;
    background-image: url(../img/photo/photo_4/werk_3.png);
}
.photo4_werk4{
    background-size: cover;
    background-image: url(../img/photo/photo_4/werk_4.png);
}
.photo4_werk5{
    background-size: cover;
    background-image: url(../img/photo/photo_4/werk_5.png);
}
.photo4_werk6{
    background-size: cover;
    background-image: url(../img/photo/photo_4/werk_6.png);
}
.photo5_werk1{
    background-size: cover;
    background-image: url(../img/photo/photo_5/werk_1.png);
}
.photo5_werk2{
    background-size: cover;
    background-image: url(../img/photo/photo_5/werk_2.png);
}
.photo5_werk3{
    background-size: cover;
    background-image: url(../img/photo/photo_5/werk_3.png);
}
.photo5_werk4{
    background-size: cover;
    background-image: url(../img/photo/photo_5/werk_4.png);
}
.photo5_werk5{
    background-size: cover;
    background-image: url(../img/photo/photo_5/werk_5.png);
}
.photo5_werk6{
    background-size: cover;
    background-image: url(../img/photo/photo_5/werk_6.png);
}
.photo6_werk1{
    background-size: cover;
    background-image: url(../img/photo/photo_6/werk_1.png);
}
.photo6_werk2{
    background-size: cover;
    background-image: url(../img/photo/photo_6/werk_2.png);
}
.photo6_werk3{
    background-size: cover;
    background-image: url(../img/photo/photo_6/werk_3.png);
}
.photo6_werk4{
    background-size: cover;
    background-image: url(../img/photo/photo_6/werk_4.png);
}
.photo6_werk5{
    background-size: cover;
    background-image: url(../img/photo/photo_6/werk_5.png);
}
.photo6_werk6{
    background-size: cover;
    background-image: url(../img/photo/photo_6/werk_6.png);
}
.photo6_werk7{
    background-size: cover;
    background-image: url(../img/photo/photo_6/werk_7.png);
}
.photo6_werk8{
    background-size: cover;
    background-image: url(../img/photo/photo_6/werk_8.png);
}
.photo6_werk9{
    background-size: cover;
    background-image: url(../img/photo/photo_6/werk_9.png);
}
.photo7_werk1{
    background-size: cover;
    background-image: url(../img/photo/photo_7/werk_1.png);
}
.photo7_werk2{
    background-size: cover;
    background-image: url(../img/photo/photo_7/werk_2.png);
}
.photo7_werk3{
    background-size: cover;
    background-image: url(../img/photo/photo_7/werk_3.png);
}
.photo7_werk4{
    background-size: cover;
    background-image: url(../img/photo/photo_7/werk_4.png);
}
.photo7_werk5{
    background-size: cover;
    background-image: url(../img/photo/photo_7/werk_5.png);
}
.photo7_werk6{
    background-size: cover;
    background-image: url(../img/photo/photo_7/werk_6.png);
}
.photo8_werk1{
    background-size: cover;
    background-image: url(../img/photo/photo_8/werk_1.png);
}
.photo8_werk2{
    background-size: cover;
    background-image: url(../img/photo/photo_8/werk_2.png);
}
.photo8_werk3{
    background-size: cover;
    background-image: url(../img/photo/photo_8/werk_3.png);
}
.photo8_werk4{
    background-size: cover;
    background-image: url(../img/photo/photo_8/werk_4.png);
}
.photo8_werk5{
    background-size: cover;
    background-image: url(../img/photo/photo_8/werk_5.png);
}
.photo8_werk6{
    background-size: cover;
    background-image: url(../img/photo/photo_8/werk_6.png);
}
.photo9_werk1{
    background-size: cover;
    background-image: url(../img/photo/photo_9/werk_1.png);
}
.photo9_werk2{
    background-size: cover;
    background-image: url(../img/photo/photo_9/werk_2.png);
}
.photo9_werk3{
    background-size: cover;
    background-image: url(../img/photo/photo_9/werk_3.png);
}
.photo9_werk4{
    background-size: cover;
    background-image: url(../img/photo/photo_9/werk_4.png);
}
.photo9_werk5{
    background-size: cover;
    background-image: url(../img/photo/photo_9/werk_5.png);
}
.photo9_werk6{
    background-size: cover;
    background-image: url(../img/photo/photo_9/werk_6.png);
}
.photo9_werk7{
    background-size: cover;
    background-image: url(../img/photo/photo_9/werk_7.png);
}
.photo9_werk8{
    background-size: cover;
    background-image: url(../img/photo/photo_9/werk_8.png);
}
.photo9_werk9{
    background-size: cover;
    background-image: url(../img/photo/photo_9/werk_9.png);
}
.photo10_werk1{
    background-size: cover;
    background-image: url(../img/photo/photo_10/werk_1.png);
}
.photo10_werk2{
    background-size: cover;
    background-image: url(../img/photo/photo_10/werk_2.png);
}
.photo10_werk3{
    background-size: cover;
    background-image: url(../img/photo/photo_10/werk_3.png);
}
.photo10_werk4{
    background-size: cover;
    background-image: url(../img/photo/photo_10/werk_4.png);
}
.photo10_werk5{
    background-size: cover;
    background-image: url(../img/photo/photo_10/werk_5.png);
}
.photo10_werk6{
    background-size: cover;
    background-image: url(../img/photo/photo_10/werk_6.png);
}
.photo10_werk7{
    background-size: cover;
    background-image: url(../img/photo/photo_10/werk_7.png);
}
.photo10_werk8{
    background-size: cover;
    background-image: url(../img/photo/photo_10/werk_8.png);
}
.photo10_werk9{
    background-size: cover;
    background-image: url(../img/photo/photo_10/werk_9.png);
}
.photo11_werk1{
    background-size: cover;
    background-image: url(../img/photo/photo_11/werk_1.png);
}
.photo12_werk1{
    background-size: cover;
    background-image: url(../img/photo/photo_12/werk_1.png);
}
.photo12_werk2{
    background-size: cover;
    background-image: url(../img/photo/photo_12/werk_2.png);
}
.photo12_werk3{
    background-size: cover;
    background-image: url(../img/photo/photo_12/werk_3.png);
}
.photo12_werk4{
    background-size: cover;
    background-image: url(../img/photo/photo_12/werk_4.png);
}
.photo12_werk5{
    background-size: cover;
    background-image: url(../img/photo/photo_12/werk_5.png);
}
.photo12_werk6{
    background-size: cover;
    background-image: url(../img/photo/photo_12/werk_6.png);
}
.photo13_werk1{
    background-size: cover;
    background-image: url(../img/photo/photo_13/werk_1.png);
}
.photo13_werk2{
    background-size: cover;
    background-image: url(../img/photo/photo_13/werk_2.png);
}
.photo13_werk3{
    background-size: cover;
    background-image: url(../img/photo/photo_13/werk_3.png);
}
.photo13_werk4{
    background-size: cover;
    background-image: url(../img/photo/photo_13/werk_4.png);
}
.photo13_werk5{
    background-size: cover;
    background-image: url(../img/photo/photo_13/werk_5.png);
}
.photo13_werk6{
    background-size: cover;
    background-image: url(../img/photo/photo_13/werk_6.png);
}
.photo14_werk1{
    background-size: cover;
    background-image: url(../img/photo/photo_14/werk_1.png);
}
.photo14_werk2{
    background-size: cover;
    background-image: url(../img/photo/photo_14/werk_2.png);
}
.photo14_werk3{
    background-size: cover;
    background-image: url(../img/photo/photo_14/werk_3.png);
}
.photo14_werk4{
    background-size: cover;
    background-image: url(../img/photo/photo_14/werk_4.png);
}
.photo14_werk5{
    background-size: cover;
    background-image: url(../img/photo/photo_14/werk_5.png);
}
.photo14_werk6{
    background-size: cover;
    background-image: url(../img/photo/photo_14/werk_6.png);
}
.photo15_werk1{
    background-size: cover;
    background-image: url(../img/photo/photo_15/werk_1.png);
}
.photo15_werk2{
    background-size: cover;
    background-image: url(../img/photo/photo_15/werk_2.png);
}
.photo15_werk3{
    background-size: cover;
    background-image: url(../img/photo/photo_15/werk_3.png);
}
.photo15_werk4{
    background-size: cover;
    background-image: url(../img/photo/photo_15/werk_4.png);
}
.photo15_werk5{
    background-size: cover;
    background-image: url(../img/photo/photo_15/werk_5.png);
}
.photo15_werk6{
    background-size: cover;
    background-image: url(../img/photo/photo_15/werk_6.png);
}
.photo15_werk7{
    background-size: cover;
    background-image: url(../img/photo/photo_15/werk_7.png);
}
.photo15_werk8{
    background-size: cover;
    background-image: url(../img/photo/photo_15/werk_8.png);
}
.photo15_werk9{
    background-size: cover;
    background-image: url(../img/photo/photo_15/werk_9.png);
}
.about_photo{
    background-size: cover;
    background-image: url(../img/about.png);
}

iframe{
    position:absolute;
    left:37.5%
}

.smaller{
    width: 48%
}
.navigatieMobiel{
    display: none;
}

.mobilewrappermenu{
    display: none;
}
.navigatieMobiel .underlined{
    color:white
}

/*mediaquery*/

@media only screen and (max-width: 768px) {
    
    
    
    .underline{margin-top: 7%;}
    .navigatie{
        display: none;
    }

    .navigatieMobiel{
        margin-top: 3vw;
        display: block;
        width: 80vw;
    }
    .knop{
        font-size:4.25vw;
        margin-top: 1vw;
    }

    .meerOpties{
        font-size: 4vw;
        width: 100%;
        text-align: left;
       
        background-color: white;
       
    }
    .dropdownmenu{
        display: none;
        width:80vw
    }
    .dropdownmenu button{
        margin-left: 1.5vw;
        float: left;
        width: 56%;
        display: block;
        text-align: left;
}          
    .dropdownmenu .underlined{
        background-color:black;
        color: white;
        text-decoration: none;
    }
    .wrapper-menu{
        display: block;
    }
    
    .home-navigation{
        width:94vw
    }
    .home-navigation h1{
        margin-top: 3vw;
        margin-bottom: 6vw;
        font-size: 2em; 
    }
    .home-navigation h2{
        display: none;
    }
    .mobilewrappermenu{
        width: 97vw;
       margin: 0 auto;
       display: block;
    }
    .regular{
        display: none;
    }
    .menu{
        width: 45%; 
        margin-right: 3vw; 
    }
    .menu h3{
       font-size: 3vw; 
       margin-bottom: 5vw;
       margin-top: 2vw;
    }
    .icoon{
        height: 60vw;
        width: 100%;
    }
   
   



    footer{
        display:block
    }
    
    .grid-container{
        width:100vw;
        margin: 0 auto;
    }

    .inhoud-desktop{display: none;}
    .inhoud{
        width: 98vw;
    }
    .omschrijving h1{
        margin-top: 3vw;
        font-size: 3.25vw;
        height:5vw;
        text-align: center;
        float: none;
        font-weight: bold;
    }
  
    .meerZien{
        margin-top: 2vw;
        font-size:3vw;
        height:4vw;
        width: 100% ;
        margin: 0 auto;
        float: none;
        
    }
    .beschrijving{
        margin: 0 auto;
        width: 90%;
        margin-top: 3vw;
        font-size: 3.2vw;
        height:4vw;
         text-align: center;
        float: none;
        height: max-content;
        
    }
    .beschrijving2{
        margin: 0 auto;
        width: 90%;
        margin-top: 3vw;
        font-size: 3.2vw;
        height:4vw;
         text-align: center;
        float: none;
        height: max-content;
        
    }
    .inhoud-mobile{
        width:98vw;
        display: block;
        margin: 0 auto;
    }
    .mobile-wrapper{
        width: fit-content;
        margin: 0 auto;
    }
    .grid-bigger{
        width:31vw;
        height:31vw;
        float: left;
        margin-right:1vw;
        margin-bottom:1vw;
    }
    .grid-item{
        width:31vw;
        height:31vw;
        float: left;
        margin-right:1vw;
        margin-bottom:1vw;
    }
    .wrapper{
        height: max-content;
        margin-top: 4vw;
        box-shadow: none;
    }
    .displayWork{
        background-size: contain;
        width: 85%;
        height:55vh;
        border-top: solid #282728 4vw ;
        border-bottom: solid #282728 5vw ;

    }
    .modalOpen{
        pointer-events: none;
    }
    .displayBreed{
        background-size: contain;
        width: 85%;
        height:35vh;
        border-top: solid #282728 4vw ;
        border-bottom: solid #282728 5vw ;
    }
    .inhoud-prev{
        margin-top: 2vw;
        
    }
    .langwerpig{
        width: 85%;
        height:55vh;
        position: fixed; /* or absolute */
        top: 25%;
        left: 50%;
    }
    .breed{
        width: 85%;
        height:35vh;
        position: fixed; /* or absolute */
        top: 25%;
        left: 50%;
    }
    .afsluiter{
        left:92%
    }
    .underline{
        margin-top: 5vw;
        margin-bottom: 2vw;
    }
    .left{
        font-size:2.75vw;
    }
    .right{
        font-size:2.75vw;
    }

    .error{
        display: block;
        margin: 0 auto;
        width:100vw
    }
    .invision{
        display: none;
    }
    
    .contact-page .big-block{
        margin-top: 3vw;
        width: 100vw;
        display: flex; 
    }

    .contact-page .grid-bigger{
       margin: 0 auto;
       width: 50vw;
       height: 50vw;
    }
    .grid-container{
        height: 79vh;
    }
    
    .media15page{
        background-image: none;
    }
    .media15page .grid-podcast{
        
        width: 19vw;
        height: 19vw;
    }
    
    
.media15_werk1{
    
    background-image: url(../img/media/media_15/mobile/werk_1.png);
}
.media15_werk2{
    
    background-image: url(../img/media/media_15/mobile/werk_2.png);
}
.media15_werk3{
    
    background-image: url(../img/media/media_15/mobile/werk_3.png);
}
.media15_werk4{
    
    background-image: url(../img/media/media_15/mobile/werk_4.png);
}
.media15_werk5{
    
    background-image: url(../img/media/media_15/mobile/werk_5.png);
}
.media15_werk6{
    
    background-image: url(../img/media/media_15/mobile/werk_6.png);
}
.media15_werk7{
    
    background-image: url(../img/media/media_15/mobile/werk_7.png);
}
.media15_werk8{
    
    background-image: url(../img/media/media_15/mobile/werk_8.png);
}
.media15_werk9{
    
    background-image: url(../img/media/media_15/mobile/werk_9.png);
}
.media15_werk10{
    
    background-image: url(../img/media/media_15/mobile/werk_10.png);
}

}