/* A2 presentation. Campaign state is set in the head before first paint. */
:root{--a2-navy:#0b3554;--a2-yellow:#ffda32}
.a2-active{display:none!important}
html[data-campaign-a2="active"] .a2-active{display:flex!important}
html[data-campaign-a2="active"] .a2-evergreen{display:none!important}
html:not([data-campaign-a2="active"]) #inhoud .home-campaign{display:none!important}
#site>.topline .r92-service-campaign{display:none!important}
#site>.campaign-strip .shell{min-height:48px;padding-block:4px;grid-template-columns:28px minmax(0,1fr) 28px;gap:6px}
#site>.campaign-strip .shell>a{font-size:20px;line-height:1.2}
#site>.campaign-strip .shell>button{width:28px;height:36px;min-height:36px;font-size:24px}
html:not([data-campaign-a2="active"]) #site>.campaign-strip{display:none}
.a2-service-campaign,.a2-service-usps{min-width:0;align-items:center;justify-content:center;gap:12px}
.a2-service-campaign{font-size:13px;line-height:1.3;font-weight:600}
.a2-service-campaign strong{background:var(--a2-yellow);color:var(--a2-navy);border-radius:4px;font-size:12px;font-weight:800;padding:5px 8px;white-space:nowrap}
.a2-service-cta{color:var(--a2-yellow);white-space:nowrap;text-decoration:underline;text-underline-offset:3px}
.a2-service-usps{display:flex;gap:20px;font-size:13px;font-weight:600}
.a2-service-usps a{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.a2-service-usps svg{color:#5cc8ea;width:16px;height:16px;flex:0 0 16px}
.a2-icon{width:20px;height:20px;flex:0 0 20px}
#site>.topline a:focus-visible,#inhoud .a2-home-tile a:focus-visible{outline:2px solid #fff;outline-offset:4px}
#inhoud .home-hero[data-static-banner="r75"] .hero-entrance:after{top:auto;bottom:0;height:46%;background:linear-gradient(to top,rgba(12,24,32,.78),rgba(12,24,32,.58) 68%,rgba(12,24,32,0));pointer-events:none}
#inhoud .home-hero[data-static-banner="r75"] .hero-entrance>div>span{border-bottom:2px solid var(--a2-yellow);padding-bottom:6px;text-decoration:none}
#inhoud .home-hero[data-static-banner="r75"] .hero-entrance>div{bottom:28px}
#inhoud .home-hero[data-static-banner="r75"] .a2-home-tile{display:flex;flex-direction:column;min-width:0;padding:40px 40px 28px;background:var(--a2-navy);color:#fff;gap:24px}
.a2-tile-main{margin:auto 0;min-width:0}
#inhoud .a2-home-tile .a2-eyebrow{font-size:12px;line-height:1.5;font-weight:800;letter-spacing:0;text-transform:uppercase;color:var(--a2-yellow);margin:0 0 18px}
#inhoud .a2-home-tile h2{font-size:38px;font-weight:760;line-height:1.04;color:#fff;margin:0 0 22px;overflow-wrap:normal;letter-spacing:0}
#inhoud .a2-home-tile h2 span{display:block;white-space:nowrap}
#inhoud .a2-home-tile .a2-summary{font-size:16px;line-height:1.6;color:#d5e2ec;margin:0 0 24px}
#inhoud .a2-summary strong{color:#fff}
#inhoud .a2-home-tile .a2-button{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;background:var(--a2-yellow);color:var(--a2-navy);font-size:16px;font-weight:700;line-height:1.35;padding:14px 20px;min-height:50px;border-radius:4px;max-width:100%;text-decoration:none;letter-spacing:0}
#inhoud .a2-home-tile .a2-button:hover{background:#ffe667}
#inhoud .a2-home-tile .a2-button:focus-visible{outline-offset:4px}
#inhoud .a2-home-tile .a2-terms{font-size:12px;line-height:1.6;color:#b9cddb;margin:0}
#inhoud .a2-terms a{color:#fff;text-decoration:underline;text-underline-offset:3px}
#inhoud .a2-home-tile.a2-evergreen .a2-eyebrow{color:#8fd8f0}
.a2-showroom-links{display:grid;margin:0 0 16px}
.a2-showroom-links a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid #2a5072;font-size:15px;font-weight:600;color:#fff}
.a2-showroom-links a:hover{color:var(--a2-yellow)}
#inhoud .a2-home-tile .a2-hours{font-size:14px;line-height:1.5;color:#c9d8e3;margin:0}
.main-nav .nav-row>details>summary{display:inline-flex;align-items:center}
.main-nav .nav-row>details>summary:after{line-height:1;position:relative;top:-2px}
body[data-page="home"] .main-nav .nav-row>a:not([aria-current="page"]){border-bottom-color:transparent;text-decoration:none}
@media(min-width:768px){
  #site>.topline{background:var(--a2-navy)}
  #site>.topline>.shell{width:min(1800px,calc(100% - 48px));min-height:40px;padding-block:5px;gap:16px;display:flex}
  #site>.topline .showroom-toplinks{font-size:10px;gap:5px;flex-wrap:nowrap;color:#c9d8e3;white-space:nowrap}
  #site>.topline .toplinks{font-size:12px;gap:18px;color:#fff}
  .a2-service-campaign{color:#fff}
}
@media(min-width:1200px) and (max-width:1399px){
  #site>.topline .showroom-toplinks{font-size:9px;gap:3px}
  .a2-service-campaign{font-size:12px;gap:9px}
  #site>.topline>.shell{width:calc(100% - 40px);gap:12px}
  #site>.topline .toplinks{font-size:11px;gap:12px}
  #inhoud .home-hero[data-static-banner="r75"] .a2-home-tile{padding:32px 26px 24px}
  #inhoud .a2-home-tile h2{font-size:34px}
}
@media(min-width:1600px){
  #site>.topline .showroom-toplinks{font-size:12px}
  #inhoud .a2-home-tile h2{font-size:44px}
}
@media(min-width:1024px){.site-appointment-float{display:none}body{padding-bottom:0}}
@media(min-width:768px) and (max-width:1199px){
  #site>.topline .showroom-toplinks{display:none}
  #site>.topline .toplinks{grid-column:auto;grid-row:auto}
  #site>.topline .a2-service-campaign{font-size:12px;gap:8px}
  #site>.topline .a2-service-usps{gap:14px;font-size:12px}
  #inhoud .home-hero[data-static-banner="r75"] .a2-home-tile{grid-column:1/-1;padding:28px 32px;gap:20px}
  .a2-tile-main{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:32px;align-items:center;width:100%}
  #inhoud .a2-home-tile .a2-eyebrow{grid-column:1;margin-bottom:12px}
  #inhoud .a2-home-tile h2{grid-column:1;font-size:34px;margin-bottom:14px}
  #inhoud .a2-home-tile h2 span{display:inline}
  #inhoud .a2-home-tile h2 span+span:before{content:' '}
  #inhoud .a2-home-tile .a2-summary{grid-column:1;margin:0}
  #inhoud .a2-home-tile .a2-button{grid-column:2;grid-row:1/4}
  .a2-showroom-links{grid-column:2;grid-row:1/5;min-width:220px}
  #inhoud .a2-home-tile.a2-evergreen>.a2-button{align-self:flex-end}
}
@media(max-width:767px){
  #site>.campaign-strip .shell>a,#site>.campaign-strip .shell>a:is(:link,:visited,:hover,:focus,:focus-visible,:active){text-decoration:underline!important;text-underline-offset:3px}
  #site>.topline .a2-service-campaign{display:none!important}
  html[data-campaign-a2="active"] #site>.topline .a2-service-usps{display:none}
  html:not([data-campaign-a2="active"]) #site>.topline{background:var(--a2-navy);color:#fff}
  html:not([data-campaign-a2="active"]) #site>.topline>.shell{display:flex;min-height:48px;justify-content:center}
  html:not([data-campaign-a2="active"]) #site>.topline .showroom-toplinks{display:none}
  .a2-service-usps{flex-wrap:wrap;gap:4px 12px;padding:8px 0;font-size:11px}
  .a2-service-usps a:first-child{flex-basis:100%;justify-content:center}
  #inhoud .home-hero[data-static-banner="r75"] .a2-home-tile{padding:30px 24px;gap:24px}
  #inhoud .a2-home-tile h2{font-size:36px}
  #inhoud .home-hero[data-static-banner="r75"] .hero-entrance:after{height:52%}
  #inhoud .home-hero[data-static-banner="r75"] .hero-entrance>div{bottom:20px}
  #inhoud .a2-home-tile .a2-button{width:100%}
}
@media(max-width:359px){
  #site>.campaign-strip .shell{grid-template-columns:0 minmax(0,1fr) 28px;gap:6px}
  #site>.campaign-strip .shell>a{font-size:18px}
  #inhoud .a2-home-tile h2{font-size:32px}
}