/* Broodkruimelmenu: één bron van waarheid voor de vormgeving.
   De tekst verschilt per pagina (elke pagina toont zijn eigen titel als
   laatste kruimel), dus dit kan geen JS-gemount element worden zoals
   footer/menu/logowand. Wel is de opmaak nu centraal vastgelegd: wijzig
   dit bestand, elke pagina met <link rel="stylesheet" href="/css/breadcrumb.css">
   toont automatisch de bijgewerkte stijl. */
.kruimels{background:var(--offwhite);padding:0;border-bottom:1px solid var(--lijn);position:relative;margin-top:-1px}
.kruimels .bin{padding:14px 24px}
.kruimels,.kruimels *{font-family:'Inter',sans-serif !important}
.kruimels ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:0;font-size:13px;color:#4A4D6E;margin:0;padding:0}
.kruimels li{display:inline-flex;align-items:center;padding:6px 14px;border-radius:14px;transition:background .15s}
.kruimels li a{color:#4A4D6E;font-weight:600;text-decoration:none;display:inline-flex;align-items:center}
.kruimels li:has(a):hover{background:rgba(255,51,0,.08)}
.kruimels li:has(a):hover a{color:var(--oranje)}
.kruimels li+li::before{content:"›";display:inline-block;margin:0 4px 0 -4px;color:#8A8CA0;font-weight:700;font-size:15px}
.kruimels li[aria-current]{color:var(--oranje);font-weight:700;background:rgba(255,51,0,.08)}