/* 16-10 (Joran: 'flikkerig'): menubalk vast in de pagina, opmaak in de kop geladen */
.tabbalk{display:none}
@media (max-width:760px){
body.met-tabbalk .tabbalk{position:fixed;left:50%;bottom:calc(8px + env(safe-area-inset-bottom));z-index:26;transform:translateX(-50%);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(400px,calc(100% - 28px));height:62px;padding:4px;border-radius:999px;background:rgba(250,250,252,.56);-webkit-backdrop-filter:blur(7px) saturate(1.8);backdrop-filter:blur(7px) saturate(1.8);box-shadow:0 8px 28px rgba(0,0,0,.12),0 1px 3px rgba(0,0,0,.06),0 0 0 .5px rgba(0,0,0,.09),inset 0 .5px 0 rgba(255,255,255,.95),inset 0 0 0 .5px rgba(255,255,255,.55)}
.tabbalk a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:999px;color:#4c4e66;text-decoration:none;font:500 11.5px/1.1 -apple-system,"SF Pro Text",system-ui,sans-serif;letter-spacing:-.01em;-webkit-tap-highlight-color:transparent;transition:background .25s,color .25s,transform .2s cubic-bezier(.3,1.4,.5,1)}
.tabbalk a:active{transform:scale(.94)}
.tabbalk svg{width:25px;height:25px;stroke-width:1.7}
.tabbalk a[aria-current=page]{background:rgba(120,120,128,.14);color:#14163a;font-weight:650}
html.fb-typt .tabbalk{display:none}
body.met-tabbalk{padding-bottom:calc(84px + env(safe-area-inset-bottom))}
body.met-tabbalk .dok2{bottom:calc(76px + env(safe-area-inset-bottom));padding-bottom:10px}
}
@media (max-width:760px){
body.met-tabbalk .tabbalk{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.tabbalk a,.tabbalk svg{-webkit-user-drag:none}.tabbalk a{position:relative;z-index:1}
.tabbalk .tb-bel{position:absolute;top:4px;bottom:4px;left:0;width:0;border-radius:999px;background:rgba(120,120,128,.14);box-shadow:inset 0 1px 1px rgba(255,255,255,.75),inset 0 -1px 1px rgba(16,18,40,.04);pointer-events:none;z-index:0;opacity:0;transition:transform .5s cubic-bezier(.3,1.32,.45,1),width .35s ease,opacity .2s,background .2s,box-shadow .2s;will-change:transform}
.tabbalk.sleept .tb-bel{transition:width .2s ease,background .2s,box-shadow .2s;background:rgba(255,255,255,.62);box-shadow:0 8px 22px rgba(16,18,40,.18),0 0 0 .5px rgba(16,18,40,.08),inset 0 1px 1px rgba(255,255,255,.95)}
.tabbalk a[aria-current=page]{background:transparent!important}
.tabbalk.sleept a[aria-current=page]:not(.tb-onder){color:#4c4e66;font-weight:500}
.tabbalk a.tb-onder{color:#14163a;font-weight:650}
}
@media (max-width:760px){.tabbalk[data-actief] .tb-bel{opacity:1;width:calc((100% - 8px) / 3);left:4px}.tabbalk[data-actief="1"] .tb-bel{transform:translateX(100%)}.tabbalk[data-actief="2"] .tb-bel{transform:translateX(200%)}}
