/* Gedeelde header & footer - exact overgenomen uit de aangeleverde HTML */
.bb-header{height:92px;background:#fff;border-bottom:1px solid #aaa;display:flex;align-items:center;position:relative;z-index:20;font-family:Arial,Helvetica,sans-serif;color:#080808}
.bb-header a{color:inherit;text-decoration:none}
.bb-header-inner{width:min(1230px,calc(100% - 64px));margin:auto;display:grid;grid-template-columns:260px 1fr 60px;align-items:center}
.bb-logo{font-family:Georgia,"Times New Roman",serif;font-size:31px;font-weight:700;letter-spacing:-1.4px}
.bb-nav{display:flex;justify-content:center;gap:31px;font-size:12px;font-weight:600}
.bb-search{justify-self:end;width:34px;height:34px;border:0;background:transparent;position:relative;cursor:pointer}
.bb-search:before{content:"";position:absolute;width:14px;height:14px;border:2px solid #000;border-radius:50%;left:6px;top:5px}
.bb-search:after{content:"";position:absolute;width:8px;height:2px;background:#000;transform:rotate(45deg);left:18px;top:20px}
.bb-menu-btn{display:none;border:0;background:transparent;font-size:25px;cursor:pointer}

.bb-footer{background:#ecece6;padding:48px 0 25px;font-family:Arial,Helvetica,sans-serif;color:#080808}
.bb-footer a{color:inherit;text-decoration:none}
.bb-footer-grid{display:grid;grid-template-columns:250px 150px 170px 1fr;gap:90px;align-items:start;width:min(1080px,calc(100% - 56px));margin:auto}
.bb-footer-logo{font-family:Georgia,"Times New Roman",serif;font-size:29px;font-weight:700}
.bb-footer h4{font-size:10px;letter-spacing:.18em;margin:6px 0 26px;text-transform:uppercase}
.bb-footer a,.bb-footer p{font-size:11px;line-height:1.5}
.bb-footer-col a{display:block;margin-bottom:14px}
.bb-footer-form{margin-top:27px}
.bb-footer-form input{width:100%;border:0;border-bottom:1px solid #777;background:transparent;padding:8px 0;outline:none;font-size:11px;font-family:inherit}
.bb-footer-form button{margin-top:18px;background:#0b0908;color:#fff;border:0;border-radius:25px;padding:11px 32px;font-size:11px;font-family:inherit;cursor:pointer}
.bb-terms{font-size:10px!important;margin-top:18px}
.bb-social{margin-top:33px;font-size:10px;font-weight:700;letter-spacing:.15em}
.bb-footer-bottom{display:grid;grid-template-columns:250px 1fr;gap:90px;width:min(1080px,calc(100% - 56px));margin:90px auto 0;font-size:9px}
.bb-bottom-links{display:flex;gap:26px;flex-wrap:wrap}

@media(max-width:820px){
  .bb-header{height:72px}
  .bb-header-inner{width:calc(100% - 32px);grid-template-columns:1fr auto auto;gap:12px}
  .bb-logo{font-size:25px}
  .bb-menu-btn{display:block}
  .bb-nav{display:none;position:absolute;left:0;right:0;top:72px;background:#fff;border-bottom:1px solid #aaa;padding:22px;flex-direction:column;align-items:flex-start;gap:18px}
  .bb-nav.open{display:flex}
  .bb-footer-grid{grid-template-columns:1fr;gap:35px;width:calc(100% - 36px)}
  .bb-footer-bottom{grid-template-columns:1fr;gap:20px;width:calc(100% - 36px);margin-top:45px}
}