.wijnhuizen {position: sticky; position: -webkit-sticky; top: 140px; background: #f7f9fa;  z-index: 2; box-shadow: 0 14px 12px -12px rgba(200,200,200,.4); -webkit-overflow-scrolling: touch;}
.wijnhuizen ul    {display: flex; list-style: none; max-width: var(--max-width); margin: 0 auto; box-sizing: border-box; padding: 0 30px;}
.wijnhuizen ul li {flex: 1; text-align: center; padding: 10px; cursor: pointer; min-width: 20px;}
.wijnhuizen ul li:hover {background: #eff1f2;}

.shopCategorieHolder {grid-template-columns: 1fr 1fr 1fr 1fr !important; background: var(--kleur4); border-radius: var(--border-radius); padding: 20px; box-sizing: border-box; gap: 0;}
.shopCategorieHolder .tussenkop {grid-column: span 4; font-size: 35px; padding: 40px 0 20px 0; border-bottom: 1px solid #eee; margin-bottom: 20px; font-weight: bold; color: #757575;}
.shopCategorieHolder .tussenkop:first-child {padding-top: 0;}
.shopCategorieHolder .categorie:hover {box-shadow: unset;}
.shopCategorieHolder .categorie .inner .afbeeldingHouder {display: none;}
.shopCategorieHolder .categorie .inner .titel {text-align: left; padding: 5px 0;}
.shopCategorieHolder .categorie .inner .titel h2 {text-align: left; font-weight: normal; color: var(--fontkleur1);}
.shopCategorieHolder .categorie:hover .inner .titel h2 {color: var(--kleur1);}

@media screen and (max-width: 1200px) {

  .wijnhuizen {overflow-x: auto;}

  .shopCategorieHolder {grid-template-columns: 1fr 1fr 1fr !important;}
  .shopCategorieHolder .tussenkop {grid-column: span 3;}

}

@media screen and (max-width: 900px) {

  .wijnhuizen {top: 0 !important;}

  .shopCategorieHolder {grid-template-columns: 1fr 1fr !important;}
  .shopCategorieHolder .tussenkop {grid-column: span 2;}

}

@media screen and (max-width: 680px) {


  .shopCategorieHolder {grid-template-columns: 1fr !important;}
  .shopCategorieHolder .tussenkop {grid-column: span 1;}

}