.bmds-legalhead { padding-block: var(--kern-metric-space-2x-large); }
.bmds-legalhead .bmds-breadcrumb { margin-block-end: var(--kern-metric-space-large); }

/* Die Prosa-Tokens werden umgebunden statt ueberschrieben, damit
   jeder Baustein und `--narrow` ohne eigene Regel mitgehen. */
.bmds-legal {
    --bmds-size-body: var(--bmds-size-legal);
    --bmds-leading-prose: var(--bmds-leading-legal);
    --bmds-measure-prose: var(--bmds-measure-legal);

    font-size: var(--bmds-size-body);
}
.bmds-legal .bmds-section { padding-block-start: var(--bmds-legal-y); }

.bmds-breadcrumb__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--kern-metric-space-small);
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: var(--bmds-size-meta);
}

/* Generierter Inhalt wird vorgelesen, erst der leere Alternativtext
   nach `/` blendet ihn aus. Die erste Zeile ist der Fallback fuer
   Browser ohne diese Syntax. */
.bmds-breadcrumb__item + .bmds-breadcrumb__item::before {
    content: "›";
    content: "›" / "";
    margin-inline-end: var(--kern-metric-space-small);
    color: var(--kern-color-layout-text-muted);
}