.breadcrumb-collapsible.collapsed .breadcrumb-middle {
  display: none;
}
.breadcrumb-toggle {
  background: none;
  border: none;
  font-weight: bold;
  cursor: pointer;
  color: #4cb7df;
}
/* CSS for Breadcrumbs */
body.home .sitra-breadcrumb-wrapper {
  display: none !important;
}
#breadcrumbs {
  max-width: 100%;
  overflow-x: hidden;
}
/* Grundlayout */
#breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 0.85rem;
  color: #7389ac;
  gap: 0.5em;
}

/* Toggle-Button */
.breadcrumb-toggle {
  background: transparent;
  border: none;
  font-size: 1rem;
  cursor: pointer;
  color: #4cb7df;
  margin: 0;
}

/* Separatoren */
.breadcrumb-separator {
  margin: 0 0.15em;
  color: #7389ac;
}

/* Alle Items sichtbar im expanded-Zustand */
.breadcrumb-collapsible.expanded .breadcrumb-item,
.breadcrumb-collapsible.expanded .breadcrumb-separator {
  display: inline;
}
/*.breadcrumb-collapsible.expanded .breadcrumb-toggle {
  display: none;
}*/

/* Nur erstes + letztes Item + Button sichtbar im collapsed-Zustand */
.breadcrumb-collapsible.collapsed .breadcrumb-item,
.breadcrumb-collapsible.collapsed .breadcrumb-separator {
  display: none;
}
.breadcrumb-collapsible.collapsed .breadcrumb-first,
.breadcrumb-collapsible.collapsed .breadcrumb-last,
.breadcrumb-collapsible.collapsed .breadcrumb-toggle {
  display: inline;
}

.breadcrumb.collapsed .breadcrumb-middle,
.breadcrumb.collapsed .breadcrumb-first {
  display: none;
}

.breadcrumb.collapsed .breadcrumb-last {
  display: inline;
}

.breadcrumb.expanded .breadcrumb-item {
  display: inline;
}
.breadcrumb-toggle.inline-toggle {
  display: inline-block;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0 0.3em;
  margin: 0 5px;
  font: inherit;
  font-weight: bold;
  line-height: 1;
  vertical-align: baseline;
  color: #4cb7df;
  text-decoration: none;
}
.breadcrumb-toggle:focus,
.breadcrumb-toggle:hover {
  outline: none;
  text-decoration: underline;
}