.breadcrumb-item-list {
    position: relative;
    font-size: var(--tFontSizeSmall);
    line-height: var(--tLineHeightSmall);
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    margin: var(--tVspacingMedium) auto;
    padding: 0 var(--tContainerSidePadding);
    max-width: var(--tContainerWidthXwide);
}

.breadcrumb-item-list__item {
    color: var(--tColorContrast100);
    border: none;
    --itemlabel-minimized-display: inline;
    --itemlabel-full-display: none;
}

a.breadcrumb-item-list__item {
    text-decoration: underline;
}
a.breadcrumb-item-list__item:hover {
    color: var(--tLinkHoverColor);
}

.breadcrumb-item-list__item.breadcrumb-item-list__item--active {
    font-weight: bold;
}

.breadcrumb-item-list__itemlabel-minimized {
    display: var(--itemlabel-minimized-display);
}

.breadcrumb-item-list__itemlabel-full {
    display: var(--itemlabel-full-display);
}

.breadcrumb-item-list__item:hover {
    --itemlabel-minimized-display: none;
    --itemlabel-full-display: inline;
}


.breadcrumb-item-list__separator:before {
    content: "\000BB";
    font-weight: bold;
    color: var(--tColorContrast60);
    display: inline-block;
    padding: 0 var(--tHspacingXSmall);
}

.breadcrumb-item-list__item, .breadcrumb-item-list__separator {
    display: none;
}
.breadcrumb-item-list__item:nth-last-child(-n+3), .breadcrumb-item-list__separator:nth-last-child(-n+3) {
    display: inline-block;
}

.breadcrumb-item-list.breadcrumb-item-list--sectionpagecover-tight,
.breadcrumb-item-list.breadcrumb-item-list--sectionpagecover-default,
.breadcrumb-item-list.breadcrumb-item-list--sectionpagecover-wide {
    justify-content: flex-start;
    margin: var(--tVspacingMedium) 0;
    padding: 0;
}

@media (max-width: 719px) {
    .breadcrumb-item-list__item:nth-last-child(3):before {
        content: "\000AB";
        font-weight: bold;
        color: var(--tColorContrast60);
        display: inline-block;
        padding: 0 var(--tHspacingXSmall);
    }
}
@media (min-width: 720px) {
    .breadcrumb-item-list__item, .breadcrumb-item-list__separator {
        display: inline-block;
    }
}
