/* Van Rijckevorsel & Partners · adviseur d
   N3 vaste zijbalk · H10 panorama + tekstblok · R3 bento in een haarlijnraster (als een balans)
   Source Serif 4 en Public Sans: SIL Open Font License 1.1 */

@font-face { font-family: "Source Serif 4"; font-weight: 200 900; font-style: normal; font-display: swap; src: url("../../fonts/SourceSerif4-Variable.woff2") format("woff2"); }
@font-face { font-family: "Source Serif 4"; font-weight: 200 900; font-style: italic; font-display: swap; src: url("../../fonts/SourceSerif4-VariableItalic.woff2") format("woff2"); }
@font-face { font-family: "Public Sans"; font-weight: 100 900; font-style: normal; font-display: swap; src: url("../../fonts/PublicSans-Variable.woff2") format("woff2"); }

body.s-adviseur-d {
  --inkt: #1b2127; --inkt2: #262e35; --tekst: #232a30; --zacht: #565e66;
  --papier: #f6f5f1; --wit: #fffefb; --steen: #ebe7df; --lijn: #d3cdc2; --lijn2: #e2ddd3;
  --mahonie: #6a2b22; --mahonie2: #8a3a2e; --roest: #d7a48f; --taupe: #b8a990; --salie: #8d998e;
  --licht: #ece8e0; --licht2: #b3b5b4;
  --serif: "Source Serif 4", Georgia, serif; --sans: "Public Sans", "Helvetica Neue", Arial, sans-serif;
  --a: #3a4650; --a2: #c9b9a6; --bg2: #e8e4dc;
  --rand: clamp(18px, 4vw, 64px);
  background: var(--papier); color: var(--tekst);
  font: 400 16.5px/1.62 var(--sans);
  display: grid; grid-template-columns: 292px minmax(0, 1fr);
  -webkit-font-smoothing: antialiased;
}
body.s-adviseur-d > .demo-bar { grid-column: 1 / -1; }
body.s-adviseur-d > main, body.s-adviseur-d > footer { grid-column: 2; min-width: 0; }
body.s-adviseur-d > main { padding: 0 var(--rand) clamp(40px, 6vw, 96px); }
body.s-adviseur-d > main > * { max-width: 1240px; margin-left: auto; margin-right: auto; }
body.s-adviseur-d a { color: inherit; }
body.s-adviseur-d h1, body.s-adviseur-d h2, body.s-adviseur-d h3 { font-family: var(--serif); font-weight: 300; margin: 0; color: var(--inkt); letter-spacing: -.012em; font-optical-sizing: auto; }
body.s-adviseur-d h1 em, body.s-adviseur-d h2 em { font-style: italic; color: var(--mahonie); }
body.s-adviseur-d p { margin: 0 0 .9em; }
body.s-adviseur-d p:last-child { margin-bottom: 0; }
body.s-adviseur-d u { text-decoration-line: underline; text-decoration-style: double; text-decoration-thickness: 1px; text-underline-offset: .2em; text-decoration-color: currentColor; }
body.s-adviseur-d .vul { width: 100%; height: 100%; object-fit: cover; display: block; }
body.s-adviseur-d .ph { width: 100%; height: 100%; min-height: 0; }
body.s-adviseur-d .rozet { display: block; }
body.s-adviseur-d .pijl { width: 20px; height: 10px; flex: none; transition: transform .25s; }

/* ── Zijbalk (N3) ─────────────────────────────────────────────── */
body.s-adviseur-d .zk { grid-column: 1; grid-row: 2 / span 2; position: sticky; top: 35px; align-self: start; height: calc(100vh - 35px);
  background: var(--inkt); color: var(--licht); display: flex; flex-direction: column; padding: 30px 26px 24px; overflow-y: auto; scrollbar-width: thin; z-index: 20; }
