/* Verhoef Schilderwerken: zelfstandig schilder. Dennengroen (RAL 6009), crèmewit (RAL 9001), okergeel als detail. */
body.s-schilder-c {
  --bg: #f3eee2; --wit: #fbf9f3; --ink: #1d2721; --groen: #24392d; --groen2: #31503f; --groen-l: #dfe6dc;
  --oker: #c99a3c; --oker-d: #7d5a1a; --lijn: #d8cfbb; --mute: #545c55; --a: #24392d; --a2: #c99a3c; --bg2: #e6dfcf;
  --kop: "Barlow Condensed", "Barlow", sans-serif; --tekst: "Barlow", system-ui, sans-serif; --mono: "Space Grotesk", "Barlow", sans-serif;
  background: var(--bg); color: var(--ink); font: 400 17px/1.6 var(--tekst); overflow-x: hidden; font-variant-numeric: tabular-nums;
}
body.s-schilder-c a { color: inherit; text-decoration: none; }
body.s-schilder-c h1, body.s-schilder-c h2, body.s-schilder-c h3 { font-family: var(--kop); font-weight: 600; line-height: 1.04; margin: 0; letter-spacing: -.005em; color: var(--groen); }
body.s-schilder-c h2 { font-size: clamp(34px, 4.2vw, 54px); }
body.s-schilder-c h3 { font-size: 24px; }
body.s-schilder-c p { margin: 0; }
body.s-schilder-c .vs-w { width: min(1220px, 100% - 64px); margin-inline: auto; }
body.s-schilder-c .vs-tekst { color: var(--mute); max-width: 56ch; margin-top: 18px; }
body.s-schilder-c .vs-lead { font-size: 19px; color: var(--mute); max-width: 52ch; margin-top: 22px; }
body.s-schilder-c .vs-noot { font-size: 14px; color: var(--mute); margin-top: 18px; }
body.s-schilder-c svg { flex: none; }

/* Label met nummer, zoals de nummering op een kleurstaal */
body.s-schilder-c .vs-label { display: flex; align-items: flex-end; gap: 16px; font: 600 13px/1 var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--oker-d); margin-bottom: 22px; padding-bottom: 14px; border-bottom: 2px solid var(--groen); }
body.s-schilder-c .vs-label span { font: 600 64px/.8 var(--kop); color: transparent; -webkit-text-stroke: 1.2px var(--oker-d); letter-spacing: -.03em; }
body.s-schilder-c .vs-label .vs-ic { width: 34px; height: 34px; color: var(--groen); }

