.region--breadcrumb {
    padding: 0 var(--content-padding);
}

ol.breadcrumb__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
}

li.breadcrumb__item {
    display: flex;
}

li.breadcrumb__item:not(:last-child):after {
    display: inline-block;
    content: '';
    width: .5rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4.625' height='7.836' viewBox='0 0 4.625 7.836'%3E%3Cpath id='Pfad_7' data-name='Pfad 7' d='M1239.922,648.648l3.564,3.564-3.564,3.564' transform='translate(-1239.569 -648.294)' fill='none' stroke='%23054257' stroke-width='1'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    
}

li.breadcrumb__item:not(:first-child):after {
    margin-left: 1.25em;
}

ol.breadcrumb__list li:not(:first-child) {
    font-size: .875rem;
    line-height: 1;
    text-decoration: none;
    color: var(--color-blue);
    display: inline-flex;
    padding: 1.5rem .75rem;
}

ol.breadcrumb__list li:first-child a {
    display: inline-block;
    text-indent: -99999px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.273' height='16.982' viewBox='0 0 16.273 16.982'%3E%3Cg id='Gruppe_2' data-name='Gruppe 2' transform='translate(-189.469 -555)'%3E%3Cpath id='Pfad_5' data-name='Pfad 5' d='M184.442,123.306h11.391a2.431,2.431,0,0,0,2.441-2.441v-7.133a2.453,2.453,0,0,0-.868-1.871l-5.94-4.963a2.434,2.434,0,0,0-3.2.054l-5.451,4.936A2.425,2.425,0,0,0,182,113.7v7.16a2.448,2.448,0,0,0,2.441,2.441Zm-1.356-9.6a1.3,1.3,0,0,1,.461-1L189,107.765a1.312,1.312,0,0,1,.922-.353,1.33,1.33,0,0,1,.868.325L196.7,112.7a1.43,1.43,0,0,1,.488,1.031v7.106a1.343,1.343,0,0,1-1.356,1.356H184.442a1.343,1.343,0,0,1-1.356-1.356Z' transform='translate(7.469 448.676)' fill='%23054257'/%3E%3Cpath id='Pfad_6' data-name='Pfad 6' d='M285.022,307.466a.544.544,0,0,0,.542-.542v-4.781a.9.9,0,0,1,.9-.895h2.414a.9.9,0,0,1,.9.895v4.781a.542.542,0,1,0,1.085,0v-4.781a1.991,1.991,0,0,0-1.98-1.98h-2.414a1.991,1.991,0,0,0-1.98,1.98v4.781a.544.544,0,0,0,.542.542Z' transform='translate(-90.047 264.226)' fill='%23054257'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding: 0;
    width: 1rem;
    margin: 0 .75rem 0;
}

ol.breadcrumb__list li a {
    text-decoration: none;
    color: var(--color-blue);
}

@media (max-width: 767px) {
    .region--breadcrumb {
        display: none;
    }
}