/* Gedeelde opmaak: wijzig header en contactbalk voortaan hier. */
header.top{position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:clamp(14px,2vw,30px);padding:18px clamp(22px,4vw,68px);background:#fff;border:0!important;box-shadow:none!important}
header.top .shared-brand{flex:none;display:flex;flex-direction:column;gap:8px}
header.top .brand{display:block;flex:none;border:0!important;padding:0;text-decoration:none!important}
header.top .brand img{display:block;width:clamp(180px,23vw,260px);height:auto}
header.top .shared-navigation{display:flex;gap:18px;font:600 13px 'Source Sans 3',Arial,sans-serif}
header.top .shared-navigation a{color:#242021;text-decoration:none;padding:3px 0}
header.top .shared-navigation a[aria-current=page]{color:#bc570c}
header.top .shared-navigation a:hover,header.top .shared-navigation a:focus-visible{text-decoration:underline;text-underline-offset:4px}
header.top .intro-cta{order:0;flex:0 1 440px;max-width:440px;min-width:0;display:flex;flex-direction:column;align-items:stretch;margin:0 0 0 auto;gap:4px;padding:0;background:none;border:0;box-shadow:none}
header.top .intro-cta>span{font:600 clamp(17px,2vw,25px)/1.05 'Source Sans 3',Arial,sans-serif;white-space:nowrap;color:#242021;transform:none}
header.top .intro-cta button{width:100%;border:0;border-radius:8px;padding:8px 11px;cursor:pointer;background:#F67321;color:#fff;text-align:left;font:600 13px/1.3 'Source Sans 3',Arial,sans-serif;box-shadow:0 4px 10px #b7672835}
header.top .intro-cta button:hover,header.top .intro-cta button:focus-visible{background:#cb6316;outline:2px solid #242021;outline-offset:2px}
body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
nav.contact-bar{position:fixed;left:0;right:0;bottom:0;z-index:1200;background:#fff;border-top:2px solid #F67321;box-shadow:0 -6px 24px #14374720;padding:7px max(12px,4vw);padding-bottom:max(7px,env(safe-area-inset-bottom))}
nav.contact-bar .contact-links{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
nav.contact-bar .contact-links a{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:7px 10px;border-radius:8px;background:#F2EFEA;color:#242021;text-decoration:none;font:600 14px/1.2 'Source Sans 3',Arial,sans-serif;text-align:center}
nav.contact-bar .contact-links a:first-child{background:#F67321;color:#fff}
nav.contact-bar .contact-links a:hover,nav.contact-bar .contact-links a:focus-visible{background:#242021;color:#fff;outline:2px solid #F67321;outline-offset:1px}
nav.contact-bar .contact-links svg{width:19px;height:19px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:820px){header.top{flex-wrap:wrap;padding:16px 20px;gap:12px}header.top .intro-cta{order:3;flex:1 1 100%;max-width:460px}}
@media(max-width:600px){header.top .brand img{width:170px}header.top .intro-cta{max-width:100%}header.top .intro-cta>span{font-size:clamp(16px,4.2vw,19px)}header.top .intro-cta button{font-size:11px;padding:8px 10px}body{padding-bottom:calc(82px + env(safe-area-inset-bottom))}nav.contact-bar{padding:6px 5px;padding-bottom:max(6px,env(safe-area-inset-bottom))}nav.contact-bar .contact-links{gap:4px}nav.contact-bar .contact-links a{min-height:56px;flex-direction:column;gap:3px;padding:6px 2px;font-size:11px;line-height:1.1}nav.contact-bar .contact-links svg{width:20px;height:20px}}

/* Socialmedia-iconen rechts, op dezelfde rij als de contactknoppen. */
nav.contact-bar .contact-links{grid-template-columns:repeat(4,minmax(0,1fr)) 48px 48px}
nav.contact-bar .contact-links a.social-link{min-width:0;padding:7px;flex-direction:row}
nav.contact-bar .contact-links a.social-link svg{width:22px;height:22px}
nav.contact-bar .social-fill{fill:currentColor;stroke:none}
@media(max-width:600px){nav.contact-bar .contact-links{grid-template-columns:repeat(4,minmax(0,1fr)) 36px 36px;gap:4px}nav.contact-bar .contact-links a{font-size:10px;padding-left:1px;padding-right:1px}nav.contact-bar .contact-links a.social-link{padding:4px}nav.contact-bar .contact-links a.social-link svg{width:20px;height:20px}}