.npc-template .filAriane .Breadcrumb,.npc-template-page-no-gap .Breadcrumb {
    max-width: 1120px;
    width: 100%;
    margin: var(--msl-spacing-200) auto var(--msl-spacing-00)
}

@media (max-width: 1170px) {
    .npc-template .filAriane .Breadcrumb,.npc-template-page-no-gap .Breadcrumb {
        padding:var(--msl-spacing-00) var(--msl-spacing-200);
        margin-bottom: var(--msl-spacing-00)
    }
}

.Breadcrumb {
    margin: var(--msl-spacing-400) 5% var(--msl-spacing-400) 5%
}

.Breadcrumb ol {
    margin-bottom: 0;
    padding-left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.Breadcrumb ol li {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.Breadcrumb ol li .icon {
    padding: 0 var(--msl-spacing-50);
    margin: 0 var(--msl-spacing-100)
}

.Breadcrumb ol li a {
    font-size: var(--msl-fontSize-14);
    text-decoration: underline
}

.Breadcrumb ol li::before {
    display: none
}

.Breadcrumb-homepage {
    margin: 15px 5% 0
}

.Breadcrumb-link {
    text-decoration: none;
    color: var(--msl-text-primary);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400)
}

.Breadcrumb-link:focus,.Breadcrumb-link:hover {
    color: var(--msl-text-primary-pressed)
}

.Breadcrumb-link:focus-visible {
    outline-style: auto;
    outline-offset: 2px;
    outline-width: 2px;
    outline-color: var(--msl-border-focusIndicator)
}

.Breadcrumb-arrow {
    padding: 0 .3em
}

.Breadcrumb-arrow:before {
    content: "\003E"
}

.Breadcrumb-link--selected {
    color: var(--msl-artwork-grey-900);
    font-weight: var(--msl-fontWeight-400);
    font-size: var(--msl-fontSize-14)
}

.Breadcrumb-link--selected:focus,.Breadcrumb-link--selected:hover {
    color: var(--msl-artwork-grey-900)
}

@media (max-width: 649px) {
    .Breadcrumb {
        display:none
    }
}