.typo-titels {
}

.typo-titels__section-label {
  font-family: 'RecentGrotesk', sans-serif;
  font-weight: 500;
  font-size: 2.5em;
  text-transform: uppercase;
  color: var(--oranje);
  display: block;
}

.typo-titels__rule {
  border: none;
  border-top: 1px solid rgba(0,0,0,.15);
  margin: 0;
}

.typo-titels__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
      gap: 40px;
    padding-top: 20px;
}

.typo-titels__preview {
  color: var(--dark-green) !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
}

/* Body (p) toont de fontnaam groot als voorbeeld */
.typo-titels__item--body .typo-titels__preview {
  font-family: 'BricolageGrotesque', sans-serif !important;
  font-size: 2.5rem !important;
  font-weight: 400 !important;
  text-transform: none !important;
  color: var(--oranje) !important;
}

.typo-titels__meta {
  display: flex;
  flex-direction: column;
  gap: 2px;
  font-family: 'BricolageGrotesque', sans-serif;
  font-size: .9rem;
  color: var(--black);
}

.typo-titels__meta strong {
  font-weight: 700;
}

@media (max-width: 900px) {
  .typo-titels__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .typo-titels__grid {
    grid-template-columns: 1fr;
  }
}