@font-face{font-family:Poppins;src:url(../fonts/Poppins-Light.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:Poppins;src:url(../fonts/Poppins-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Poppins;src:url(../fonts/Poppins-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Poppins;src:url(../fonts/Poppins-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"BMW Helvetica";src:url(../fonts/BMWHelvetica-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}

:root{--bc-blue:#0198d4;--bc-ink:#001d29;--bc-muted:#64727a;--bc-line:#d7e0e4;--bc-white:#fff;--bc-sidebar:280px;--bc-content:1204px}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--bc-ink);font-family:Poppins,Arial,sans-serif;font-size:15px;font-weight:300;line-height:1.625;-webkit-font-smoothing:antialiased}
*,*::before,*::after{box-sizing:border-box}
img{display:block;max-width:100%;height:auto}
a{color:var(--bc-blue);text-decoration:none}
a:hover,a:focus{text-decoration:underline}
h1,h2,h3,h4{margin-top:0;color:var(--bc-ink);font-family:"BMW Helvetica",Poppins,Arial,sans-serif;font-weight:700;line-height:1.15}
p{margin-top:0}
.wp-site-blocks{margin-left:var(--bc-sidebar)}
.bc-skip-link{position:fixed;left:10px;top:-100px;z-index:100000;background:#fff;color:var(--bc-ink);padding:10px 16px;font-weight:600}
.bc-skip-link:focus{top:10px}

/* Vaste zijbalk, zoals op de Joomla-site. */
.bc-sidebar{position:fixed;inset:0 auto 0 0;z-index:1000;width:var(--bc-sidebar);min-height:100vh;margin:0!important;padding:43px 25px 24px;background:var(--bc-blue);display:flex;flex-direction:column;align-items:stretch;overflow-x:hidden;overflow-y:auto}
body.admin-bar .bc-sidebar{top:32px;min-height:calc(100vh - 32px)}
.bc-sidebar__brand{display:flex;flex-direction:column;align-items:center;color:#fff;text-align:center}
.bc-sidebar__brand:hover{text-decoration:none}
.bc-sidebar__logo{width:205px;height:205px;object-fit:cover;border:3px solid #fff;border-radius:50%}
.bc-sidebar__mobile-logo{display:none}
.bc-sidebar__brand span{margin-top:12px;font-family:"BMW Helvetica",Poppins,sans-serif;font-size:21px;font-weight:700;line-height:1.2}
.bc-side-nav{display:block!important;margin-top:78px;flex:1;overflow:visible}
.bc-side-nav .wp-block-navigation__container{width:100%;align-items:stretch!important;gap:0!important}
.bc-side-nav .wp-block-navigation-item{width:100%;position:relative}
.bc-side-nav .wp-block-navigation-item.has-child{display:flex;align-items:center;flex-wrap:wrap}
.bc-side-nav .wp-block-navigation-item.has-child>.wp-block-navigation-item__content{flex:1 1 0;width:auto;min-width:0}
.bc-side-nav .wp-block-navigation__container>.wp-block-navigation-item.has-child>button.wp-block-navigation-item__content{padding-left:6px!important}
.bc-side-nav .wp-block-navigation-item.has-child>.wp-block-navigation__submenu-icon{flex:0 0 auto}
.bc-side-nav .wp-block-navigation-item.has-child>.wp-block-navigation__submenu-container{flex:0 0 100%}
.bc-side-nav .wp-block-navigation-item__content{width:100%;padding:10px 6px;color:#fff!important;font-size:16px;font-weight:500;line-height:1.45;text-align:left}
.bc-side-nav .wp-block-navigation-item__content:hover,.bc-side-nav .wp-block-navigation-item__content:focus,.bc-side-nav .current-menu-item>.wp-block-navigation-item__content{color:var(--bc-ink)!important;text-decoration:none}
.bc-side-nav .wp-block-navigation__submenu-icon{color:#fff;margin-left:auto}
.bc-side-nav .has-child .wp-block-navigation__submenu-container{position:static;left:auto;top:auto;width:100%;min-width:0;padding:0 0 0 20px;background:transparent;border:0;box-shadow:none}
.bc-side-nav .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{position:static;left:auto;top:auto}
.bc-side-nav .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content{padding:7px 12px;white-space:nowrap}
.bc-sidebar__social{display:flex;gap:12px;justify-content:center;margin-top:18px}
.bc-sidebar__social a,.bc-footer__social a{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;border:1px solid currentColor;border-radius:50%;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;line-height:1}
.bc-instagram-icon{display:block;position:relative;width:15px;height:15px;border:1.5px solid currentColor;border-radius:4px}
.bc-instagram-icon::before{content:"";position:absolute;inset:3px;border:1.5px solid currentColor;border-radius:50%}
.bc-instagram-icon::after{content:"";position:absolute;top:2px;right:2px;width:2px;height:2px;background:currentColor;border-radius:50%}
.bc-sidebar__social a{color:#fff}
.bc-sidebar__social a:hover,.bc-sidebar__social a:focus{background:#fff;color:var(--bc-blue);text-decoration:none}

/* Homepage. */
.bc-original-home{max-width:var(--bc-content);margin:0 auto;padding:25px 48px 0}
.bc-home-intro{max-width:none;margin-bottom:30px}
.bc-kicker{margin:0 0 5px;color:var(--bc-blue);font-size:16px;font-weight:600}
.bc-home-intro h1{width:100%;max-width:100%!important;margin-bottom:25px;color:var(--bc-blue);font-size:46px;letter-spacing:-.02em;white-space:normal}
.bc-home-intro p:not(.bc-kicker){margin-bottom:18px}
.bc-home-about{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:30px;align-items:start;margin-bottom:45px}
.bc-home-about__main-image img,.bc-home-about__small-image,.bc-home-options article img{width:100%;height:auto;border-radius:17px}
.bc-home-about__copy h2{margin-bottom:18px;color:var(--bc-blue);font-size:36px}
.bc-home-about__copy p:not(.bc-kicker){margin-bottom:12px}
.bc-read-more{display:inline-block;margin:0 0 18px;padding:8px 13px;border-radius:9px;background:var(--bc-blue);color:#fff;font-weight:600}
.bc-read-more:hover,.bc-read-more:focus{color:#fff;text-decoration:none;filter:brightness(.93)}
.bc-home-options{margin-bottom:75px}
.bc-home-options__heading{text-align:center;margin-bottom:31px}
.bc-home-options__heading h2{margin:0;color:var(--bc-blue);font-size:36px}
.bc-home-options__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.bc-home-options article img{margin-bottom:20px}
.bc-home-options article h3{margin-bottom:10px;color:var(--bc-blue);font-size:23px}
.bc-home-options article h3 small{display:block;margin-top:2px;color:var(--bc-ink);font-family:Poppins,sans-serif;font-size:14px;font-weight:400}
.bc-home-options article p{margin:0}

/* Gewone en geïmporteerde pagina's. */
main.wp-block-group:not(.bc-original-home),.bc-content-shell{max-width:var(--bc-content);margin:0 auto;padding:48px!important}
.bc-content-shell h1,main.wp-block-group:not(.bc-original-home)>h1{color:var(--bc-blue);font-size:44px}
.bc-imported-kicker{color:var(--bc-blue);font-weight:600}
.bc-content-shell img,.bc-imported-page img{border-radius:17px}
.bc-imported-page h2,.bc-imported-page h3{color:var(--bc-blue)}
.bc-imported-content{font-size:14px}
body.bc-imported-content main.bc-content-shell{padding-top:32px!important}
.bc-imported-content .bc-content-shell>*{margin-block-start:0!important}
.bc-imported-content .bc-template-title{display:none}
.bc-imported-row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:30px;margin-bottom:28px}
.bc-imported-row~.bc-imported-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:110px;margin-right:42px;margin-left:42px}
.bc-imported-row~.bc-imported-row>.bc-imported-col{grid-column:auto}
.bc-imported-col--4{grid-column:span 4}.bc-imported-col--6{grid-column:span 6}.bc-imported-col--8{grid-column:span 8}.bc-imported-col--12{grid-column:span 12}
.bc-imported-col>*:first-child{margin-top:0}.bc-imported-col>*:last-child{margin-bottom:0}
.bc-imported-content .wp-block-post-content>h1{margin-top:0;margin-bottom:10px;color:var(--bc-blue);font-size:40px}
.bc-imported-content .wp-block-post-content h2{color:var(--bc-blue);font-size:32px}
.bc-imported-content .wp-block-post-content h3{font-size:20px}
.bc-imported-content .bc-imported-lead{margin:0 0 2px;order:-1}
.bc-imported-content .wp-block-post-content{display:flex;flex-direction:column;gap:0;margin-top:0!important}
.bc-imported-content .wp-block-post-content>*{margin-block-start:0}
.bc-imported-content .wp-block-post-content>.bc-imported-lead{order:-2}
.bc-imported-content .wp-block-post-content>h1{order:-1}
.bc-imported-content .bc-content-shell img{border-radius:0}
.wp-block-post-content:has(.bc-location-map)>.bc-imported-lead{color:var(--bc-ink);font-size:19px;font-weight:400;line-height:1}
.wp-block-post-content:has(.bc-location-map)>h1{font-family:Poppins,Arial,sans-serif;font-size:clamp(34px,3vw,40px);line-height:1.2}
.bc-imported-content .wp-block-post-content>.bc-location-map{margin:73px 0 60px!important}
.bc-imported-page table{width:100%;border-collapse:collapse}
.bc-imported-page th,.bc-imported-page td{padding:10px 12px;border:1px solid var(--bc-line);text-align:left}
.bc-imported-cta{display:none!important}
.bc-model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.bc-model-card{padding:20px;border:1px solid var(--bc-line);border-radius:14px;background:#fff}

/* Oorspronkelijke contactstrook en kleine footer. */
.bc-footer{max-width:var(--bc-content);margin:0 auto!important;padding:0 48px 28px!important;color:var(--bc-ink)}
.bc-footer__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-bottom:32px;font-family:Poppins,Arial,sans-serif;font-size:15px;font-weight:400}
.bc-footer__grid section{min-height:150px;padding:25px;border:1px solid var(--bc-blue);text-align:center}
.bc-reveal-ready .bc-footer__grid section{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}
.bc-reveal-ready .bc-footer__grid section:nth-child(2){transition-delay:.14s}
.bc-reveal-ready .bc-footer__grid section:nth-child(3){transition-delay:.28s}
.bc-reveal-ready .bc-footer__grid.is-visible section{opacity:1;transform:translateY(0)}
.bc-footer__grid h2{margin-bottom:12px;color:var(--bc-ink);font-family:Poppins,Arial,sans-serif;font-size:20px;font-weight:600;line-height:1.3}
.bc-footer__grid p{margin:0}
.bc-footer__social{display:flex;gap:10px;justify-content:center;margin-top:7px}
.bc-footer__social a{color:var(--bc-blue)}
.bc-footer__social a:hover,.bc-footer__social a:focus{background:var(--bc-blue);color:#fff;text-decoration:none}
.bc-footer__copyright{margin:0;color:#718089;font-size:12px;text-align:center}

@media (max-height:760px) and (min-width:1025px){
  .bc-sidebar{padding-top:18px}
  .bc-sidebar__logo{width:145px;height:145px}
  .bc-sidebar__brand span{margin-top:7px;font-size:18px}
  .bc-side-nav{margin-top:12px}
  .bc-side-nav .wp-block-navigation-item__content{padding-top:3px;padding-bottom:3px;font-size:14px}
}

@media (max-width:1024px){
  .wp-site-blocks{margin-left:0;padding-top:78px}
  .bc-sidebar,body.admin-bar .bc-sidebar{position:fixed;inset:0 0 auto 0;width:100%;height:78px;min-height:0;padding:10px 18px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;overflow:visible}
  body.admin-bar .bc-sidebar{top:32px}
  .bc-sidebar__brand{display:block;text-align:left}
  .bc-sidebar__logo,.bc-sidebar__brand span,.bc-sidebar__social{display:none}
  .bc-sidebar__mobile-logo{display:block;width:auto;height:56px;object-fit:contain}
  .bc-side-nav{flex:0 0 auto;margin:0}
  .bc-side-nav .wp-block-navigation__responsive-container:not(.is-menu-open){display:none!important}
  .bc-side-nav .wp-block-navigation__responsive-container-open{display:flex!important;color:#fff}
  .bc-side-nav .wp-block-navigation__responsive-container.is-menu-open{padding:28px;background:#fff;color:var(--bc-ink)}
  .bc-side-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close{color:var(--bc-ink)}
  .bc-side-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{align-items:flex-start!important}
  .bc-side-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{padding:7px 0;color:var(--bc-ink)!important;font-size:16px}
  .bc-side-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:hover,.bc-side-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:focus{color:var(--bc-blue)!important}
  .bc-side-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container{position:static;min-width:0;padding:0 0 0 16px;background:transparent;box-shadow:none}
  .bc-side-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-icon{color:var(--bc-blue)}
  .bc-original-home{padding:35px 28px 0}
  .bc-home-intro h1{font-size:38px;white-space:normal}
  .bc-home-about{grid-template-columns:1fr;gap:30px}
  .bc-home-about__copy{display:grid;grid-template-columns:1fr}
  .bc-home-about__small-image{max-width:520px}
  .bc-home-options__grid,.bc-footer__grid,.bc-model-grid{grid-template-columns:1fr}
  .bc-imported-row,.bc-imported-row~.bc-imported-row{grid-template-columns:1fr;gap:28px;margin-right:0;margin-left:0}.bc-imported-row>.bc-imported-col{grid-column:1}
  .bc-imported-content .wp-block-post-content>.bc-location-map{margin-top:36px!important}
  main.wp-block-group:not(.bc-original-home),.bc-content-shell{padding:36px 28px!important}
  .bc-footer{padding:0 28px 24px!important}
}

@media (max-width:782px){body.admin-bar .bc-sidebar{top:46px}.wp-site-blocks{padding-top:78px}}
@media (max-width:600px){
  .bc-sidebar,body.admin-bar .bc-sidebar{height:70px;padding:8px 14px}
  .wp-site-blocks{padding-top:70px}
  .bc-sidebar__mobile-logo{height:50px;max-width:220px}
  .bc-original-home{padding:29px 20px 0}
  .bc-home-intro{margin-bottom:42px}
  .bc-home-intro h1{font-size:32px}
  .bc-home-about__copy h2,.bc-home-options__heading h2{font-size:30px}
  .bc-home-about,.bc-home-options{margin-bottom:55px}
  .bc-home-options__grid{gap:38px}
  main.wp-block-group:not(.bc-original-home),.bc-content-shell{padding:30px 20px!important}
  .bc-content-shell h1,main.wp-block-group:not(.bc-original-home)>h1{font-size:34px}
  .bc-footer{padding:0 20px 24px!important}
}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.bc-reveal-ready .bc-footer__grid section{opacity:1;transform:none;transition:none}}