/* Menu op alle pagina's (11-10-2026): knop met drie streepjes opent een lijst met links.
   Op brede schermen (>940px) staan de links al in de balk; daar is de knop alleen te zien met nav.altijd-menu. */
.menu-knop{display:none;flex:none;width:44px;height:44px;border-radius:12px;border:1px solid var(--line2,#e6d3b3);background:#fffdf8;color:var(--ink,#151a30);align-items:center;justify-content:center;cursor:pointer;padding:0}
.menu-knop svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}
.menu-knop .dicht,.menu-knop[aria-expanded="true"] .open{display:none}
.menu-knop[aria-expanded="true"] .dicht{display:block}
.menu-knop:focus-visible{outline:3px solid #9fb0ff;outline-offset:2px}
.menu{position:absolute;left:0;right:0;top:100%;background:#fffdf8;border-bottom:1px solid var(--line2,#e6d3b3);box-shadow:0 22px 30px -20px rgba(21,26,48,.35);text-shadow:none;max-height:calc(100vh - 66px);overflow:auto}
.menu[hidden]{display:none}
nav .menu .wrap{display:block;height:auto;padding-top:4px;padding-bottom:12px}
.menu a{display:flex;justify-content:space-between;align-items:center;padding:14px 2px;border-bottom:1px solid var(--line,#f0e2cc);font-family:'Fredoka',system-ui,sans-serif;font-weight:600;font-size:19px;color:var(--ink,#151a30);text-decoration:none}
.menu a::after{content:"\2192";color:var(--blue,#3a5bff);font-size:18px}
.menu a:last-child{border-bottom:0}
.menu a:hover{color:var(--blue,#3a5bff)}
nav.altijd-menu{position:relative}
nav.altijd-menu .menu-knop{display:inline-flex}
@media (max-width:940px){.menu-knop{display:inline-flex}}
@media (min-width:941px){nav:not(.altijd-menu) .menu{display:none!important}}