/* Uitsluitend voor de DEVOBO-kaartjes; raakt andere siteonderdelen niet. */
.devobo-naamkaartjes,
.devobo-naamkaartjes * { box-sizing: border-box; }
.devobo-naamkaartjes {
  width: 100%;
  background: #F5F4EF;
  padding: 61px 36px 112px;
  font-family: Arial, Helvetica, sans-serif;
}
.devobo-naamkaartjes__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 17px;
  width: 100%;
  max-width: 885px;
}
.devobo-naamkaartjes__kaart {
  height: 209px;
  min-width: 0;
  border-radius: 9px;
  padding: 32px 28px 24px;
  color: #fff;
  border: 0;
  box-shadow: none;
  text-align: left;
}
.devobo-naamkaartjes__kaart--de { background-color: #1e3d2a; }
.devobo-naamkaartjes__kaart--vo { background-color: #2a5237; }
.devobo-naamkaartjes__kaart--bo { background-color: #36693f; }
.devobo-naamkaartjes__letters {
  margin: 0 0 16px !important;
  padding: 0 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight: 800 !important;
  font-size: 66px !important;
  line-height: 1.02 !important;
  letter-spacing: -2.8px !important;
  color: #9bcb72 !important;
}
.devobo-naamkaartjes__kaart--bo .devobo-naamkaartjes__letters { color: #cfe8b6 !important; }
.devobo-naamkaartjes__titel {
  margin: 0 0 6px !important;
  padding: 0 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  color: #fff !important;
  font-size: 23px !important;
  font-weight: 700 !important;
  line-height: 1.12 !important;
  letter-spacing: -.5px;
}
.devobo-naamkaartjes__ondertitel {
  margin: 0 !important;
  padding: 0 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  color: #c8d5ca !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
}
@media (max-width: 767px) {
  .devobo-naamkaartjes { padding: 35px 20px 55px; }
  .devobo-naamkaartjes__grid { grid-template-columns: 1fr; gap: 17px; max-width: 420px; }
  .devobo-naamkaartjes__kaart { height: 209px; }
}