/*
 * Sectieblokken, ontwerpvoorstel V2 (24-09-2026).
 * De regels volgen het ontwerp in dezelfde volgorde, beperkt tot .nlbs. Kleuren en lettertypen
 * komen uit de merktokens; tinten die het ontwerp tussen twee tokens kiest, staan hieronder als
 * mengsel van die tokens. Het formulier is contract 3 (nextlane-dealer-advice) en krijgt onderaan
 * dezelfde opmaak als de formulieren in het ontwerp.
 * Het ontwerp tekent alle koptekst in één gewicht; nummers, merknaam en fotolabel gebruiken daarom
 * ook het kopgewicht uit de tokens.
 */
/* De lettertypebestanden uit het ontwerp (ook gebruikt door ontwerp 02). Ze gelden voor de familienamen die de
 * merktokens noemen, dus alleen waar een merk Oswald of Roboto gebruikt; regels lopen dan op dezelfde plek af als in het ontwerp. */
@font-face{font-family:Oswald;src:url(../design/oswald.woff2) format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Roboto;src:url(../design/roboto.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Roboto;src:url(../design/roboto-bold.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap}
.nlbs{
  --nlbs-gutter:calc(var(--nlb-gutter) * 1.4);
  --nlbs-divider:color-mix(in oklab,var(--nlb-ink) 9.5%,var(--nlb-line));
  --nlbs-field-line:color-mix(in oklab,var(--nlb-muted) 29.5%,var(--nlb-line));
  --nlbs-hero-eyebrow:color-mix(in srgb,var(--nlb-on-dark),var(--nlb-brand) 18%);
  --nlbs-hero-lead:color-mix(in srgb,var(--nlb-on-dark),var(--nlb-ink) 4.5%);
  --nlbs-dark-eyebrow:color-mix(in oklab,var(--nlb-brand) 40%,var(--nlb-on-dark));
  --nlbs-dark-text:color-mix(in srgb,var(--nlb-on-dark) 9.5%,var(--nlb-line));
  --nlbs-footer-text:color-mix(in srgb,var(--nlb-muted) 12.5%,var(--nlb-line));
  --nlbs-dot:color-mix(in srgb,var(--nlb-brand) 75%,var(--nlb-on-dark));
  --nlbs-caption:color-mix(in srgb,var(--nlb-line) 10%,var(--nlb-muted));
  --nlbs-product-bg:color-mix(in oklab,var(--nlb-dark) 5.5%,var(--nlb-surface));
  --nlbs-route-bg:color-mix(in oklab,var(--nlb-ink) 6.5%,var(--nlb-surface));
  display:block;width:100%;max-width:none;margin-block:0!important;padding:0;
  color:var(--nlb-ink);background:var(--nlb-paper);
  font:400 16px/1.55 var(--nlb-font-body);letter-spacing:normal;text-align:start;text-transform:none
}
.nlbs,.nlbs *,.nlbs *::before,.nlbs *::after{box-sizing:border-box}
html:has(.nlbs){scroll-behavior:smooth;scroll-padding-top:20px}
.nlbs a{color:inherit;text-underline-offset:4px}
.nlbs button,.nlbs input,.nlbs select,.nlbs textarea{font:inherit}
.nlbs img{display:block;max-width:100%;object-fit:cover}
.nlbs h1,.nlbs h2,.nlbs h3,.nlbs p,.nlbs figure{margin:0}
/* Het thema zet text-wrap:pretty op koppen en alinea's; het ontwerp breekt regels gewoon af. */
.nlbs h1,.nlbs h2,.nlbs h3,.nlbs p,.nlbs figcaption,.nlbs li,.nlbs summary{text-wrap:wrap}
.nlbs ul,.nlbs ol{margin-block:1em;padding-inline-start:40px}
.nlbs h1,.nlbs h2,.nlbs h3{font-family:var(--nlb-font-heading);font-weight:var(--nlb-heading-weight);line-height:1.14;text-transform:var(--nlb-heading-transform);color:inherit;letter-spacing:normal}
.nlbs h1{font-size:62px;letter-spacing:-.025em;max-width:680px}
.nlbs h2{font-size:39px;letter-spacing:-.015em}
.nlbs h3{font-size:25px}
.nlbs p{color:var(--nlb-muted)}
.nlbs .wrap{max-width:var(--nlb-container);width:calc(100% - 2 * var(--nlbs-gutter));margin:auto}
.nlbs .head{border-bottom:1px solid var(--nlb-line);background:var(--nlb-paper)}
.nlbs .header{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:90px}
.nlbs .brands{display:flex;align-items:center;gap:22px;flex-shrink:0}
/* Het leverancierslogo staat met transparante marge in de mediabibliotheek; de uitsnede toont het merk zoals in het ontwerp. */
.nlbs .brand-logo{width:146px;height:40px;object-fit:cover}
.nlbs .dealer{border-left:1px solid var(--nlbs-divider);padding-left:22px;font-size:14px;line-height:1.45}
.nlbs .dealer strong{white-space:nowrap;font-weight:700}
.nlbs .dealer small{display:block;color:var(--nlb-muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.nlbs .dealer.has-logo{display:flex;align-items:center;gap:14px}
.nlbs .dealer-logo-link{display:block;line-height:0}
.nlbs .dealer-logo{display:block;width:auto;height:40px;max-width:140px;object-fit:contain}
.nlbs .nav{display:flex;align-items:center;gap:23px;font-size:13px}
.nlbs .nav a{text-decoration:none;white-space:nowrap}
.nlbs .btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--nlb-accent);color:var(--nlb-accent-contrast);border:1px solid var(--nlb-accent);padding:14px 22px;min-height:50px;text-decoration:none;font-weight:700;font-size:15px;line-height:1.55;cursor:pointer;border-radius:var(--nlb-radius)}
.nlbs .btn:hover{background:var(--nlb-brand-dark)}
.nlbs .textlink{font-size:14px;font-weight:700}
.nlbs .eyebrow{display:block;color:var(--nlb-brand);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:16px}
.nlbs .lead{font-size:19px;line-height:1.6;margin:22px 0 26px;max-width:590px}
.nlbs .local{font-size:13px;margin-top:28px;display:flex;align-items:center;gap:10px}
.nlbs .dot{width:8px;height:8px;border-radius:50%;background:var(--nlbs-dot);display:inline-block}
.nlbs .uspband{border-bottom:1px solid var(--nlb-line);background:var(--nlb-surface)}
.nlbs .usps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:28px 0;gap:28px}
.nlbs .usp{display:grid;grid-template-columns:35px 1fr;gap:12px;align-items:start}
.nlbs .usp strong{font-size:17px;display:block;margin-bottom:6px;font-weight:700}
.nlbs .usp p{font-size:15px;line-height:1.5}
.nlbs .icon{width:29px;height:29px;fill:none;stroke:var(--nlb-brand);stroke-width:1.7}
.nlbs .section{padding:70px 0;background:var(--nlb-paper)}
.nlbs .soft{background:var(--nlb-surface)}
.nlbs .sectionhead{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:30px}
.nlbs .sectionhead p{max-width:390px}
.nlbs .sectionhead h2{max-width:640px}
.nlbs .split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:62px;align-items:center}
.nlbs .editorial p{margin-top:17px}
.nlbs .largephoto{width:100%;height:360px}
.nlbs .caption{font-size:11px;color:var(--nlbs-caption);margin-top:7px}
.nlbs .application-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.nlbs .application{border:1px solid var(--nlb-line);background:var(--nlb-surface-alt);display:flex;flex-direction:column}
.nlbs .application img{width:100%;height:175px}
.nlbs .application .productimage{object-fit:contain;background:var(--nlbs-product-bg);padding:18px}
.nlbs .cardcopy{padding:23px;flex:1;display:flex;flex-direction:column}
.nlbs .cardcopy p{font-size:15px;margin:12px 0 23px}
.nlbs .cardcopy a{margin-top:auto}
.nlbs .problems{list-style:none;padding:0;margin:24px 0 0}
.nlbs .problems li{border-top:1px solid var(--nlb-line);padding:18px 0;display:grid;grid-template-columns:28px 1fr;gap:14px}
.nlbs .num{font-family:var(--nlb-font-heading);font-weight:var(--nlb-heading-weight);font-size:24px;color:var(--nlb-brand)}
.nlbs .problems strong{display:block;margin-bottom:5px;font-weight:700}
.nlbs .problems p{font-size:15px;margin:0}
.nlbs .dark{background:var(--nlb-dark);color:var(--nlb-on-dark)}
.nlbs .dark p{color:var(--nlbs-dark-text)}
.nlbs .dark .eyebrow{color:var(--nlbs-dark-eyebrow)}
.nlbs .proof{padding:30px;background:var(--nlb-surface-alt);color:var(--nlb-ink)}
.nlbs .proof p{color:var(--nlb-muted);margin:12px 0 20px}
.nlbs .proof .eyebrow{color:var(--nlb-brand)}
.nlbs .proof a{font-size:14px}
.nlbs .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:30px}
.nlbs .step{border-top:2px solid var(--nlb-line);padding-top:18px}
.nlbs .step .num{display:block;margin-bottom:12px}
.nlbs .step h3{font-size:23px;margin-bottom:10px}
.nlbs .step p{font-size:15px}
.nlbs .faqgrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}
.nlbs .faqgrid p{margin-top:15px}
.nlbs details{border-bottom:1px solid var(--nlb-line);padding:19px 0}
.nlbs details:first-child{border-top:1px solid var(--nlb-line)}
.nlbs summary{cursor:pointer;font-weight:700;list-style:none;padding-right:30px;position:relative}
.nlbs summary::-webkit-details-marker{display:none}
.nlbs summary:after{content:'+';position:absolute;right:3px;color:var(--nlb-brand);font-size:23px;top:-5px}
.nlbs details[open] summary:after{content:'−'}
.nlbs details p{font-size:15px;margin-top:12px}
.nlbs .booking-frame{display:block;width:100%;border:0;background:transparent}
.nlbs .contact{border-top:5px solid var(--nlb-brand);background:var(--nlb-surface);padding:55px 0}
.nlbs .contactgrid{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:start}
.nlbs .contact h2{font-size:37px}
.nlbs .contact .intro{margin:16px 0 22px}
.nlbs .person{display:flex;align-items:center;gap:16px;border-top:1px solid var(--nlb-line);padding-top:20px;margin-top:25px}
.nlbs .portrait{width:78px;height:90px;object-position:top}
.nlbs .person strong{display:block;font-weight:700}
.nlbs .person small{display:block;color:var(--nlb-muted);font-size:12px}
.nlbs .contactlist{font-size:14px;line-height:1.8;margin-top:22px;color:var(--nlb-muted)}
.nlbs .expect{font-size:14px;margin-top:22px;padding-left:19px}
.nlbs .expect li{padding:4px 0}
.nlbs .form{background:var(--nlb-surface-alt);padding:28px;border:1px solid var(--nlb-line);box-shadow:0 8px 28px color-mix(in srgb,var(--nlb-ink) 3%,transparent)}
.nlbs .form h3{font-size:26px}
.nlbs .recipient{font-size:13px;margin:8px 0 20px}
.nlbs .footer{background:var(--nlb-dark);color:var(--nlb-on-dark);padding:26px 0}
.nlbs .footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:12px}
.nlbs .footer p{color:var(--nlbs-footer-text);font-size:12px}
.nlbs .footbrand{font-family:var(--nlb-font-heading);font-weight:var(--nlb-heading-weight);font-size:26px}
.nlbs .compare{border:1px solid var(--nlb-line);width:100%;border-collapse:collapse;font-size:15px;margin-top:26px}
.nlbs .compare th{text-align:left;background:var(--nlb-dark);color:var(--nlb-on-dark);padding:18px;font-weight:700}
.nlbs .compare td{padding:20px 18px;border-bottom:1px solid var(--nlb-line);vertical-align:top}
.nlbs .compare tbody tr:nth-child(even){background:var(--nlb-surface)}
.nlbs .compare th:first-child{width:22%}
.nlbs .compare strong{display:block;font-weight:700}
.nlbs .docrow{padding:24px;border-left:3px solid var(--nlb-brand);background:var(--nlb-surface);margin-top:26px}
.nlbs .docrow strong{font-weight:700}
.nlbs .docrow p{margin:8px 0 14px}
.nlbs .feature-photo{position:relative}
.nlbs .feature-photo img{height:400px;width:100%}
.nlbs .featurelabel{position:absolute;bottom:22px;left:22px;background:var(--nlb-surface-alt);padding:17px 23px;max-width:270px}
.nlbs .featurelabel strong{font-family:var(--nlb-font-heading);font-size:25px;font-weight:var(--nlb-heading-weight)}
.nlbs .featurelabel p{font-size:13px;margin-top:7px}
.nlbs .source{font-size:12px!important}
.nlbs .source a{text-underline-offset:3px}
.nlbs .mobile-action{display:none}
.nlbs .nlbs-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.nlbs .call-icon{width:18px;height:18px;flex:0 0 18px;fill:currentColor}
.nlbs [hidden]{display:none!important}

