#navigation:has(~.fs),
#navigation:has(~*>.fs) {
    position: relative;
    z-index: 1;
    height: 0;
}
.breadcrumbs{
    background-color: var(--color-blue);
}
.breadcrumbs ul {
    font-size: 15px;
    color: var(--color-white);
    line-height: 19px;
    padding: 30px 0 30px 0;
    margin: 0;
    font-weight: 300;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    column-gap: 15px;
    row-gap: 5px;
}

.breadcrumbs a {
    color: #D3D0D9;
}

.breadcrumbs li:not(:last-child) {
    display: flex;
    align-items: center;
    column-gap: 15px;
}

.breadcrumbs li:not(:last-child):after {
    content: '';
    background: #D3D0D9;
    width: 1px;
    height: 10px;
}
/*
#navigation:not(:has(~.fs)):not(:has(~*>.fs)) ul {
    color: var(--color-black);
}
*/
@media (max-width: 1439px) and (min-width: 1200px) {
    .breadcrumbs ul {
        padding-top: 20px;
    }

    .breadcrumbs * {
        font-size: 13px;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .breadcrumbs ul {
        padding-top: 15px;
    }
}

@media (max-width: 575px){
    .breadcrumbs ul {
        font-size: 14px;
        line-height: 18px;
    }
}