/* Lean Lab · adviseur b · N1 / H8 / R6 · "waar blijft de tijd?"
   Overpass + Overpass Mono (SIL OFL 1.1). Alles onder body.s-adviseur-b. */
@font-face { font-family: "Overpass"; font-weight: 100 900; font-style: normal; font-display: swap; src: url("/assets/fonts/Overpass-Variable.woff2") format("woff2"); }
@font-face { font-family: "Overpass"; font-weight: 100 900; font-style: italic; font-display: swap; src: url("/assets/fonts/Overpass-VariableItalic.woff2") format("woff2"); }
@font-face { font-family: "Overpass Mono"; font-weight: 300 700; font-display: swap; src: url("/assets/fonts/OverpassMono-Variable.woff2") format("woff2"); }

body.s-adviseur-b {
  --vloer: #e6eae3; --vloer2: #dde2da; --wit: #fbfbf8; --inkt: #16201c; --inkt2: #24302b; --groen: #0d6e55; --groen-d: #0a4f3e;
  --groen-l: #7fd1b5; --geel: #f2c12e; --grijs: #55605a; --lijn: #c4cbc3; --rood: #b33a26;
  --a: #0d6e55; --a2: #f2c12e; --bg2: #dfe5dd;
  --mono: "Overpass Mono", ui-monospace, monospace;
  --arcering: repeating-linear-gradient(135deg, #b9c1b8 0 2px, transparent 2px 7px);
  background: var(--wit); color: var(--inkt); font: 400 17px/1.6 "Overpass", system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}
body.s-adviseur-b *, body.s-adviseur-b *::before, body.s-adviseur-b *::after { box-sizing: border-box; }
body.s-adviseur-b h1, body.s-adviseur-b h2, body.s-adviseur-b h3 { font-family: "Overpass", sans-serif; font-weight: 800; letter-spacing: -.02em; line-height: 1.06; margin: 0; }
body.s-adviseur-b p { margin: 0 0 1em; }
body.s-adviseur-b a { color: inherit; }
body.s-adviseur-b .ll-w { width: 100%; max-width: 1240px; margin: 0 auto; padding: 0 32px; }
body.s-adviseur-b .ll-lead { font-size: 20px; line-height: 1.5; color: var(--inkt2); max-width: 40em; }
body.s-adviseur-b .ll-klein { font-size: 13.5px; color: var(--grijs); line-height: 1.5; }
body.s-adviseur-b main { display: block; }

/* vloercode: gele vloerplek met code */
body.s-adviseur-b .ll-vloer { display: inline-block; background: var(--geel); color: var(--inkt); font: 600 12.5px/1 var(--mono); letter-spacing: .04em;
  padding: 6px 8px 4px; margin-right: 10px; box-shadow: inset 0 0 0 1.5px var(--inkt); }

/* knoppen: ingeklemd tussen twee vloerhoekjes */
body.s-adviseur-b .ll-knop { position: relative; display: inline-flex; align-items: center; gap: 12px; background: var(--inkt); color: #fff; text-decoration: none;
  font: 700 16px/1 "Overpass", sans-serif; padding: 17px 22px 15px; border: 0; cursor: pointer; transition: background .15s; }
body.s-adviseur-b .ll-knop svg { width: 18px; height: 18px; margin-top: -2px; transition: transform .15s; }
body.s-adviseur-b .ll-knop::before, body.s-adviseur-b .ll-knop::after { content: ""; position: absolute; width: 14px; height: 14px; border: 0 solid var(--geel); }
body.s-adviseur-b .ll-knop::before { left: -6px; top: -6px; border-left-width: 4px; border-top-width: 4px; }
body.s-adviseur-b .ll-knop::after { right: -6px; bottom: -6px; border-right-width: 4px; border-bottom-width: 4px; }
body.s-adviseur-b .ll-knop:hover { background: var(--groen); }
body.s-adviseur-b .ll-knop:hover svg { transform: translateX(3px); }
body.s-adviseur-b .ll-knop.geel { background: var(--geel); color: var(--inkt); }
body.s-adviseur-b .ll-knop.geel::before, body.s-adviseur-b .ll-knop.geel::after { border-color: #fff; }
body.s-adviseur-b .ll-knop.geel:hover { background: #fff; }
body.s-adviseur-b .ll-pijl { display: inline-block; font-weight: 700; text-decoration: underline; text-decoration-color: var(--geel); text-decoration-thickness: 4px; text-underline-offset: 5px; }
body.s-adviseur-b .ll-pijl::after { content: " →"; }
body.s-adviseur-b .ll-pijl:hover { text-decoration-color: var(--groen); }

/* ── kop (N1) ─────────────────────────────────────────── */
body.s-adviseur-b .ll-kop { background: var(--wit); border-bottom: 1.5px solid var(--inkt); position: relative; z-index: 40; }
body.s-adviseur-b .ll-kop-in { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 78px; }
body.s-adviseur-b .ll-logo { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; color: var(--inkt); }
body.s-adviseur-b .ll-merk { width: 44px; height: 27px; color: var(--groen); flex: none; }
body.s-adviseur-b .ll-logo b { display: block; font: 800 23px/1 "Overpass", sans-serif; letter-spacing: -.03em; }
body.s-adviseur-b .ll-logo small { display: block; font: 500 11.5px/1 var(--mono); color: var(--grijs); letter-spacing: .06em; margin-top: 4px; }
body.s-adviseur-b .ll-logo.licht { color: #fff; }
body.s-adviseur-b .ll-logo.licht .ll-merk { color: var(--groen-l); }
body.s-adviseur-b .ll-logo.licht small { color: #b9c4bd; }
body.s-adviseur-b .ll-nav { display: flex; align-items: center; gap: 4px; }
body.s-adviseur-b .ll-nav a { text-decoration: none; font-weight: 600; font-size: 16px; padding: 10px 13px 8px; position: relative; }
body.s-adviseur-b .ll-nav > a:not(.ll-cta):not(.ll-site)[aria-current]::after,
body.s-adviseur-b .ll-nav > a:not(.ll-cta):not(.ll-site):hover::after { content: ""; position: absolute; left: 13px; right: 13px; bottom: -2px; height: 4px; background: var(--geel); }
body.s-adviseur-b .ll-nav .ll-site { font: 500 13px/1 var(--mono); border: 1.5px dashed var(--inkt); padding: 9px 11px 7px; margin: 0 8px 0 10px; }
body.s-adviseur-b .ll-nav .ll-site[aria-current], body.s-adviseur-b .ll-nav .ll-site:hover { background: var(--geel); border-style: solid; }
body.s-adviseur-b .ll-cta { display: inline-flex; align-items: center; gap: 10px; background: var(--groen); color: #fff; padding: 14px 18px 12px !important; }
body.s-adviseur-b .ll-cta:hover { background: var(--inkt); }
body.s-adviseur-b .ll-andon { width: 10px; height: 10px; border-radius: 50%; background: #5ee6a8; box-shadow: 0 0 0 3px rgba(94, 230, 168, .25); animation: ll-andon 2.4s ease-in-out infinite; }
@keyframes ll-andon { 50% { box-shadow: 0 0 0 6px rgba(94, 230, 168, .05); } }
body.s-adviseur-b .ll-menu-cb { position: absolute; opacity: 0; pointer-events: none; }
body.s-adviseur-b .ll-menu-knop { display: none; }

/* ── opening: de doorloopcheck (H8) ───────────────────── */
body.s-adviseur-b .ll-check { background: var(--vloer); padding: 64px 0 56px; position: relative;
  background-image: radial-gradient(rgba(22, 32, 28, .07) 1px, transparent 1.4px), radial-gradient(rgba(255, 255, 255, .5) 1px, transparent 1.4px);
  background-size: 9px 9px, 13px 13px; background-position: 0 0, 4px 6px; }
body.s-adviseur-b .ll-check-kop { display: grid; grid-template-columns: 1.75fr 1fr; gap: 48px; align-items: end; margin-bottom: 36px; }
body.s-adviseur-b .ll-check h1 { font-size: clamp(40px, 5vw, 70px); line-height: .98; letter-spacing: -.035em; }
body.s-adviseur-b .ll-check h1 em { font-style: normal; color: var(--groen); }
body.s-adviseur-b .ll-check .ll-lead { margin: 0 0 6px; }
body.s-adviseur-b .ll-tool { background: var(--wit); border: 1.5px solid var(--inkt); box-shadow: 10px 10px 0 rgba(22, 32, 28, .1); position: relative; }
body.s-adviseur-b .ll-r { position: absolute; opacity: 0; width: 1px; height: 1px; }
body.s-adviseur-b .ll-tool-balk { display: flex; align-items: center; gap: 20px; padding: 18px 24px; border-bottom: 1.5px solid var(--inkt); flex-wrap: wrap; }
body.s-adviseur-b .ll-tool-stap { display: flex; align-items: center; gap: 10px; font: 600 13px/1 var(--mono); text-transform: uppercase; letter-spacing: .06em; white-space: nowrap; }
body.s-adviseur-b .ll-nr { display: inline-grid; place-items: center; width: 26px; height: 26px; background: var(--inkt); color: var(--geel); font-size: 13px; padding-top: 2px; }
body.s-adviseur-b .ll-tabs { display: flex; flex-wrap: wrap; gap: 6px; }
body.s-adviseur-b .ll-tab { cursor: pointer; font-weight: 700; font-size: 15px; padding: 9px 14px 7px; border: 1.5px solid var(--lijn); background: #fff; transition: border-color .15s; user-select: none; }
body.s-adviseur-b .ll-tab:hover { border-color: var(--inkt); }
body.s-adviseur-b #ll-p-order:checked ~ .ll-tool-balk [data-p="order"], body.s-adviseur-b #ll-p-offerte:checked ~ .ll-tool-balk [data-p="offerte"],
body.s-adviseur-b #ll-p-factuur:checked ~ .ll-tool-balk [data-p="factuur"], body.s-adviseur-b #ll-p-vergunning:checked ~ .ll-tool-balk [data-p="vergunning"],
body.s-adviseur-b #ll-p-retour:checked ~ .ll-tool-balk [data-p="retour"] { background: var(--inkt); color: #fff; border-color: var(--inkt); }
body.s-adviseur-b .ll-r:focus-visible ~ .ll-tool-balk .ll-tabs { outline: 2px dashed var(--groen); outline-offset: 4px; }
body.s-adviseur-b #ll-na:focus-visible ~ .ll-tool-voet .ll-schakel { outline: 2px dashed var(--groen); outline-offset: 4px; }
body.s-adviseur-b .ll-paneel { display: none; padding: 22px 24px 0; }
body.s-adviseur-b #ll-p-order:checked ~ .ll-panelen [data-p="order"], body.s-adviseur-b #ll-p-offerte:checked ~ .ll-panelen [data-p="offerte"],
body.s-adviseur-b #ll-p-factuur:checked ~ .ll-panelen [data-p="factuur"], body.s-adviseur-b #ll-p-vergunning:checked ~ .ll-panelen [data-p="vergunning"],
body.s-adviseur-b #ll-p-retour:checked ~ .ll-panelen [data-p="retour"] { display: block; animation: ll-in .35s ease; }
@keyframes ll-in { from { opacity: 0; transform: translateY(6px); } }
body.s-adviseur-b .ll-paneel-uitleg { font: 500 14px/1.4 var(--mono); color: var(--grijs); margin-bottom: 18px; }
body.s-adviseur-b .ll-tool .na { display: none; }
body.s-adviseur-b #ll-na:checked ~ .ll-panelen .na { display: inline; }
body.s-adviseur-b #ll-na:checked ~ .ll-panelen .nu { display: none; }
body.s-adviseur-b #ll-na:checked ~ .ll-panelen .vs-ct .na { display: block; }

/* de waardestroomkaart */
body.s-adviseur-b .vs-scroll { overflow-x: auto; padding-bottom: 6px; }
body.s-adviseur-b .vs-kaart { min-width: 860px; }
body.s-adviseur-b .vs-rij, body.s-adviseur-b .vs-trap { display: flex; }
body.s-adviseur-b .vs-blok, body.s-adviseur-b .tr-p { flex: 1.15 1 0; min-width: 0; }
body.s-adviseur-b .vs-wacht, body.s-adviseur-b .tr-w { flex: .8 1 0; min-width: 0; }
body.s-adviseur-b .vs-blok { border: 2px solid var(--inkt); background: #fff; display: flex; flex-direction: column; justify-content: space-between; min-height: 92px; transition: opacity .25s; }
body.s-adviseur-b .vs-blok b { font-size: 15px; line-height: 1.2; padding: 10px 10px 8px; border-bottom: 2px solid var(--inkt); background: var(--vloer); hyphens: auto; }
body.s-adviseur-b .vs-ct { font: 500 11px/1.2 var(--mono); padding: 8px 10px 8px; color: var(--grijs); text-transform: uppercase; letter-spacing: .04em; }
body.s-adviseur-b .vs-ct span { display: block; font-size: 15px; font-weight: 600; color: var(--inkt); text-transform: none; letter-spacing: 0; white-space: nowrap; margin-top: 3px; }
body.s-adviseur-b #ll-na:checked ~ .ll-panelen .vs-blok.weg { opacity: .3; border-style: dashed; }
body.s-adviseur-b #ll-na:checked ~ .ll-panelen .vs-blok.weg b { text-decoration: line-through; }
body.s-adviseur-b .vs-wacht { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; font: 600 13px/1 var(--mono); color: var(--rood);
  background: linear-gradient(var(--inkt), var(--inkt)) center 21px / 100% 2px no-repeat; }
body.s-adviseur-b .vs-wacht svg { width: 30px; height: 26px; margin-top: 8px; }
body.s-adviseur-b .vs-wacht svg text { font: 700 13px var(--mono); fill: var(--inkt); }
body.s-adviseur-b .vs-wacht span { background: #fff; padding: 0 4px; }
body.s-adviseur-b #ll-na:checked ~ .ll-panelen .vs-wacht { color: var(--groen); }
body.s-adviseur-b #ll-na:checked ~ .ll-panelen .vs-wacht svg { transform: scale(.7); transition: transform .3s; }
body.s-adviseur-b .vs-trap { margin-top: 14px; height: 70px; }
body.s-adviseur-b .tr-w { border-top: 3px solid var(--inkt); background: var(--arcering); display: flex; align-items: flex-start; justify-content: center; padding-top: 8px;
  font: 600 13px/1 var(--mono); color: var(--inkt); }
body.s-adviseur-b .tr-w span { background: var(--wit); padding: 3px 4px 1px; }
body.s-adviseur-b .tr-p { border: 3px solid var(--inkt); border-top: 0; display: flex; align-items: flex-end; justify-content: center;
  font: 600 13px/1 var(--mono); color: var(--groen); padding-bottom: 6px; background: rgba(13, 110, 85, .09); }
body.s-adviseur-b .vs-trap > .tr-p:first-child { border-left: 0; }
body.s-adviseur-b .vs-trap > .tr-p:last-child { border-right: 0; }
body.s-adviseur-b .vs-som { display: flex; align-items: stretch; justify-content: space-between; gap: 28px; padding: 22px 0 24px; border-top: 1.5px dashed var(--lijn); margin-top: 18px; }
body.s-adviseur-b .vs-zin { font-size: 21px; line-height: 1.4; margin: 0; max-width: 34em; align-self: center; }
body.s-adviseur-b .vs-zin b { font: 700 1.25em/1 var(--mono); color: var(--rood); }
body.s-adviseur-b #ll-na:checked ~ .ll-panelen .vs-zin b { color: var(--groen); }
body.s-adviseur-b .vs-totaal { display: grid; grid-template-columns: auto auto; border: 2px solid var(--inkt); flex: none; align-self: flex-start; }
body.s-adviseur-b .vs-totaal > * { padding: 9px 14px 7px; border-bottom: 1.5px solid var(--inkt); }
body.s-adviseur-b .vs-totaal > :nth-last-child(-n+2) { border-bottom: 0; }
body.s-adviseur-b .vs-tl { font: 500 12.5px/1.3 var(--mono); text-transform: uppercase; letter-spacing: .04em; color: var(--grijs); border-right: 1.5px solid var(--inkt); display: flex; align-items: center; }
body.s-adviseur-b .vs-totaal b { font: 700 22px/1.1 var(--mono); text-align: right; white-space: nowrap; }
body.s-adviseur-b .vs-totaal b.groen { color: var(--groen); }
body.s-adviseur-b .ll-tool-voet { display: flex; align-items: center; gap: 20px 28px; padding: 18px 24px 22px; border-top: 1.5px solid var(--inkt); background: var(--vloer2); flex-wrap: wrap; }
body.s-adviseur-b .ll-tool-voet .ll-knop { margin-left: auto; }
body.s-adviseur-b .ll-schakel { display: inline-flex; align-items: center; gap: 12px; cursor: pointer; font-weight: 700; font-size: 15px; user-select: none; }
body.s-adviseur-b .s-knop { width: 58px; height: 30px; background: var(--rood); border: 2px solid var(--inkt); position: relative; transition: background .2s; flex: none; }
body.s-adviseur-b .s-knop i { position: absolute; top: 3px; left: 3px; width: 20px; height: 20px; background: #fff; border: 2px solid var(--inkt); transition: left .2s; }
body.s-adviseur-b #ll-na:checked ~ .ll-tool-voet .s-knop { background: var(--groen); }
body.s-adviseur-b #ll-na:checked ~ .ll-tool-voet .s-knop i { left: 31px; }
body.s-adviseur-b .s-nu, body.s-adviseur-b .s-na { color: var(--grijs); font-weight: 500; }
body.s-adviseur-b #ll-na:not(:checked) ~ .ll-tool-voet .s-nu, body.s-adviseur-b #ll-na:checked ~ .ll-tool-voet .s-na { color: var(--inkt); font-weight: 700; }
body.s-adviseur-b .ll-check .ll-klein { margin: 18px 0 0; display: flex; align-items: center; gap: 4px; flex-wrap: wrap; }
body.s-adviseur-b .ll-mini { width: 18px; height: 16px; margin-left: 4px; }
body.s-adviseur-b .ll-mini text { font: 700 13px var(--mono); fill: var(--inkt); }

/* ── route: het looppad (R6) ──────────────────────────── */
body.s-adviseur-b .ll-route { padding: 110px 0 120px; background: var(--wit); }
body.s-adviseur-b .ll-route-kop { display: grid; grid-template-columns: 1.2fr 1fr; gap: 48px; align-items: end; margin-bottom: 72px; }
body.s-adviseur-b .ll-route-kop h2 { font-size: clamp(34px, 4.2vw, 56px); }
body.s-adviseur-b .ll-route-kop p { font-size: 18px; color: var(--inkt2); margin: 0; }
body.s-adviseur-b .ll-pad { list-style: none; margin: 0; padding: 0; position: relative; }
body.s-adviseur-b .ll-pad::before { content: ""; position: absolute; top: -30px; bottom: -40px; left: 50%; width: 46px; transform: translateX(-50%);
  border-left: 6px solid var(--geel); border-right: 6px solid var(--geel); }
body.s-adviseur-b .ll-station { display: grid; grid-template-columns: 1fr 120px 1fr; align-items: center; position: relative; }
body.s-adviseur-b .ll-station + .ll-station { margin-top: 64px; }
body.s-adviseur-b .ll-st-beeld { grid-column: 1; grid-row: 1; }
body.s-adviseur-b .ll-st-tekst { grid-column: 3; grid-row: 1; max-width: 460px; }
body.s-adviseur-b .ll-station.rechts .ll-st-beeld { grid-column: 3; }
body.s-adviseur-b .ll-station.rechts .ll-st-tekst { grid-column: 1; justify-self: end; }
body.s-adviseur-b .ll-station::after { content: ""; position: absolute; left: 50%; top: 50%; width: 22px; height: 22px; transform: translate(-50%, -50%); background: var(--inkt);
  box-shadow: 0 0 0 5px var(--wit); }
body.s-adviseur-b .ll-st-tijd { font: 600 14px/1 var(--mono); color: var(--grijs); display: flex; align-items: center; margin-bottom: 14px; }
body.s-adviseur-b .ll-st-tekst h3 { font-size: clamp(30px, 3vw, 42px); margin-bottom: 14px; }
body.s-adviseur-b .ll-st-tekst p { font-size: 18px; }

/* foto op een vaste plek: gele hoekmarkering */
body.s-adviseur-b .ll-plek { position: relative; margin: 14px; }
body.s-adviseur-b .ll-plek::before { content: ""; position: absolute; inset: -14px; pointer-events: none; z-index: 1;
  background:
    linear-gradient(var(--geel), var(--geel)) left top / 34px 6px no-repeat, linear-gradient(var(--geel), var(--geel)) left top / 6px 34px no-repeat,
    linear-gradient(var(--geel), var(--geel)) right top / 34px 6px no-repeat, linear-gradient(var(--geel), var(--geel)) right top / 6px 34px no-repeat,
    linear-gradient(var(--geel), var(--geel)) left bottom / 34px 6px no-repeat, linear-gradient(var(--geel), var(--geel)) left bottom / 6px 34px no-repeat,
    linear-gradient(var(--geel), var(--geel)) right bottom / 34px 6px no-repeat, linear-gradient(var(--geel), var(--geel)) right bottom / 6px 34px no-repeat; }
body.s-adviseur-b .ll-plek .ll-foto { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; min-height: 0; }
body.s-adviseur-b .ll-code { position: absolute; right: 12px; top: 12px; z-index: 2; background: var(--inkt); color: var(--geel); font: 600 12.5px/1 var(--mono); padding: 7px 8px 5px; letter-spacing: .05em; }

/* dagstartbord met letterkalender */
body.s-adviseur-b .ll-bord { background: #fff; border: 8px solid #cfd5ce; outline: 1.5px solid var(--inkt); padding: 18px; margin: 14px; font-family: var(--mono); box-shadow: 8px 8px 0 rgba(22, 32, 28, .08); }
body.s-adviseur-b .bd-kop { display: flex; justify-content: space-between; gap: 10px; border-bottom: 2px solid var(--inkt); padding-bottom: 10px; margin-bottom: 12px; font-size: 13px; flex-wrap: wrap; }
body.s-adviseur-b .bd-kop b { font-family: "Overpass", sans-serif; font-size: 16px; }
body.s-adviseur-b .bd-rij { display: grid; grid-template-columns: 92px 1fr; align-items: center; gap: 10px; margin-bottom: 7px; font-size: 12.5px; }
body.s-adviseur-b .bd-dagen { display: grid; grid-template-columns: repeat(20, 1fr); gap: 3px; }
body.s-adviseur-b .bd-dagen i { display: block; aspect-ratio: 1; background: #1f9a6b; }
body.s-adviseur-b .bd-dagen i.r { background: var(--rood); }
body.s-adviseur-b .bd-dagen i:nth-child(n+15) { background: #e3e7e1; }
body.s-adviseur-b .bd-acties { margin-top: 14px; border-top: 1.5px dashed var(--lijn); padding-top: 10px; font-size: 13px; }
body.s-adviseur-b .bd-acties b { display: block; font-family: "Overpass", sans-serif; margin-bottom: 4px; }
body.s-adviseur-b .bd-acties p { margin: 0; padding: 4px 0; border-bottom: 1px solid #eceee9; display: flex; gap: 10px; }
body.s-adviseur-b .bd-acties span { color: var(--grijs); width: 22px; flex: none; }
body.s-adviseur-b .bd-acties em { margin-left: auto; font-style: normal; color: var(--groen); }

/* ── cases teaser ─────────────────────────────────────── */
body.s-adviseur-b .ll-cases-t { background: var(--inkt); color: #fff; padding: 100px 0; }
body.s-adviseur-b .ll-kop2 { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: end; margin-bottom: 48px; }
body.s-adviseur-b .ll-kop2 h2 { font-size: clamp(34px, 4.2vw, 56px); }
body.s-adviseur-b .ll-kop2 p { font-size: 19px; color: #c6d0ca; margin: 0; }
body.s-adviseur-b .ll-cases-t ul { list-style: none; margin: 0; padding: 0; }
body.s-adviseur-b .ll-cases-t li a { display: grid; grid-template-columns: 300px 1fr; gap: 44px; align-items: center; text-decoration: none; padding: 30px 0; border-top: 1.5px solid #3a4741; }
body.s-adviseur-b .ll-cases-t li:last-child a { border-bottom: 1.5px solid #3a4741; }
body.s-adviseur-b .ct-foto .ll-plek { margin: 12px; }
body.s-adviseur-b .ct-sector { font: 500 13px/1 var(--mono); color: var(--groen-l); margin-bottom: 10px; letter-spacing: .03em; }
body.s-adviseur-b .ct-tekst h3 { font-size: clamp(24px, 2.4vw, 32px); margin-bottom: 20px; }
body.s-adviseur-b .ct-balken { display: grid; gap: 8px; margin-bottom: 18px; max-width: 620px; }
body.s-adviseur-b .ct-b { display: grid; grid-template-columns: 44px 1fr 120px; align-items: center; gap: 12px; font: 500 13px/1 var(--mono); }
body.s-adviseur-b .ct-b i { display: block; height: 18px; }
body.s-adviseur-b .ct-b.voor i { background: repeating-linear-gradient(135deg, #8d9a93 0 2px, transparent 2px 7px); box-shadow: inset 0 0 0 1.5px #8d9a93; }
body.s-adviseur-b .ct-b.na i { background: var(--geel); }
body.s-adviseur-b .ct-b b { font-weight: 700; font-size: 15px; white-space: nowrap; }
body.s-adviseur-b .ct-b span { color: #aab6af; }
body.s-adviseur-b .ll-cases-t .ll-pijl { color: #fff; }
body.s-adviseur-b .ll-cases-t li a:hover h3 { color: var(--geel); }

/* ── scandag ──────────────────────────────────────────── */
body.s-adviseur-b .ll-scan { background: var(--groen); color: #fff; padding: 96px 0; }
body.s-adviseur-b .ll-scan-kop { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: end; margin-bottom: 56px; }
body.s-adviseur-b .ll-scan-kop h2 { font-size: clamp(32px, 3.8vw, 52px); }
body.s-adviseur-b .ll-scan-kop p { font-size: 19px; margin: 0; color: #e2f1eb; }
body.s-adviseur-b .ll-dag { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(6, 1fr); position: relative; }
body.s-adviseur-b .ll-dag::before { content: ""; position: absolute; left: 0; right: 0; top: 46px; height: 4px; background: var(--geel); }
body.s-adviseur-b .ll-dag li { padding-right: 20px; position: relative; }
body.s-adviseur-b .ll-dag time { display: block; font: 600 30px/1 var(--mono); color: var(--geel); margin-bottom: 30px; }
body.s-adviseur-b .ll-dag li::before { content: ""; position: absolute; left: 0; top: 39px; width: 18px; height: 18px; background: var(--groen); border: 4px solid var(--geel); }
body.s-adviseur-b .ll-dag b { display: block; font-size: 19px; margin-bottom: 6px; }
body.s-adviseur-b .ll-dag p { font-size: 15.5px; line-height: 1.5; color: #e2f1eb; margin: 0; }
body.s-adviseur-b .ll-scan-actie { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 64px; padding-top: 32px; border-top: 1.5px solid rgba(255, 255, 255, .25); flex-wrap: wrap; }
body.s-adviseur-b .ll-scan-actie p { margin: 0; font-size: 19px; }

/* ── over (home en over ons) ──────────────────────────── */
body.s-adviseur-b .ll-over-t, body.s-adviseur-b .ll-over { padding: 110px 0; background: var(--wit); }
body.s-adviseur-b .ll-over-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 72px; align-items: center; }
body.s-adviseur-b .ll-over-foto .ll-foto { aspect-ratio: 4 / 5; }
body.s-adviseur-b .ll-over-t h2 { font-size: clamp(32px, 3.6vw, 50px); margin-bottom: 24px; }
body.s-adviseur-b .ll-over-t p { font-size: 18px; }
body.s-adviseur-b .ll-over-t blockquote { margin: 32px 0; padding: 26px 0 0; border-top: 6px solid var(--geel); font: italic 500 23px/1.4 "Overpass", sans-serif; letter-spacing: -.01em; }
body.s-adviseur-b .ll-over-t cite { display: block; margin-top: 14px; font: normal 500 13px/1 var(--mono); color: var(--grijs); }

/* ── paginakop ────────────────────────────────────────── */
body.s-adviseur-b .ll-pk { background: var(--vloer); padding: 72px 0 0; position: relative; }
body.s-adviseur-b .ll-pk-code { margin-bottom: 26px; }
body.s-adviseur-b .ll-pk h1 { font-size: clamp(42px, 6vw, 84px); line-height: .98; letter-spacing: -.035em; margin-bottom: 26px; max-width: 13em; }
body.s-adviseur-b .ll-pk .ll-lead { margin-bottom: 48px; }
body.s-adviseur-b .ll-trap { display: block; width: 100%; height: 30px; color: var(--groen); }
body.s-adviseur-b .ll-pk-trap { margin-top: 24px; }

/* schaduwbord met de vier diensten */
body.s-adviseur-b .ll-schaduwbord { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; background-color: var(--inkt2); padding: 22px; margin-bottom: 18px;
  background-image: radial-gradient(#111a16 2.2px, transparent 2.6px); background-size: 22px 22px; background-position: 11px 11px; }
body.s-adviseur-b .sb-plek { min-width: 0; display: flex; flex-direction: column; align-items: center; gap: 16px; text-decoration: none; padding: 22px 12px 16px; border: 1.5px dashed #4b5a53; }
body.s-adviseur-b .ll-sil { width: 82px; height: 82px; fill: #0f1714; stroke: var(--geel); stroke-width: 1.4; transition: fill .2s; }
body.s-adviseur-b .sb-plek:hover .ll-sil { fill: var(--groen); }
body.s-adviseur-b .sb-plek:hover { border-color: var(--geel); }
body.s-adviseur-b .sb-label { background: var(--geel); color: var(--inkt); font: 600 13px/1.25 var(--mono); padding: 6px 9px 4px; text-align: center; }
body.s-adviseur-b .sb-label b { margin-right: 6px; }

/* ── diensten ─────────────────────────────────────────── */
body.s-adviseur-b .ll-dienst { padding: 100px 0; background: var(--wit); scroll-margin-top: 20px; }
body.s-adviseur-b .ll-dienst.alt { background: var(--vloer); }
body.s-adviseur-b .ll-dienst-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 72px; align-items: start; }
body.s-adviseur-b .ll-dienst h2 { font-size: clamp(34px, 4vw, 54px); margin-bottom: 10px; }
body.s-adviseur-b .ll-dienst-kort { font-size: 22px; font-weight: 600; color: var(--groen); }
body.s-adviseur-b .ll-dienst-tekst > p { font-size: 18px; }
body.s-adviseur-b .ll-dienst h3 { font-size: 20px; margin: 28px 0 12px; }
body.s-adviseur-b .ll-feit { margin: 28px 0 0; border-top: 2px solid var(--inkt); }
body.s-adviseur-b .ll-feit div { display: grid; grid-template-columns: 110px 1fr; gap: 16px; padding: 12px 0 10px; border-bottom: 1px solid var(--lijn); }
body.s-adviseur-b .ll-feit dt { font: 500 13px/1.6 var(--mono); text-transform: uppercase; letter-spacing: .05em; color: var(--grijs); }
body.s-adviseur-b .ll-feit dd { margin: 0; font-weight: 600; }
body.s-adviseur-b .ll-vink { list-style: none; margin: 0; padding: 0; }
body.s-adviseur-b .ll-vink li { position: relative; padding: 6px 0 4px 34px; }
body.s-adviseur-b .ll-vink li::before { content: ""; position: absolute; left: 0; top: 7px; width: 20px; height: 20px; border: 2px solid var(--inkt); background: #fff; }
body.s-adviseur-b .ll-vink li::after { content: ""; position: absolute; left: 6px; top: 9px; width: 7px; height: 12px; border: solid var(--groen); border-width: 0 3px 3px 0; transform: rotate(45deg); }
body.s-adviseur-b .ll-dienst-vis { position: sticky; top: 24px; }
body.s-adviseur-b .ll-dienst-foto { margin: 14px 14px 48px; }
body.s-adviseur-b .ll-dienst-foto .ll-foto { aspect-ratio: 3 / 2; }
body.s-adviseur-b .ll-dag.lang { display: block; }
body.s-adviseur-b .ll-dienst .ll-dag { display: block; padding-left: 0; }
body.s-adviseur-b .ll-dienst .ll-dag::before { left: 98px; right: auto; top: 6px; bottom: 6px; width: 4px; height: auto; }
body.s-adviseur-b .ll-dienst .ll-dag li { display: grid; grid-template-columns: 76px 1fr; gap: 0 48px; padding: 0 0 26px; }
body.s-adviseur-b .ll-dienst .ll-dag li::before { left: 91px; top: 3px; background: var(--wit); }
body.s-adviseur-b .ll-dienst .ll-dag time { font-size: 18px; color: var(--groen); margin: 0; grid-row: span 2; }
body.s-adviseur-b .ll-dienst .ll-dag b { font-size: 18px; }
body.s-adviseur-b .ll-dienst .ll-dag p { color: var(--grijs); font-size: 16px; }
body.s-adviseur-b .ll-weken { list-style: none; margin: 0; padding: 0; border-left: 4px solid var(--geel); }
body.s-adviseur-b .ll-weken li { position: relative; padding: 0 0 24px 28px; }
body.s-adviseur-b .ll-weken li::before { content: ""; position: absolute; left: -12px; top: 2px; width: 20px; height: 20px; background: var(--inkt); }
body.s-adviseur-b .ll-weken .wk { display: block; font: 600 13px/1 var(--mono); color: var(--grijs); text-transform: uppercase; letter-spacing: .06em; margin-bottom: 6px; }
body.s-adviseur-b .ll-weken b { font-size: 20px; }
body.s-adviseur-b .ll-weken p { margin: 4px 0 0; color: var(--inkt2); }
body.s-adviseur-b .ll-acht-kop { font: 600 13px/1.4 var(--mono); text-transform: uppercase; letter-spacing: .06em; color: var(--grijs); margin-bottom: 16px; }
body.s-adviseur-b .ll-acht ol { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 0; border-top: 2px solid var(--inkt); counter-reset: v; }
body.s-adviseur-b .ll-acht li { counter-increment: v; padding: 16px 16px 14px 52px; border-bottom: 1px solid var(--lijn); position: relative; }
body.s-adviseur-b .ll-acht li:nth-child(odd) { border-right: 1px solid var(--lijn); }
body.s-adviseur-b .ll-acht li::before { content: counter(v); position: absolute; left: 12px; top: 15px; width: 28px; height: 28px; display: grid; place-items: center; padding-top: 2px;
  font: 700 14px/1 var(--mono); background: var(--rood); color: #fff; }
body.s-adviseur-b .ll-acht b { display: block; font-size: 18px; }
body.s-adviseur-b .ll-acht span { font-size: 15px; color: var(--grijs); line-height: 1.4; display: block; }
body.s-adviseur-b .ll-kwartier { margin: 0 14px 32px; }
body.s-adviseur-b .ll-kwartier ol { list-style: none; margin: 0; padding: 0; display: flex; border: 2px solid var(--inkt); }
body.s-adviseur-b .ll-kwartier li { flex: var(--d) 1 0; min-width: 0; padding: 30px 8px 12px; position: relative; background: #d9efe6; border-right: 2px solid var(--inkt); }
body.s-adviseur-b .ll-kwartier li:nth-child(even) { background: #bfe3d4; }
body.s-adviseur-b .ll-kwartier li:last-child { border-right: 0; }
body.s-adviseur-b .ll-kwartier time { position: absolute; top: 8px; left: 8px; font: 500 12px/1 var(--mono); color: var(--grijs); }
body.s-adviseur-b .ll-kwartier b { font-size: 14px; display: block; hyphens: manual; line-height: 1.2; }
body.s-adviseur-b .ll-kw-eind { font: 500 12.5px/1 var(--mono); color: var(--grijs); text-align: right; margin: 8px 0 0; }
body.s-adviseur-b .ll-prijzen { padding: 100px 0; background: var(--wit); border-top: 1.5px solid var(--inkt); }
body.s-adviseur-b .ll-prijzen h2 { font-size: clamp(30px, 3.4vw, 46px); margin-bottom: 30px; }
body.s-adviseur-b .ll-tabel { width: 100%; border-collapse: collapse; margin-bottom: 18px; font-size: 18px; }
body.s-adviseur-b .ll-tabel th { text-align: left; font: 500 13px/1 var(--mono); text-transform: uppercase; letter-spacing: .06em; color: var(--grijs); padding: 0 0 12px; border-bottom: 2px solid var(--inkt); }
body.s-adviseur-b .ll-tabel td { padding: 16px 0 14px; border-bottom: 1px solid var(--lijn); font-weight: 600; }
body.s-adviseur-b .ll-tabel td:nth-child(2) { font-weight: 400; color: var(--grijs); }
body.s-adviseur-b .ll-tabel th:last-child, body.s-adviseur-b .ll-tabel td:last-child { text-align: right; font-family: var(--mono); }
body.s-adviseur-b .ll-prijzen .ll-klein { margin-bottom: 32px; }

/* ── cases: A3-vellen ─────────────────────────────────── */
body.s-adviseur-b .ll-a3s { padding-top: 80px; padding-bottom: 40px; }
body.s-adviseur-b .ll-a3 { background: #fff; border: 1.5px solid var(--inkt); box-shadow: 12px 12px 0 var(--vloer); margin-bottom: 80px; scroll-margin-top: 20px; }
body.s-adviseur-b .a3-kop { display: grid; grid-template-columns: auto 1fr auto; gap: 24px; align-items: center; background: var(--inkt); color: #fff; padding: 18px 26px 16px; }
body.s-adviseur-b .a3-nr { font: 600 13px/1 var(--mono); color: var(--inkt); background: var(--geel); padding: 7px 8px 5px; }
body.s-adviseur-b .a3-kop h2 { font-size: clamp(22px, 2.4vw, 32px); }
body.s-adviseur-b .a3-sector { font: 500 13px/1.3 var(--mono); color: #b9c4bd; text-align: right; }
body.s-adviseur-b .a3-vel { display: grid; grid-template-columns: 1fr 1fr; }
body.s-adviseur-b .a3-links { border-right: 1.5px solid var(--inkt); }
body.s-adviseur-b .a3-vel section { padding: 24px 28px 18px; border-bottom: 1px solid var(--lijn); }
body.s-adviseur-b .a3-vel section:last-child { border-bottom: 0; }
body.s-adviseur-b .a3-vel h3 { display: flex; align-items: center; gap: 10px; font-size: 15px; text-transform: uppercase; letter-spacing: .05em; margin-bottom: 12px; }
body.s-adviseur-b .a3-vel h3 i { font: normal 700 13px/1 var(--mono); width: 26px; height: 26px; display: grid; place-items: center; padding-top: 2px; border: 2px solid var(--inkt); }
body.s-adviseur-b .a3-vel p { font-size: 16.5px; }
body.s-adviseur-b .a3-foto { margin: 20px 14px 22px; }
body.s-adviseur-b .a3-foto .ll-foto { aspect-ratio: 16 / 9; }
body.s-adviseur-b .a3-doel { font-size: 21px !important; font-weight: 700; border-left: 6px solid var(--groen); padding-left: 16px; }
body.s-adviseur-b .a3-waarom, body.s-adviseur-b .a3-maat { margin: 0; padding: 0 0 0 22px; }
body.s-adviseur-b .a3-waarom li, body.s-adviseur-b .a3-maat li { margin-bottom: 8px; padding-left: 4px; }
body.s-adviseur-b .a3-waarom { list-style: none; padding: 0; }
body.s-adviseur-b .a3-waarom li { padding: 8px 0 6px 0; border-bottom: 1px dashed var(--lijn); }
body.s-adviseur-b .a3-waarom li::before { content: "waarom?"; font: 500 12px/1 var(--mono); color: var(--rood); margin-right: 10px; }
body.s-adviseur-b .a3-maat li::marker { font: 700 14px var(--mono); color: var(--groen); }
body.s-adviseur-b .ct-balken.groot .ct-b { grid-template-columns: 44px 1fr 130px; }
body.s-adviseur-b .ct-balken.groot .ct-b span { color: var(--grijs); }
body.s-adviseur-b .ct-balken.groot .ct-b.voor i { background: var(--arcering); box-shadow: inset 0 0 0 1.5px #9aa59e; }
body.s-adviseur-b .a3-res { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 20px; }
body.s-adviseur-b .a3-res div { border-top: 3px solid var(--inkt); padding-top: 10px; }
body.s-adviseur-b .a3-res b { display: block; font: 700 24px/1.1 var(--mono); color: var(--groen); margin-bottom: 4px; white-space: nowrap; }
body.s-adviseur-b .a3-res span { font-size: 14px; color: var(--grijs); line-height: 1.35; display: block; }
body.s-adviseur-b .ll-slot { background: var(--vloer); color: var(--inkt); padding: 96px 0; text-align: left; border-top: 1.5px solid var(--inkt); }
body.s-adviseur-b .ll-slot h2 { font-size: clamp(32px, 4vw, 54px); margin-bottom: 16px; }
body.s-adviseur-b .ll-slot p { font-size: 19px; color: var(--inkt2); max-width: 34em; margin-bottom: 36px; }

/* ── over ons ─────────────────────────────────────────── */
body.s-adviseur-b .ll-mensen { display: grid; gap: 28px; }
body.s-adviseur-b .ll-mens { border-top: 6px solid var(--inkt); padding-top: 20px; }
body.s-adviseur-b .ll-mens h3 { font-size: 30px; margin-bottom: 6px; }
body.s-adviseur-b .ll-rol { font: 500 13.5px/1 var(--mono); color: var(--groen); margin-bottom: 14px !important; }
body.s-adviseur-b .ll-mens p { font-size: 17.5px; }
body.s-adviseur-b .ll-ziet { display: flex; gap: 12px; align-items: baseline; font-weight: 600; flex-wrap: wrap; }
body.s-adviseur-b .ll-ziet span { font: 500 12px/1 var(--mono); text-transform: uppercase; letter-spacing: .06em; background: var(--vloer); padding: 6px 8px 4px; }
body.s-adviseur-b .ll-tl { background: var(--vloer); padding: 96px 0; }
body.s-adviseur-b .ll-tl h2 { font-size: clamp(30px, 3.4vw, 46px); margin-bottom: 48px; }
body.s-adviseur-b .ll-jaren { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, 1fr); border-top: 4px solid var(--inkt); }
body.s-adviseur-b .ll-jaren li { padding: 22px 22px 0 0; position: relative; }
body.s-adviseur-b .ll-jaren li::before { content: ""; position: absolute; top: -13px; left: 0; width: 4px; height: 22px; background: var(--inkt); }
body.s-adviseur-b .ll-jaren time { display: block; font: 700 30px/1 var(--mono); color: var(--groen); margin-bottom: 12px; }
body.s-adviseur-b .ll-jaren p { font-size: 16px; margin: 0; }
body.s-adviseur-b .ll-werkwijze { padding: 100px 0; background: var(--wit); scroll-margin-top: 20px; }
body.s-adviseur-b .ll-ww-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 72px; }
body.s-adviseur-b .ll-werkwijze h2 { font-size: clamp(32px, 3.6vw, 48px); margin-bottom: 16px; }
body.s-adviseur-b .ll-werkwijze > div > div > p { font-size: 18px; }
body.s-adviseur-b .ll-ww { list-style: none; padding: 0; margin: 28px 0 0; }
body.s-adviseur-b .ll-ww li { display: grid; grid-template-columns: auto 1fr; gap: 4px 6px; padding: 18px 0; border-top: 1.5px solid var(--inkt); }
body.s-adviseur-b .ll-ww b { font-size: 22px; }
body.s-adviseur-b .ll-ww .ll-vloer { align-self: start; margin-top: 2px; }
body.s-adviseur-b .ll-ww p { grid-column: 2; margin: 0; color: var(--grijs); }
body.s-adviseur-b .ll-principes { background: var(--vloer); padding: 34px; }
body.s-adviseur-b .ll-principes h3 { font-size: 22px; margin-bottom: 18px; }
body.s-adviseur-b .ll-principes ol { margin: 0; padding: 0 0 0 26px; }
body.s-adviseur-b .ll-principes li { padding: 10px 0 8px 6px; border-bottom: 1px solid var(--lijn); }
body.s-adviseur-b .ll-principes li::marker { font: 700 15px var(--mono); color: var(--groen); }
body.s-adviseur-b .ll-principes b { font-size: 18px; }
body.s-adviseur-b .ll-principes p { margin: 2px 0 0; color: var(--grijs); font-size: 16px; }
body.s-adviseur-b .ll-vertrouwen { background: var(--groen); color: #fff; padding: 56px 0; }
body.s-adviseur-b .ll-vt-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
body.s-adviseur-b .ll-vt-grid div { border-left: 4px solid var(--geel); padding-left: 18px; }
body.s-adviseur-b .ll-vt-grid b { display: block; font: 700 32px/1.1 var(--mono); margin-bottom: 6px; }
body.s-adviseur-b .ll-vt-grid span { color: #e2f1eb; font-size: 16px; }

/* ── contact ──────────────────────────────────────────── */
body.s-adviseur-b .ll-contact { padding: 80px 0 100px; background: var(--wit); }
body.s-adviseur-b .ll-contact-grid { display: grid; grid-template-columns: 1.45fr 1fr; gap: 64px; align-items: start; }
body.s-adviseur-b .ll-form { display: grid; grid-template-columns: 1fr 1fr; gap: 20px 22px; }
body.s-adviseur-b .ll-form fieldset { grid-column: 1 / -1; border: 0; padding: 0; margin: 0; }
body.s-adviseur-b .ll-form legend, body.s-adviseur-b .ll-veld > span { display: block; font: 500 13px/1.3 var(--mono); text-transform: uppercase; letter-spacing: .05em; color: var(--inkt2); margin-bottom: 8px; padding: 0; }
body.s-adviseur-b .ll-veld.vol { grid-column: 1 / -1; }
body.s-adviseur-b .ll-veld input, body.s-adviseur-b .ll-veld select, body.s-adviseur-b .ll-veld textarea { width: 100%; font: 400 17px/1.4 "Overpass", sans-serif; color: var(--inkt); background: #fff;
  border: 1.5px solid var(--inkt); border-radius: 0; padding: 13px 14px 11px; }
body.s-adviseur-b .ll-veld input:focus, body.s-adviseur-b .ll-veld select:focus, body.s-adviseur-b .ll-veld textarea:focus { outline: 3px solid var(--geel); outline-offset: 0; }
body.s-adviseur-b .ll-chips { display: flex; flex-wrap: wrap; gap: 8px; }
body.s-adviseur-b .ll-chip input { position: absolute; opacity: 0; }
body.s-adviseur-b .ll-chip span { display: inline-block; cursor: pointer; padding: 10px 14px 8px; border: 1.5px solid var(--lijn); font-weight: 600; background: #fff; }
body.s-adviseur-b .ll-chip input:checked + span { background: var(--geel); border-color: var(--inkt); }
body.s-adviseur-b .ll-chip input:focus-visible + span { outline: 2px dashed var(--groen); outline-offset: 2px; }
body.s-adviseur-b .ll-form-voet { grid-column: 1 / -1; display: flex; align-items: center; gap: 24px; flex-wrap: wrap; margin-top: 8px; }
body.s-adviseur-b .ll-form-voet .ll-klein { margin: 0; }
body.s-adviseur-b .ll-zij { display: grid; gap: 28px; }
body.s-adviseur-b .ll-gegevens { background: var(--inkt); color: #fff; padding: 30px; }
body.s-adviseur-b .ll-gegevens h2, body.s-adviseur-b .ll-na-aanvraag h2 { font-size: 22px; margin-bottom: 16px; }
body.s-adviseur-b .ll-gegevens a { text-decoration: none; }
body.s-adviseur-b .ll-tel { font: 700 32px/1 var(--mono); color: var(--geel); margin-bottom: 14px !important; }
body.s-adviseur-b .ll-na-aanvraag { border: 1.5px solid var(--inkt); padding: 30px; }
body.s-adviseur-b .ll-na-aanvraag ol { list-style: none; margin: 0; padding: 0 0 0 22px; border-left: 4px solid var(--geel); }
body.s-adviseur-b .ll-na-aanvraag li { position: relative; padding-bottom: 16px; }
body.s-adviseur-b .ll-na-aanvraag li::before { content: ""; position: absolute; left: -32px; top: 3px; width: 16px; height: 16px; background: var(--inkt); }
body.s-adviseur-b .ll-na-aanvraag time { display: block; font: 600 13px/1.2 var(--mono); color: var(--groen); text-transform: uppercase; letter-spacing: .04em; margin-bottom: 4px; }
body.s-adviseur-b .ll-na-aanvraag p { margin: 0; font-size: 16px; }
body.s-adviseur-b .ll-vragen { background: var(--vloer); padding: 96px 0; scroll-margin-top: 20px; }
body.s-adviseur-b .ll-vragen-grid { display: grid; grid-template-columns: 1fr 1.6fr; gap: 64px; align-items: start; }
body.s-adviseur-b .ll-vragen h2 { font-size: clamp(30px, 3.4vw, 46px); margin-bottom: 16px; }
body.s-adviseur-b .ll-faq { border-top: 2px solid var(--inkt); }
body.s-adviseur-b .ll-faq details { border-bottom: 1px solid #b9c1b8; }
body.s-adviseur-b .ll-faq summary { cursor: pointer; list-style: none; font-weight: 700; font-size: 19px; padding: 20px 44px 16px 0; position: relative; }
body.s-adviseur-b .ll-faq summary::-webkit-details-marker { display: none; }
body.s-adviseur-b .ll-faq summary::after { content: "+"; position: absolute; right: 4px; top: 14px; width: 28px; height: 28px; display: grid; place-items: center; font: 600 20px/1 var(--mono); background: var(--inkt); color: var(--geel); padding-top: 3px; }
body.s-adviseur-b .ll-faq details[open] summary::after { content: "−"; }
body.s-adviseur-b .ll-faq details p { margin: 0 0 20px; color: var(--inkt2); max-width: 40em; }

/* ── voet ─────────────────────────────────────────────── */
body.s-adviseur-b .ll-voet { background: var(--inkt); color: #dfe6e1; }
body.s-adviseur-b .ll-voet-stroom { padding-top: 48px; }
body.s-adviseur-b .ll-voet-stroom .ll-trap { color: var(--geel); }
body.s-adviseur-b .ll-voet-totaal { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding-top: 40px; padding-bottom: 56px; border-bottom: 1.5px solid #3a4741; flex-wrap: wrap; }
body.s-adviseur-b .ll-voet-kop { font-size: clamp(22px, 2.4vw, 32px); font-weight: 400; margin: 0; max-width: 24em; line-height: 1.25; color: #fff; }
body.s-adviseur-b .ll-voet-kop b { font-weight: 800; }
body.s-adviseur-b .ll-voet-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1.2fr; gap: 40px; padding-top: 56px; padding-bottom: 48px; }
body.s-adviseur-b .ll-voet h2 { font: 600 12.5px/1 var(--mono); text-transform: uppercase; letter-spacing: .08em; color: var(--geel); margin-bottom: 18px; }
body.s-adviseur-b .ll-voet-merk p { margin-top: 18px; color: #b9c4bd; max-width: 18em; }
body.s-adviseur-b .ll-voet-lijst, body.s-adviseur-b .ll-voet-tijden { list-style: none; margin: 0; padding: 0; }
body.s-adviseur-b .ll-voet-lijst li { padding: 4px 0; }
body.s-adviseur-b .ll-voet-lijst a { text-decoration: none; }
body.s-adviseur-b .ll-voet-lijst a:hover { color: var(--geel); }
body.s-adviseur-b .ll-voet-tijden li { padding: 4px 0 8px; }
body.s-adviseur-b .ll-voet-tijden span { display: block; font: 500 12px/1.4 var(--mono); color: #9fb0a7; text-transform: uppercase; letter-spacing: .05em; }
body.s-adviseur-b .ll-voet-tijden.donker span { color: #9fb0a7; }
body.s-adviseur-b .ll-voet-onder { display: flex; justify-content: space-between; gap: 16px; padding-top: 22px; padding-bottom: 26px; border-top: 1.5px solid #3a4741; font: 400 13.5px/1.4 var(--mono); color: #9fb0a7; flex-wrap: wrap; }
body.s-adviseur-b .ll-voet-onder p { margin: 0; }
body.s-adviseur-b .ll-voet-onder a { color: var(--geel); }

/* ── Over deze website (SGS-pagina) in deze huisstijl ── */
body.s-adviseur-b .ods-wrap { background: var(--wit); }

/* ── smaller ──────────────────────────────────────────── */
@media (max-width: 1080px) {
  body.s-adviseur-b .ll-nav a { padding: 10px 9px 8px; font-size: 15px; }
  body.s-adviseur-b .ll-nav .ll-site { margin: 0 4px; }
  body.s-adviseur-b .ll-dag { grid-template-columns: repeat(3, 1fr); row-gap: 40px; }
  body.s-adviseur-b .ll-dag::before { display: none; }
  body.s-adviseur-b .ll-dag li { border-top: 4px solid var(--geel); padding-top: 18px; }
  body.s-adviseur-b .ll-dag li::before { display: none; }
  body.s-adviseur-b .ll-dag time { margin-bottom: 12px; }
  body.s-adviseur-b .ll-voet-grid { grid-template-columns: 1fr 1fr; }
  body.s-adviseur-b .ll-jaren { grid-template-columns: repeat(3, 1fr); row-gap: 36px; }
}
@media (max-width: 920px) {
  body.s-adviseur-b .ll-menu-knop { display: inline-flex; align-items: center; gap: 10px; cursor: pointer; font: 700 15px/1 "Overpass", sans-serif; border: 1.5px solid var(--inkt); padding: 11px 14px 9px; }
  body.s-adviseur-b .ll-burger { display: grid; gap: 5px; width: 20px; }
  body.s-adviseur-b .ll-burger i { display: block; height: 2.5px; background: var(--inkt); transition: transform .2s; }
  body.s-adviseur-b .ll-menu-cb:checked + .ll-menu-knop .ll-burger i:first-child { transform: translateY(3.75px) rotate(45deg); }
  body.s-adviseur-b .ll-menu-cb:checked + .ll-menu-knop .ll-burger i:last-child { transform: translateY(-3.75px) rotate(-45deg); }
  body.s-adviseur-b .ll-menu-cb:focus-visible + .ll-menu-knop { outline: 2px dashed var(--groen); outline-offset: 3px; }
  body.s-adviseur-b .ll-nav { display: none; position: absolute; left: 0; right: 0; top: 100%; background: var(--wit); border-bottom: 1.5px solid var(--inkt);
    flex-direction: column; align-items: stretch; gap: 0; padding: 8px 16px 20px; }
  body.s-adviseur-b .ll-menu-cb:checked ~ .ll-nav { display: flex; }
  body.s-adviseur-b .ll-nav a { font-size: 20px; padding: 14px 0 12px; border-bottom: 1px solid var(--lijn); }
  body.s-adviseur-b .ll-nav > a:not(.ll-cta):not(.ll-site)[aria-current]::after, body.s-adviseur-b .ll-nav > a:not(.ll-cta):not(.ll-site):hover::after { left: 0; right: auto; width: 40px; bottom: 6px; }
  body.s-adviseur-b .ll-nav .ll-site { margin: 16px 0 10px; align-self: flex-start; font-size: 14px; padding: 10px 12px 8px; border-bottom: 1.5px dashed var(--inkt); }
  body.s-adviseur-b .ll-nav .ll-cta { justify-content: center; font-size: 17px; margin-top: 4px; border-bottom: 0; }
  body.s-adviseur-b .ll-check-kop, body.s-adviseur-b .ll-route-kop, body.s-adviseur-b .ll-kop2, body.s-adviseur-b .ll-scan-kop, body.s-adviseur-b .ll-over-grid, body.s-adviseur-b .ll-dienst-grid, body.s-adviseur-b .ll-ww-grid, body.s-adviseur-b .ll-contact-grid, body.s-adviseur-b .ll-vragen-grid { grid-template-columns: 1fr; gap: 28px; }
  body.s-adviseur-b .ll-dienst-vis { position: static; }
  body.s-adviseur-b .ll-cases-t li a { grid-template-columns: 1fr; gap: 20px; }
  body.s-adviseur-b .ct-foto { max-width: 420px; }
  body.s-adviseur-b .a3-vel { grid-template-columns: 1fr; }
  body.s-adviseur-b .a3-links { border-right: 0; border-bottom: 1.5px solid var(--inkt); }
  body.s-adviseur-b .ll-schaduwbord { grid-template-columns: repeat(2, 1fr); }
  body.s-adviseur-b .ll-vt-grid { grid-template-columns: 1fr 1fr; }
  body.s-adviseur-b .ll-over-foto { max-width: 520px; }
  /* looppad links */
  body.s-adviseur-b .ll-pad::before { left: 22px; transform: none; width: 34px; border-width: 0 5px; }
  body.s-adviseur-b .ll-station, body.s-adviseur-b .ll-station.rechts { grid-template-columns: 1fr; padding-left: 80px; }
  body.s-adviseur-b .ll-station .ll-st-beeld, body.s-adviseur-b .ll-station.rechts .ll-st-beeld, body.s-adviseur-b .ll-station .ll-st-tekst, body.s-adviseur-b .ll-station.rechts .ll-st-tekst { grid-column: 1; justify-self: start; }
  body.s-adviseur-b .ll-station .ll-st-tekst { grid-row: 2; margin-top: 18px; }
  body.s-adviseur-b .ll-station::after { left: 39px; top: 18px; }
}
@media (max-width: 600px) {
  body.s-adviseur-b { font-size: 16.5px; }
  body.s-adviseur-b .ll-w { padding: 0 16px; }
  body.s-adviseur-b .ll-kop-in { min-height: 66px; }
  body.s-adviseur-b .ll-logo b { font-size: 20px; }
  body.s-adviseur-b .ll-merk { width: 38px; }
  body.s-adviseur-b .ll-check { padding: 40px 0 44px; }
  body.s-adviseur-b .ll-check-kop { margin-bottom: 26px; gap: 16px; }
  body.s-adviseur-b .ll-lead { font-size: 18px; }
  body.s-adviseur-b .ll-tool { box-shadow: 6px 6px 0 rgba(22, 32, 28, .1); }
  body.s-adviseur-b .ll-tool-balk, body.s-adviseur-b .ll-tool-voet { padding: 16px; }
  body.s-adviseur-b .ll-paneel { padding: 18px 16px 0; }
  body.s-adviseur-b .ll-tab { font-size: 14px; padding: 8px 11px 6px; }
  /* waardestroomkaart staand: de stroom loopt naar beneden, de trap ernaast */
  body.s-adviseur-b .vs-kaart { min-width: 0; display: grid; grid-template-columns: 1fr 92px; gap: 0 12px; }
  body.s-adviseur-b .vs-rij, body.s-adviseur-b .vs-trap { flex-direction: column; margin: 0; height: auto; }
  body.s-adviseur-b .vs-blok, body.s-adviseur-b .tr-p { flex: none; height: 64px; min-height: 0; }
  body.s-adviseur-b .vs-wacht, body.s-adviseur-b .tr-w { flex: none; height: 50px; }
  body.s-adviseur-b .vs-blok { flex-direction: row; align-items: stretch; }
  body.s-adviseur-b .vs-blok b { flex: 1; border-bottom: 0; border-right: 2px solid var(--inkt); display: flex; align-items: center; hyphens: none; font-size: 15px; }
  body.s-adviseur-b .vs-ct { display: flex; flex-direction: column; justify-content: center; min-width: 84px; }
  body.s-adviseur-b .vs-ct span { font-size: 14px; }
  body.s-adviseur-b .vs-wacht { flex-direction: row; justify-content: flex-start; gap: 10px; padding-left: 20px; background: linear-gradient(var(--inkt), var(--inkt)) 34px 0 / 2px 100% no-repeat; }
  body.s-adviseur-b .vs-wacht svg { margin: 0; }
  body.s-adviseur-b .tr-w { border-top: 0; border-right: 3px solid var(--inkt); align-items: center; justify-content: flex-end; padding: 0 6px 0 0; }
  body.s-adviseur-b .tr-p { border: 3px solid var(--inkt); border-right: 0; align-items: center; justify-content: flex-start; padding: 0 0 0 8px; }
  body.s-adviseur-b .vs-trap > .tr-p:first-child { border-left: 3px solid var(--inkt); border-top: 0; }
  body.s-adviseur-b .vs-trap > .tr-p:last-child { border-right: 0; border-bottom: 0; }
  body.s-adviseur-b .vs-som { flex-direction: column; gap: 18px; }
  body.s-adviseur-b .vs-zin { font-size: 18px; }
  body.s-adviseur-b .ll-tool-voet .ll-knop { margin-left: 0; }
  body.s-adviseur-b .ll-route, body.s-adviseur-b .ll-cases-t, body.s-adviseur-b .ll-scan, body.s-adviseur-b .ll-over-t, body.s-adviseur-b .ll-over, body.s-adviseur-b .ll-dienst, body.s-adviseur-b .ll-prijzen, body.s-adviseur-b .ll-tl, body.s-adviseur-b .ll-werkwijze, body.s-adviseur-b .ll-vragen, body.s-adviseur-b .ll-slot { padding: 64px 0; }
  body.s-adviseur-b .ll-route-kop { margin-bottom: 44px; }
  body.s-adviseur-b .ll-station, body.s-adviseur-b .ll-station.rechts { padding-left: 62px; }
  body.s-adviseur-b .ll-pad::before { left: 10px; width: 30px; border-width: 0 4px; }
  body.s-adviseur-b .ll-station::after { left: 25px; width: 18px; height: 18px; }
  body.s-adviseur-b .ll-station + .ll-station { margin-top: 48px; }
  body.s-adviseur-b .ll-dag { grid-template-columns: 1fr 1fr; }
  body.s-adviseur-b .ll-dag time { font-size: 24px; }
  body.s-adviseur-b .ll-pk { padding-top: 44px; }
  body.s-adviseur-b .ll-pk .ll-lead { margin-bottom: 32px; }
  body.s-adviseur-b .ll-schaduwbord { padding: 12px; gap: 10px; }
  body.s-adviseur-b .ll-sil { width: 60px; height: 60px; }
  body.s-adviseur-b .sb-label { font-size: 12px; }
  body.s-adviseur-b .ll-feit div { grid-template-columns: 90px 1fr; }
  body.s-adviseur-b .ll-acht ol { grid-template-columns: 1fr; }
  body.s-adviseur-b .ll-acht li:nth-child(odd) { border-right: 0; }
  body.s-adviseur-b .ll-dienst .ll-dag::before { left: 70px; }
  body.s-adviseur-b .ll-dienst .ll-dag li { grid-template-columns: 56px 1fr; gap: 0 36px; }
  body.s-adviseur-b .ll-dienst .ll-dag li::before { left: 63px; }
  body.s-adviseur-b .ll-kwartier { margin: 0 0 28px; }
  body.s-adviseur-b .ll-kwartier b { font-size: 12px; }
  body.s-adviseur-b .ll-kwartier li { padding: 26px 4px 10px; }
  body.s-adviseur-b .ll-kwartier time { left: 4px; font-size: 10.5px; }
  body.s-adviseur-b .ll-bord { margin: 6px 0; padding: 12px; border-width: 6px; }
  body.s-adviseur-b .bd-rij { grid-template-columns: 70px 1fr; gap: 6px; font-size: 11px; }
  body.s-adviseur-b .bd-dagen { gap: 2px; }
  body.s-adviseur-b .ll-tabel { font-size: 15.5px; }
  body.s-adviseur-b .ll-tabel td:nth-child(2), body.s-adviseur-b .ll-tabel th:nth-child(2) { display: none; }
  body.s-adviseur-b .ll-a3 { box-shadow: 6px 6px 0 var(--vloer); margin-bottom: 48px; }
  body.s-adviseur-b .a3-kop { grid-template-columns: 1fr; gap: 10px; padding: 16px; }
  body.s-adviseur-b .a3-nr { justify-self: start; }
  body.s-adviseur-b .a3-sector { text-align: left; }
  body.s-adviseur-b .a3-vel section { padding: 20px 16px 14px; }
  body.s-adviseur-b .a3-res { grid-template-columns: 1fr; }
  body.s-adviseur-b .ct-b, body.s-adviseur-b .ct-balken.groot .ct-b { grid-template-columns: 36px 1fr 96px; gap: 8px; }
  body.s-adviseur-b .ct-b b { font-size: 13px; }
  body.s-adviseur-b .ll-jaren { grid-template-columns: 1fr 1fr; }
  body.s-adviseur-b .ll-principes { padding: 22px; }
  body.s-adviseur-b .ll-vt-grid { grid-template-columns: 1fr; }
  body.s-adviseur-b .ll-form { grid-template-columns: 1fr; }
  body.s-adviseur-b .ll-gegevens, body.s-adviseur-b .ll-na-aanvraag { padding: 22px; }
  body.s-adviseur-b .ll-tel { font-size: 26px; }
  body.s-adviseur-b .ll-voet-grid { grid-template-columns: 1fr; gap: 30px; }
  body.s-adviseur-b .ll-faq summary { font-size: 17px; }
}
@media (prefers-reduced-motion: reduce) {
  body.s-adviseur-b *, body.s-adviseur-b *::before, body.s-adviseur-b *::after { animation: none !important; transition: none !important; }
}