/*** Allianz One Breakpoints and Mixins ***/
/*** NDBX One Breakpoints and Mixins ***/
.breadcrumb {
  margin: var(--size-2m) 0 var(--size-2m) 0;
}

.breadcrumb__list {
  list-style: none;
  display: flex;
  gap: var(--size-3xs);
  margin: 0;
  flex-wrap: wrap;
}

.breadcrumb__item {
  color: var(--semantic-color-action-secondary-resting);
  font-size: var(--font-size-3xs);
  font-weight: var(--semantic-text-utility-default-m-font-weight);
  display: flex;
  line-height: var(--size-sm);
  gap: 0.5em;
}

.breadcrumb__item > .icon {
  display: inline;
  font-size: var(--font-size-xs);
  line-height: var(--size-s);
  margin: 0;
  padding: 0;
}

.breadcrumb__item > .icon::before {
  vertical-align: middle;
}

.theme--inverted .breadcrumb__item {
  color: var(--semantic-color-on-surface-primary-inverse-resting);
}

a.breadcrumb__link {
  font-size: var(--font-size-3xs);
  text-decoration: none;
  text-transform: none;
  text-align: left;
  font-weight: var(--semantic-text-utility-default-m-font-weight);
  line-height: var(--size-sm);
  color: var(--semantic-color-action-secondary-resting);
}

a.breadcrumb__link:focus {
  outline: 0;
  transition: color 0.2s ease, outline 0.2s ease;
  border-radius: 4px;
  outline: var(--semantic-border-width-focus) solid var(--semantic-color-border-focus);
  outline-offset: 2px;
}

.theme--inverted a.breadcrumb__link:focus {
  outline-color: var(--semantic-color-border-focus-inverse);
}

a.breadcrumb__link:hover {
  color: var(--semantic-color-action-secondary-resting);
}

.breadcrumb__link.is-active {
  font-weight: var(--semantic-text-utility-attention-s-font-weight);
  pointer-events: none;
  cursor: default;
}

.breadcrumb__separator {
  padding: var(--size-5xs) var(--size-2xs);
}

.breadcrumb__separator:before {
  content: "\f105";
}

@media (min-width: 704px) {
  .breadcrumb {
    display: block;
  }
}
.breadcrumb__container {
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  text-align: center;
}

@media (min-width: 704px) {
  .breadcrumb__container {
    display: none;
  }
}
.breadcrumb__container .breadcrumb {
  padding: 24px 0;
  margin: 0 16px;
}

.breadcrumb__container--no-border {
  border: 1px solid transparent;
}