.blokken {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 20px;
margin: 20px 0 10px 0;
padding:0 0 50px 0;
max-width:1280px;
margin:0 auto;
}

.blokken div {
height: 210px;
width: 170px;
display: flex;
align-items: center;
justify-content: center;
}

.box {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  margin: 10px 10px 40px 10px;
  height: 210px;
  background-color: #F1F1F1;
  box-shadow: 0px 3px 4px rgba(143, 143, 143, 0.7);
  border-radius: 5px;
  border: 1px solid #EFEFEF;
  transition: box-shadow 0.3s ease;
}

.box:hover {
  box-shadow: 0px 4px 6px rgba(143, 143, 143, 0.9);
  cursor: pointer;
}
       
.box div {
width: 170px;
height:210px;
display: flex;
align-items: center;
justify-content: center;
color: gray;
font-weight: bold;
border-radius: 5px;
}

.box img{margin-top:20px;object-fit:cover;max-width:70%;max-height:70%;}
.box img:hover{opacity:0.6;}
.pic{border:2px solid #696969;display:block;margin:auto;width:95%;height:95%;margin-top:10px !important;}
.boxlink{min-height:150px;}


.txt{max-width:400px;padding:5px;border-radius: 10px;}
.txt p, .txt h3{font-family: "Lucida Sans Unicode", sans-serif;color:#000;text-align:center;}
.txt h3{font-size:1.8rem;margin:0 !important;}
.txt p{font-size:1.4rem;line-height:1.7rem;}
.box p{font-family: "Lucida Sans Unicode", sans-serif;font-size:1.4rem;color:#000;} /* Voornaam */

.fancybox-inner img {
border:10px solid #111;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

@media screen and (max-width: 500px) {
.box div {
width: 100%;
font-size:1.2rem;
}

}