/* ==========================================================================
   BRIT GmbH – zentrale Breadcrumb-Navigation
   ==========================================================================
   Einheitliche Darstellung für alle individuell gestalteten Unterseiten.
   HTML-Struktur: <nav class="brit-breadcrumb"><ol><li>…</li></ol></nav>
   Reihenfolge: Startseite / Themenbereich / aktuelle Seite.
   Bearbeitung: Trennzeichen, Farben und Schrift global nur hier anpassen.
   ========================================================================== */

.brit-breadcrumb {
  display: block;
  width: fit-content;
  max-width: 100%;
  margin: 0 0 1.8rem;
  padding: .6rem 1.05rem;
  border: 1px solid rgba(209, 244, 185, .22);
  border-radius: 1rem;
  background: #102b21;
  color: #f5fbf5;
  box-shadow: 0 8px 22px rgba(6, 27, 17, .08);
  font-family: inherit;
  font-size: .84rem;
  font-weight: 600;
  line-height: 1.55;
  letter-spacing: 0;
  text-transform: none;
}

.brit-breadcrumb > ol {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .26rem .65rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.brit-breadcrumb li {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  margin: 0;
  padding: 0;
  color: #f5fbf5;
  font: inherit;
  line-height: inherit;
  text-transform: none;
  letter-spacing: normal;
}

.brit-breadcrumb li:not(:first-child)::before {
  content: "/";
  display: inline-block;
  margin-right: .65rem;
  color: #c9f23b;
  font-weight: 700;
  speak: none;
}

.brit-breadcrumb a,
.brit-breadcrumb a:visited {
  color: #e1ebe0 !important;
  font: inherit;
  text-decoration: none;
  border: 0;
}

.brit-breadcrumb a:hover,
.brit-breadcrumb a:focus-visible {
  color: #c9f23b !important;
  text-decoration: underline;
  text-underline-offset: .2em;
}

.brit-breadcrumb [aria-current="page"] {
  color: #fff;
  font-weight: 800;
  white-space: normal;
  overflow-wrap: break-word;
}

@media (max-width: 480px) {
  .brit-breadcrumb {
    font-size: .76rem;
    padding: .55rem .8rem;
    border-radius: .8rem;
    margin-bottom: 1.45rem;
  }
  .brit-breadcrumb > ol { gap: .3rem .42rem; }
  .brit-breadcrumb li:not(:first-child)::before { margin-right: .42rem; }
}