/* voet (richting D): drie kolommen en een feedbackvak, lichte voet met geel */
#hubvoet{background:transparent;border-top:2px solid var(--blade);margin-top:clamp(28px,4vw,48px);padding:28px 0 8px}
#hubvoet .fgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.3fr);gap:clamp(18px,3vw,36px)}
#hubvoet h2{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin:0 0 10px;font-weight:700}
#hubvoet ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
#hubvoet li{max-width:none;margin:0}
#hubvoet a{color:var(--txt);text-decoration:none}#hubvoet a:hover{text-decoration:underline}
#hubvoet .fbox{border:1px solid var(--steel-line);padding:14px 16px;background:var(--card)}
#hubvoet .fbox b{display:block;margin-bottom:4px}
#hubvoet .fbox p{margin:0 0 10px;font-size:14px;color:var(--mut)}
#hubvoet .fbox button{font:inherit;font-weight:700;border:1.5px solid var(--ink);background:transparent;color:var(--txt);padding:8px 14px;cursor:pointer}
#hubvoet .fbodem{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:22px;padding-top:14px;border-top:1px solid var(--steel-line);font-size:13px;color:var(--mut)}
#hubvoet .fbodem a{color:inherit;text-decoration:underline}
@media (max-width:900px){#hubvoet .fgrid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){#hubvoet .fgrid{grid-template-columns:1fr}}

#hubvoet .fin{max-width:1140px;margin:0 auto;padding:0 clamp(18px,4vw,32px)}
.wrap #hubvoet .fin,.wrap #hubvoet{padding-left:0;padding-right:0}
#hubvoet{font-size:15px;line-height:1.5}
#hubvoet *{max-width:none}

#hubvoet li a{display:block;padding:1px 0}