
/* Definitieve, zelfstandige headercomponent — vervangt alle oudere headers. */
.apx-topbar,.apx-header,.apx-header *{box-sizing:border-box}
.apx-topbar{background:#173b57!important;color:#fff!important;font:600 14px/1.35 Arial,Helvetica,sans-serif!important;margin:0!important;padding:0!important}
.apx-shell{width:min(1500px,calc(100% - 40px))!important;margin:0 auto!important}
.apx-topbar .apx-shell{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;padding:7px 0!important}
.apx-header{position:sticky!important;top:0!important;z-index:10000!important;background:#fff!important;border:0!important;border-bottom:1px solid #dbe5eb!important;box-shadow:0 2px 10px rgba(15,64,87,.05)!important;margin:0!important;padding:0!important;min-height:0!important}
.apx-row{display:grid!important;grid-template-columns:auto minmax(390px,1fr) 300px!important;align-items:center!important;column-gap:28px!important;min-height:104px!important;padding:11px 0!important}
.apx-brands{display:flex!important;align-items:center!important;gap:18px!important;min-width:0!important;margin:0!important;padding:0!important}
.apx-brand,.apx-jj{display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important;border:0!important;outline:0!important;box-shadow:none!important;background:#fff!important;text-decoration:none!important;line-height:0!important}
.apx-brand img{display:block!important;width:300px!important;max-width:26vw!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;outline:0!important;box-shadow:none!important;background:#fff!important;object-fit:contain!important}
.apx-jj img{display:block!important;width:82px!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;outline:0!important;box-shadow:none!important;background:#fff!important;object-fit:contain!important}
.apx-nav{justify-self:start!important;min-width:0!important;margin:0!important;padding:0!important}
.apx-nav-list{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:24px!important;list-style:none!important;margin:0!important;padding:0!important}
.apx-nav a,.apx-nav summary{display:flex!important;align-items:center!important;min-height:42px!important;color:#0f4057!important;text-decoration:none!important;white-space:nowrap!important;font:600 16px/1.2 Arial,Helvetica,sans-serif!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.apx-nav a:hover,.apx-nav a:focus,.apx-nav summary:hover,.apx-nav summary:focus{color:#f28b24!important;outline:none!important}
.apx-find{position:relative!important;list-style:none!important;margin:0!important;padding:0!important}
.apx-find summary{cursor:pointer!important;list-style:none!important;gap:6px!important}
.apx-find summary::-webkit-details-marker{display:none!important}
.apx-find summary::after{content:'▾'!important;font-size:11px!important;color:currentColor!important;transform:translateY(1px)!important}
.apx-menu{position:absolute!important;left:0!important;top:calc(100% + 7px)!important;display:grid!important;gap:2px!important;min-width:275px!important;padding:8px!important;background:#fff!important;border:1px solid #dbe5eb!important;border-radius:13px!important;box-shadow:0 18px 42px rgba(15,64,87,.18)!important;z-index:10020!important}
.apx-menu a{display:block!important;min-height:0!important;padding:11px 12px!important;border-radius:8px!important;white-space:normal!important;font:600 15px/1.25 Arial,Helvetica,sans-serif!important}
.apx-menu a:hover,.apx-menu a:focus{background:#fff3e6!important}
.apx-actions{display:flex!important;flex-direction:column!important;align-items:flex-end!important;justify-content:center!important;gap:8px!important;justify-self:end!important;width:300px!important;margin:0!important;padding:0!important}
.apx-search{display:grid!important;grid-template-columns:1fr 82px!important;align-items:center!important;gap:8px!important;width:300px!important;margin:0!important;padding:0!important}
.apx-search label{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.apx-search input{display:block!important;width:100%!important;height:42px!important;margin:0!important;padding:0 13px!important;border:1px solid #d2dee5!important;border-radius:10px!important;background:#fff!important;color:#22333d!important;font:500 15px/1.2 Arial,Helvetica,sans-serif!important;outline:none!important;box-shadow:none!important}
.apx-search input:focus{border-color:#0f4057!important;box-shadow:0 0 0 3px rgba(15,64,87,.09)!important}
.apx-search button{display:flex!important;align-items:center!important;justify-content:center!important;width:82px!important;height:42px!important;margin:0!important;padding:0!important;border:0!important;border-radius:10px!important;background:#f28b24!important;color:#fff!important;font:700 15px/1.2 Arial,Helvetica,sans-serif!important;cursor:pointer!important;box-shadow:none!important}
.apx-partner{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;height:38px!important;margin:0!important;padding:0 14px!important;border:1px solid #0f4057!important;border-radius:9px!important;background:#fff!important;color:#0f4057!important;text-decoration:none!important;font:600 15px/1.2 Arial,Helvetica,sans-serif!important;box-shadow:none!important;outline:none!important}
.apx-partner:hover,.apx-partner:focus{background:#0f4057!important;color:#fff!important}
.apx-mobile{display:none!important}
@media(max-width:1200px){
 .apx-shell{width:min(100% - 28px,1500px)!important}
 .apx-row{grid-template-columns:auto 1fr 270px!important;column-gap:18px!important}
 .apx-brand img{width:260px!important;max-width:24vw!important}
 .apx-jj img{width:70px!important}
 .apx-nav-list{gap:17px!important}
 .apx-actions,.apx-search{width:270px!important}
 .apx-search{grid-template-columns:1fr 78px!important}
 .apx-search button{width:78px!important}
}
@media(max-width:1120px){
 .apx-topbar .apx-shell{flex-direction:column!important;align-items:flex-start!important;gap:2px!important}
 .apx-row{grid-template-columns:1fr auto!important;row-gap:10px!important;min-height:86px!important;padding:10px 0!important}
 .apx-brands{grid-column:1/2!important}
 .apx-brand img{width:240px!important;max-width:62vw!important}
 .apx-jj img{width:62px!important}
 .apx-mobile{display:flex!important;align-items:center!important;justify-content:center!important;grid-column:2/3!important;grid-row:1!important;height:42px!important;padding:0 13px!important;border:1px solid #d2dee5!important;border-radius:9px!important;background:#fff!important;color:#0f4057!important;font:700 15px/1.2 Arial,Helvetica,sans-serif!important;cursor:pointer!important}
 .apx-nav{display:none!important;grid-column:1/-1!important;justify-self:stretch!important;border-top:1px solid #dbe5eb!important;padding-top:10px!important}
 .apx-nav.apx-open{display:block!important}
 .apx-nav-list{flex-direction:column!important;align-items:stretch!important;gap:2px!important}
 .apx-nav a,.apx-nav summary{min-height:44px!important;padding:0 4px!important}
 .apx-menu{position:static!important;min-width:0!important;box-shadow:none!important;margin:3px 0 8px!important}
 .apx-actions{grid-column:1/-1!important;justify-self:stretch!important;align-items:stretch!important;width:100%!important}
 .apx-search{width:100%!important;grid-template-columns:1fr 82px!important}
 .apx-partner{align-self:flex-end!important}
}
@media(max-width:560px){
 .apx-topbar{font-size:12px!important}
 .apx-shell{width:calc(100% - 20px)!important}
 .apx-brands{gap:10px!important}
 .apx-brand img{width:205px!important;max-width:67vw!important}
 .apx-jj img{width:52px!important}
 .apx-search{grid-template-columns:1fr 75px!important}
 .apx-search button{width:75px!important}
}

/* Rustige zoekbediening; partneringang staat uitsluitend in de footer. */
.apx-row{grid-template-columns:auto 1fr auto!important}
.apx-actions{width:auto!important;position:relative!important}
.apx-search-pop{position:relative!important;margin:0!important;padding:0!important}
.apx-search-pop>summary{display:flex!important;align-items:center!important;justify-content:center!important;min-width:92px!important;height:42px!important;padding:0 14px!important;border:1px solid #d2dee5!important;border-radius:10px!important;background:#fff!important;color:#0f4057!important;cursor:pointer!important;list-style:none!important;font:700 15px/1.2 Arial,Helvetica,sans-serif!important}
.apx-search-pop>summary::-webkit-details-marker{display:none!important}
.apx-search-pop>summary::before{content:'⌕'!important;margin-right:7px!important;font-size:20px!important;line-height:1!important}
.apx-search-pop[open]>summary,.apx-search-pop>summary:hover,.apx-search-pop>summary:focus{border-color:#0f4057!important;background:#f5f9fb!important;outline:none!important}
.apx-search-pop .apx-search{position:absolute!important;right:0!important;top:calc(100% + 9px)!important;z-index:10030!important;width:340px!important;padding:10px!important;border:1px solid #dbe5eb!important;border-radius:13px!important;background:#fff!important;box-shadow:0 18px 42px rgba(15,64,87,.18)!important}
@media(max-width:1200px){.apx-row{grid-template-columns:auto 1fr auto!important}.apx-actions{width:auto!important}.apx-search-pop .apx-search{width:320px!important}}
@media(max-width:1120px){.apx-actions{grid-column:1/-1!important;align-items:flex-start!important}.apx-search-pop{width:100%!important}.apx-search-pop>summary{width:100%!important}.apx-search-pop .apx-search{position:static!important;width:100%!important;margin-top:7px!important}}
