/* Nur Breadcrumbs; bestehender Header und Menue bleiben unveraendert. */
nav.as-breadcrumbs {
    display: block;
    position: static;
    float: none;
    width: auto;
    height: auto;
    max-width: 100%;
    margin: 0 0 16px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #454545;
    font: 14px/1.6 Arial, sans-serif;
    text-align: left;
}
nav.as-breadcrumbs ol {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 0;
    margin: 0;
    padding: 0;
    list-style: none;
}
nav.as-breadcrumbs li {
    display: inline;
    float: none;
    margin: 0;
    padding: 0;
    max-width: 100%;
    list-style: none;
    font: inherit;
    color: inherit;
    overflow-wrap: anywhere;
}
nav.as-breadcrumbs li + li::before {
    content: '\203A';
    padding: 0 8px;
    color: #757575;
}
nav.as-breadcrumbs a,
nav.as-breadcrumbs a:hover,
nav.as-breadcrumbs a:visited,
nav.as-breadcrumbs span {
    display: inline;
    float: none;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    font: inherit;
    color: #003399;
    text-decoration: none;
}
nav.as-breadcrumbs a:hover { text-decoration: underline; }
nav.as-breadcrumbs a:focus-visible { outline: 2px solid #003399; outline-offset: 3px; }
nav.as-breadcrumbs span[aria-current="page"] { color: #454545; }

/* Eine horizontale Zeile, auch bei globalen Listenregeln der alten Seiten. */
nav.as-breadcrumbs { overflow-x: auto; }
nav.as-breadcrumbs > ol {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
}
nav.as-breadcrumbs > ol > li {
    display: block !important;
    flex: 0 0 auto !important;
    float: none !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    white-space: nowrap !important;
}
nav.as-breadcrumbs > ol > li::marker { content: '' !important; }
nav.as-breadcrumbs > ol > li::before { content: none !important; }
nav.as-breadcrumbs > ol > li + li::before {
    content: '\203A' !important;
    display: inline !important;
    padding: 0 8px;
    color: #757575;
}
nav.as-breadcrumbs > ol > li > a,
nav.as-breadcrumbs > ol > li > span {
    display: inline !important;
    float: none !important;
    width: auto !important;
}
