.br-breadcrumb {
  display: inline-grid;
  position: relative;
}
.br-breadcrumb .crumb-list {
  align-items: center;
  border: none;
  display: flex;
  margin: 0;
  padding: 0;
  overflow-x: auto;
  overflow-y: hidden;
  list-style: none;
}
.br-breadcrumb .crumb-list .crumb {
  align-items: center;
  display: flex;
  height: var(--spacing-scale-5x);
  margin: auto var(--spacing-scale-half);
}
.br-breadcrumb .crumb-list .crumb .icon {
  color: var(--color-secondary-04);
  font-size: var(--icon-size-sm);
}
.br-breadcrumb .crumb-list .crumb .icon.fas.fa-chevron-right {
  margin-right: -4px;
}
.br-breadcrumb .crumb-list .crumb a {
  cursor: pointer;
  font-size: var(--font-size-scale-down-01);
  font-weight: var(--font-weight-medium);
  padding: 0;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 180px;
}
.br-breadcrumb .crumb-list .crumb a:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-breadcrumb .crumb-list .crumb a:not(:disabled):active {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)));
}
.br-breadcrumb .crumb-list .crumb.home, .br-breadcrumb .crumb-list .crumb.menu-mobil {
  --focus-offset: calc(var(--spacing-scale-half) * -1);
  align-items: center;
  display: flex;
  margin-right: 0;
}
.br-breadcrumb .crumb-list .crumb.home .icon, .br-breadcrumb .crumb-list .crumb.menu-mobil .icon {
  color: var(--interactive);
  position: static;
}
.br-breadcrumb .crumb-list .crumb.home .icon.fas.fa-chevron-right, .br-breadcrumb .crumb-list .crumb.menu-mobil .icon.fas.fa-chevron-right {
  color: var(--color-secondary-04);
  margin-right: -8px;
}
.br-breadcrumb .crumb-list .crumb[data-active=active] span {
  color: var(--color-secondary-08);
  cursor: default;
  font-size: var(--font-size-scale-down-01);
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
}
.br-breadcrumb .br-card {
  position: absolute;
  top: var(--spacing-scale-7x);
  left: var(--spacing-scale-9x);
  width: fit-content;
  z-index: 1;
}
.br-breadcrumb .br-card .front .content {
  padding: 0;
}
.br-breadcrumb .br-card .front .content .br-list .br-item {
  cursor: pointer;
}
.br-breadcrumb .br-card .front .content .br-list .br-item a {
  display: inline-block;
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.br-breadcrumb .br-card .front .content .br-list .br-item:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-breadcrumb .br-card .front .content .br-list .br-item:not(:disabled):active {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)));
}
@media (max-width: 574.98px) {
  .br-breadcrumb .crumb-list .menu-mobil > .icon {
    display: none;
  }
  .br-breadcrumb .br-card {
    left: var(--spacing-scale-base);
  }
}
@media (max-width: 991.98px) {
  .br-breadcrumb .crumb-list .crumb a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    max-width: 180px;
  }
  .br-breadcrumb .crumb-list .crumb.menu-mobil,
.br-breadcrumb .crumb-list .crumb.menu-mobil + .crumb,
.br-breadcrumb .crumb-list .crumb.home + .crumb {
    display: flex;
  }
}

/*# sourceMappingURL=breadcrumb.css.map*/