/* Bosstad Tweewielers – Weesp: Van der Linden wordt Bosstad Tweewielers Weesp (2026-09-27). Hoort bij bosstad-weesp-naam.php. */

.bs-vdl,.bs-vdlfaq{font-family:var(--bs-font-body,Barlow,sans-serif);color:var(--bs-text,#4A5356);width:100%;box-sizing:border-box}
.bs-vdl *,.bs-vdlfaq *{box-sizing:border-box}
.bs-vdl{background:var(--bs-surface-soft,#F6F5F2);padding:var(--bs-section,88px) 48px}
.bs-vdlfaq{background:var(--bs-surface,#fff);padding:var(--bs-section,88px) 48px;border-top:1px solid var(--bs-border,#E3E4E2)}
.bs-vdl__wrap{max-width:var(--bs-wrap,1440px);margin:0 auto}
.bs-vdl,.bs-vdlfaq{scroll-margin-top:90px}

/* ---------------------------------------------------------------- koppen */
body .bs-vdl .bs-vdl__eyebrow,body .bs-vdlfaq .bs-vdl__eyebrow{margin:0 0 12px;font-family:var(--bs-font-body,Barlow,sans-serif)!important;font-size:11.5px;font-weight:700;letter-spacing:3.4px;text-transform:uppercase;color:var(--bs-teal,#0F8A7C)!important}
body .bs-vdl .bs-vdl__kop,body .bs-vdlfaq .bs-vdl__kop{margin:0 0 18px;font-family:var(--bs-font-display,Newsreader,serif)!important;font-weight:400!important;font-size:clamp(30px,3.6vw,46px)!important;line-height:1.1!important;letter-spacing:-.2px;color:var(--bs-ink,#1C2022)!important}
.bs-vdl__lead{margin:0 0 28px;font-size:17px;line-height:1.6;color:var(--bs-text,#4A5356);max-width:620px}

/* ---------------------------------------------------------------- bovenblok */
.bs-vdl__top{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:60px;align-items:center}

.bs-vdl__naam{position:relative;display:grid;grid-template-columns:1fr 1fr;margin:0 0 30px;max-width:680px;border-radius:10px;box-shadow:0 1px 2px rgba(28,32,34,.05),0 18px 44px rgba(28,32,34,.10)}
.bs-vdl__naamblok{position:relative;display:flex;flex-direction:column;gap:9px;min-height:160px;padding:24px 36px 24px 26px;overflow:hidden}
.bs-vdl__naamblok--oud{background:#fff;border:1px solid var(--bs-border,#E3E4E2);border-right:0;border-radius:10px 0 0 10px}
.bs-vdl__naamblok--nieuw{padding:24px 26px 24px 40px;background:var(--bs-teal-deep,#1E4A46);border-radius:0 10px 10px 0}
.bs-vdl__naamlabel{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:var(--bs-text,#4A5356)}
.bs-vdl__naamlabel i{width:8px;height:8px;border-radius:50%;background:#A9B0B2;flex:none}
.bs-vdl__naamblok--nieuw .bs-vdl__naamlabel{color:#fff}
.bs-vdl__naamblok--nieuw .bs-vdl__naamlabel i{background:var(--bs-turquoise,#33C7B7)}
.bs-vdl__naamtekst{margin-top:auto;font-family:var(--bs-font-display,Newsreader,serif);font-size:26px;line-height:1.15;color:var(--bs-ink-2,#2C3235)}
.bs-vdl__naamblok--nieuw .bs-vdl__naamtekst{color:#fff}
.bs-vdl__naamsub{font-size:14.5px;line-height:1.45;color:var(--bs-text,#4A5356)}
.bs-vdl__naamblok--nieuw .bs-vdl__naamsub{color:rgba(255,255,255,.88)}
.bs-vdl__naammerk{position:absolute;right:-18px;bottom:-30px;color:rgba(255,255,255,.07);pointer-events:none}
.bs-vdl__naammerk svg{width:118px;height:118px;stroke-width:1.1}
.bs-vdl__naampijl{position:absolute;left:50%;top:50%;z-index:2;transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--bs-turquoise,#33C7B7);color:var(--bs-btn-ink,#06110F);box-shadow:0 0 0 5px var(--bs-surface-soft,#F6F5F2),0 6px 16px rgba(14,18,20,.25)}
.bs-vdl__naampijl svg{width:20px;height:20px}

.bs-vdl__net{margin:0 0 26px}
.bs-vdl__netlabel{margin:0 0 10px;font-size:14px;font-weight:600;color:var(--bs-ink,#1C2022)}
.bs-vdl__chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.bs-vdl__chips li{margin:0;padding:0;list-style:none!important}
.bs-vdl__blijft>li.bs-vdl__tegel{list-style:none!important;margin:0}
.bs-vdl__chips a,.bs-vdl__chips span{display:inline-block;padding:7px 14px;border:1px solid var(--bs-border,#E3E4E2);border-radius:999px;background:#fff;font-size:14px;line-height:1.3;color:var(--bs-ink,#1C2022)!important;text-decoration:none!important;transition:border-color .18s ease,color .18s ease}
.bs-vdl__chips a:hover,.bs-vdl__chips a:focus-visible{border-color:var(--bs-turquoise,#33C7B7);color:var(--bs-teal,#0F8A7C)!important}

.bs-vdl__faqlink{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--bs-teal,#0F8A7C)!important;text-decoration:none!important;border-bottom:1px solid transparent;padding-bottom:2px}
.bs-vdl__faqlink:hover{border-bottom-color:currentColor;color:var(--bs-teal-deep,#1E4A46)!important}
.bs-vdl__faqlink svg{width:16px;height:16px}

.bs-vdl__beeld{position:relative;margin:0;border-radius:var(--bs-radius,4px);overflow:hidden;aspect-ratio:4/3.3;background:#0E1214;box-shadow:var(--bs-shadow-soft,0 8px 24px rgba(28,32,34,.06))}
.bs-vdl__beeld img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 55%;margin:0;border-radius:0}
.bs-vdl__beeld figcaption{position:absolute;left:16px;bottom:16px;display:flex;flex-direction:column;gap:2px;padding:12px 16px;border-radius:var(--bs-radius,4px);background:rgba(14,18,20,.82);border-left:3px solid var(--bs-turquoise,#33C7B7);color:#fff;font-size:14px;line-height:1.35}
.bs-vdl__beeld figcaption strong{font-family:var(--bs-font-display,Newsreader,serif);font-weight:400;font-size:19px;color:#fff}
.bs-vdl__beeld figcaption span{color:var(--bs-on-dark,#D2D9DA)}

/* ---------------------------------------------------------------- wat blijft hetzelfde */
.bs-vdl__subhead{display:flex;align-items:baseline;justify-content:space-between;gap:8px 24px;flex-wrap:wrap;margin:72px 0 22px;padding-top:36px;border-top:1px solid var(--bs-border,#E3E4E2)}
body .bs-vdl .bs-vdl__subkop{margin:0;font-family:var(--bs-font-display,Newsreader,serif)!important;font-weight:400!important;font-size:30px!important;line-height:1.15!important;color:var(--bs-ink,#1C2022)!important}
.bs-vdl__subhead p{margin:0;font-size:15px;color:var(--bs-muted,#697478)}
.bs-vdl__blijft{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.bs-vdl__tegel{display:flex;align-items:flex-start;gap:28px;margin:0;padding:40px 44px 36px;background:#fff;border:1px solid var(--bs-border,#E3E4E2);border-top:3px solid var(--bs-turquoise,#33C7B7);border-radius:10px;box-shadow:0 1px 2px rgba(28,32,34,.04);transition:box-shadow .22s var(--bs-ease,ease),transform .22s var(--bs-ease,ease)}
.bs-vdl__tegel:hover{box-shadow:0 2px 4px rgba(28,32,34,.05),0 18px 40px rgba(28,32,34,.10);transform:translateY(-3px)}
.bs-vdl__icoon{flex:none;display:grid;place-items:center;width:64px;height:64px;border-radius:14px;background:#EAF5F2;color:var(--bs-teal,#0F8A7C)}
.bs-vdl__icoon svg{width:30px;height:30px}
.bs-vdl__tegeltekst{display:flex;flex-direction:column;min-width:0;flex:1 1 auto;padding-top:4px}
.bs-vdl__tegel strong{display:block;margin:0 0 10px;font-family:var(--bs-font-display,Newsreader,serif);font-weight:400;font-size:27px;line-height:1.2;color:var(--bs-ink,#1C2022)}
.bs-vdl__tegel p{margin:0 0 22px;font-size:16.5px;line-height:1.65;color:var(--bs-text,#4A5356);max-width:460px}
.bs-vdl__tegelmeta{margin-top:auto;padding-top:16px;border-top:1px solid var(--bs-border-soft,#EEF0EF);font-size:12.5px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--bs-muted,#697478)}
.bs-vdl__tegelmeta a{color:var(--bs-teal,#0F8A7C)!important;text-decoration:none!important}
.bs-vdl__tegelmeta a:hover{color:var(--bs-teal-deep,#1E4A46)!important}

/* ---------------------------------------------------------------- FAQ */
.bs-vdlfaq__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;align-items:start}
.bs-vdlfaq__intro{position:sticky;top:120px}
.bs-vdlfaq__knoppen{display:flex;flex-wrap:wrap;gap:12px}
.bs-vdl__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 22px;border:1px solid var(--bs-ink,#1C2022);border-radius:var(--bs-radius-sm,2px);background:transparent;font-size:13px;font-weight:600;letter-spacing:1.3px;text-transform:uppercase;line-height:1.2;color:var(--bs-ink,#1C2022)!important;text-decoration:none!important;transition:background .18s ease,border-color .18s ease,color .18s ease}
.bs-vdl__btn:hover{background:var(--bs-ink,#1C2022);color:#fff!important}
.bs-vdl__btn--primair{background:var(--bs-turquoise,#33C7B7);border-color:var(--bs-turquoise,#33C7B7);color:var(--bs-btn-ink,#06110F)!important}
.bs-vdl__btn--primair:hover{background:var(--bs-turquoise-light,#4FD8C8);border-color:var(--bs-turquoise-light,#4FD8C8);color:var(--bs-btn-ink,#06110F)!important}

.bs-vdlfaq__lijst{border-top:1px solid var(--bs-border,#E3E4E2)}
.bs-vdlfaq__item{border-bottom:1px solid var(--bs-border,#E3E4E2);margin:0}
.bs-vdlfaq__item summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0;cursor:pointer;font-family:var(--bs-font-display,Newsreader,serif);font-size:20px;line-height:1.3;color:var(--bs-ink,#1C2022)}
.bs-vdlfaq__item summary::-webkit-details-marker{display:none}
.bs-vdlfaq__item summary::marker{content:''}
.bs-vdlfaq__item summary:hover{color:var(--bs-teal,#0F8A7C)}
.bs-vdlfaq__item summary:focus-visible{outline:2px solid var(--bs-turquoise,#33C7B7);outline-offset:4px}
.bs-vdlfaq__item summary i{position:relative;flex:none;width:32px;height:32px;border-radius:50%;border:1px solid var(--bs-border,#E3E4E2);transition:background .18s ease,border-color .18s ease}
.bs-vdlfaq__item summary i::before,.bs-vdlfaq__item summary i::after{content:'';position:absolute;left:50%;top:50%;width:12px;height:1.6px;margin:-.8px 0 0 -6px;background:var(--bs-ink,#1C2022);transition:transform .2s ease}
.bs-vdlfaq__item summary i::after{transform:rotate(90deg)}
.bs-vdlfaq__item[open] summary i{background:var(--bs-turquoise,#33C7B7);border-color:var(--bs-turquoise,#33C7B7)}
.bs-vdlfaq__item[open] summary i::after{transform:rotate(0deg)}
.bs-vdlfaq__antwoord{padding:0 56px 24px 0}
.bs-vdlfaq__antwoord p{margin:0;font-size:16px;line-height:1.65;color:var(--bs-text,#4A5356)}
.bs-vdlfaq__antwoord a{color:var(--bs-teal,#0F8A7C)!important;text-decoration:underline!important;text-underline-offset:2px}

/* ---------------------------------------------------------------- tablet / mobiel */
@media (max-width:1024px){
	.bs-vdl,.bs-vdlfaq{padding:var(--bs-section-tablet,64px) 24px}
	.bs-vdl__top{grid-template-columns:1fr;gap:36px}
	.bs-vdl__beeld{aspect-ratio:16/9}
	.bs-vdl__tegel{padding:32px 30px 28px;gap:22px}
	.bs-vdlfaq__grid{grid-template-columns:1fr;gap:32px}
	.bs-vdlfaq__intro{position:static}
}
@media (max-width:640px){
	.bs-vdl,.bs-vdlfaq{padding:var(--bs-section-mobile,48px) 16px}
	.bs-vdl__lead{font-size:16px}
	.bs-vdl__naam{grid-template-columns:1fr;grid-auto-rows:1fr}
	.bs-vdl__naamblok{min-height:0;padding:20px 20px 24px}
	.bs-vdl__naamblok--oud{border-right:1px solid var(--bs-border,#E3E4E2);border-bottom:0;border-radius:10px 10px 0 0}
	.bs-vdl__naamblok--nieuw{padding:28px 20px 20px;border-radius:0 0 10px 10px}
	.bs-vdl__naamtekst{margin-top:4px;font-size:24px}
	.bs-vdl__naampijl{width:38px;height:38px;transform:translate(-50%,-50%) rotate(90deg)}
	.bs-vdl__naampijl svg{width:18px;height:18px}
	.bs-vdl__beeld{aspect-ratio:4/3}
	.bs-vdl__subhead{margin-top:48px;padding-top:28px}
	body .bs-vdl .bs-vdl__subkop{font-size:25px!important}
	.bs-vdl__blijft{grid-template-columns:1fr;gap:14px}
	.bs-vdl__tegel{flex-direction:column;gap:18px;padding:28px 24px 24px}
	.bs-vdl__icoon{width:56px;height:56px}
	.bs-vdl__tegel strong{font-size:24px}
	.bs-vdl__tegel p{font-size:16px}
	.bs-vdlfaq__item summary{font-size:18px;padding:18px 0}
	.bs-vdlfaq__antwoord{padding-right:0}
	.bs-vdlfaq__knoppen .bs-vdl__btn{flex:1 1 100%}
}
@media (prefers-reduced-motion:reduce){
	.bs-vdl__tegel,.bs-vdlfaq__item summary i,.bs-vdlfaq__item summary i::after{transition:none}
	.bs-vdl__tegel:hover{transform:none}
}