/* Bedrijfspand Elburg — styles scoped to this header. */
#be-header{--beh-ink:#1b1a17;--beh-copper:#ce7131;--beh-warm:#f4f1ec;--beh-line:#ddd6cd;position:sticky;top:0;z-index:990;background:rgba(255,255,255,.97);border-bottom:1px solid var(--beh-line);color:var(--beh-ink);font-family:var(--be-font-body,"Instrument Sans",Arial,sans-serif);box-shadow:0 8px 28px rgba(27,26,23,.035)}
body.admin-bar #be-header{top:32px}
#be-header *{box-sizing:border-box}
#be-header a{color:inherit;text-decoration:none}
#be-header button,#be-header summary{font:inherit;color:inherit;letter-spacing:normal;text-transform:none}
#be-header a:focus-visible,#be-header summary:focus-visible,#be-header button:focus-visible{outline:2px solid #a44e17;outline-offset:5px}
#be-header .beh-bar{max-width:1380px;margin:auto;padding:14px 36px;display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:108px}
#be-header .beh-logo{display:block;flex:0 0 154px;line-height:0}
#be-header .beh-logo img{display:block;width:154px;height:auto;max-height:86px;object-fit:contain}
#be-header #beh-navigation{display:flex;align-items:center;gap:26px}
#be-header .beh-nav-link,#be-header summary{font-size:14px;font-weight:550;line-height:1.4;white-space:nowrap;padding:16px 0;transition:color .18s}
#be-header .beh-nav-link:hover,#be-header summary:hover,#be-header a[aria-current="page"]{color:#9e4b16}
#be-header .beh-dropdown{position:relative;margin:0;border:0;padding:0;background:transparent}
#be-header summary{display:flex;align-items:center;gap:10px;list-style:none;cursor:pointer;background:none;border:0}
#be-header summary::-webkit-details-marker{display:none}
#be-header .beh-chevron{width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-top:-4px;transition:transform .2s}
#be-header details[open] .beh-chevron{transform:rotate(225deg);margin-top:2px}
#be-header .beh-panel{position:absolute;top:calc(100% + 16px);left:-24px;padding:26px;background:#fff;border:1px solid var(--beh-line);box-shadow:0 22px 55px rgba(27,26,23,.13);border-radius:3px;animation:beh-enter .18s ease both}
#be-header .beh-room-panel{width:292px}
#be-header .beh-eyebrow{font-size:10px;font-weight:650;letter-spacing:1.7px;text-transform:uppercase;line-height:1.5;color:#706c66;margin:0 0 17px}
#be-header .beh-room-panel>a{display:block;font-size:14px;line-height:1.5;padding:12px 0;border-top:1px solid #eee9e2}
#be-header .beh-room-panel>a:hover{color:#9e4b16}
#be-header .beh-unit-panel{width:480px;left:-120px;padding:27px}
#be-header .beh-overview{font-size:19px;font-weight:550;display:flex;justify-content:space-between;gap:16px;align-items:center;line-height:1.4;margin-bottom:22px}
#be-header .beh-overview:hover{color:#9e4b16}
#be-header .beh-unit-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#be-header .beh-unit-grid>a{display:grid;grid-template-columns:1fr auto;padding:17px;background:var(--beh-warm);gap:5px 12px;transition:background .18s}
#be-header .beh-unit-grid>a:hover{background:#ede2d5}
#be-header .beh-unit-grid>a>span:first-child{grid-column:1/-1;font-size:11px;color:#706c66}
#be-header .beh-unit-grid strong{font-size:25px;line-height:1.2;font-weight:550}
#be-header .beh-unit-grid>a>span:last-child{align-self:end;color:#9e4b16}
#be-header .beh-panel-note{font-size:11px;line-height:1.5;color:#706c66;margin:19px 0 0}
#be-header .beh-cta{display:flex;justify-content:center;align-items:center;gap:20px;padding:16px 21px;background:var(--beh-copper);color:#1b1a17;font-size:13px;font-weight:650;line-height:1.4;white-space:nowrap;border-radius:2px;transition:background .2s,color .2s}
#be-header .beh-cta:hover{background:#1b1a17;color:#fff}
#be-header .beh-toggle{display:none}
@keyframes beh-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){
#be-header .beh-bar{padding:12px 24px;gap:20px}
#be-header #beh-navigation{gap:18px}
#be-header .beh-nav-link,#be-header summary{font-size:13px}
#be-header .beh-cta{padding:15px;gap:12px;font-size:12px}
}
@media(max-width:980px){
#be-header .beh-bar{min-height:66px;flex-wrap:wrap;gap:0;padding:6px 18px}
#be-header .beh-logo{flex-basis:94px}
#be-header .beh-logo img{width:94px;max-height:53px}
#be-header .beh-toggle:not([hidden]){display:flex;align-items:center;gap:16px;padding:12px 0 12px 16px;background:none;border:0;box-shadow:none;font-size:13px;font-weight:600;cursor:pointer}
#be-header .beh-burger{position:relative;width:23px;height:13px;border-top:1.5px solid currentColor;border-bottom:1.5px solid currentColor}
#be-header .beh-burger:after{content:"";position:absolute;left:0;right:0;top:5px;border-top:1.5px solid currentColor}
#be-header #beh-navigation{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:16px 0 12px}
#be-header.beh-enhanced #beh-navigation{display:none}
#be-header.beh-enhanced.beh-open #beh-navigation{display:flex;max-height:calc(100dvh - 112px);overflow-y:auto;overscroll-behavior:contain}
#be-header .beh-nav-link,#be-header summary{font-size:16px;padding:18px 0;justify-content:space-between;border-bottom:1px solid var(--beh-line)}
#be-header .beh-panel{position:static;width:auto;padding:21px 16px;box-shadow:none;background:#faf9f6;border:0;border-radius:0;animation:none}
#be-header .beh-unit-panel{padding:22px 0;background:#fff}
#be-header .beh-overview{font-size:17px}
#be-header .beh-unit-grid strong{font-size:24px}
#be-header .beh-cta{font-size:14px;padding:17px;margin-top:22px;justify-content:space-between}
}
@media(max-width:782px){body.admin-bar #be-header{top:46px}}
@media(max-width:600px){body.admin-bar #be-header{top:0}}
@media(prefers-reduced-motion:reduce){#be-header *,#be-header *:before,#be-header *:after{animation:none!important;transition:none!important}}

/* Invisible bridge between the label and dropdown prevents hover gaps. */
@media(min-width:981px){#be-header .beh-panel:before{content:"";position:absolute;left:0;right:0;top:-18px;height:18px}}