/* Breadcrumbs: auf Desktop und Mobile direkt unter der Hauptueberschrift. */
.mbb-breadcrumbs {
    margin: -12px 0 24px;
    font: 14px/1.6 'Roboto', Arial, sans-serif;
    text-align: left;
}
.mbb-breadcrumbs ol {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 0;
    margin: 0;
    padding: 0;
    list-style: none;
}
.mbb-breadcrumbs li {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    font: inherit;
    color: #484843;
}
.mbb-breadcrumbs li + li::before {
    content: '\203A';
    padding: 0 8px;
    color: #707070;
}
.mbb-breadcrumbs a,
.mbb-breadcrumbs a:hover,
.mbb-breadcrumbs span {
    font: inherit;
    color: #1c5da9;
}
.mbb-breadcrumbs a:hover { text-decoration: underline; }
.mbb-breadcrumbs a:focus-visible { outline: 2px solid #1c5da9; outline-offset: 3px; }
.mbb-breadcrumbs span { color: #484843; }

/* Gleiche Grenze wie beim vorhandenen Hamburger-Menue. */
@media only screen and (min-width: 735px) {
    html.mbb-desktop-header #header-wrapper {
        position: absolute;
        top: 0;
        height: auto;
    }
    html.mbb-desktop-header #navigation {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        z-index: 1000;
    }
    html.mbb-desktop-header #header-wrapper .header {
        margin-top: var(--mbb-navigation-height, 50px);
    }
    html.mbb-desktop-header #container {
        padding-top: calc(var(--mbb-navigation-height, 50px) + var(--mbb-logo-height, 150px) + 16px);
    }
    html.mbb-desktop-header #container [id],
    html.mbb-desktop-header #container a[name] {
        scroll-margin-top: calc(var(--mbb-navigation-height, 50px) + 16px);
    }
}