@media(max-width:800px){
  .nlbs{--nlbs-gutter:var(--nlb-gutter)}
  .nlbs .header{min-height:82px;gap:14px}
  .nlbs .brand-logo{width:111px;height:30px}
  .nlbs .brands{gap:13px}
  .nlbs .dealer{padding-left:13px;font-size:12px}
  .nlbs .dealer small{font-size:9px}
  .nlbs .dealer.has-logo{gap:9px}
  .nlbs .dealer-logo{height:30px;max-width:90px}
  .nlbs .nav{display:none}
  .nlbs h1{font-size:45px}
  .nlbs .lead{font-size:17px}
  .nlbs .local{margin-top:23px}
  .nlbs .usps{grid-template-columns:1fr;gap:19px;padding:23px 0}
  .nlbs .usp{grid-template-columns:29px 1fr}
  .nlbs .usp strong{font-size:16px;margin-bottom:3px}
  .nlbs .usp p{font-size:14px}
  .nlbs .section{padding:44px 0}
  .nlbs h2{font-size:32px}
  .nlbs .sectionhead{display:block;margin-bottom:25px}
  .nlbs .sectionhead p{margin-top:13px}
  .nlbs .split,.nlbs .faqgrid,.nlbs .contactgrid{grid-template-columns:1fr;gap:28px}
  .nlbs .application-grid{grid-template-columns:1fr}
  .nlbs .application{display:grid;grid-template-columns:110px 1fr}
  .nlbs .application>.cardcopy:first-child{grid-column:1/-1}
  .nlbs .application img{height:100%;min-height:185px}
  .nlbs .cardcopy{padding:19px}
  .nlbs .cardcopy h3{font-size:23px}
  .nlbs .cardcopy p{font-size:14px;margin:9px 0 15px}
  .nlbs .largephoto{height:240px}
  .nlbs .steps{grid-template-columns:1fr;gap:22px}
  .nlbs .step{display:grid;grid-template-columns:38px 1fr;column-gap:15px}
  .nlbs .step p{grid-column:2}
  .nlbs .step h3{align-self:center}
  .nlbs .step .num{grid-row:1/3}
  .nlbs .contact{padding:40px 0}
  .nlbs .contact h2{font-size:32px}
  .nlbs .contact .person{margin-top:18px}
  .nlbs .contactlist{margin-top:15px}
  .nlbs .form{padding:21px}
  .nlbs .footer{padding-bottom:87px}
  .nlbs .footer .wrap{display:block}
  .nlbs .footer p{margin-top:8px}
  .nlbs .footer a{display:inline-block;margin-top:12px}
  .nlbs .mobile-action{display:block;position:fixed;bottom:0;left:0;right:0;background:var(--nlb-paper);border-top:1px solid var(--nlb-line);padding:10px 20px;z-index:5}
  .nlbs .mobile-action .btn{width:100%;min-height:46px;padding-block:11px}
  /* Naast de knop van het blok de belknop met het nummer van de dealer (1.8.0-rc.2). */
  .nlbs .mobile-action.has-call{display:flex;gap:10px}
  .nlbs .mobile-action.has-call .btn{width:auto;flex:1 1 auto;min-width:0}
  .nlbs .mobile-action .btn.call{gap:8px;background:var(--nlb-paper);color:var(--nlb-ink);border-color:var(--nlbs-field-line)}
  .nlbs .mobile-action.has-call .btn.call{flex:0 0 auto;padding-inline:16px}
  .nlbs .mobile-action .btn.call:hover{background:var(--nlb-surface)}
  .nlbs .compare{font-size:12px}
  .nlbs .compare td,.nlbs .compare th{padding:13px 9px}
  .nlbs .compare th:first-child{width:27%}
  .nlbs .feature-photo img{height:290px}
  .nlbs .featurelabel{left:14px;bottom:14px}
  .nlbs .contactlist br{display:none}
  .nlbs .contactlist span{display:block}
}
@media(prefers-reduced-motion:reduce){html:has(.nlbs){scroll-behavior:auto}}

