header .menu-toggle,header nav .mobile-plan-link{display:none}
@media(max-width:940px){body>header{padding:12px 18px;gap:12px;align-items:center;min-height:66px;flex-wrap:wrap}body>header .logo img{width:170px;max-width:100%;height:auto}body>header>.aan-button{display:none}body>header .menu-toggle{width:44px;height:42px;padding:9px;flex:none;display:inline-flex;align-items:center;justify-content:center;margin-left:auto;border:1px solid #d6dccf;border-radius:8px;color:#174b3d;background:transparent}body>header:not(.menu-ready) .menu-toggle{display:none}body>header .menu-toggle svg{width:24px;height:24px}body>header nav{order:3;flex:0 0 100%;display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%;margin:8px 0 0;padding:6px 0 0;border-top:1px solid #d6dccf}body>header.menu-ready:not(.menu-open) nav{display:none!important}body>header nav a,body>header nav a:not([href="/aanvullen/"]){display:flex!important;align-items:center;min-height:44px;padding:10px 8px;width:100%;font-size:14px;border-bottom:1px solid #e8ece2;text-decoration:none}body>header nav .mobile-plan-link{background:#174b3d;color:#fff;border-radius:8px;margin-top:10px;justify-content:center;font-weight:700}body>header.menu-open .menu-toggle .menu-line-middle{opacity:0}body>header.menu-open .menu-toggle .menu-line-top{transform:translateY(6px)}body>header.menu-open .menu-toggle .menu-line-bottom{transform:translateY(-6px)}body>header .menu-toggle:focus-visible{outline:3px solid #174b3d;outline-offset:2px}}

/* Four calm entry points, with native keyboard-accessible disclosure menus. */
body>header nav{gap:22px;align-items:center;font-size:13px}
body>header .nav-group{position:relative;margin:0;padding:0;border:0;background:transparent;border-radius:0}
body>header .nav-group>summary{display:flex;align-items:center;gap:7px;min-height:40px;padding:6px 0;list-style:none;color:#174b3d;font:700 13px/1.4 Arial,sans-serif;cursor:pointer}
body>header .nav-group>summary::-webkit-details-marker{display:none}
body>header .nav-group>summary:after{content:'⌄';font-size:14px;transition:transform .15s}
body>header .nav-group[open]>summary:after{transform:rotate(180deg)}
body>header .nav-dropdown{position:absolute;top:100%;left:-16px;z-index:1001;display:flex;flex-direction:column;min-width:220px;padding:8px;background:#fffdf9;border:1px solid #d6dccf;border-radius:10px;box-shadow:0 8px 24px #163e3215}
body>header .nav-dropdown>a{display:flex;align-items:center;min-height:42px;margin:0;padding:10px 12px;border-radius:5px;text-decoration:none;font:400 13px/1.4 Arial,sans-serif;color:#163e32}
body>header .nav-dropdown>a:hover,body>header .nav-dropdown>a:focus-visible{background:#edf1e7}
body>header nav .nav-map-link{padding:9px 12px;border-radius:7px;background:#e6eddf;color:#174b3d;white-space:nowrap}
body>header .nav-group>summary:focus-visible{outline:3px solid #9c4d21;outline-offset:4px;border-radius:4px}
@media(max-width:1020px) and (min-width:941px){body>header{gap:18px}body>header nav{gap:15px}body>header .logo img{max-width:200px}}
@media(max-width:940px){body>header nav{align-items:stretch;gap:0}body>header .nav-group>summary{min-height:44px;padding:10px 8px;border-bottom:1px solid #e8ece2;font-size:14px;justify-content:space-between}body>header .nav-dropdown{position:static;min-width:0;box-shadow:none;border:0;border-radius:0;background:#f0f3ea;padding:4px 8px}body>header nav .nav-dropdown>a{padding-left:16px}body>header nav .nav-map-link{padding:10px 8px}}

/* Keep navigation in reach and account for it when following section links. */
html{scroll-padding-top:calc(var(--site-header-height,96px) + 16px)}
body>header{position:sticky;top:0;z-index:1100;background:#faf7f0;transition:box-shadow .15s ease}
body>header.header-scrolled{box-shadow:0 5px 16px #163e320d}
.aan-view-tools{top:calc(var(--site-header-height,96px) + 8px)}
.aan-filters,.home-notes .home-food-teaser{scroll-margin-top:16px}
#site-back-to-top{position:fixed;right:24px;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:1200;display:flex;align-items:center;justify-content:center;width:48px;height:48px;min-height:48px;margin:0;padding:0;border:1px solid #fffdf9;border-radius:50%;background:#174b3d;color:#fffdf9;font:400 28px/1 Arial,sans-serif;box-shadow:0 4px 16px #163e3226}
#site-back-to-top[hidden]{display:none}
#site-back-to-top:hover{background:#285d49}
body>header.menu-open~#site-back-to-top{display:none}
@media(max-width:940px){body>header.menu-open nav{max-height:calc(100dvh - 110px);overflow-y:auto}#site-back-to-top{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px))}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body>header{transition:none}}
@media print{body>header{position:static;box-shadow:none}#site-back-to-top{display:none!important}}