body.s-adviseur-d .zk-logo { display: flex; align-items: center; gap: 13px; text-decoration: none; color: var(--wit); }
body.s-adviseur-d .zk-rozet { width: 46px; height: 46px; color: var(--roest); flex: none; }
body.s-adviseur-d .zk-naam { display: flex; flex-direction: column; line-height: 1.1; }
body.s-adviseur-d .zk-naam b { font: 400 21px/1.05 var(--serif); letter-spacing: -.01em; }
body.s-adviseur-d .zk-naam small { font: 500 11.5px/1.4 var(--sans); letter-spacing: .22em; text-transform: uppercase; color: var(--roest); margin-top: 5px; }
body.s-adviseur-d .zk-t, body.s-adviseur-d .zk-knop { display: none; }
body.s-adviseur-d .zk-mob { display: none; }
body.s-adviseur-d .zk-paneel { display: flex; flex-direction: column; flex: 1; margin-top: 34px; }
body.s-adviseur-d .zk-label { font: 500 11.5px/1 var(--sans); letter-spacing: .16em; text-transform: uppercase; color: var(--licht2); margin: 0 0 12px; }
body.s-adviseur-d .zk-menu { list-style: none; margin: 0; padding: 0; border-top: 1px solid #ffffff1f; }
body.s-adviseur-d .zk-menu a { display: flex; align-items: baseline; gap: 14px; padding: 11px 0; border-bottom: 1px solid #ffffff1f; text-decoration: none; color: var(--licht); font-size: 16px; transition: color .2s, padding .2s; }
body.s-adviseur-d .zk-menu .nr { font: 500 11.5px/1 var(--sans); font-variant-numeric: tabular-nums; color: var(--licht2); width: 18px; }
body.s-adviseur-d .zk-menu a:hover { color: var(--wit); padding-left: 4px; }
body.s-adviseur-d .zk-menu a.actief { color: var(--wit); }
body.s-adviseur-d .zk-menu a.actief .lbl { text-decoration: underline double var(--roest) 1px; text-underline-offset: .32em; }
body.s-adviseur-d .zk-menu a.actief .nr { color: var(--roest); }
body.s-adviseur-d .zk-site { display: block; margin: 22px 0 0; padding: 12px 14px; border: 1px solid #ffffff33; text-decoration: none; color: var(--wit); transition: background .2s; }
body.s-adviseur-d .zk-site span { display: block; font-weight: 600; font-size: 14.5px; }
body.s-adviseur-d .zk-site small { display: block; font-size: 12.5px; color: var(--licht2); }
body.s-adviseur-d .zk-site:hover, body.s-adviseur-d .zk-site.actief { background: #ffffff12; border-color: var(--roest); }
body.s-adviseur-d .zk-contact { margin-top: auto; padding-top: 28px; font-size: 14px; line-height: 1.55; }
body.s-adviseur-d .zk-contact p { margin: 0 0 10px; }
body.s-adviseur-d .zk-contact a { color: var(--wit); text-decoration: none; }
body.s-adviseur-d .zk-contact a:hover { text-decoration: underline; }
body.s-adviseur-d .zk-tijd { color: var(--licht2); }
body.s-adviseur-d .zk-cta { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 8px; padding: 15px 16px; background: var(--mahonie); color: var(--wit); text-decoration: none; font-weight: 600; font-size: 15px; transition: background .2s; }
body.s-adviseur-d .zk-cta:hover { background: var(--mahonie2); }
body.s-adviseur-d .zk-cta:hover .pijl { transform: translateX(3px); }
body.s-adviseur-d .zk-noot { font-size: 12.5px; color: var(--licht2); margin: 10px 0 0; }

/* ── Knoppen en links ─────────────────────────────────────────── */
body.s-adviseur-d .knop { display: inline-flex; align-items: center; gap: 16px; padding: 15px 20px 15px 22px; background: var(--inkt); color: var(--wit); text-decoration: none; font: 600 15px/1.2 var(--sans); border: 0; cursor: pointer; transition: background .2s; }
body.s-adviseur-d .knop:hover { background: var(--mahonie); }
body.s-adviseur-d .knop:hover .pijl { transform: translateX(3px); }
body.s-adviseur-d .knop.licht { background: var(--wit); color: var(--inkt); }
body.s-adviseur-d .knop.licht:hover { background: var(--roest); }
body.s-adviseur-d .knop.kl { padding: 11px 15px 11px 17px; font-size: 14px; }
body.s-adviseur-d .tlink { display: inline-block; font-weight: 600; font-size: 15px; text-decoration: underline 1px; text-underline-offset: .3em; color: var(--inkt); }
body.s-adviseur-d .tlink:hover { text-decoration-style: double; color: var(--mahonie); }

/* ── Opening (H10) ────────────────────────────────────────────── */
body.s-adviseur-d .open { padding-top: 22px; }
body.s-adviseur-d .open-loop { display: flex; justify-content: space-between; gap: 20px; align-items: baseline; font-size: 13px; color: var(--zacht); padding-bottom: 12px; border-bottom: 1px solid var(--lijn); margin-bottom: 18px; }
body.s-adviseur-d .kruimel { margin: 0; display: flex; flex-wrap: wrap; gap: 8px; }
body.s-adviseur-d .kruimel a { text-decoration: none; color: var(--zacht); }
body.s-adviseur-d .kruimel a:hover { color: var(--mahonie); text-decoration: underline; }
body.s-adviseur-d .kruimel i { font-style: normal; color: var(--lijn); }
body.s-adviseur-d .kruimel span { color: var(--inkt); font-weight: 500; }
body.s-adviseur-d .loop-r { margin: 0; text-align: right; }
body.s-adviseur-d .pano { aspect-ratio: 1240 / 330; overflow: hidden; background: var(--steen); }
body.s-adviseur-d .pano .pano-img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 55%; display: block; }
body.s-adviseur-d .open-tekst { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(28px, 5vw, 80px); padding: clamp(30px, 4vw, 56px) 0 0; align-items: start; }
body.s-adviseur-d .open-r { padding-top: .5em; }
body.s-adviseur-d .open h1 { font-size: clamp(40px, 5.4vw, 86px); line-height: 1.0; letter-spacing: -.028em; font-weight: 300; }
body.s-adviseur-d .open:not(.home) h1 { font-size: clamp(38px, 4.6vw, 70px); }
body.s-adviseur-d .open .lead { font-size: 18px; line-height: 1.6; color: var(--tekst); }
body.s-adviseur-d .acties { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 26px; margin-top: 24px; }
body.s-adviseur-d .usp { list-style: none; margin: 26px 0 0; padding: 0; border-top: 1px solid var(--lijn); }
body.s-adviseur-d .usp li { padding: 9px 0; border-bottom: 1px solid var(--lijn); font-size: 15px; display: flex; justify-content: space-between; }
body.s-adviseur-d .usp li::after { content: "✓"; color: var(--mahonie); font-weight: 600; }
body.s-adviseur-d .usp li:last-child { border-bottom: 3px double var(--inkt); }
body.s-adviseur-d .bijschrift { font: italic 400 14px/1.5 var(--serif); color: var(--zacht); margin: 12px 0 0 !important; padding-left: 12px; border-left: 1px solid var(--mahonie); }
body.s-adviseur-d .feiten { margin: 24px 0 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); border-top: 1px solid var(--lijn); border-bottom: 3px double var(--inkt); }
body.s-adviseur-d .feiten div { padding: 12px 14px 12px 0; }
body.s-adviseur-d .feiten dt { font-size: 12.5px; color: var(--zacht); }
body.s-adviseur-d .feiten dd { margin: 2px 0 0; font: 400 19px/1.25 var(--serif); color: var(--inkt); }

/* ── Bento in haarlijnraster (R3) ─────────────────────────────── */
body.s-adviseur-d .bento { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 1px; background: var(--lijn); border: 1px solid var(--lijn); margin-top: clamp(48px, 6vw, 92px); }
body.s-adviseur-d .bento > * { grid-column: span 2; background: var(--papier); padding: clamp(22px, 2.4vw, 36px); min-width: 0; position: relative; }
body.s-adviseur-d .bento > .steen { background: var(--steen); }
body.s-adviseur-d .bento > .donker { background: var(--inkt); color: var(--licht); }
body.s-adviseur-d .bento > .donker h2, body.s-adviseur-d .bento > .donker h3 { color: var(--wit); }
body.s-adviseur-d .bento > .donker a:not(.knop) { color: var(--wit); }
body.s-adviseur-d .bento > .foto-t { padding: 0; min-height: 300px; overflow: hidden; }
body.s-adviseur-d .foto-t > .ph, body.s-adviseur-d .foto-t > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
body.s-adviseur-d .foto-onder { position: absolute; left: 0; bottom: 0; margin: 0; background: var(--papier); padding: 9px 16px 0 0; font: italic 400 14px/1.4 var(--serif); color: var(--zacht); max-width: 80%; }
body.s-adviseur-d a.tegel, body.s-adviseur-d a.tomb { text-decoration: none; color: inherit; transition: background .2s; }
body.s-adviseur-d a.tegel:hover, body.s-adviseur-d a.tomb:hover { background: var(--wit); }

body.s-adviseur-d .tkop h2 { font-size: clamp(30px, 2.9vw, 44px); line-height: 1.06; margin-bottom: 16px; }
body.s-adviseur-d .tkop p { color: var(--zacht); }
body.s-adviseur-d .tk-nr { display: inline-block; font: 500 13px/1 var(--sans); font-variant-numeric: tabular-nums; color: var(--mahonie); padding-bottom: 5px; border-bottom: 3px double var(--mahonie); margin-bottom: 26px; }
body.s-adviseur-d .mini { font: 600 13px/1.3 var(--sans); color: var(--mahonie); margin: 0 0 14px; display: flex; align-items: center; gap: 10px; }
body.s-adviseur-d .mini::before { content: ""; width: 16px; flex: none; border-top: 3px double currentColor; }
body.s-adviseur-d .mini.licht, body.s-adviseur-d .donker .mini { color: var(--roest); }
body.s-adviseur-d .mini.mt { margin-top: 22px; }
body.s-adviseur-d .klein { font-size: 14px; color: var(--zacht); margin-top: 14px; }
body.s-adviseur-d .klein.licht, body.s-adviseur-d .donker .klein { color: var(--licht2); }
body.s-adviseur-d .pijltegel { display: flex; align-items: center; justify-content: space-between; gap: 18px; font: 400 21px/1.3 var(--serif); color: var(--inkt) !important; }
body.s-adviseur-d .pijltegel .pijl { width: 34px; height: 14px; color: var(--mahonie); }
body.s-adviseur-d .pijltegel:hover .pijl { transform: translateX(5px); }

/* home · diensten */
body.s-adviseur-d .b-diensten > .tkop { grid-column: span 2; }
body.s-adviseur-d .b-diensten > .d0 { grid-column: span 4; }
body.s-adviseur-d .b-diensten > .d1, body.s-adviseur-d .b-diensten > .d2 { grid-column: span 3; }
body.s-adviseur-d .b-diensten > .d3 { grid-column: span 4; }
body.s-adviseur-d .dienst { display: flex; flex-direction: column; }
body.s-adviseur-d .d-nr { font: italic 400 15px/1 var(--serif); color: var(--mahonie); }
body.s-adviseur-d .d-nr.groot { display: block; font-size: 34px; margin-bottom: 18px; }
body.s-adviseur-d .d-vraag { font: italic 400 16px/1.45 var(--serif); color: var(--zacht); margin: 14px 0 6px; }
body.s-adviseur-d .dienst h3 { font-size: clamp(26px, 2.3vw, 34px); line-height: 1.1; }
body.s-adviseur-d .d-kort { margin-top: 8px; color: var(--tekst); }
body.s-adviseur-d .d-fig { margin-top: auto; padding-top: 22px; }
body.s-adviseur-d .d-meer { display: inline-flex; align-items: center; gap: 12px; margin-top: 22px; font-weight: 600; font-size: 14.5px; color: var(--inkt); }
body.s-adviseur-d .dienst:hover .d-meer .pijl, body.s-adviseur-d .case-t:hover .pijl { transform: translateX(4px); }
body.s-adviseur-d .gratis { display: flex; flex-direction: column; justify-content: space-between; gap: 16px; }
body.s-adviseur-d .g-bedrag { font: 300 clamp(56px, 6vw, 92px)/1 var(--serif); color: var(--inkt); margin: 0; }
body.s-adviseur-d .g-bedrag u { text-decoration-thickness: 2px; text-underline-offset: .12em; }

/* home · kantoor */
body.s-adviseur-d .b-kantoor > .team { grid-column: span 3; grid-row: span 2; min-height: 420px; }
body.s-adviseur-d .b-kantoor > .tkop { grid-column: span 3; }
body.s-adviseur-d .b-kantoor > .cijfer { grid-column: span 1; }
body.s-adviseur-d .b-kantoor > .belofte { grid-column: span 4; }
body.s-adviseur-d .b-kantoor > .pijltegel { grid-column: span 2; }
body.s-adviseur-d .cijfer { display: flex; flex-direction: column; justify-content: flex-end; }
body.s-adviseur-d .c-getal { font: 300 clamp(30px, 2.8vw, 46px)/1.05 var(--serif); color: var(--inkt); margin: 0 0 12px; font-variant-numeric: lining-nums tabular-nums; }
body.s-adviseur-d .cijfer p:last-child { font-size: 14px; color: var(--zacht); line-height: 1.4; }
body.s-adviseur-d .b-zin { font: 300 clamp(22px, 2.1vw, 30px)/1.3 var(--serif); color: var(--wit); margin: 0; }

/* home · praktijk */
body.s-adviseur-d .b-praktijk > .p-foto { grid-column: span 4; min-height: 340px; }
body.s-adviseur-d .b-praktijk > .pijltegel, body.s-adviseur-d .b-c4 > .pijltegel { grid-column: 1 / -1; padding-top: 22px; padding-bottom: 22px; }

/* home · werkwijze */
body.s-adviseur-d .b-werk > .stappen { grid-column: span 4; }
body.s-adviseur-d .b-werk > .tarief, body.s-adviseur-d .b-werk > .vraag-t { grid-column: span 3; }
body.s-adviseur-d .stap-lijst { list-style: none; margin: 0 0 22px; padding: 0; display: grid; grid-template-columns: repeat(5, 1fr); border-top: 1px solid var(--inkt); }
body.s-adviseur-d .stap-lijst li { padding: 14px 12px 0 0; display: flex; flex-direction: column; gap: 4px; }
body.s-adviseur-d .stap-lijst b { font: 300 34px/1 var(--serif); color: var(--mahonie); }
body.s-adviseur-d .stap-lijst span { font: 400 19px/1.2 var(--serif); color: var(--inkt); margin-top: 8px; }
body.s-adviseur-d .stap-lijst em { font-style: normal; font-size: 13.5px; color: var(--zacht); }
body.s-adviseur-d .vq { font: 400 22px/1.3 var(--serif); color: var(--inkt); }

/* prijslijst met puntjes */
body.s-adviseur-d .plijst { list-style: none; margin: 0; padding: 0; font-variant-numeric: tabular-nums; }
body.s-adviseur-d .plijst li { display: flex; align-items: baseline; gap: 10px; padding: 8px 0; font-size: 15px; }
body.s-adviseur-d .plijst i { flex: 1; border-bottom: 1px dotted var(--taupe); transform: translateY(-4px); min-width: 16px; }
body.s-adviseur-d .plijst em { font-style: normal; font-weight: 600; color: var(--inkt); white-space: nowrap; }
body.s-adviseur-d .plijst.licht em { color: var(--wit); }
body.s-adviseur-d .plijst.licht i { border-color: #ffffff4d; }
body.s-adviseur-d .plijst.kort li { display: grid; gap: 1px; font-size: 14.5px; padding: 9px 0; border-bottom: 1px solid var(--lijn2); }
body.s-adviseur-d .plijst.kort li:last-child { border-bottom: 0; }
body.s-adviseur-d .plijst.kort i { display: none; }
body.s-adviseur-d .plijst.kort em { white-space: normal; font: 400 19px/1.3 var(--serif); }
body.s-adviseur-d .plijst.licht.kort li { border-color: #ffffff1f; }

/* afsluitende tegels */
body.s-adviseur-d .slot > .slot-a { grid-column: span 4; padding-top: clamp(34px, 4vw, 60px); padding-bottom: clamp(34px, 4vw, 60px); overflow: hidden; }
body.s-adviseur-d .slot > .slot-b { grid-column: span 2; }
body.s-adviseur-d .slot-a h2 { font-size: clamp(32px, 3.6vw, 54px); line-height: 1.04; max-width: 15ch; margin-bottom: 18px; position: relative; }
body.s-adviseur-d .slot-a p { max-width: 46ch; position: relative; }
body.s-adviseur-d .slot-a .knop { margin-top: 12px; position: relative; }
body.s-adviseur-d .wm { position: absolute; width: 420px; height: 420px; right: -110px; top: 50%; transform: translateY(-50%); color: #ffffff17; }
body.s-adviseur-d .momenten { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--lijn); }
body.s-adviseur-d .momenten li { display: flex; gap: 16px; align-items: baseline; padding: 12px 0; border-bottom: 1px solid var(--lijn); }
body.s-adviseur-d .momenten b { font: italic 400 20px/1 var(--serif); color: var(--mahonie); width: 26px; }
body.s-adviseur-d .momenten span { font-variant-numeric: tabular-nums; }

/* ── Figuren ──────────────────────────────────────────────────── */
body.s-adviseur-d figure { margin: 0; }
body.s-adviseur-d .fig-titel { font: italic 400 15px/1.4 var(--serif); color: var(--zacht); margin: 0 0 10px; }
body.s-adviseur-d .mix-balk { display: flex; height: 44px; gap: 2px; }
body.s-adviseur-d .mix-balk span { display: flex; align-items: center; padding-left: 9px; min-width: 0; overflow: hidden; }
body.s-adviseur-d .mix-balk b { font: 600 12.5px/1 var(--sans); font-variant-numeric: tabular-nums; }
body.s-adviseur-d .m0 { background: var(--inkt); color: var(--wit); }
body.s-adviseur-d .m1 { background: var(--mahonie); color: var(--wit); }
body.s-adviseur-d .m2 { background: var(--taupe); color: var(--inkt); }
body.s-adviseur-d .m3 { background: var(--salie); color: var(--inkt); }
body.s-adviseur-d .mix-leg { list-style: none; margin: 14px 0 0; padding: 0; font-size: 14.5px; font-variant-numeric: tabular-nums; }
body.s-adviseur-d .mix-leg li { display: flex; align-items: center; gap: 10px; padding: 5px 0; }
body.s-adviseur-d .mix-leg li i { width: 10px; height: 10px; flex: none; }
body.s-adviseur-d .mix-leg li span { flex: 1; }
body.s-adviseur-d .mix-leg em { font-style: normal; }
body.s-adviseur-d .mix-leg .tot { border-top: 1px solid var(--inkt); margin-top: 6px; padding-top: 9px; font-weight: 600; color: var(--inkt); }
body.s-adviseur-d .mix-leg .tot span { padding-left: 20px; }
body.s-adviseur-d .d0 .mix-leg { columns: 2; column-gap: 30px; }
body.s-adviseur-d .d0 .mix-leg li { break-inside: avoid; }
body.s-adviseur-d .d0 .mix-leg .tot { column-span: all; }
body.s-adviseur-d .mix.klein .mix-balk { height: 30px; }

body.s-adviseur-d .scen svg { width: 100%; height: auto; display: block; overflow: visible; }
body.s-adviseur-d .scen .raster line { stroke: var(--lijn); stroke-width: 1; }
body.s-adviseur-d .scen text { font: 400 12px var(--sans); fill: var(--zacht); }
body.s-adviseur-d .scen polyline { fill: none; stroke-width: 2; }
body.s-adviseur-d .scen .s1 { stroke: var(--taupe); stroke-dasharray: 4 4; }
body.s-adviseur-d .scen .s2 { stroke: var(--inkt); }
body.s-adviseur-d .scen .s3 { stroke: var(--mahonie); }
body.s-adviseur-d .scen circle { fill: var(--papier); stroke-width: 2; }
body.s-adviseur-d .scen circle.s1 { stroke-dasharray: none; }
body.s-adviseur-d .scen-leg { list-style: none; margin: 12px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 22px; font-size: 14px; font-variant-numeric: tabular-nums; }
body.s-adviseur-d .scen-leg li { display: flex; align-items: center; gap: 8px; }
body.s-adviseur-d .scen-leg i { width: 18px; border-top: 2px solid; }
body.s-adviseur-d .scen-leg .s1 i { border-top-style: dashed; color: var(--taupe); }
body.s-adviseur-d .scen-leg .s2 i { color: var(--inkt); }
body.s-adviseur-d .scen-leg .s3 i { color: var(--mahonie); }
body.s-adviseur-d .scen-leg em { font-style: normal; font-weight: 600; color: var(--inkt); }

body.s-adviseur-d .t-grid { display: grid; grid-template-columns: 1fr 1fr; }
body.s-adviseur-d .t-kol { padding: 0 16px; font-variant-numeric: tabular-nums; }
body.s-adviseur-d .t-kol.l { border-right: 1.5px solid var(--inkt); padding-left: 0; }
body.s-adviseur-d .t-kol.r { padding-right: 0; }
body.s-adviseur-d .t-kop { font: 400 18px/1.2 var(--serif); color: var(--inkt); margin: 0 -16px 0 0; padding: 0 16px 8px 0; border-bottom: 1.5px solid var(--inkt); }
body.s-adviseur-d .t-kol.r .t-kop { margin: 0 0 0 -16px; padding-left: 16px; }
body.s-adviseur-d .t-kol ul { list-style: none; margin: 0; padding: 0; font-size: 14px; }
body.s-adviseur-d .t-kol li { display: flex; justify-content: space-between; gap: 10px; padding: 7px 0; border-bottom: 1px solid var(--lijn2); }
body.s-adviseur-d .t-kol li em { font-style: normal; white-space: nowrap; }
body.s-adviseur-d .t-kol li.ruimte { color: var(--mahonie); font-style: italic; }
body.s-adviseur-d .t-tot { display: flex; justify-content: space-between; padding-top: 9px; margin: 0; font-weight: 600; color: var(--inkt); font-size: 14.5px; }
body.s-adviseur-d .t-tot em { font-style: normal; }

body.s-adviseur-d .tlijn { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, 1fr); position: relative; }
body.s-adviseur-d .tlijn::before { content: ""; position: absolute; left: 0; right: 0; top: 6px; border-top: 1px solid var(--inkt); }
body.s-adviseur-d .tlijn li { padding: 22px 10px 0 0; position: relative; display: flex; flex-direction: column; gap: 3px; }
body.s-adviseur-d .tlijn li::before { content: ""; position: absolute; left: 0; top: 0; width: 11px; height: 11px; border-radius: 50%; background: var(--papier); border: 1.5px solid var(--inkt); }
body.s-adviseur-d .tlijn li:last-child::before { background: var(--mahonie); border-color: var(--mahonie); }
body.s-adviseur-d .tlijn b { font: 600 12.5px/1.2 var(--sans); color: var(--mahonie); font-variant-numeric: tabular-nums; }
body.s-adviseur-d .tlijn span { font: 400 16px/1.25 var(--serif); color: var(--inkt); }

/* ── Tombstones ───────────────────────────────────────────────── */
body.s-adviseur-d .tomb { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 0; padding-top: clamp(28px, 3vw, 44px) !important; background: var(--wit) !important; }
body.s-adviseur-d .tomb::before { content: ""; position: absolute; left: 14px; right: 14px; top: 14px; bottom: 14px; border: 1px solid var(--lijn); pointer-events: none; transition: border-color .25s; }
body.s-adviseur-d a.tomb:hover::before { border-color: var(--mahonie); }
body.s-adviseur-d .tomb-soort { font: 600 12px/1 var(--sans); letter-spacing: .16em; text-transform: uppercase; color: var(--mahonie); }
body.s-adviseur-d .tomb-wie { font: 400 21px/1.2 var(--serif); color: var(--inkt); margin-top: 16px; }
body.s-adviseur-d .tomb-bedrag { font: 300 clamp(38px, 3.6vw, 52px)/1 var(--serif); color: var(--inkt); margin: 18px 0 8px; padding-bottom: 10px; border-bottom: 3px double var(--inkt); font-variant-numeric: lining-nums; }
body.s-adviseur-d .tomb-vorm { font: italic 400 15.5px/1.4 var(--serif); color: var(--zacht); }
body.s-adviseur-d .tomb-rol { font-size: 13px; line-height: 1.45; color: var(--zacht); margin-top: 18px; max-width: 30ch; }
body.s-adviseur-d .tomb-voet { display: flex; align-items: center; gap: 12px; margin-top: auto; padding-top: 22px; font-size: 13px; color: var(--inkt); font-variant-numeric: tabular-nums; }
body.s-adviseur-d .tomb-voet .rozet { width: 26px; height: 26px; color: var(--mahonie); transition: transform 1.2s; }
body.s-adviseur-d a.tomb:hover .rozet { transform: rotate(60deg); }
body.s-adviseur-d .tomb-voet span + span::before { content: "·"; margin-right: 12px; color: var(--taupe); }
body.s-adviseur-d .tomb.groot .tomb-bedrag { font-size: clamp(42px, 4.2vw, 62px); }
body.s-adviseur-d .tomb.staand { grid-row: span 2; justify-content: center; }
body.s-adviseur-d .tomb.klein .tomb-bedrag { font-size: 34px; }

/* ── Diensten-overzicht ───────────────────────────────────────── */
body.s-adviseur-d .b-wijzer > .wijzers { grid-column: span 4; padding: 0; }
body.s-adviseur-d .wijzer { display: grid; grid-template-columns: 54px 1fr auto; gap: 18px; align-items: center; padding: 22px clamp(20px, 2.4vw, 34px); text-decoration: none; border-bottom: 1px solid var(--lijn); transition: background .2s; }
body.s-adviseur-d .wijzer:last-child { border-bottom: 0; }
body.s-adviseur-d .wijzer:hover { background: var(--wit); }
body.s-adviseur-d .w-nr { font: italic 400 24px/1 var(--serif); color: var(--mahonie); }
body.s-adviseur-d .w-vraag { font: 400 clamp(19px, 1.7vw, 24px)/1.3 var(--serif); color: var(--inkt); }
body.s-adviseur-d .w-dienst { display: inline-flex; gap: 12px; align-items: center; font-weight: 600; font-size: 14.5px; color: var(--zacht); white-space: nowrap; }
body.s-adviseur-d .wijzer:hover .pijl { transform: translateX(4px); }
body.s-adviseur-d .b-dienst { margin-top: clamp(28px, 3vw, 44px); }
body.s-adviseur-d .b-dienst > .dkop { grid-row: span 2; }
body.s-adviseur-d .b-dienst > .fig-tegel { grid-column: span 4; }
body.s-adviseur-d .dkop h2 { font-size: clamp(26px, 2.4vw, 38px); line-height: 1.08; margin-bottom: 10px; overflow-wrap: break-word; hyphens: auto; }
body.s-adviseur-d .lead-s { font: italic 400 18px/1.45 var(--serif); color: var(--zacht); }
body.s-adviseur-d .dkop .knop { margin-top: 10px; }
body.s-adviseur-d .groot-cijfer { font: 300 26px/1.2 var(--serif); color: var(--inkt); margin: 0; }
body.s-adviseur-d .vink, body.s-adviseur-d .kruis, body.s-adviseur-d .map { list-style: none; margin: 0; padding: 0; }
body.s-adviseur-d .vink li, body.s-adviseur-d .kruis li, body.s-adviseur-d .map li { position: relative; padding: 8px 0 8px 28px; border-bottom: 1px solid var(--lijn2); font-size: 15.5px; line-height: 1.45; }
body.s-adviseur-d .vink li:last-child, body.s-adviseur-d .kruis li:last-child, body.s-adviseur-d .map li:last-child { border-bottom: 0; }
body.s-adviseur-d .vink li::before { content: ""; position: absolute; left: 3px; top: 14px; width: 11px; height: 6px; border-left: 1.6px solid var(--mahonie); border-bottom: 1.6px solid var(--mahonie); transform: rotate(-45deg); }
body.s-adviseur-d .kruis li { border-color: #ffffff1f; }
body.s-adviseur-d .kruis li::before { content: "×"; position: absolute; left: 2px; top: 5px; font-size: 20px; line-height: 1; color: var(--roest); }
body.s-adviseur-d .map li::before { content: ""; position: absolute; left: 2px; top: 11px; width: 11px; height: 14px; border: 1.3px solid var(--inkt); border-top-right-radius: 4px; }
body.s-adviseur-d .steen .vink li, body.s-adviseur-d .steen .map li { border-color: var(--lijn); }

/* ── Dienstpagina ─────────────────────────────────────────────── */
body.s-adviseur-d .b-d1 > .dvraag { grid-row: span 2; }
body.s-adviseur-d .b-d1 > .fig-tegel, body.s-adviseur-d .b-d1 > .steen { grid-column: span 4; }
body.s-adviseur-d .b-d1 > .steen .vink { columns: 2; column-gap: 36px; }
body.s-adviseur-d .b-d1 > .steen .vink li { break-inside: avoid; }
body.s-adviseur-d .citaat { font: italic 300 clamp(24px, 2.3vw, 34px)/1.22 var(--serif); color: var(--inkt); margin-bottom: 18px; }
body.s-adviseur-d .citaat.klein { font-size: 21px; }
body.s-adviseur-d .naam { font-weight: 600; font-size: 14.5px; color: var(--inkt); }
body.s-adviseur-d .naam::before { content: "— "; color: var(--mahonie); }
body.s-adviseur-d .fig-tegel.groot .mix-balk { height: 60px; }
body.s-adviseur-d .b-d2 > .verloop { grid-column: span 4; padding-top: 6px; padding-bottom: 6px; }
body.s-adviseur-d .verloop-lijst { list-style: none; margin: 0; padding: 0; }
body.s-adviseur-d .verloop-lijst li { display: grid; grid-template-columns: 110px 1fr; gap: 4px 22px; padding: 18px 0; border-bottom: 1px solid var(--lijn); }
body.s-adviseur-d .verloop-lijst li:last-child { border-bottom: 0; }
body.s-adviseur-d .st-wanneer { grid-row: span 2; font: 600 13px/1.5 var(--sans); color: var(--mahonie); font-variant-numeric: tabular-nums; }
body.s-adviseur-d .verloop-lijst b { font: 400 21px/1.2 var(--serif); color: var(--inkt); }
body.s-adviseur-d .verloop-lijst p { margin: 0; color: var(--zacht); font-size: 15.5px; }
body.s-adviseur-d details { border-top: 1px solid var(--lijn); }
body.s-adviseur-d details:last-of-type { border-bottom: 1px solid var(--lijn); }
body.s-adviseur-d summary { list-style: none; cursor: pointer; padding: 14px 34px 14px 0; position: relative; font: 400 18px/1.35 var(--serif); color: var(--inkt); }
body.s-adviseur-d summary::-webkit-details-marker { display: none; }
body.s-adviseur-d summary::after { content: "+"; position: absolute; right: 2px; top: 12px; font: 300 24px/1 var(--sans); color: var(--mahonie); }
body.s-adviseur-d details[open] summary::after { content: "–"; }
body.s-adviseur-d details p { padding: 0 0 16px; margin: 0; color: var(--zacht); font-size: 15.5px; }
body.s-adviseur-d .vragen-t .tlink { margin-top: 18px; }
body.s-adviseur-d .b-d4 > .anders { grid-column: 1 / -1; display: grid; grid-template-columns: auto repeat(3, 1fr); gap: 0 26px; align-items: center; }
body.s-adviseur-d .b-d4 > .anders .mini { margin: 0; }
body.s-adviseur-d .ander { display: flex; align-items: center; gap: 12px; padding: 6px 0; text-decoration: none; font: 400 19px/1.25 var(--serif); color: var(--inkt); }
body.s-adviseur-d .ander span { font-style: italic; color: var(--mahonie); }
body.s-adviseur-d .ander .pijl { margin-left: auto; color: var(--mahonie); }
body.s-adviseur-d .ander:hover { color: var(--mahonie); }
body.s-adviseur-d .adv { display: flex; flex-direction: column; justify-content: center; }

/* ── Projecten en cases ───────────────────────────────────────── */
body.s-adviseur-d .b-tombs > .tkop, body.s-adviseur-d .b-c3 > .tkop.breed { grid-column: 1 / -1; display: flex; justify-content: space-between; align-items: end; gap: 30px; }
body.s-adviseur-d .b-tombs > .tkop h2 { margin: 0; }
body.s-adviseur-d .b-tombs > .tkop p { max-width: 36ch; margin: 0; }
body.s-adviseur-d .b-case { margin-top: clamp(28px, 3vw, 44px); }
body.s-adviseur-d .b-case > .foto-t { min-height: 340px; }
body.s-adviseur-d .b-case:nth-of-type(odd) > .foto-t { order: 3; }
body.s-adviseur-d .case-t h2 { font-size: clamp(26px, 2.3vw, 34px); line-height: 1.1; margin-bottom: 14px; }
body.s-adviseur-d .case-t { display: flex; flex-direction: column; }
body.s-adviseur-d .case-t .d-meer { margin-top: auto; padding-top: 18px; }
body.s-adviseur-d .b-ook > .tabel-t { grid-column: span 4; overflow-x: auto; }
body.s-adviseur-d .ook { width: 100%; border-collapse: collapse; font-size: 15px; font-variant-numeric: tabular-nums; }
body.s-adviseur-d .ook th { text-align: left; font: 600 12.5px/1.2 var(--sans); color: var(--zacht); padding: 0 14px 10px 0; border-bottom: 1.5px solid var(--inkt); }
body.s-adviseur-d .ook td { padding: 12px 14px 12px 0; border-bottom: 1px solid var(--lijn); vertical-align: top; }
body.s-adviseur-d .ook td:first-child { color: var(--mahonie); font-weight: 600; }
body.s-adviseur-d .ook td:nth-child(3) { font-family: var(--serif); font-size: 17px; color: var(--inkt); }
body.s-adviseur-d .ook tbody tr:last-child td { border-bottom: 3px double var(--inkt); }
body.s-adviseur-d .b-c1 > .fig-tegel { grid-column: span 4; }
body.s-adviseur-d .b-c1 > .cijfer { grid-column: span 4; flex-direction: row; justify-content: flex-start; align-items: baseline; gap: 22px; padding-top: 18px; padding-bottom: 18px; }
body.s-adviseur-d .b-c1 > .cijfer .c-getal { margin: 0; min-width: 6.2ch; }
body.s-adviseur-d .b-c1 > .tomb.staand { grid-row: span 4; }
body.s-adviseur-d .verhaal p:not(.mini) { font-size: 17px; line-height: 1.6; }
body.s-adviseur-d .verhaal.donker p:not(.mini) { color: var(--licht); }
body.s-adviseur-d .b-c3 > .tkop { grid-column: span 2; }
body.s-adviseur-d .b-c3 > .tegel:nth-child(2) { grid-column: span 4; display: flex; align-items: center; }
body.s-adviseur-d .b-c3 > .tegel:nth-child(2) .tlijn { width: 100%; }
body.s-adviseur-d .b-c3 > .adv { grid-column: 1 / -1; padding-top: clamp(30px, 4vw, 56px); padding-bottom: clamp(30px, 4vw, 56px); }
body.s-adviseur-d .b-c3 > .adv .citaat { max-width: 30ch; font-size: clamp(26px, 2.8vw, 40px); }

/* ── Werkwijze ────────────────────────────────────────────────── */
body.s-adviseur-d .stap { display: flex; flex-direction: column; }
body.s-adviseur-d .stap-nr { font: 300 64px/1 var(--serif); color: var(--inkt); margin-bottom: 22px; font-variant-numeric: lining-nums; display: inline-block; width: max-content; padding-bottom: 6px; border-bottom: 3px double var(--mahonie); }
body.s-adviseur-d .stap h3 { font-size: 27px; margin-bottom: 10px; }
body.s-adviseur-d .stap.s5 { background: var(--inkt); color: var(--licht); }
body.s-adviseur-d .stap.s5 h3, body.s-adviseur-d .stap.s5 .stap-nr { color: var(--wit); }
body.s-adviseur-d .stap.s5 .mini { color: var(--roest); }
body.s-adviseur-d .b-tarief > .tkop { grid-row: span 2; }
body.s-adviseur-d .b-tarief > .tarief, body.s-adviseur-d .b-tarief > .tegel:last-child { grid-column: span 4; }
body.s-adviseur-d .tarief.breed .plijst li { font-size: 16.5px; padding: 11px 0; }

/* ── Vragen ───────────────────────────────────────────────────── */
body.s-adviseur-d .b-faq > .faq-index { grid-row: span 5; }
body.s-adviseur-d .b-faq > .faq-groep { grid-column: span 4; }
body.s-adviseur-d .faq-index ol { list-style: none; margin: 0 0 26px; padding: 0; position: sticky; top: 60px; }
body.s-adviseur-d .faq-index li { display: flex; gap: 14px; align-items: baseline; padding: 10px 0; border-bottom: 1px solid #ffffff1f; font: 400 20px/1.2 var(--serif); color: var(--wit); }
body.s-adviseur-d .faq-index li span { font: 500 12px/1 var(--sans); color: var(--roest); font-variant-numeric: tabular-nums; }
body.s-adviseur-d .faq-groep .mini span { font-variant-numeric: tabular-nums; }

/* ── Over ons ─────────────────────────────────────────────────── */
body.s-adviseur-d .b-verhaal > .verhaal-lang { grid-column: span 4; }
body.s-adviseur-d .verhaal-lang p { font: 400 19px/1.6 var(--serif); color: var(--tekst); }
body.s-adviseur-d .verhaal-lang p:first-child::first-letter { font-size: 3.4em; float: left; line-height: .82; margin: .06em .1em 0 0; color: var(--mahonie); font-weight: 300; }
body.s-adviseur-d .b-verhaal > .jaartallen { grid-column: 1 / -1; }
body.s-adviseur-d .jaartallen ol { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, 1fr); border-top: 1px solid var(--inkt); }
body.s-adviseur-d .jaartallen li { padding: 14px 16px 0 0; display: flex; flex-direction: column; gap: 4px; }
body.s-adviseur-d .jaartallen b { font: 300 34px/1 var(--serif); color: var(--mahonie); font-variant-numeric: lining-nums; }
body.s-adviseur-d .jaartallen span { font-size: 15px; color: var(--tekst); }
body.s-adviseur-d .principe h3 { font-size: 28px; margin: 14px 0 10px; }
body.s-adviseur-d .principe .d-nr { font-size: 22px; }
body.s-adviseur-d .donker .d-nr { color: var(--roest); }
body.s-adviseur-d .b-team > .team-foto { grid-column: span 4; min-height: 360px; }
body.s-adviseur-d .b-team > .lid { grid-column: span 1; padding: 22px 16px; }
body.s-adviseur-d .mono { display: grid; place-items: center; width: 54px; height: 54px; border-radius: 50%; border: 3px double var(--mahonie); font: 400 19px/1 var(--serif); color: var(--inkt); margin-bottom: 14px; letter-spacing: .02em; }
body.s-adviseur-d .l-naam { font: 400 17px/1.2 var(--serif); color: var(--inkt); margin-bottom: 5px; }
body.s-adviseur-d .l-rol { font-size: 12.5px; font-weight: 600; color: var(--mahonie); line-height: 1.35; margin-bottom: 8px; }
body.s-adviseur-d .l-x { font-size: 13px; color: var(--zacht); line-height: 1.4; }
body.s-adviseur-d .b-kwal > .foto-t { min-height: 280px; }

/* ── Contact ──────────────────────────────────────────────────── */
body.s-adviseur-d .b-contact > .form-t { grid-column: span 4; grid-row: span 4; }
body.s-adviseur-d .intake fieldset { border: 0; margin: 0 0 30px; padding: 0; min-width: 0; }
body.s-adviseur-d .intake legend { display: flex; align-items: center; gap: 12px; font: 400 23px/1.2 var(--serif); color: var(--inkt); padding: 0; margin-bottom: 16px; }
body.s-adviseur-d .intake legend span { display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid var(--inkt); font: 600 13px/1 var(--sans); }
body.s-adviseur-d .keuzes { display: flex; flex-wrap: wrap; gap: 8px; }
body.s-adviseur-d .keuze { position: relative; cursor: pointer; }
body.s-adviseur-d .keuze input { position: absolute; opacity: 0; inset: 0; cursor: pointer; }
body.s-adviseur-d .keuze span { display: block; padding: 10px 15px; border: 1px solid var(--lijn); background: var(--wit); font-size: 14.5px; transition: background .2s, color .2s, border-color .2s; }
body.s-adviseur-d .keuze input:checked + span { background: var(--inkt); color: var(--wit); border-color: var(--inkt); }
body.s-adviseur-d .keuze input:focus-visible + span { outline: 2px solid var(--mahonie); outline-offset: 2px; }
body.s-adviseur-d .velden { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 18px; }
body.s-adviseur-d .intake label:not(.keuze) { display: flex; flex-direction: column; gap: 6px; font-size: 14px; font-weight: 600; color: var(--inkt); }
body.s-adviseur-d .intake label small { font-weight: 400; color: var(--zacht); }
body.s-adviseur-d .intake .vol { margin-top: 18px; }
body.s-adviseur-d .intake input:not([type=radio]), body.s-adviseur-d .intake select, body.s-adviseur-d .intake textarea { font: 400 16px/1.4 var(--sans); color: var(--tekst); background: var(--wit); border: 1px solid var(--lijn); border-bottom-color: var(--inkt); padding: 12px 13px; border-radius: 0; width: 100%; }
body.s-adviseur-d .intake input:focus, body.s-adviseur-d .intake select:focus, body.s-adviseur-d .intake textarea:focus { outline: 2px solid var(--mahonie); outline-offset: 0; }
body.s-adviseur-d .verstuur { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 22px; padding-top: 22px; border-top: 3px double var(--inkt); }
body.s-adviseur-d .verstuur button { display: inline-flex; align-items: center; gap: 16px; padding: 16px 22px; background: var(--mahonie); color: var(--wit); border: 0; font: 600 15.5px/1 var(--sans); cursor: pointer; }
body.s-adviseur-d .verstuur button:hover { background: var(--inkt); }
body.s-adviseur-d .noot { margin: 0; font-size: 13.5px; color: var(--zacht); }
body.s-adviseur-d .na-lijst { list-style: none; margin: 0; padding: 0; counter-reset: na; }
body.s-adviseur-d .na-lijst li { padding: 12px 0; border-bottom: 1px solid #ffffff1f; display: flex; flex-direction: column; gap: 3px; }
body.s-adviseur-d .na-lijst b { font: 400 19px/1.2 var(--serif); color: var(--wit); }
body.s-adviseur-d .na-lijst span { font-size: 14.5px; color: var(--licht); }
body.s-adviseur-d address { font-style: normal; margin-bottom: 12px; }
body.s-adviseur-d .tijden { list-style: none; margin: 0; padding: 0; font-size: 14.5px; }
body.s-adviseur-d .tijden li { display: flex; flex-direction: column; padding: 7px 0; border-bottom: 1px solid var(--lijn); }
body.s-adviseur-d .tijden em { font-style: normal; font-weight: 600; color: var(--inkt); font-variant-numeric: tabular-nums; }
body.s-adviseur-d .b-cvragen > .vragen-t { grid-column: span 4; }

/* ── Voet ─────────────────────────────────────────────────────── */
body.s-adviseur-d .vt { background: var(--steen); border-top: 3px double var(--inkt); padding: clamp(40px, 5vw, 72px) var(--rand) 28px; font-size: 15px; }
body.s-adviseur-d .vt > * { max-width: 1240px; margin-left: auto; margin-right: auto; }
body.s-adviseur-d .vt-top { display: flex; justify-content: space-between; align-items: end; gap: 30px; flex-wrap: wrap; padding-bottom: 36px; border-bottom: 1px solid var(--lijn); }
body.s-adviseur-d .vt-zin { font: 300 clamp(26px, 2.8vw, 40px)/1.15 var(--serif); color: var(--inkt); max-width: 24ch; margin: 0; letter-spacing: -.01em; }
body.s-adviseur-d .vt-zin u { text-decoration-color: var(--mahonie); }
body.s-adviseur-d .vt-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 30px; padding: 34px 0; }
body.s-adviseur-d .vt-kop { font: 400 19px/1.2 var(--serif); color: var(--inkt); margin: 0 0 14px; }
body.s-adviseur-d .vt ul { list-style: none; margin: 0; padding: 0; }
body.s-adviseur-d .vt li { padding: 4px 0; }
body.s-adviseur-d .vt a { text-decoration: none; color: var(--tekst); }
body.s-adviseur-d .vt a:hover { color: var(--mahonie); text-decoration: underline; }
body.s-adviseur-d .vt .knop { color: var(--wit); }
body.s-adviseur-d .vt .knop:hover { text-decoration: none; color: var(--wit); }
body.s-adviseur-d .vt-tijden li { display: flex; flex-direction: column; border-bottom: 1px solid var(--lijn); padding: 6px 0; }
body.s-adviseur-d .vt-tijden em { font-style: normal; font-weight: 600; color: var(--inkt); }
body.s-adviseur-d .vt-klein { font-size: 13.5px; color: var(--zacht); margin-top: 12px; }
body.s-adviseur-d .vt-onder { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; padding-top: 22px; border-top: 1px solid var(--lijn); font-size: 13px; color: var(--zacht); }
body.s-adviseur-d .vt-onder p { margin: 0; }
body.s-adviseur-d .vt-rozet { width: 34px; height: 34px; color: var(--mahonie); flex: none; }
body.s-adviseur-d .vt-sgs { margin-left: auto !important; }
body.s-adviseur-d .vt-sgs a { font-weight: 600; color: var(--inkt); }

/* ── Over deze website (gedeelde inhoud in onze kolom) ────────── */
body.s-adviseur-d .ods-wrap { max-width: none; padding-top: 22px; }

/* ── Middelgroot scherm ───────────────────────────────────────── */
@media (max-width: 1280px) {
  body.s-adviseur-d { grid-template-columns: 260px minmax(0, 1fr); }
  body.s-adviseur-d .zk { padding: 26px 22px 20px; }
  body.s-adviseur-d .stap-lijst { grid-template-columns: repeat(3, 1fr); row-gap: 14px; }
  body.s-adviseur-d .b-team > .lid { grid-column: span 2; }
  body.s-adviseur-d .b-kantoor > .cijfer { grid-column: span 3; }
  body.s-adviseur-d .b-kantoor > .cijfer:nth-of-type(3) { grid-column: span 6; }
  body.s-adviseur-d .b-kantoor > .team { grid-column: 1 / -1; grid-row: auto; min-height: 380px; }
  body.s-adviseur-d .b-kantoor > .tkop { grid-column: 1 / -1; }
  body.s-adviseur-d .b-kantoor > .cijfer { grid-column: span 2; }
  body.s-adviseur-d .b-kantoor > .cijfer:nth-of-type(3) { grid-column: span 2; }
}

/* ── Tablet en mobiel: zijbalk wordt een kop met menu ─────────── */
@media (max-width: 1024px) {
  body.s-adviseur-d { display: block; }
  body.s-adviseur-d .zk { position: relative; top: auto; height: auto; overflow: visible; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 14px var(--rand); }
  body.s-adviseur-d .zk-rozet { width: 38px; height: 38px; }
  body.s-adviseur-d .zk-naam b { font-size: 19px; }
  body.s-adviseur-d .zk-naam small { font-size: 10.5px; }
  body.s-adviseur-d .zk-knop { display: inline-flex; align-items: center; gap: 12px; cursor: pointer; padding: 11px 14px; border: 1px solid #ffffff40; font-weight: 600; font-size: 14.5px; color: var(--wit); user-select: none; }
  body.s-adviseur-d .zk-knop i { width: 18px; height: 8px; border-top: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transition: transform .2s; }
  body.s-adviseur-d .zk-knop .dicht-t { display: none; }
  body.s-adviseur-d .zk-t:checked ~ .zk-knop .open-t { display: none; }
  body.s-adviseur-d .zk-t:checked ~ .zk-knop .dicht-t { display: inline; }
  body.s-adviseur-d .zk-t:checked ~ .zk-knop i { display: none; }
  body.s-adviseur-d .zk-mob { display: flex; flex-basis: 100%; order: 3; justify-content: space-between; gap: 16px; margin: 12px 0 0; padding-top: 10px; border-top: 1px solid #ffffff1f; font-size: 14px; }
  body.s-adviseur-d .zk-mob a { color: var(--licht); text-decoration: underline 1px; text-underline-offset: .25em; }
  body.s-adviseur-d .zk-paneel { order: 4; }
  body.s-adviseur-d .zk-t:focus-visible ~ .zk-knop { outline: 2px solid var(--roest); outline-offset: 2px; }
  body.s-adviseur-d .zk-t { display: block; position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }
  body.s-adviseur-d .zk-paneel { display: none; flex-basis: 100%; margin-top: 18px; padding-bottom: 8px; }
  body.s-adviseur-d .zk-t:checked ~ .zk-paneel { display: flex; }
  body.s-adviseur-d .zk-menu a { font-size: 19px; padding: 13px 0; }
  body.s-adviseur-d .zk-contact { margin-top: 0; }
  body.s-adviseur-d > main { padding-top: 0; }
}

@media (max-width: 860px) {
  body.s-adviseur-d .bento { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.s-adviseur-d .bento > *, body.s-adviseur-d .bento > .tegel, body.s-adviseur-d .bento > .tomb { grid-column: 1 / -1 !important; grid-row: auto !important; }
  body.s-adviseur-d .bento > .cijfer:not(.b-c1 > .cijfer), body.s-adviseur-d .b-team > .lid { grid-column: span 1 !important; }
  body.s-adviseur-d .b-kantoor > .cijfer:nth-of-type(3) { grid-column: 1 / -1 !important; }
  body.s-adviseur-d .open-tekst { grid-template-columns: 1fr; gap: 22px; }
  body.s-adviseur-d .pano { aspect-ratio: 16 / 8; }
  body.s-adviseur-d .loop-r { display: none; }
  body.s-adviseur-d .stap-lijst, body.s-adviseur-d .jaartallen ol { grid-template-columns: 1fr 1fr; }
  body.s-adviseur-d .tlijn { grid-template-columns: 1fr; gap: 14px; padding-left: 22px; }
  body.s-adviseur-d .tlijn::before { left: 5px; top: 4px; bottom: 4px; right: auto; border-top: 0; border-left: 1px solid var(--inkt); }
  body.s-adviseur-d .tlijn li { padding: 0; flex-direction: row; gap: 12px; align-items: baseline; }
  body.s-adviseur-d .tlijn li::before { left: -22px; top: 5px; }
  body.s-adviseur-d .tlijn b { min-width: 80px; }
  body.s-adviseur-d .b-d1 > .steen .vink, body.s-adviseur-d .d0 .mix-leg { columns: 1; }
  body.s-adviseur-d .b-d4 > .anders { grid-template-columns: 1fr; }
  body.s-adviseur-d .b-tombs > .tkop { display: block; }
  body.s-adviseur-d .b-tombs > .tkop h2 { margin-bottom: 12px; }
  body.s-adviseur-d .b-case:nth-of-type(odd) > .foto-t { order: 0; }
  body.s-adviseur-d .vt-grid { grid-template-columns: 1fr 1fr; }
  body.s-adviseur-d .velden { grid-template-columns: 1fr; }
  body.s-adviseur-d .wijzer { grid-template-columns: 34px 1fr; }
  body.s-adviseur-d .w-dienst { grid-column: 2; }
  body.s-adviseur-d .verloop-lijst li { grid-template-columns: 1fr; }
  body.s-adviseur-d .st-wanneer { grid-row: auto; }
  body.s-adviseur-d .b-c1 > .cijfer { flex-direction: column; gap: 4px; }
  body.s-adviseur-d .wm { width: 300px; height: 300px; right: -120px; }
}

@media (max-width: 480px) {
  body.s-adviseur-d .ook thead { display: none; }
  body.s-adviseur-d .ook, body.s-adviseur-d .ook tbody, body.s-adviseur-d .ook tr, body.s-adviseur-d .ook td { display: block; }
  body.s-adviseur-d .ook tr { padding: 12px 0; border-bottom: 1px solid var(--lijn); }
  body.s-adviseur-d .ook td { border: 0 !important; padding: 0; }
  body.s-adviseur-d .ook td:nth-child(2) { display: inline; margin-left: 8px; }
  body.s-adviseur-d .ook td:first-child { display: inline; }
  body.s-adviseur-d .ook tbody tr:last-child { border-bottom: 3px double var(--inkt); }
  body.s-adviseur-d { font-size: 16px; }
  body.s-adviseur-d .open h1 { font-size: 40px; }
  body.s-adviseur-d .open:not(.home) h1 { font-size: 36px; }
  body.s-adviseur-d .pano { aspect-ratio: 4 / 3; }
  body.s-adviseur-d .t-grid { grid-template-columns: 1fr; }
  body.s-adviseur-d .t-kol, body.s-adviseur-d .t-kol.l, body.s-adviseur-d .t-kol.r { padding: 0; border-right: 0; }
  body.s-adviseur-d .t-kop, body.s-adviseur-d .t-kol.r .t-kop { margin: 0; padding: 0 0 8px; }
  body.s-adviseur-d .t-kol.r { margin-top: 22px; }
  body.s-adviseur-d .vt-grid { grid-template-columns: 1fr; }
  body.s-adviseur-d .vt-sgs { margin-left: 0 !important; }
  body.s-adviseur-d .stap-lijst { grid-template-columns: 1fr 1fr; }
  body.s-adviseur-d .jaartallen ol { grid-template-columns: 1fr; }
  body.s-adviseur-d .mix-balk b { font-size: 11px; }
  body.s-adviseur-d .knop { padding: 14px 16px; }
}

@media (prefers-reduced-motion: reduce) {
  body.s-adviseur-d * { transition: none !important; }
}

/* overdracht-tijdlijn in een smalle tegel: verticaal */
body.s-adviseur-d .d1 .tlijn, body.s-adviseur-d .dkop ~ .fig-tegel .tlijn.smal { grid-template-columns: 1fr; gap: 10px; padding-left: 22px; }
body.s-adviseur-d .d1 .tlijn::before { left: 5px; top: 4px; bottom: 4px; right: auto; border-top: 0; border-left: 1px solid var(--inkt); }
body.s-adviseur-d .d1 .tlijn li { padding: 0; flex-direction: row; gap: 14px; align-items: baseline; }
body.s-adviseur-d .d1 .tlijn li::before { left: -22px; top: 5px; }
body.s-adviseur-d .d1 .tlijn b { min-width: 86px; }