/* Hero met formulier en keuzeroutes. */
.nlbs .hero-v2{position:relative;background:var(--nlb-dark);color:var(--nlb-on-dark);isolation:isolate;overflow:hidden}
.nlbs .hero-v2-photo{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;z-index:-2}
.nlbs .hero-v2:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--nlb-dark) 90%,transparent) 0%,color-mix(in srgb,var(--nlb-dark) 70%,transparent) 39%,color-mix(in srgb,var(--nlb-dark) 12%,transparent) 76%);z-index:-1}
.nlbs .hero-v2 .hero-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:74px;align-items:center;padding-top:42px;padding-bottom:42px}
.nlbs .hero-v2 .hero-copy{min-width:0;padding:20px 0}
.nlbs .hero-v2 h1{font-size:57px;line-height:1.1;max-width:570px}
.nlbs .hero-v2 .eyebrow{color:var(--nlbs-hero-eyebrow)}
.nlbs .hero-v2 .lead{font-size:18px;color:var(--nlbs-hero-lead);max-width:500px;margin:24px 0}
.nlbs .hero-points{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:11px;font-size:15px}
.nlbs .hero-points li{display:flex;gap:11px;align-items:start}
.nlbs .hero-points li:before{content:'✓';color:var(--nlb-on-dark);font-weight:bold}
.nlbs .hero-v2 .local{border-top:1px solid color-mix(in srgb,var(--nlb-on-dark) 25%,transparent);padding-top:19px;margin-top:25px;color:var(--nlb-on-dark)}
.nlbs .hero-v2 .textlink{display:inline-block;margin-top:24px;color:var(--nlb-on-dark)}
.nlbs .hero-v2 .leadform{color:var(--nlb-ink);background:var(--nlb-surface-alt);padding:27px 30px;border-top:4px solid var(--nlb-brand);box-shadow:0 12px 40px color-mix(in srgb,var(--nlb-ink) 9%,transparent)}
.nlbs .leadform h2{font-size:28px;line-height:1.2;letter-spacing:0}
.nlbs .leadform .recipient{margin:8px 0 17px;font-size:13px;color:var(--nlb-muted)}
.nlbs .hero-product{background:var(--nlb-surface);color:var(--nlb-ink)}
.nlbs .hero-product:before{display:none}
.nlbs .hero-product .eyebrow{color:var(--nlb-brand)}
.nlbs .hero-product .lead{color:var(--nlb-muted)}
.nlbs .hero-product .hero-copy{position:relative}
.nlbs .hero-product h1{font-size:51px}
.nlbs .hero-product .hero-product-image{width:295px;height:250px;object-fit:contain;margin-top:8px}
.nlbs .hero-product .lead{margin-bottom:5px}
.nlbs .hero-product .leadform{border:1px solid var(--nlb-line);border-top:4px solid var(--nlb-brand)}
.nlbs .visual-routes .sectionhead{align-items:start}
.nlbs .visual-routes .sectionhead p{font-size:17px;max-width:430px}
.nlbs .visual-route-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.nlbs .visual-route{border:1px solid var(--nlb-line);background:var(--nlb-surface-alt);min-width:0;display:flex;flex-direction:column}
.nlbs .route-image{height:270px;width:100%;object-fit:cover}
.nlbs .route-product{object-fit:contain;background:var(--nlbs-route-bg);padding:20px}
.nlbs .visual-route-copy{padding:28px 30px;display:flex;flex-direction:column;flex:1}
.nlbs .visual-route-copy .eyebrow{font-size:11px;margin-bottom:12px}
.nlbs .visual-route-copy h3{font-size:30px}
.nlbs .visual-route-copy p{font-size:16px;margin:14px 0 0}
.nlbs .visual-route-copy ul{padding-left:19px;font-size:15px;line-height:1.8;margin:16px 0 22px}
.nlbs .visual-route-copy .btn{align-self:flex-start;margin-top:auto;white-space:nowrap}
@media(max-width:1000px){
  .nlbs .hero-v2 .hero-layout{gap:35px;grid-template-columns:1fr 1fr}
  .nlbs .hero-v2 h1{font-size:48px}
  .nlbs .hero-v2 .leadform{padding:24px}
  .nlbs .hero-product h1{font-size:44px}
}
@media(max-width:800px){
  .nlbs .hero-v2 .hero-layout{grid-template-columns:1fr;gap:25px;padding-top:33px;padding-bottom:30px}
  .nlbs .hero-v2 .hero-copy{padding:0}
  .nlbs .hero-v2 h1{font-size:40px}
  .nlbs .hero-v2 .lead{font-size:16px;margin:17px 0;line-height:1.55}
  .nlbs .hero-v2 .eyebrow{font-size:11px;margin-bottom:13px}
  .nlbs .hero-v2-photo{object-position:57% center}
  .nlbs .hero-v2:before{background:linear-gradient(180deg,color-mix(in srgb,var(--nlb-dark) 87%,transparent),color-mix(in srgb,var(--nlb-dark) 69%,transparent) 47%,color-mix(in srgb,var(--nlb-dark) 25%,transparent))}
  .nlbs .hero-v2 .local{margin-top:17px;padding-top:15px;font-size:12px}
  .nlbs .hero-points{gap:8px;font-size:14px;margin-top:17px}
  .nlbs .hero-v2 .textlink{margin-top:16px}
  .nlbs .hero-v2 .leadform{padding:23px 20px}
  .nlbs .leadform h2{font-size:27px}
  .nlbs .hero-product .hero-product-image{height:170px;width:220px;margin:0}
  .nlbs .hero-product .hero-copy{display:block}
  .nlbs .hero-product .hero-layout{gap:20px}
  /*
   * Het formulier in het eerste scherm (1.8.0-rc.2): op de telefoon staan bovenkopje en kop boven het
   * formulier en de rest van de tekst eronder. De kop is kleiner, de ruimte boven en tussen korter.
   * Op een breder scherm verandert niets.
   */
  .nlbs .header{min-height:68px}
  .nlbs .hero-v2 .hero-layout{gap:0;padding-top:20px;padding-bottom:28px}
  .nlbs .hero-v2 .hero-copy{display:contents}
  .nlbs .hero-v2 .hero-copy>*{order:4;justify-self:start;max-width:100%}
  .nlbs .hero-v2 .hero-copy>.eyebrow{order:1;margin-bottom:8px}
  .nlbs .hero-v2 .hero-copy>h1{order:2;font-size:30px;line-height:1.15}
  .nlbs .hero-v2 .leadform{order:3;margin:16px 0 4px;padding:18px 18px 20px}
  .nlbs .hero-v2 .leadform h2{font-size:22px}
  .nlbs .hero-v2 .leadform .recipient{margin:4px 0 12px}
  .nlbs .hero-v2 .hero-copy>.lead{margin:18px 0 0}
  .nlbs .hero-product .hero-copy>.hero-product-image{margin-top:16px}
  .nlbs .visual-routes .sectionhead p{font-size:16px}
  .nlbs .visual-route-grid{grid-template-columns:1fr;gap:25px}
  .nlbs .route-image{height:210px}
  .nlbs .visual-route-copy{padding:23px}
  .nlbs .visual-route-copy h3{font-size:28px}
  .nlbs .visual-route-copy p{font-size:15px}
  .nlbs .visual-route-copy ul{font-size:14px}
}

