.vierkamp-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(520px,1fr));
  gap:24px;
  margin:20px 0;
}

.groepkaart{
  border:1px solid #d9d9d9;
  border-radius:8px;
  overflow:hidden;
  background:#fff;
}

.groepkaart h3{
  margin:0;
  padding:12px 16px;
  font-size:1.2rem;
  border-bottom:1px solid #d9d9d9;
}

.groepkaart table{
  width:100%;
  border-collapse:collapse;
  font-size:0.95rem;
}

.groepkaart th,
.groepkaart td{
  border:1px solid #e5e5e5;
  padding:6px 8px;
}

.groepkaart th{
  font-weight:600;
  text-align:center;
}

.groepkaart td:nth-child(2){
  text-align:left;
}

.groepkaart td:not(:nth-child(2)){
  text-align:center;
}

.groepnoot{
  margin:0;
  padding:10px 16px;
  font-size:.9rem;
  font-style:italic;
}

@media (max-width: 768px){
  .vierkamp-grid{
    grid-template-columns:1fr;
  }
}