/* ===== SHARED BREADCRUMBS ===== */
/* Base styles for breadcrumb navigation across all page types.
   Color overrides in page-specific CSS (ratgeber-landing.css, anbieter-detail.css, zielgruppen.css). */

.ratgeber-breadcrumbs {
  padding: 16px 0;
  margin-bottom: 0;
  width: 100%;
}

.breadcrumbs-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 13px;
}

.breadcrumbs-item {
  display: flex;
  align-items: center;
}

.breadcrumbs-item a {
  color: #64748b;
  text-decoration: none;
  transition: color 0.2s ease;
}

.breadcrumbs-item a:hover {
  color: #334155;
}

.breadcrumbs-item--current span {
  color: #334155;
  font-weight: 500;
}

.breadcrumbs-separator {
  margin: 0 8px;
  color: #94a3b8;
}