/*
 * Formulier (contract 3). Dezelfde maten als de formulieren in het ontwerp: .leadform in de hero,
 * .form bij het dealercontact. Velden in twee kolommen; naam en e-mail naast elkaar.
 * De thema-stijlen van de site designer zetten achtergrond, tekstkleur en rand van invoervelden en
 * de verzendknop met een zwaardere selector; die drie eigenschappen staan daarom op !important.
 */
.nlbs .nlb-form{margin:0;padding:0;background:none;border:0;box-shadow:none;max-width:none;font:inherit;color:inherit}
.nlbs .nlb-form .nlbv-formset{display:grid;grid-template-columns:1fr 1fr;gap:15px;border:0;padding:0;margin:0;min-width:0}
.nlbs .nlb-form legend{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.nlbs .nlb-form .nlb-form__row{grid-column:1 / -1;display:block;min-width:0;margin:0;font-size:inherit;font-weight:400;line-height:1.55}
.nlbs .nlb-form .nlb-form__row:has(input[name=name]),.nlbs .nlb-form .nlb-form__row:has(input[name=email]){grid-column:auto}
.nlbs .nlb-form .nlb-form__label{display:block;font-size:13px;font-weight:700;line-height:1.55;margin:0 0 6px;color:var(--nlb-ink)}
.nlbs .nlb-form .nlb-form__label em{display:none}
.nlbs .nlb-form input:not([type=hidden]):not([type=checkbox]),.nlbs .nlb-form select,.nlbs .nlb-form textarea{display:block;width:100%;margin:0;border-radius:0;padding:11px;min-height:46px;font-family:inherit;font-size:15px;font-weight:400;line-height:1.55;box-shadow:none;background-color:var(--nlb-surface-alt)!important;color:var(--nlb-ink)!important;border:1px solid var(--nlbs-field-line)!important}
.nlbs .nlb-form textarea{height:76px;resize:vertical}
.nlbs .nlb-form .nlb-form__consent{grid-column:1 / -1;display:flex;align-items:flex-start;gap:10px;min-height:0;margin:2px 0;font-size:12px;font-weight:400;line-height:1.55;color:var(--nlb-ink)!important;cursor:pointer}
.nlbs .nlb-form .nlb-form__consent input{width:17px;height:17px;min-height:17px;flex:0 0 17px;margin:3px 0 0}
.nlbs .nlb-form .nlb-btn[type=submit]{grid-column:1 / -1;display:inline-flex;align-items:center;justify-content:center;gap:24px;width:100%;min-height:50px;padding:14px 22px;margin:0;border:1px solid var(--nlb-accent)!important;border-radius:var(--nlb-radius);background-color:var(--nlb-accent)!important;color:var(--nlb-accent-contrast)!important;font-family:inherit;font-size:15px;font-weight:700;line-height:1.55;text-decoration:none;cursor:pointer;opacity:1}
.nlbs .nlb-form .nlb-btn[type=submit]::after{content:'↗';content:'↗' / '';font-weight:700}
.nlbs .nlb-form .nlb-btn[type=submit]:hover{background-color:var(--nlb-brand-dark)!important;border-color:var(--nlb-brand-dark)!important}
.nlbs .nlb-form .nlb-btn[type=submit][disabled]{opacity:.55;cursor:not-allowed}
.nlbs .nlb-form .nlbv-status{font-size:14px;line-height:1.55;margin:12px 0 0;color:var(--nlb-ink)}
.nlbs .nlb-form .nlbv-status:empty{display:none}
.nlbs .leadform .nlb-form .nlbv-formset{gap:12px}
.nlbs .leadform .nlb-form .nlb-form__label{font-size:12px}
.nlbs .leadform .nlb-form input:not([type=hidden]):not([type=checkbox]),.nlbs .leadform .nlb-form select{font-size:14px;min-height:42px;padding:9px 11px}
.nlbs .leadform .nlb-form textarea{font-size:14px;height:65px;min-height:65px;padding:9px 11px}
.nlbs .leadform .nlb-form .nlb-form__consent{margin:1px 0;font-size:11px;line-height:1.5}
.nlbs .leadform .nlb-form .nlb-form__consent input{width:16px;height:16px;min-height:16px;flex-basis:16px}
.nlbs .leadform .nlb-form .nlb-btn[type=submit]{min-height:45px;padding:11px 16px;white-space:nowrap}
.nlbs .leadform .nlb-form .nlbv-status{font-size:13px}
@media(max-width:800px){
  .nlbs .form .nlb-form .nlbv-formset{grid-template-columns:1fr;gap:13px}
  .nlbs .form .nlb-form .nlb-form__consent{margin:4px 0}
  .nlbs .nlb-form .nlb-form__row:has(input[name=name]),.nlbs .nlb-form .nlb-form__row:has(input[name=email]){grid-column:1 / -1}
  .nlbs .leadform .nlb-form .nlbv-formset{grid-template-columns:1fr;gap:12px}
  .nlbs .leadform .nlb-form input:not([type=hidden]):not([type=checkbox]),.nlbs .leadform .nlb-form select,.nlbs .leadform .nlb-form textarea{font-size:16px;min-height:45px}
  .nlbs .leadform .nlb-form .nlb-form__consent{font-size:12px}
}