.breadcrumb-tab {
  position: relative;
  z-index: 3; /* altijd boven content & header */
  /* styling, subtiel zodat 'ie niet stoort */
}

/* Optioneel: breadcrumb als 'tab' die net in de hero hangt */
.breadcrumb--over-hero {
  margin-top: clamp(-1rem, -3vw, -2rem);
}

.breadcrumb-item {
  font-family: var(--font15); /* uit database */
  font-size: var(--fontsize15); /* uit database */
  color: var(--basiskleurzevenenvijftig); /* uit database */
}

.breadcrumb-item a {
  font-family: var(--font15); /* uit database */
  font-size: var(--fontsize15); /* uit database */
  color: var(--basiskleurzevenenvijftig); /* uit database */
}