/* Knoppen */
body.s-schilder-c .vs-knoppen { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
body.s-schilder-c .vs-knop { display: inline-flex; align-items: center; gap: 10px; min-height: 54px; padding: 0 24px; font: 600 17px/1 var(--tekst); border: 1.5px solid var(--groen); transition: background .2s, color .2s; cursor: pointer; }
body.s-schilder-c .vs-knop svg { width: 20px; height: 20px; }
body.s-schilder-c .vs-knop--wa, body.s-schilder-c .vs-knop--vol { background: var(--groen); color: var(--wit); }
body.s-schilder-c .vs-knop--wa:hover, body.s-schilder-c .vs-knop--vol:hover { background: var(--groen2); }
body.s-schilder-c .vs-knop--lijn { color: var(--groen); }
body.s-schilder-c .vs-knop--lijn:hover { background: var(--groen); color: var(--wit); }
body.s-schilder-c .vs-knop--wa.vs-knop--licht { background: var(--oker); border-color: var(--oker); color: #1d2721; }
body.s-schilder-c .vs-knop--wa.vs-knop--licht:hover { background: #d9ac50; }
body.s-schilder-c .vs-knop--lijn.vs-knop--licht { border-color: rgba(251,249,243,.5); color: var(--wit); }
body.s-schilder-c .vs-knop--lijn.vs-knop--licht:hover { background: var(--wit); color: var(--groen); }
body.s-schilder-c .vs-link { display: inline-flex; align-items: center; gap: 10px; margin-top: 28px; font-weight: 600; color: var(--groen); border-bottom: 1.5px solid var(--oker); padding-bottom: 4px; }
body.s-schilder-c .vs-link .vs-pijl { width: 18px; height: 18px; transition: transform .2s; }
body.s-schilder-c .vs-link:hover .vs-pijl { transform: translateX(4px); }

/* ── Kop ───────────────────────────────────────────────── */
body.s-schilder-c .vs-kop { background: var(--bg); position: relative; z-index: 40; }
body.s-schilder-c .vs-kop-rand { display: grid; grid-template-columns: 5fr 2fr 1fr 1fr; height: 6px; }
body.s-schilder-c .vs-kop-rand i:nth-child(2) { box-shadow: inset 0 -1px 0 var(--lijn), inset 0 1px 0 var(--lijn); }
body.s-schilder-c .vs-kop-in { display: flex; align-items: center; gap: 28px; min-height: 84px; }
body.s-schilder-c .vs-logo { display: flex; align-items: center; gap: 12px; color: var(--groen); }
body.s-schilder-c .vs-logo-i { width: 38px; height: 38px; color: var(--groen); }
body.s-schilder-c .vs-logo b { display: block; font: 700 28px/0.9 var(--kop); letter-spacing: .01em; }
body.s-schilder-c .vs-logo small { display: block; font: 500 11px/1 var(--mono); letter-spacing: .2em; text-transform: uppercase; color: var(--oker-d); margin-top: 4px; }
body.s-schilder-c .vs-menu-cb { position: absolute; opacity: 0; pointer-events: none; }
body.s-schilder-c .vs-menu-knop { display: none; }
body.s-schilder-c .vs-nav { display: flex; align-items: center; gap: 26px; flex: 1; }
body.s-schilder-c .vs-nav ul { display: flex; gap: 26px; list-style: none; margin: 0 0 0 auto; padding: 0; }
body.s-schilder-c .vs-nav ul a, body.s-schilder-c .vs-ods { font-weight: 500; font-size: 16px; padding: 6px 0; border-bottom: 2px solid transparent; }
body.s-schilder-c .vs-nav ul a:hover, body.s-schilder-c .vs-nav a.is-actief { border-color: var(--oker); }
body.s-schilder-c .vs-nav a.is-actief { color: var(--groen); font-weight: 600; }
body.s-schilder-c .vs-ods { font-size: 14px; color: var(--mute); }
body.s-schilder-c .vs-nav-cta { display: flex; align-items: center; gap: 18px; padding-left: 22px; border-left: 1px solid var(--lijn); }
body.s-schilder-c .vs-nav-tel { display: flex; align-items: center; gap: 8px; font: 500 15px/1 var(--mono); color: var(--groen); white-space: nowrap; }
body.s-schilder-c .vs-tel-i { width: 18px; height: 18px; }
body.s-schilder-c .vs-nav-wa { display: inline-flex; align-items: center; gap: 8px; background: var(--groen); color: var(--wit); padding: 12px 18px; font-weight: 600; font-size: 15px; white-space: nowrap; }
body.s-schilder-c .vs-nav-wa:hover { background: var(--groen2); }
body.s-schilder-c .vs-wa-i { width: 18px; height: 18px; }

/* ── Opening: de prijslijst ────────────────────────────── */
body.s-schilder-c .vs-open { padding: 64px 0 88px; }
body.s-schilder-c .vs-open-kop { display: grid; grid-template-columns: 150px 1fr minmax(260px, 340px); gap: 0 40px; align-items: end; padding-bottom: 44px; }
body.s-schilder-c .vs-open-kop .vs-hfd-nr { align-self: start; }
body.s-schilder-c .vs-boven { font: 600 13px/1 var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--oker-d); margin-bottom: 20px; }
body.s-schilder-c .vs-open h1 { font-size: clamp(46px, 5.6vw, 84px); line-height: .95; letter-spacing: -.012em; max-width: 17ch; }
body.s-schilder-c .vs-open h1 em { font-style: normal; color: var(--oker-d); display: block; }
body.s-schilder-c .vs-open-lead { color: var(--mute); font-size: 17px; padding-bottom: 8px; }
body.s-schilder-c .vs-ok { display: grid; grid-template-columns: repeat(4, 1fr); background: var(--wit); border: 1px solid var(--lijn); box-shadow: 0 30px 60px -44px rgba(29,39,33,.5); }
body.s-schilder-c .vs-ok-kol { padding: 0 26px 26px; border-right: 1px solid var(--lijn); }
body.s-schilder-c .vs-ok-kol:last-child { border-right: 0; }
body.s-schilder-c .vs-ok-staal { margin: 0 -26px 22px; height: 92px; background: var(--staal); display: flex; justify-content: space-between; align-items: flex-end; padding: 0 26px 12px; color: #fff; font-size: 14px; font-weight: 600; }
body.s-schilder-c .vs-ok-kol:nth-child(2) .vs-ok-staal { color: var(--ink); box-shadow: inset 0 -1px 0 var(--lijn); }
body.s-schilder-c .vs-ok-kol:nth-child(3) .vs-ok-staal { color: var(--ink); }
body.s-schilder-c .vs-ok-staal small { font: 500 12px/1 var(--mono); opacity: .85; }
body.s-schilder-c .vs-ok-kol h2 { font-size: 34px; }
body.s-schilder-c .vs-ok-sub { font-size: 14px; color: var(--mute); margin-top: 6px !important; min-height: 2.8em; line-height: 1.4; }
body.s-schilder-c .vs-ok ul { list-style: none; margin: 14px 0 0; padding: 0; }
body.s-schilder-c .vs-ok li { display: flex; justify-content: space-between; align-items: baseline; gap: 14px; padding: 13px 0; border-top: 1px solid var(--lijn); }
body.s-schilder-c .vs-ok-n { font-size: 15px; line-height: 1.3; }
body.s-schilder-c .vs-ok-n small { display: block; font: 500 12px/1.3 var(--mono); color: var(--mute); margin-top: 3px; }
body.s-schilder-c .vs-ok li b { font: 600 24px/1 var(--mono); color: var(--groen); white-space: nowrap; letter-spacing: -.02em; }
body.s-schilder-c .vs-open-voet { display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; margin-top: 36px; }
body.s-schilder-c .vs-open-voet .vs-knoppen { margin-top: 0; }
body.s-schilder-c .vs-open-voet .vs-link { margin-top: 0; }

/* Brede fotoband na de prijslijst */
body.s-schilder-c .vs-band { margin: 0; position: relative; }
body.s-schilder-c .vs-band-foto { width: 100%; height: clamp(320px, 46vw, 640px); object-fit: cover; }
body.s-schilder-c .vs-band figcaption { display: flex; justify-content: space-between; gap: 20px; padding: 14px 0; font: 500 13px/1.3 var(--mono); color: var(--mute); border-bottom: 1px solid var(--lijn); }

/* Hoofdstukkoppen: groot nummer in de kantlijn */
body.s-schilder-c .vs-hfd { display: grid; grid-template-columns: 150px 1fr; gap: 40px; align-items: start; border-top: 2px solid var(--groen); padding-top: 26px; margin-bottom: 56px; }
body.s-schilder-c .vs-hfd-nr { font: 600 110px/.78 var(--kop); color: transparent; -webkit-text-stroke: 1.5px var(--oker-d); letter-spacing: -.03em; margin: 0; }
body.s-schilder-c .vs-hfd-l { font: 600 13px/1 var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--oker-d); margin-bottom: 14px !important; }
body.s-schilder-c .vs-hfd h2 { max-width: 20ch; }
body.s-schilder-c .vs-hfd-body { margin-left: 190px; }
body.s-schilder-c .vs-hfd-body > .vs-tekst:first-child { margin-top: 0; }

/* Diensten als index-regels */
body.s-schilder-c .vs-drijen { list-style: none; margin: 40px 0 0; padding: 0; border-top: 1px solid var(--lijn); }
body.s-schilder-c .vs-drij { display: grid; grid-template-columns: 56px 1fr auto 24px; gap: 28px; align-items: center; padding: 26px 0; border-bottom: 1px solid var(--lijn); transition: padding .2s, background .2s; }
body.s-schilder-c .vs-drij:hover { background: var(--bg); padding-left: 16px; padding-right: 16px; }
body.s-schilder-c .vs-drij .vs-ic { width: 48px; height: 48px; color: var(--groen); }
body.s-schilder-c .vs-drij-t b { display: block; font: 600 32px/1 var(--kop); color: var(--groen); }
body.s-schilder-c .vs-drij-t span { display: block; color: var(--mute); margin-top: 6px; }
body.s-schilder-c .vs-drij-p { font: 600 20px/1 var(--mono); color: var(--groen); white-space: nowrap; }
body.s-schilder-c .vs-drij .vs-pijl { width: 22px; height: 22px; color: var(--oker-d); }

/* ── Secties ───────────────────────────────────────────── */
body.s-schilder-c .vs-sec { padding: 120px 0; }
body.s-schilder-c .vs-sec--wit { background: var(--wit); }
body.s-schilder-c .vs-sec--eerst { padding-top: 96px; }
body.s-schilder-c .vs-sec-kop { max-width: 760px; margin-bottom: 60px; }
body.s-schilder-c .vs-sec-kop--rij { max-width: none; display: flex; justify-content: space-between; align-items: end; gap: 40px; }
body.s-schilder-c .vs-sec-kop--rij h2 { max-width: 16ch; }
body.s-schilder-c .vs-sec-kop--rij .vs-tekst { max-width: 36ch; }
body.s-schilder-c .vs-h2-los { margin-bottom: 52px; }

/* WhatsApp-sectie */
body.s-schilder-c .vs-wasec-in { display: grid; grid-template-columns: 1.15fr .85fr; gap: 96px; align-items: center; }
body.s-schilder-c .vs-wasec h2 { max-width: 14ch; }
body.s-schilder-c .vs-stappen { list-style: none; padding: 0; margin: 48px 0 0; display: grid; gap: 0; border-top: 1px solid var(--lijn); }
body.s-schilder-c .vs-stappen li { display: grid; grid-template-columns: 64px 1fr; grid-template-rows: auto auto; column-gap: 8px; padding: 22px 0; border-bottom: 1px solid var(--lijn); }
body.s-schilder-c .vs-st-nr { grid-row: span 2; font: 500 30px/1 var(--mono); color: var(--oker-d); }
body.s-schilder-c .vs-stappen p { color: var(--mute); margin-top: 6px; }
body.s-schilder-c .vs-tel { background: #ece5d6; border: 10px solid var(--groen); border-radius: 34px; overflow: hidden; max-width: 380px; justify-self: center; width: 100%; box-shadow: 0 40px 80px -40px rgba(29,39,33,.55); }
body.s-schilder-c .vs-tel-kop { display: flex; align-items: center; gap: 12px; background: var(--groen); color: var(--wit); padding: 14px 18px 16px; }
body.s-schilder-c .vs-tel-kop b { display: block; font-size: 16px; }
body.s-schilder-c .vs-tel-kop small { display: block; font-size: 13px; color: #c3cfc1; }
body.s-schilder-c .vs-tel-av { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--oker); color: var(--ink); font: 600 15px/1 var(--kop); }
body.s-schilder-c .vs-tel-chat { display: grid; gap: 8px; padding: 18px 14px 22px; font-size: 15px; line-height: 1.45; }
body.s-schilder-c .vs-b { max-width: 84%; padding: 9px 12px; border-radius: 12px; box-shadow: 0 1px 1px rgba(0,0,0,.08); }
body.s-schilder-c .vs-b--ik { justify-self: end; background: #dfe9d3; border-bottom-right-radius: 3px; }
body.s-schilder-c .vs-b--hij { justify-self: start; background: #fff; border-bottom-left-radius: 3px; }
body.s-schilder-c .vs-b--foto { padding: 4px; width: 72%; }
body.s-schilder-c .vs-chatfoto { width: 100%; aspect-ratio: 4/3; height: auto; min-height: 0; object-fit: cover; border-radius: 9px; }
body.s-schilder-c .vs-chatfoto .ph-cap { font-size: 10px; }

/* Agenda */
body.s-schilder-c .vs-agsec { display: grid; grid-template-columns: .9fr 1.1fr; gap: 80px; align-items: center; }
body.s-schilder-c .vs-ag-volgende { display: grid; gap: 4px; margin-top: 36px; padding: 22px 26px; background: var(--wit); border-left: 4px solid var(--oker); width: fit-content; }
body.s-schilder-c .vs-ag-volgende span { font-size: 14px; color: var(--mute); }
body.s-schilder-c .vs-ag-volgende b { font: 600 40px/1 var(--kop); color: var(--groen); }
body.s-schilder-c .vs-ag-volgende small { font-size: 14px; color: var(--mute); }
body.s-schilder-c .vs-agenda ol { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
body.s-schilder-c .vs-wk { padding: 16px 16px 18px; min-height: 112px; display: grid; align-content: space-between; gap: 14px; background: var(--wit); border: 1px solid var(--lijn); }
body.s-schilder-c .vs-wk b { font: 500 14px/1 var(--mono); letter-spacing: .04em; }
body.s-schilder-c .vs-wk span { font-size: 14px; line-height: 1.3; }
body.s-schilder-c .vs-wk--vol { background: var(--groen); border-color: var(--groen); color: #d7e0d4; }
body.s-schilder-c .vs-wk--vol b { color: var(--wit); }
body.s-schilder-c .vs-wk--half { background: repeating-linear-gradient(135deg, var(--wit) 0 8px, #efe7d4 8px 16px); }
body.s-schilder-c .vs-wk--vrij { border: 2px solid var(--oker); }
body.s-schilder-c .vs-wk--vrij b { color: var(--oker-d); }
body.s-schilder-c .vs-legenda { display: flex; gap: 22px; margin-top: 16px; font-size: 14px; color: var(--mute); }
body.s-schilder-c .vs-legenda span { display: inline-flex; align-items: center; gap: 8px; }
body.s-schilder-c .vs-legenda i { width: 14px; height: 14px; display: inline-block; border: 1px solid var(--lijn); }
body.s-schilder-c .vs-legenda i.vol { background: var(--groen); border-color: var(--groen); }
body.s-schilder-c .vs-legenda i.half { background: repeating-linear-gradient(135deg, var(--wit) 0 3px, #e3d8bd 3px 6px); }
body.s-schilder-c .vs-legenda i.vrij { border: 2px solid var(--oker); }

/* Werk */
body.s-schilder-c .vs-werkgrid { display: grid; grid-template-columns: 1.4fr 1fr; grid-template-rows: auto auto; gap: 48px 40px; }
body.s-schilder-c .vs-werk { margin: 0; }
body.s-schilder-c .vs-werk--groot { grid-row: span 2; }
body.s-schilder-c .vs-werk-foto { width: 100%; aspect-ratio: 4/3; height: auto; object-fit: cover; }
body.s-schilder-c .vs-werk--groot .vs-werk-foto { aspect-ratio: 5/6; }
body.s-schilder-c .vs-werk figcaption { padding-top: 20px; }
body.s-schilder-c .vs-werk-soort { font: 500 12px/1 var(--mono); text-transform: uppercase; letter-spacing: .14em; color: var(--oker-d); margin-bottom: 10px !important; }
body.s-schilder-c .vs-werk h3 { font-size: 28px; }
body.s-schilder-c .vs-werk figcaption > p:not(.vs-werk-soort) { color: var(--mute); margin-top: 8px; }
body.s-schilder-c .vs-werk dl { display: flex; gap: 36px; margin: 16px 0 0; padding-top: 14px; border-top: 1px solid var(--lijn); }
body.s-schilder-c .vs-werk dt { font-size: 13px; color: var(--mute); }
body.s-schilder-c .vs-werk dd { margin: 2px 0 0; font: 500 18px/1.2 var(--mono); color: var(--groen); }

/* Over op home */
body.s-schilder-c .vs-oversec-in { display: grid; grid-template-columns: 1fr 1fr; gap: 88px; align-items: center; }
body.s-schilder-c .vs-over-foto { width: 100%; aspect-ratio: 4/5; height: auto; object-fit: cover; }
body.s-schilder-c .vs-cijfers { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin: 40px 0 0; padding-top: 26px; border-top: 2px solid var(--groen); }
body.s-schilder-c .vs-cijfers dt { font: 600 34px/1 var(--kop); color: var(--groen); }
body.s-schilder-c .vs-cijfers dd { margin: 8px 0 0; font-size: 14px; color: var(--mute); line-height: 1.35; }

/* Slotband */
body.s-schilder-c .vs-slot { background: var(--groen); color: var(--wit); padding: 96px 0; }
body.s-schilder-c .vs-slot-in { display: grid; grid-template-columns: 1fr auto; gap: 56px; align-items: center; }
body.s-schilder-c .vs-slot h2 { color: var(--wit); max-width: 18ch; }
body.s-schilder-c .vs-slot p { color: #cfd8cc; margin-top: 16px; max-width: 54ch; }
body.s-schilder-c .vs-slot .vs-knoppen { margin-top: 0; flex-direction: column; }

/* ── Paginakop subpagina's ─────────────────────────────── */
body.s-schilder-c .vs-pk { padding: 84px 0 76px; border-bottom: 1px solid var(--lijn); }
body.s-schilder-c .vs-pk-in { display: grid; grid-template-columns: 1.3fr 1fr; gap: 64px; align-items: end; }
body.s-schilder-c .vs-kruim { font: 400 13px/1 var(--mono); color: var(--mute); display: flex; gap: 10px; margin-bottom: 28px; letter-spacing: .04em; }
body.s-schilder-c .vs-kruim a { color: var(--oker-d); }
body.s-schilder-c .vs-pk h1 { font-size: clamp(44px, 5.6vw, 80px); line-height: .98; max-width: 15ch; }
body.s-schilder-c .vs-snel { list-style: none; margin: 0; padding: 0; display: grid; border-top: 2px solid var(--groen); }
body.s-schilder-c .vs-snel a { display: flex; align-items: center; gap: 14px; padding: 14px 0; border-bottom: 1px solid var(--lijn); font-weight: 600; color: var(--groen); }
body.s-schilder-c .vs-snel a:hover { color: var(--oker-d); }
body.s-schilder-c .vs-snel .vs-ic { width: 30px; height: 30px; }
body.s-schilder-c .vs-snel--tekst a::before { content: ""; width: 22px; height: 14px; background: var(--groen); }
body.s-schilder-c .vs-snel--tekst li:nth-child(2) a::before { background: var(--oker); }
body.s-schilder-c .vs-snel--tekst li:nth-child(3) a::before { background: #e6dfcf; border: 1px solid var(--lijn); }
body.s-schilder-c .vs-snel--tekst li:nth-child(4) a::before { background: #4b5157; }

/* Diensten-pagina */
body.s-schilder-c .vs-dblok { padding: 112px 0; scroll-margin-top: 20px; }
body.s-schilder-c .vs-dblok:nth-of-type(odd) { background: var(--wit); }
body.s-schilder-c .vs-dblok-in { display: grid; grid-template-columns: 1fr 1fr; gap: 88px; align-items: center; }
body.s-schilder-c .vs-dblok--om .vs-dblok-beeld { order: 2; }
body.s-schilder-c .vs-dblok-beeld { position: relative; }
body.s-schilder-c .vs-dblok-foto { width: 100%; aspect-ratio: 4/5; height: auto; object-fit: cover; }
body.s-schilder-c .vs-dblok-prijs { position: absolute; right: -20px; bottom: 32px; background: var(--groen); color: var(--wit); padding: 18px 22px; display: grid; gap: 4px; min-width: 170px; }
body.s-schilder-c .vs-dblok--om .vs-dblok-prijs { right: auto; left: -20px; }
body.s-schilder-c .vs-dblok-prijs span { font: 500 11px/1 var(--mono); text-transform: uppercase; letter-spacing: .14em; color: var(--oker); }
body.s-schilder-c .vs-dblok-prijs b { font: 500 34px/1 var(--mono); letter-spacing: -.03em; }
body.s-schilder-c .vs-dblok-prijs small { font-size: 13px; color: #c3cfc1; }
body.s-schilder-c .vs-dblok-kort { font: 500 21px/1.35 var(--tekst); color: var(--ink); margin-top: 14px !important; }
body.s-schilder-c .vs-punten { list-style: none; padding: 0; margin: 26px 0 0; display: grid; gap: 8px; font-weight: 500; }
body.s-schilder-c .vs-incl { display: grid; grid-template-columns: 1fr 1fr; gap: 0 28px; margin: 32px 0 0; border-top: 1px solid var(--lijn); }
body.s-schilder-c .vs-incl div { padding: 14px 0; border-bottom: 1px solid var(--lijn); }
body.s-schilder-c .vs-incl dt { font: 500 12px/1 var(--mono); text-transform: uppercase; letter-spacing: .12em; color: var(--oker-d); }
body.s-schilder-c .vs-incl dd { margin: 6px 0 0; font-size: 15px; line-height: 1.4; }
body.s-schilder-c .vs-niet { display: grid; grid-template-columns: .9fr 1.1fr; gap: 80px; }
body.s-schilder-c .vs-niet-lijst, body.s-schilder-c .vs-gereed-lijst { list-style: none; margin: 0; padding: 0; border-top: 2px solid var(--groen); }
body.s-schilder-c .vs-niet-lijst li, body.s-schilder-c .vs-gereed-lijst li { display: grid; grid-template-columns: 220px 1fr; gap: 20px; padding: 20px 0; border-bottom: 1px solid var(--lijn); }
body.s-schilder-c .vs-niet-lijst b, body.s-schilder-c .vs-gereed-lijst b { font: 600 22px/1.15 var(--kop); color: var(--groen); }
body.s-schilder-c .vs-niet-lijst span, body.s-schilder-c .vs-gereed-lijst span { color: var(--mute); }

/* Prijzen-pagina */
body.s-schilder-c .vs-pgroepen { display: grid; grid-template-columns: 1fr 1fr; gap: 72px 80px; }
body.s-schilder-c .vs-pgroep { scroll-margin-top: 20px; }
body.s-schilder-c .vs-pgroep-kop { padding-bottom: 16px; border-bottom: 2px solid var(--groen); }
body.s-schilder-c .vs-pgroep-kop h2 { font-size: 40px; }
body.s-schilder-c .vs-pgroep-kop p { color: var(--mute); font-size: 15px; margin-top: 6px; }
body.s-schilder-c .vs-prijslijst { list-style: none; margin: 0; padding: 0; }
body.s-schilder-c .vs-prijslijst li { display: grid; grid-template-columns: 1fr auto auto; gap: 18px; align-items: baseline; padding: 15px 0; border-bottom: 1px solid var(--lijn); }
body.s-schilder-c .vs-pr-n { font-weight: 500; }
body.s-schilder-c .vs-pr-e { font: 400 13px/1 var(--mono); color: var(--mute); white-space: nowrap; }
body.s-schilder-c .vs-pr-p { font: 500 18px/1 var(--mono); color: var(--groen); min-width: 76px; text-align: right; white-space: nowrap; }
body.s-schilder-c .vs-kozsec { display: grid; grid-template-columns: 1fr 1.1fr; gap: 88px; align-items: center; }
body.s-schilder-c .vs-kozsec-teken { background: var(--bg); padding: 48px; color: var(--groen); }
body.s-schilder-c .vs-kozijn { width: 100%; height: auto; display: block; }
body.s-schilder-c .vs-rekengrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
body.s-schilder-c .vs-reken { background: var(--wit); padding: 34px 30px 30px; border-top: 4px solid var(--groen); display: flex; flex-direction: column; }
body.s-schilder-c .vs-reken h3 { font-size: 28px; margin-bottom: 18px; }
body.s-schilder-c .vs-reken ul { list-style: none; margin: 0; padding: 0; }
body.s-schilder-c .vs-reken li { display: flex; justify-content: space-between; gap: 16px; padding: 10px 0; border-bottom: 1px dashed var(--lijn); font-size: 15px; }
body.s-schilder-c .vs-reken li span:last-child { font-family: var(--mono); white-space: nowrap; }
body.s-schilder-c .vs-reken-tot { display: flex; justify-content: space-between; align-items: baseline; margin-top: auto !important; padding-top: 22px; }
body.s-schilder-c .vs-reken-tot span { font-size: 14px; color: var(--mute); }
body.s-schilder-c .vs-reken-tot b { font: 500 30px/1 var(--mono); color: var(--groen); letter-spacing: -.03em; }
body.s-schilder-c .vs-reken-duur { font-size: 14px; color: var(--oker-d); margin-top: 8px !important; font-weight: 500; }
body.s-schilder-c .vs-afspraken { display: grid; grid-template-columns: .7fr 1.3fr; gap: 80px; }
body.s-schilder-c .vs-afs { display: grid; grid-template-columns: 1fr 1fr; gap: 0 40px; margin: 0; border-top: 2px solid var(--groen); }
body.s-schilder-c .vs-afs div { padding: 22px 0; border-bottom: 1px solid var(--lijn); }
body.s-schilder-c .vs-afs dt { font: 600 22px/1.1 var(--kop); color: var(--groen); }
body.s-schilder-c .vs-afs dd { margin: 8px 0 0; color: var(--mute); font-size: 16px; }

/* Over-pagina */
body.s-schilder-c .vs-cijfers--kop { margin: 0; align-self: end; }
body.s-schilder-c .vs-ag-volgende--kop { justify-self: start; margin: 0; background: var(--wit); }
body.s-schilder-c .vs-verhaal { display: grid; grid-template-columns: 1fr 1.05fr; gap: 88px; align-items: start; }
body.s-schilder-c .vs-verhaal-foto { width: 100%; aspect-ratio: 4/5; height: auto; object-fit: cover; }
body.s-schilder-c .vs-verhaal h2 { margin-top: 12px; }
body.s-schilder-c .vs-tijdlijn { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; border-top: 2px solid var(--groen); }
body.s-schilder-c .vs-tijdlijn li { display: grid; grid-template-columns: 56px 1fr; padding: 30px 28px 34px 0; border-bottom: 1px solid var(--lijn); }
body.s-schilder-c .vs-tijdlijn h3 { font-size: 26px; }
body.s-schilder-c .vs-tijdlijn p { color: var(--mute); margin-top: 8px; font-size: 16px; }
body.s-schilder-c .vs-tijdlijn .vs-st-nr { font-size: 22px; padding-top: 3px; }
body.s-schilder-c .vs-gereed, body.s-schilder-c .vs-gebied { display: grid; grid-template-columns: .9fr 1.1fr; gap: 80px; }
body.s-schilder-c .vs-wijken { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; align-content: start; }
body.s-schilder-c .vs-wijken li { padding: 12px 20px; border: 1.5px solid var(--groen); font-weight: 500; color: var(--groen); }
body.s-schilder-c .vs-wijken li:first-child { background: var(--groen); color: var(--wit); }

/* Contact-pagina */
body.s-schilder-c .vs-contact { display: grid; grid-template-columns: 1fr 1.1fr; gap: 88px; align-items: start; }
body.s-schilder-c .vs-wa-groot { display: flex; align-items: center; gap: 18px; background: var(--groen); color: var(--wit); padding: 26px 28px; margin-bottom: 52px; }
body.s-schilder-c .vs-wa-groot .vs-wa-i { width: 40px; height: 40px; color: var(--oker); }
body.s-schilder-c .vs-wa-groot span { flex: 1; font: 500 30px/1 var(--mono); letter-spacing: -.02em; }
body.s-schilder-c .vs-wa-groot small { display: block; font: 500 12px/1 var(--mono); text-transform: uppercase; letter-spacing: .14em; color: #c3cfc1; margin-bottom: 8px; }
body.s-schilder-c .vs-wa-groot .vs-pijl { width: 26px; height: 26px; }
body.s-schilder-c .vs-contact h2 { font-size: 36px; }
body.s-schilder-c .vs-tips { list-style: none; margin: 20px 0 0; padding: 0; counter-reset: tip; }
body.s-schilder-c .vs-tips li { display: grid; grid-template-columns: 40px 140px 1fr; gap: 12px; padding: 14px 0; border-bottom: 1px solid var(--lijn); counter-increment: tip; }
body.s-schilder-c .vs-tips li::before { content: counter(tip, decimal-leading-zero); font: 500 14px/1.6 var(--mono); color: var(--oker-d); }
body.s-schilder-c .vs-tips b { font-weight: 600; }
body.s-schilder-c .vs-tips span { color: var(--mute); font-size: 15px; }
body.s-schilder-c .vs-contact-info { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 40px; margin-top: 48px; }
body.s-schilder-c .vs-contact-info h3 { font-size: 20px; grid-row: 1; margin-bottom: 6px; }
body.s-schilder-c .vs-contact-info ul { list-style: none; margin: 0; padding: 0; font-size: 15px; line-height: 1.8; }
body.s-schilder-c .vs-contact-info a { border-bottom: 1px solid var(--oker); }
body.s-schilder-c .vs-contact-info .vs-voet-t li { display: grid; color: var(--ink); }
body.s-schilder-c .vs-form { background: var(--bg); padding: 44px 40px; border-top: 4px solid var(--groen); display: grid; gap: 18px; }
body.s-schilder-c .vs-form fieldset { border: 0; padding: 0; margin: 0; }
body.s-schilder-c .vs-form legend, body.s-schilder-c .vs-veld > span { display: block; font-weight: 600; font-size: 15px; margin-bottom: 8px; }
body.s-schilder-c .vs-chips { display: flex; flex-wrap: wrap; gap: 8px; }
body.s-schilder-c .vs-chip input { position: absolute; opacity: 0; }
body.s-schilder-c .vs-chip span { display: inline-block; padding: 9px 14px; border: 1.5px solid var(--groen); font-size: 15px; cursor: pointer; background: var(--wit); }
body.s-schilder-c .vs-chip input:checked + span { background: var(--groen); color: var(--wit); }
body.s-schilder-c .vs-chip input:focus-visible + span { outline: 2px solid var(--oker); outline-offset: 2px; }
body.s-schilder-c .vs-veld { display: block; }
body.s-schilder-c .vs-veld input, body.s-schilder-c .vs-veld textarea, body.s-schilder-c .vs-veld select { width: 100%; font: 400 16px/1.4 var(--tekst); color: var(--ink); background: var(--wit); border: 1px solid #b9ae95; padding: 13px 14px; border-radius: 0; }
body.s-schilder-c .vs-veld input:focus, body.s-schilder-c .vs-veld textarea:focus, body.s-schilder-c .vs-veld select:focus { outline: 2px solid var(--groen); outline-offset: 0; }
body.s-schilder-c .vs-velden2 { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
body.s-schilder-c .vs-form .vs-knop { justify-content: center; margin-top: 6px; }
body.s-schilder-c .vs-form .vs-noot { margin-top: 0; }
body.s-schilder-c .vs-faq { display: grid; grid-template-columns: .8fr 1.2fr; gap: 80px; }
body.s-schilder-c .vs-vragen { border-top: 2px solid var(--groen); }
body.s-schilder-c .vs-vraag { border-bottom: 1px solid var(--lijn); }
body.s-schilder-c .vs-vraag summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; gap: 20px; padding: 22px 0; font: 600 22px/1.2 var(--kop); color: var(--groen); }
body.s-schilder-c .vs-vraag summary::-webkit-details-marker { display: none; }
body.s-schilder-c .vs-vraag summary::after { content: "+"; font: 400 26px/1 var(--mono); color: var(--oker-d); }
body.s-schilder-c .vs-vraag[open] summary::after { content: "–"; }
body.s-schilder-c .vs-vraag p { padding: 0 40px 24px 0; color: var(--mute); }

/* ── Voet ──────────────────────────────────────────────── */
body.s-schilder-c .vs-voet { background: #18241d; color: #c8d1c5; padding: 88px 0 32px; font-size: 15px; }
body.s-schilder-c .vs-voet-top { display: flex; justify-content: space-between; align-items: end; gap: 40px; padding-bottom: 48px; border-bottom: 1px solid rgba(255,255,255,.12); }
body.s-schilder-c .vs-voet-l { font: 600 13px/1 var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--oker); margin-bottom: 14px !important; }
body.s-schilder-c .vs-voet-nr { display: block; font: 600 clamp(54px, 8vw, 120px)/.9 var(--kop); color: var(--wit); letter-spacing: -.01em; white-space: nowrap; }
body.s-schilder-c .vs-voet-nr:hover { color: var(--oker); text-decoration: none !important; }
body.s-schilder-c .vs-voet-merk { max-width: 340px; }
body.s-schilder-c .vs-voet-naam { font: 700 34px/.9 var(--kop); color: var(--wit); margin-bottom: 14px !important; }
body.s-schilder-c .vs-voet-naam span { display: block; font: 500 13px/1 var(--mono); letter-spacing: .24em; text-transform: uppercase; color: var(--oker); margin-top: 10px; }
body.s-schilder-c .vs-voet-zin { font-size: 15px; color: #dfe5dc; }
body.s-schilder-c .vs-voet-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px; padding: 48px 0; }
body.s-schilder-c .vs-voet h2 { font: 500 12px/1 var(--mono); letter-spacing: .16em; text-transform: uppercase; color: var(--oker); margin-bottom: 18px; }
body.s-schilder-c .vs-voet ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
body.s-schilder-c .vs-voet a:hover { color: var(--wit); text-decoration: underline; text-decoration-color: var(--oker); }
body.s-schilder-c .vs-voet-t li { display: grid; gap: 0; }
body.s-schilder-c .vs-voet .vs-voet-t li span:first-child { color: var(--wit); font-weight: 500; }
body.s-schilder-c .vs-contact-info .vs-voet-t li span:first-child { font-weight: 600; }
body.s-schilder-c .vs-voet-klein { font-size: 13px; color: #9fab9c; margin-top: 18px; }
body.s-schilder-c .vs-voet-onder { display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.12); font-size: 13px; color: #9fab9c; }
body.s-schilder-c .vs-voet-onder a { color: var(--wit); }

/* Foto-plaatshouders iets rustiger in deze kleuren */
body.s-schilder-c .ph { min-height: 0; }

/* ── Tablet ────────────────────────────────────────────── */
@media (max-width: 1100px) {
  body.s-schilder-c .vs-nav ul { gap: 18px; }
  body.s-schilder-c .vs-nav-tel { display: none; }
  body.s-schilder-c .vs-ok { grid-template-columns: 1fr 1fr; }
  body.s-schilder-c .vs-ok-kol:nth-child(2) { border-right: 0; }
  body.s-schilder-c .vs-ok-kol:nth-child(-n+2) { border-bottom: 1px solid var(--lijn); }
  body.s-schilder-c .vs-open-kop { grid-template-columns: 110px 1fr; }
  body.s-schilder-c .vs-open-lead { grid-column: 2; margin-top: 20px !important; }
  body.s-schilder-c .vs-hfd { grid-template-columns: 110px 1fr; gap: 28px; }
  body.s-schilder-c .vs-hfd-nr { font-size: 84px; }
  body.s-schilder-c .vs-hfd-body { margin-left: 138px; }
  body.s-schilder-c .vs-tijdlijn { grid-template-columns: 1fr 1fr; }
}

/* ── Mobiel menu ───────────────────────────────────────── */
@media (max-width: 960px) {
  body.s-schilder-c .vs-kop-in { min-height: 72px; justify-content: space-between; }
  body.s-schilder-c .vs-menu-knop { display: flex; flex-direction: column; justify-content: center; gap: 5px; width: 48px; height: 48px; padding: 12px 11px; cursor: pointer; border: 1.5px solid var(--groen); position: relative; }
  body.s-schilder-c .vs-menu-knop span { display: block; height: 2px; background: var(--groen); transition: transform .2s, opacity .2s; }
  body.s-schilder-c .vs-menu-knop em { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  body.s-schilder-c .vs-menu-cb:checked + .vs-menu-knop span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
  body.s-schilder-c .vs-menu-cb:checked + .vs-menu-knop span:nth-child(2) { opacity: 0; }
  body.s-schilder-c .vs-menu-cb:checked + .vs-menu-knop span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
  body.s-schilder-c .vs-menu-cb:focus-visible + .vs-menu-knop { outline: 2px solid var(--oker); outline-offset: 2px; }
  body.s-schilder-c .vs-nav { display: none; position: absolute; left: 0; right: 0; top: 100%; background: var(--bg); border-bottom: 2px solid var(--groen); flex-direction: column; align-items: stretch; gap: 0; padding: 8px 20px 24px; box-shadow: 0 30px 40px -30px rgba(29,39,33,.4); }
  body.s-schilder-c .vs-menu-cb:checked ~ .vs-nav { display: flex; }
  body.s-schilder-c .vs-nav ul { flex-direction: column; gap: 0; margin: 0; }
  body.s-schilder-c .vs-nav ul a { display: block; padding: 16px 0; border-bottom: 1px solid var(--lijn); font: 600 26px/1 var(--kop); }
  body.s-schilder-c .vs-nav ul a.is-actief { color: var(--oker-d); border-bottom-color: var(--lijn); }
  body.s-schilder-c .vs-ods { padding: 16px 0; border-bottom: 1px solid var(--lijn) !important; }
  body.s-schilder-c .vs-nav-cta { border: 0; padding: 20px 0 0; flex-direction: column; align-items: stretch; gap: 14px; }
  body.s-schilder-c .vs-nav-tel { display: flex; font-size: 18px; }
  body.s-schilder-c .vs-nav-wa { justify-content: center; padding: 16px; font-size: 17px; }
}

/* ── Mobiel ────────────────────────────────────────────── */
@media (max-width: 860px) {
  body.s-schilder-c { font-size: 16px; }
  body.s-schilder-c .vs-w { width: calc(100% - 40px); }
  body.s-schilder-c .vs-sec { padding: 76px 0; }
  body.s-schilder-c .vs-sec--eerst { padding-top: 60px; }
  body.s-schilder-c .vs-open { padding: 36px 0 60px; }
  body.s-schilder-c .vs-open-kop { grid-template-columns: 1fr; padding-bottom: 30px; }
  body.s-schilder-c .vs-open-kop .vs-hfd-nr { display: none; }
  body.s-schilder-c .vs-open-lead { grid-column: auto; }
  body.s-schilder-c .vs-ok { grid-template-columns: 1fr; margin: 0 -20px; border-left: 0; border-right: 0; }
  body.s-schilder-c .vs-ok-kol { border-right: 0; border-bottom: 1px solid var(--lijn); padding: 0 20px 20px; }
  body.s-schilder-c .vs-ok-staal { margin: 0 -20px 18px; height: 64px; padding: 0 20px 10px; }
  body.s-schilder-c .vs-ok-sub { min-height: 0; }
  body.s-schilder-c .vs-ok li b { font-size: 21px; }
  body.s-schilder-c .vs-ok li:nth-child(4) { display: none; }
  body.s-schilder-c .vs-open-voet { display: grid; }
  body.s-schilder-c .vs-band-foto { height: auto; aspect-ratio: 4/3; }
  body.s-schilder-c .vs-band figcaption { width: calc(100% - 40px); font-size: 12px; }
  body.s-schilder-c .vs-hfd { grid-template-columns: 1fr; gap: 14px; margin-bottom: 36px; }
  body.s-schilder-c .vs-hfd-nr { font-size: 72px; }
  body.s-schilder-c .vs-hfd-body { margin-left: 0; }
  body.s-schilder-c .vs-drij { grid-template-columns: 40px 1fr 20px; gap: 6px 16px; padding: 22px 0; }
  body.s-schilder-c .vs-drij .vs-ic { width: 36px; height: 36px; grid-row: span 2; align-self: start; }
  body.s-schilder-c .vs-drij-t b { font-size: 26px; }
  body.s-schilder-c .vs-drij-p { grid-column: 2; grid-row: 2; font-size: 17px; }
  body.s-schilder-c .vs-drij .vs-pijl { grid-column: 3; grid-row: 1; }
  body.s-schilder-c .vs-voet-merk { margin-top: 36px; }
  body.s-schilder-c .vs-wasec-in, body.s-schilder-c .vs-agsec, body.s-schilder-c .vs-oversec-in,
  body.s-schilder-c .vs-pk-in, body.s-schilder-c .vs-dblok-in, body.s-schilder-c .vs-niet, body.s-schilder-c .vs-kozsec,
  body.s-schilder-c .vs-afspraken, body.s-schilder-c .vs-verhaal, body.s-schilder-c .vs-gereed, body.s-schilder-c .vs-gebied,
  body.s-schilder-c .vs-contact, body.s-schilder-c .vs-faq, body.s-schilder-c .vs-pgroepen { grid-template-columns: 1fr; gap: 44px; }
  body.s-schilder-c .vs-knop { width: 100%; justify-content: center; }
  body.s-schilder-c .vs-tel { max-width: 340px; }
  body.s-schilder-c .vs-agenda ol { grid-template-columns: 1fr 1fr; }
  body.s-schilder-c .vs-wk { min-height: 92px; }
  body.s-schilder-c .vs-sec-kop { margin-bottom: 40px; }
  body.s-schilder-c .vs-werkgrid { grid-template-columns: 1fr; gap: 44px; }
  body.s-schilder-c .vs-werk--groot { grid-row: auto; }
  body.s-schilder-c .vs-werk--groot .vs-werk-foto { aspect-ratio: 4/3; }
  body.s-schilder-c .vs-cijfers dt { font-size: 28px; }
  body.s-schilder-c .vs-slot { padding: 68px 0; }
  body.s-schilder-c .vs-slot-in { grid-template-columns: 1fr; gap: 32px; }
  body.s-schilder-c .vs-pk { padding: 52px 0 48px; }
  body.s-schilder-c .vs-dblok { padding: 72px 0; }
  body.s-schilder-c .vs-dblok--om .vs-dblok-beeld { order: 0; }
  body.s-schilder-c .vs-dblok-prijs, body.s-schilder-c .vs-dblok--om .vs-dblok-prijs { right: 16px; left: auto; bottom: 16px; min-width: 0; }
  body.s-schilder-c .vs-incl { grid-template-columns: 1fr; }
  body.s-schilder-c .vs-niet-lijst li, body.s-schilder-c .vs-gereed-lijst li { grid-template-columns: 1fr; gap: 4px; }
  body.s-schilder-c .vs-prijslijst li { grid-template-columns: 1fr auto; row-gap: 4px; }
  body.s-schilder-c .vs-pr-e { grid-column: 1; grid-row: 2; }
  body.s-schilder-c .vs-pr-p { grid-row: 1 / span 2; grid-column: 2; align-self: center; }
  body.s-schilder-c .vs-kozsec-teken { padding: 24px; }
  body.s-schilder-c .vs-rekengrid { grid-template-columns: 1fr; }
  body.s-schilder-c .vs-afs { grid-template-columns: 1fr; }
  body.s-schilder-c .vs-tijdlijn { grid-template-columns: 1fr; }
  body.s-schilder-c .vs-tijdlijn li { padding: 22px 0; }
  body.s-schilder-c .vs-wa-groot { padding: 20px; gap: 14px; }
  body.s-schilder-c .vs-wa-groot span { font-size: 22px; }
  body.s-schilder-c .vs-tips li { grid-template-columns: 32px 1fr; }
  body.s-schilder-c .vs-tips li span { grid-column: 2; }
  body.s-schilder-c .vs-contact-info { grid-template-columns: 1fr; }
  body.s-schilder-c .vs-contact-info h3 { grid-row: auto; margin-top: 12px; }
  body.s-schilder-c .vs-form { padding: 30px 20px; margin: 0 -20px; }
  body.s-schilder-c .vs-velden2 { grid-template-columns: 1fr; }
  body.s-schilder-c .vs-vraag summary { font-size: 20px; }
  body.s-schilder-c .vs-vraag p { padding-right: 0; }
  body.s-schilder-c .vs-voet { padding-top: 64px; }
  body.s-schilder-c .vs-voet-top { display: block; }
  body.s-schilder-c .vs-voet-naam { font-size: 48px; margin-bottom: 20px; }
  body.s-schilder-c .vs-voet-grid { grid-template-columns: 1fr 1fr; gap: 36px 24px; }
}
@media (max-width: 420px) {
  body.s-schilder-c .vs-voet-grid { grid-template-columns: 1fr; }
  body.s-schilder-c .vs-legenda { flex-wrap: wrap; gap: 12px 18px; }
}