.msm-stratenmaker-header-shell{position:relative;z-index:30;background:var(--m-bg);color:var(--m-ink);font:700 10px var(--m-font-body)}.msm-stratenmaker-header-shell a{color:inherit;text-decoration:none}.msm-stratenmaker-header-shell .sh-top{display:flex;justify-content:space-between;padding:11px 4vw;border-bottom:1px solid var(--m-ink);letter-spacing:.12em}.msm-stratenmaker-header-shell header{min-height:132px;display:grid;place-items:center;text-align:center;align-content:center;gap:18px;padding:24px 20px}.msm-stratenmaker-header-shell header p{max-width:440px;margin:0;font-weight:500}.msm-stratenmaker-header-shell .sh-brand{font:900 clamp(38px,5vw,68px)/.9 Arial Narrow,Arial;text-transform:uppercase;letter-spacing:-.045em}.msm-stratenmaker-header-shell .sh-rail{display:flex;justify-content:space-between;align-items:center;padding:0 4vw;height:58px;border-block:1px solid var(--m-ink)}.msm-stratenmaker-header-shell .sh-rail button{background:none;border:0;font:inherit}.msm-stratenmaker-header-shell .sh-rail nav{display:flex;gap:30px}.msm-stratenmaker-header-shell .sh-mega{display:grid;grid-template-columns:repeat(3,1fr);padding:0 4vw;background:var(--m-ink);color:var(--m-bg)}.msm-stratenmaker-header-shell .sh-mega[hidden],.msm-stratenmaker-header-shell .sh-mobile[hidden]{display:none}.msm-stratenmaker-header-shell .sh-mega a{display:flex;justify-content:space-between;padding:32px;border-inline:1px solid #ffffff2e;font-size:18px}.msm-stratenmaker-header-shell .sh-mega b{color:var(--m-primary);font-size:9px}.msm-stratenmaker-header-shell .sh-toggle,.msm-stratenmaker-header-shell .sh-mobile{display:none}.msm-stratenmaker-header-shell :focus-visible{outline:3px solid var(--m-primary);outline-offset:3px}@media(max-width:700px){.msm-stratenmaker-header-shell header{min-height:112px;padding:18px 76px 18px 20px;place-items:center start;text-align:left;border-bottom:1px solid var(--m-ink)}.msm-stratenmaker-header-shell .sh-brand{font-size:38px}.msm-stratenmaker-header-shell .sh-rail nav,.msm-stratenmaker-header-shell .sh-rail>button:first-child{display:none}/* geen lege balk: de menuknop staat rechts naast het woordmerk */.msm-stratenmaker-header-shell .sh-rail{justify-content:flex-end;position:absolute;top:34px;bottom:0;right:4vw;height:auto;padding:0;border-block:0}.msm-stratenmaker-header-shell .sh-toggle{position:relative;display:block;width:44px;height:44px;border:1px solid currentColor;background:transparent}.msm-stratenmaker-header-shell .sh-toggle i{position:absolute;left:10px;right:10px;height:2px;background:currentColor;top:17px;transition:.2s}.msm-stratenmaker-header-shell .sh-toggle i:last-child{top:25px}.msm-stratenmaker-header-shell .sh-toggle[aria-expanded=true]{position:fixed;z-index:42;right:20px;top:20px}.msm-stratenmaker-header-shell .sh-toggle[aria-expanded=true] i{top:21px;transform:rotate(45deg)}.msm-stratenmaker-header-shell .sh-toggle[aria-expanded=true] i:last-child{transform:rotate(-45deg)}.msm-stratenmaker-header-shell .sh-mobile{position:fixed;z-index:41;inset:0;display:grid;place-items:center;background:var(--m-bg)}.msm-stratenmaker-header-shell .sh-mobile nav{display:grid;text-align:center}.msm-stratenmaker-header-shell .sh-mobile a{font:900 11vw Arial Narrow;text-transform:uppercase}}@media(prefers-reduced-motion:reduce){.msm-stratenmaker-header-shell *{transition:none!important}}
