.breadcrumb {
  margin-bottom: 0 !important;
  background-color: var(--color-gray-light) !important;
}
.breadcrumb nav {
  padding: 0.5rem 0;
  overflow-x: auto; /* horizontales Scrollen erlauben */
  -webkit-overflow-scrolling: touch; /* sanftes Scrollen auf iOS */
}

.breadcrumb nav ul {
  display: flex;
  flex-wrap: nowrap;
  white-space: nowrap;
  padding: 0;
  margin: 0;
  list-style: none;
}

.breadcrumb-item + .breadcrumb-item {
  display: flex;
}

@media (max-width: 767px) {
  .breadcrumb nav {
    overflow-x: auto;
  }

  .breadcrumb nav ul {
    flex-wrap: nowrap;
  }
}