{"id":6,"date":"2026-11-01T14:15:58","date_gmt":"2026-11-01T14:15:58","guid":{"rendered":"http:\/\/192.168.178.208:8085\/?page_id=6"},"modified":"2026-11-01T19:39:57","modified_gmt":"2026-11-01T19:39:57","slug":"home","status":"publish","type":"page","link":"https:\/\/test.verhoeven-schilders.nl\/","title":{"rendered":"Home"},"content":{"rendered":"\n<style>\n\/* Verhoeven Schilders | Sectie 2 | GeneratePress + Gutenberg *\/\n\/* Volledige schermbreedte; inhoud maximaal 1500 px. *\/\n#vh26-home { --red:#c31735; --ink:#36373b; --cream:#f5eee3; --sand:#e9dfce; color:var(--ink); font-family:inherit; position:relative!important; isolation:isolate; width:100vw!important; max-width:none!important; left:50%!important; margin-left:0!important; margin-right:0!important; transform:translateX(-50%)!important; overflow:hidden; background:var(--cream); }\n#vh26-home, #vh26-home * {box-sizing:border-box}\n#vh26-home .vh26-sand { position:absolute; inset:0 0 0 auto; width:39%; background:var(--sand); clip-path:polygon(27% 0,100% 0,100% 100%,0 100%); z-index:-1; }\n#vh26-home .vh26-wrap {width:min(1500px,calc(100% - 88px)); max-width:none!important; margin-inline:auto; min-height:clamp(600px,41vw,760px); display:grid; grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr); align-items:center; gap:clamp(36px,5vw,90px); padding:clamp(65px,6vw,105px) 0 clamp(72px,7vw,115px); }\n#vh26-home .vh26-copy {position:relative; z-index:2;}\n#vh26-home .vh26-eyebrow {display:flex; gap:12px; align-items:center; margin:0 0 26px; color:#b20f2b; font:800 12px\/1.3 Arial,sans-serif; letter-spacing:1.65px; text-transform:uppercase;}\n#vh26-home .vh26-eyebrow:before {content:'';width:20px;height:3px;flex:none;background:var(--red)}\n#vh26-home h1 {margin:0 0 25px;max-width:850px;color:var(--ink);font-family:inherit;font-weight:900;font-size:clamp(48px,5.0vw,84px);line-height:1.04;letter-spacing:-.052em;}\n#vh26-home h1 span {color:var(--red)}\n#vh26-home .vh26-intro {font-size:clamp(17px,1.22vw,21px);line-height:1.62;color:#6f7075;max-width:540px;margin:0 0 28px}\n#vh26-home .vh26-actions {display:flex;gap:12px;flex-wrap:wrap}\n#vh26-home .vh26-btn {display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:14px 23px;border-radius:6px;border:1px solid #9a9a9a;font:bold 13px\/1.25 Arial,sans-serif;text-decoration:none!important;text-transform:uppercase;white-space:nowrap;transition:transform .2s,background .2s}\n#vh26-home .vh26-btn:hover {transform:translateY(-2px)}\n#vh26-home .vh26-btn-primary {color:white!important;background:var(--red);border-color:var(--red)}\n#vh26-home .vh26-btn-secondary {color:var(--ink)!important;background:#fffaf3}\n#vh26-home .vh26-art {position:relative;width:min(100%,580px);aspect-ratio:1.1;margin-inline:auto;}\n#vh26-home .vh26-swatch {position:absolute;width:45%;height:35%;border-radius:12px;box-shadow:0 16px 30px rgba(55,45,45,.07)}\n#vh26-home .vh26-swatch:after {content:'';position:absolute;right:13%;top:11%;width:24%;height:5px;border-radius:8px;background:#ffffff57;transform:rotate(-34deg)}\n#vh26-home .vh26-swatch.red {left:4%;top:16%;background:#c31937;transform:rotate(-5deg)}\n#vh26-home .vh26-swatch.blue {right:3%;top:7%;background:#2d67b8;transform:rotate(-4deg)}\n#vh26-home .vh26-swatch.yellow {left:7%;bottom:8%;background:#fac348;transform:rotate(-5deg)}\n#vh26-home .vh26-swatch.green {right:1%;bottom:17%;background:#2b927f;transform:rotate(-4deg)}\n#vh26-home .vh26-note {position:absolute;z-index:3;left:39%;top:45%;padding:13px 16px;background:white;border-radius:5px;color:#27282a;font:800 13px\/1.2 Arial,sans-serif;box-shadow:0 10px 25px #00000018;transform:rotate(-2deg);white-space:nowrap}\n#vh26-home .vh26-colorbar {position:absolute;bottom:0;left:0;width:100%;height:9px;display:grid;grid-template-columns:repeat(4,1fr)}\n#vh26-home .vh26-colorbar i:nth-child(1){background:#c31735}#vh26-home .vh26-colorbar i:nth-child(2){background:#2d67b8}#vh26-home .vh26-colorbar i:nth-child(3){background:#fac348}#vh26-home .vh26-colorbar i:nth-child(4){background:#2b927f}\n@media(max-width:990px){#vh26-home .vh26-wrap{width:min(100% - 48px,850px);grid-template-columns:1.1fr .9fr;gap:24px;min-height:530px;padding:55px 0 75px}#vh26-home h1{font-size:clamp(42px,5.5vw,65px)}#vh26-home .vh26-art{width:100%}#vh26-home .vh26-note{font-size:11px;padding:10px}}\n@media(max-width:700px){#vh26-home .vh26-sand{width:100%;top:57%;clip-path:polygon(0 24%,100% 0,100% 100%,0 100%)}#vh26-home .vh26-wrap{width:calc(100% - 40px);grid-template-columns:1fr;min-height:0;gap:24px;padding:56px 0 58px}#vh26-home .vh26-eyebrow{font-size:10px;letter-spacing:1px;margin-bottom:20px}#vh26-home h1{font-size:clamp(41px,9vw,60px);letter-spacing:-.05em;max-width:600px;margin-bottom:18px}#vh26-home .vh26-intro{font-size:17px;line-height:1.5;margin-bottom:22px}#vh26-home .vh26-art{width:min(100%,420px);aspect-ratio:1.4;margin-top:7px}#vh26-home .vh26-btn{font-size:12px;min-height:46px;padding:12px 17px}#vh26-home .vh26-swatch{border-radius:8px}#vh26-home .vh26-colorbar{height:7px}}\n@media(max-width:390px){#vh26-home h1{font-size:39px}#vh26-home .vh26-actions{gap:8px}#vh26-home .vh26-btn{padding:11px 13px}}\n<\/style>\n<section id=\"vh26-home\" aria-label=\"Introductie Verhoeven Schilders\">\n  <div class=\"vh26-sand\" aria-hidden=\"true\"><\/div>\n  <div class=\"vh26-wrap\">\n    <div class=\"vh26-copy\">\n      <p class=\"vh26-eyebrow\">Verhoeven Schilders \u00b7 persoonlijk vakwerk<\/p>\n      <h1>Kleur maakt<br>het verschil.<br><span>Vakmanschap<br>ook.<\/span><\/h1>\n      <p class=\"vh26-intro\">Mooi schilderwerk zie je. Goed schilderwerk blijft. Bij Verhoeven Schilders draait het om aandacht voor het werk, oog voor kleur en een verzorgde afwerking.<\/p>\n      <div class=\"vh26-actions\">\n        <a class=\"vh26-btn vh26-btn-primary\" href=\"#vhw26-work\">Bekijk ons werk<\/a>\n        <a class=\"vh26-btn vh26-btn-secondary\" href=\"#contact\">Neem contact op<\/a>\n      <\/div>\n    <\/div>\n    <div class=\"vh26-art\" aria-label=\"Vier speelse kleurvlakken in rood, blauw, geel en groen\" role=\"img\">\n      <div class=\"vh26-swatch red\"><\/div><div class=\"vh26-swatch blue\"><\/div><div class=\"vh26-swatch yellow\"><\/div><div class=\"vh26-swatch green\"><\/div>\n      <div class=\"vh26-note\">Met gevoel voor kleur.<\/div>\n    <\/div>\n  <\/div>\n  <div class=\"vh26-colorbar\" aria-hidden=\"true\"><i><\/i><i><\/i><i><\/i><i><\/i><\/div>\n<\/section>\n\n\n\n<style>\n\/* Verhoeven Schilders | Sectie 3 Diensten | GeneratePress + Gutenberg *\/\n#diensten.vh26-diensten {\n  --vh-ink:#36373b; --vh-red:#c31735;\n  position:relative!important; left:50%!important; transform:translateX(-50%)!important;\n  width:100vw!important; max-width:none!important;\n  margin-left:0!important; margin-right:0!important;\n  background:#fff!important; color:var(--vh-ink);\n  overflow:hidden; box-sizing:border-box;\n  font-family:inherit;\n}\n#diensten.vh26-diensten, #diensten.vh26-diensten * {box-sizing:border-box}\n#diensten .vh26-diensten-inner {\n  width:min(1500px, calc(100% - 88px));\n  margin:0 auto;\n  padding:clamp(65px,5.8vw,104px) 0 clamp(76px,6vw,116px);\n}\n#diensten .vh26-diensten-head {\n  display:grid; grid-template-columns:minmax(0,1.5fr) minmax(240px,.65fr);\n  align-items:end; gap:clamp(26px,5vw,85px); margin-bottom:37px;\n}\n#diensten .vh26-diensten-eyebrow {\n  margin:0 0 18px; display:flex; align-items:center; gap:12px;\n  color:#b20f2b!important; font:800 12px\/1.3 Arial,sans-serif!important;\n  letter-spacing:1.5px; text-transform:uppercase;\n}\n#diensten .vh26-diensten-eyebrow::before {content:\"\";width:21px;height:3px;background:var(--vh-red);flex:none}\n#diensten .vh26-diensten-head h2 {\n  margin:0!important; max-width:950px; color:var(--vh-ink)!important;\n  font-size:clamp(38px,3.8vw,65px)!important; font-weight:900!important;\n  line-height:1.07!important; letter-spacing:-.045em;\n}\n#diensten .vh26-diensten-sub {\n  max-width:380px; margin:0 0 7px!important; color:#696d73!important;\n  font-size:clamp(17px,1.15vw,20px)!important; line-height:1.5!important;\n}\n#diensten .vh26-diensten-grid {\n  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(16px,1.35vw,24px);\n}\n#diensten .vh26-dienst {\n  position:relative; overflow:hidden; isolation:isolate;\n  min-height:clamp(325px,22vw,365px); border-radius:16px;\n  display:flex; flex-direction:column;\n  padding:clamp(25px,2.25vw,40px); box-shadow:0 14px 28px rgba(30,35,45,.045);\n  border-top:8px solid var(--vh-accent);\n}\n#diensten .vh26-dienst.blue {--vh-accent:#2d67b8; --vh-accent-deep:#174e92; background:#dce8fa}\n#diensten .vh26-dienst.peach {--vh-accent:#c95c45; --vh-accent-deep:#923822; background:#f9dfce}\n#diensten .vh26-dienst.green {--vh-accent:#26846e; --vh-accent-deep:#0c6654; background:#d4e9df}\n#diensten .vh26-dienst::after {\n  content:\"\"; position:absolute; z-index:-1; top:22px;right:-34px;\n  width:120px;height:120px; border:18px solid var(--vh-accent);\n  opacity:.11; border-radius:45% 55% 43% 57%; transform:rotate(-24deg);\n}\n#diensten .vh26-dienst-number {\n  margin:0 0 auto!important; color:var(--vh-accent-deep)!important;\n  font:800 11px\/1.4 Arial,sans-serif!important;\n  letter-spacing:1.1px; text-transform:uppercase;\n}\n#diensten .vh26-dienst h3 {\n  margin:34px 0 12px!important; color:var(--vh-ink)!important;\n  font-size:clamp(26px,2vw,33px)!important; line-height:1.15!important;\n  font-weight:850!important; letter-spacing:-.035em;\n}\n#diensten .vh26-dienst-text {\n  max-width:420px; margin:0!important; color:#656b72!important;\n  font-size:clamp(16px,1.08vw,18px)!important; line-height:1.55!important;\n}\n#diensten .vh26-dienst-link {\n  display:inline-flex; align-items:center; align-self:flex-start;\n  gap:4px; margin-top:45px; padding-bottom:6px;\n  border-bottom:2px solid var(--vh-accent);\n  color:var(--vh-accent-deep)!important; font:800 15px\/1.3 Arial,sans-serif!important;\n  text-decoration:none!important; opacity:1!important;\n}\n#diensten .vh26-dienst-link:hover, #diensten .vh26-dienst-link:focus-visible {text-decoration:underline!important}\n#diensten .vh26-dienst-link:focus-visible{outline:2px solid var(--vh-accent-deep);outline-offset:5px}\n@media(max-width:1000px){\n  #diensten .vh26-diensten-inner{width:calc(100% - 48px);padding:70px 0 85px}\n  #diensten .vh26-diensten-head{grid-template-columns:1fr;gap:18px}\n  #diensten .vh26-diensten-head h2{max-width:780px}\n  #diensten .vh26-diensten-sub{max-width:670px}\n  #diensten .vh26-dienst{padding:26px;min-height:345px}\n  #diensten .vh26-dienst h3{font-size:26px!important}\n}\n@media(max-width:760px){\n  #diensten .vh26-diensten-inner{width:calc(100% - 40px);padding:57px 0 65px}\n  #diensten .vh26-diensten-head{margin-bottom:26px}\n  #diensten .vh26-diensten-head h2{font-size:clamp(35px,8.4vw,49px)!important}\n  #diensten .vh26-diensten-sub{font-size:17px!important}\n  #diensten .vh26-diensten-grid{grid-template-columns:1fr;gap:15px}\n  #diensten .vh26-dienst{min-height:255px;padding:25px;border-radius:14px}\n  #diensten .vh26-dienst h3{margin:24px 0 8px!important;font-size:28px!important}\n  #diensten .vh26-dienst-link{margin-top:25px;font-size:15px!important}\n}\n<\/style>\n<section id=\"diensten\" class=\"vh26-diensten\" aria-labelledby=\"vh26-diensten-titel\">\n  <div class=\"vh26-diensten-inner\">\n    <header class=\"vh26-diensten-head\">\n      <div>\n        <p class=\"vh26-diensten-eyebrow\">Wat wij doen<\/p>\n        <h2 id=\"vh26-diensten-titel\">Van eerste verfstreek<br>tot laatste detail.<\/h2>\n      <\/div>\n      <p class=\"vh26-diensten-sub\">Schilderwerk, wandafwerking en onderhoud. Persoonlijk uitgevoerd door John Verhoeven.<\/p>\n    <\/header>\n    <div class=\"vh26-diensten-grid\">\n      <article id=\"schilderwerk\" class=\"vh26-dienst blue\">\n        <p class=\"vh26-dienst-number\">01 \/ Schilderwerk<\/p>\n        <h3>Schilderwerk<\/h3>\n        <p class=\"vh26-dienst-text\">Binnen en buiten. Van kozijnen en deuren tot compleet schilderwerk, met zorg uitgevoerd.<\/p>\n        <a class=\"vh26-dienst-link\" href=\"#schilderwerk\" aria-label=\"Schilderwerk: binnenkort meer informatie op een eigen pagina\">Meer over schilderwerk \u2197<\/a>\n      <\/article>\n      <article id=\"wandafwerking\" class=\"vh26-dienst peach\">\n        <p class=\"vh26-dienst-number\">02 \/ Wandafwerking<\/p>\n        <h3>Wandafwerking<\/h3>\n        <p class=\"vh26-dienst-text\">Een ruimte krijgt karakter met de juiste kleur, structuur en afwerking.<\/p>\n        <a class=\"vh26-dienst-link\" href=\"#wandafwerking\" aria-label=\"Wandafwerking: binnenkort meer informatie op een eigen pagina\">Meer over wandafwerking \u2197<\/a>\n      <\/article>\n      <article class=\"vh26-dienst green\">\n        <p class=\"vh26-dienst-number\">03 \/ Onderhoud<\/p>\n        <h3>JohnSchilderPlan<\/h3>\n        <p class=\"vh26-dienst-text\">Aandacht voor het onderhoud van schilderwerk, ook op de langere termijn.<\/p>\n        <a class=\"vh26-dienst-link\" href=\"#plan\">Bekijk het plan \u2197<\/a>\n      <\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<!-- VERHOEVEN SCHILDERS | SECTIE 4 | EEN GROEPBLOK MET ECHT SHORTCODE-BLOK | Alleen in Gutenberg CODE-EDITOR plakken. -->\n\n<div class=\"wp-block-group vhw26-work-new\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<style>\n\/* Verhoeven 2026. Alle opmaak gericht op uitsluitend de nieuwe Ons Werk-groep. *\/\n.entry-content > .vhw26-work-new, .entry-content > .wp-block-group.vhw26-work-new {margin-top:0!important;margin-bottom:0!important}\n.entry-content > .vhw26-work-new + *, .entry-content > .wp-block-group.vhw26-work-new + * {margin-top:0!important;margin-block-start:0!important}\n.vhw26-work-new{--vhw-red:#e30613;--vhw-yellow:#ffd05a;--vhw-ink:#292b30;position:relative!important;isolation:isolate!important;box-sizing:border-box!important;width:100vw!important;max-width:none!important;left:50%!important;transform:translateX(-50%)!important;background:#282b31!important;color:#fff!important;margin:0!important;padding:clamp(56px,6vw,106px) clamp(18px,4vw,64px) clamp(56px,6vw,100px)!important;overflow:hidden!important; border:0!important}\n.vhw26-work-new:before{content:\"\";position:absolute;right:-125px;top:-180px;width:490px;height:490px;border:1px solid rgba(255,255,255,.1);border-radius:50%;box-shadow:0 0 0 66px rgba(255,255,255,.025),0 0 0 130px rgba(255,255,255,.018);pointer-events:none}\n.vhw26-work-new:after{content:\"\";position:absolute;left:0;bottom:0;width:140px;height:7px;background:var(--vhw-red);pointer-events:none}\n.vhw26-work-new,.vhw26-work-new *,.vhw26-work-new *:before,.vhw26-work-new *:after{box-sizing:border-box}\n.vhw26-work-new>.wp-block-group__inner-container{width:100%;max-width:1470px;margin:0 auto;position:relative;z-index:1}\n.vhw26-work-new .vhw-work-head{width:100%;max-width:1470px;margin:0 auto 34px!important;position:relative;z-index:1}\n.vhw26-work-new .vhw-work-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:0 0 26px!important}\n.vhw26-work-new .vhw-work-kicker{display:flex;align-items:center;gap:11px;color:var(--vhw-yellow)!important;font:800 12px\/1.4 Arial,sans-serif!important;letter-spacing:.17em!important;text-transform:uppercase;margin:0!important}\n.vhw26-work-new .vhw-work-kicker:before{content:\"\";display:block;width:29px;height:4px;background:var(--vhw-red);transform:skew(-25deg)}\n.vhw26-work-new .vhw-work-index{font:800 12px\/1.4 Arial,sans-serif!important;color:#b9bac0!important;letter-spacing:.14em}\n.vhw26-work-new .vhw-work-heading{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);gap:32px;align-items:end}\n.vhw26-work-new .vhw-work-heading h2{color:#fff!important;font:900 clamp(42px,5.7vw,94px)\/.95 Arial,Helvetica,sans-serif!important;letter-spacing:-.068em!important;max-width:900px;margin:0!important}\n.vhw26-work-new .vhw-work-heading h2 span{color:var(--vhw-yellow)}\n.vhw26-work-new .vhw-work-lead{font:400 clamp(16px,1.3vw,20px)\/1.55 Arial,sans-serif!important;color:#d9dadd!important;border-left:4px solid var(--vhw-red);padding-left:20px;margin:0 0 7px!important;max-width:380px}\n.vhw26-work-new .vhw-work-cols{display:grid!important;grid-template-columns:minmax(0,1.67fr) minmax(280px,.78fr)!important;gap:18px!important;align-items:stretch!important;width:100%!important;max-width:1470px!important;margin:0 auto!important;position:relative;z-index:1}\n.vhw26-work-new .vhw-work-cols>.wp-block-column{min-width:0!important;flex:none!important;width:auto!important;max-width:100%!important;margin:0!important}\n.vhw26-work-new .vhw-work-gallery{position:relative;background:#16191f!important;padding:12px!important;border:1px solid #44474e!important;border-radius:21px!important;min-height:310px!important;box-shadow:0 26px 55px #1011155e;overflow:hidden!important}\n.vhw26-work-new .vhw-work-gallery:before{content:\"PROJECTEN \/ VERHOEVEN\";display:block;color:#b9bdc4;font:800 10px\/1.4 Arial,sans-serif;letter-spacing:.18em;padding:3px 3px 11px}\n.vhw26-work-new .vhw-work-gallery>.wp-block-shortcode{margin:0!important;padding:0!important}\n.vhw26-work-new .vhw-work-gallery img{max-width:100%;display:block}\n.vhw26-work-new .vhw-work-gallery .ml-gallery{max-width:100%}\n.vhw26-work-new .vhw-work-info{background:#f9e1bd!important;color:#25272b!important;position:relative;border-radius:21px!important;padding:clamp(28px,3vw,50px)!important;min-height:100%;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}\n.vhw26-work-new .vhw-work-info:before{content:\"\";position:absolute;width:155px;height:155px;right:-65px;top:-60px;background:#edb686;border-radius:50%;opacity:.7}\n.vhw26-work-new .vhw-work-mini{font:900 11px\/1.5 Arial,sans-serif!important;color:#9f2928!important;text-transform:uppercase;letter-spacing:.12em!important;margin:0 0 35px!important;position:relative}\n.vhw26-work-new .vhw-work-info h3{color:#23262a!important;font:900 clamp(31px,3.1vw,48px)\/1.02 Arial,sans-serif!important;letter-spacing:-.06em!important;margin:0 0 20px!important;position:relative}\n.vhw26-work-new .vhw-work-info p{color:#32343a!important;font:400 clamp(16px,1.15vw,18px)\/1.6 Arial,sans-serif!important;margin:0 0 22px!important;position:relative}\n.vhw26-work-new .vhw-work-stamp{display:inline-flex;align-items:center;justify-content:center;background:var(--vhw-red);color:#fff;padding:11px 13px;font:900 12px\/1.2 Arial,sans-serif;transform:rotate(-3deg);letter-spacing:.04em;align-self:start;margin-bottom:32px}\n.vhw26-work-new .vhw-work-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:15px;background:#24272d!important;color:#fff!important;text-decoration:none!important;font:800 15px\/1.3 Arial,sans-serif!important;padding:18px 20px!important;border-radius:10px!important;align-self:stretch;transition:background .2s,transform .2s}\n.vhw26-work-new .vhw-work-btn:hover,.vhw26-work-new .vhw-work-btn:focus-visible{background:var(--vhw-red)!important;color:#fff!important;transform:translateY(-2px)}\n.vhw26-work-new .vhw-work-btn .arrow{font-size:23px;line-height:1}\n.vhw26-work-new .vhw-work-foot{width:100%;max-width:1470px;margin:22px auto 0!important;display:flex;justify-content:space-between;gap:12px;color:#aaaeb5;font:700 11px\/1.5 Arial,sans-serif!important;letter-spacing:.08em;text-transform:uppercase;position:relative;z-index:1}\n\/* Geen witte naad tussen secties 4 en 5: bestaande Gutenberg blokruimte neutraliseren. *\/\n.entry-content > .wp-block-group.vhw26-work-new + .wp-block-html,\n.entry-content > .wp-block-group.vhw26-work-new + .wp-block-group,\n.entry-content > .wp-block-group.vhw26-work-new + section,\n.entry-content > .wp-block-group.vhw26-work-new + div {margin-top:0!important;margin-block-start:0!important}\n.entry-content > .wp-block-html:has(+ .vhw26-work-new){margin-bottom:0!important}\n.vhw26-work-new + .wp-block-html:has(#vh26-over-john){padding-top:0!important}\n.vhw26-work-new .wp-block-columns{margin-bottom:0!important}\n.vhw26-work-new .wp-block-columns>.wp-block-column{margin-top:0!important}\n\/* Gutenberg's standard block gap can create the white line after section 4. *\/\n.vhw26-work-new + .wp-block-html,.vhw26-work-new + .wp-block-group,.vhw26-work-new + .wp-block-columns{margin-top:0!important;margin-block-start:0!important}\n@media(max-width:980px){.vhw26-work-new .vhw-work-cols{grid-template-columns:1fr!important}.vhw26-work-new .vhw-work-heading{grid-template-columns:1fr;gap:20px}.vhw26-work-new .vhw-work-info{min-height:0}.vhw26-work-new .vhw-work-mini{margin-bottom:17px!important}}\n@media(max-width:620px){.vhw26-work-new{padding:48px 16px 58px!important}.vhw26-work-new .vhw-work-heading h2{font-size:clamp(42px,11.4vw,65px)!important}.vhw26-work-new .vhw-work-gallery{padding:8px!important;min-height:180px!important}.vhw26-work-new .vhw-work-info{padding:29px 25px!important}.vhw26-work-new .vhw-work-foot{flex-direction:column}.vhw26-work-new .vhw-work-index{display:none}}\n@media(prefers-reduced-motion:reduce){.vhw26-work-new .vhw-work-btn{transition:none}}\n<\/style>\n<header class=\"vhw-work-head\">\n <div class=\"vhw-work-top\"><p class=\"vhw-work-kicker\">Vakwerk in beeld<\/p><span class=\"vhw-work-index\">04 \/ ONS WERK<\/span><\/div>\n <div class=\"vhw-work-heading\"><h2>Ons werk<br>spreekt <span>voor zich.<\/span><\/h2><p class=\"vhw-work-lead\">Geen mooie praatjes, maar projecten waar we trots op zijn. Ontdek het werk van Verhoeven Schilders.<\/p><\/div>\n<\/header>\n\n\n\n<div class=\"wp-block-columns vhw-work-cols is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column vhw-work-gallery is-layout-flow wp-block-column-is-layout-flow\">        <div id=\"ml-gallery-67\"\n             class=\"ml-gallery-container ml-layout-grid ml-has-thumb-captions\"\n             style=\"--ml-columns:3;--ml-columns-laptop:3;--ml-columns-tablet:2;--ml-columns-mobile:1;--ml-row-height:350px;--ml-gap:8px\"\n             data-ml-gallery=\"true\"\n             data-ml-lightbox=\"1\"\n             data-ml-layout=\"grid\"\n             data-lg-class=\"ml-gallery-67\"\n             data-lg-mode=\"lg-fade\"\n             data-lg-controls=\"1\"\n             data-lg-counter=\"1\"\n             data-lg-thumbnails=\"1\"\n             data-lg-download=\"0\"\n             data-lg-expand=\"1\"\n             data-lg-captions=\"0\"\n             data-lg-caption-transition=\"none\"\n             data-lg-loop=\"1\"\n             data-lg-swipe-close=\"1\"\n             data-lg-mousewheel=\"1\"\n             data-lg-keyboard=\"1\"\n                                       >\n\n                                                        <a href=\"https:\/\/test.verhoeven-schilders.nl\/wp-content\/uploads\/2026\/11\/Hoekhuis-2-e1551643307718.jpg\"\n                                      data-src=\"https:\/\/test.verhoeven-schilders.nl\/wp-content\/uploads\/2026\/11\/Hoekhuis-2-e1551643307718.jpg\"\n                   data-thumb=\"https:\/\/test.verhoeven-schilders.nl\/wp-content\/uploads\/2026\/11\/Hoekhuis-2-e1551643307718-300x300.jpg\"\n                                      >\n                    <img loading=\"lazy\" decoding=\"async\" width=\"599\" height=\"599\" src=\"https:\/\/test.verhoeven-schilders.nl\/wp-content\/uploads\/2026\/11\/Hoekhuis-2-e1551643307718.jpg\" class=\"attachment-full size-full\" alt=\"Drechtsteden\" \/>                                    <\/a>\n                                            <a href=\"https:\/\/test.verhoeven-schilders.nl\/wp-content\/uploads\/2026\/11\/Zwijndrecht-hoekwoning-600x600-1-e1519243835257-1.jpg\"\n                                      data-src=\"https:\/\/test.verhoeven-schilders.nl\/wp-content\/uploads\/2026\/11\/Zwijndrecht-hoekwoning-600x600-1-e1519243835257-1.jpg\"\n                   data-thumb=\"https:\/\/test.verhoeven-schilders.nl\/wp-content\/uploads\/2026\/11\/Zwijndrecht-hoekwoning-600x600-1-e1519243835257-1-300x300.jpg\"\n                                      >\n                    <img loading=\"lazy\" decoding=\"async\" width=\"599\" height=\"599\" src=\"https:\/\/test.verhoeven-schilders.nl\/wp-content\/uploads\/2026\/11\/Zwijndrecht-hoekwoning-600x600-1-e1519243835257-1.jpg\" class=\"attachment-full size-full\" alt=\"\" \/>                                    <\/a>\n                                            <a href=\"https:\/\/test.verhoeven-schilders.nl\/wp-content\/uploads\/2026\/11\/Barendrecht-Gebroken-Meeldijk-1-600x600-2.jpg\"\n                                      data-src=\"https:\/\/test.verhoeven-schilders.nl\/wp-content\/uploads\/2026\/11\/Barendrecht-Gebroken-Meeldijk-1-600x600-2.jpg\"\n                   data-thumb=\"https:\/\/test.verhoeven-schilders.nl\/wp-content\/uploads\/2026\/11\/Barendrecht-Gebroken-Meeldijk-1-600x600-2-300x300.jpg\"\n                                      >\n                    <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"600\" src=\"https:\/\/test.verhoeven-schilders.nl\/wp-content\/uploads\/2026\/11\/Barendrecht-Gebroken-Meeldijk-1-600x600-2.jpg\" class=\"attachment-full size-full\" alt=\"\" \/>                                    <\/a>\n                                            <a href=\"https:\/\/test.verhoeven-schilders.nl\/wp-content\/uploads\/2026\/11\/Zwijndrecht-Rotterdamseweg-209-voorzijde-600x600-2.jpg\"\n                                      data-src=\"https:\/\/test.verhoeven-schilders.nl\/wp-content\/uploads\/2026\/11\/Zwijndrecht-Rotterdamseweg-209-voorzijde-600x600-2.jpg\"\n                   data-thumb=\"https:\/\/test.verhoeven-schilders.nl\/wp-content\/uploads\/2026\/11\/Zwijndrecht-Rotterdamseweg-209-voorzijde-600x600-2-300x300.jpg\"\n                                      >\n                    <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"600\" src=\"https:\/\/test.verhoeven-schilders.nl\/wp-content\/uploads\/2026\/11\/Zwijndrecht-Rotterdamseweg-209-voorzijde-600x600-2.jpg\" class=\"attachment-full size-full\" alt=\"\" \/>                                    <\/a>\n                                            <a href=\"https:\/\/test.verhoeven-schilders.nl\/wp-content\/uploads\/2026\/11\/Winkelpand-600x600-1.jpg\"\n                                      data-src=\"https:\/\/test.verhoeven-schilders.nl\/wp-content\/uploads\/2026\/11\/Winkelpand-600x600-1.jpg\"\n                   data-thumb=\"https:\/\/test.verhoeven-schilders.nl\/wp-content\/uploads\/2026\/11\/Winkelpand-600x600-1-300x300.jpg\"\n                                      >\n                    <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"600\" src=\"https:\/\/test.verhoeven-schilders.nl\/wp-content\/uploads\/2026\/11\/Winkelpand-600x600-1.jpg\" class=\"attachment-full size-full\" alt=\"Drechtsteden\" \/>                                    <\/a>\n                                            <a href=\"https:\/\/test.verhoeven-schilders.nl\/wp-content\/uploads\/2026\/11\/Zwijndrecht-Havikweg-6-achterzijde-600x600-1.jpg\"\n                                      data-src=\"https:\/\/test.verhoeven-schilders.nl\/wp-content\/uploads\/2026\/11\/Zwijndrecht-Havikweg-6-achterzijde-600x600-1.jpg\"\n                   data-thumb=\"https:\/\/test.verhoeven-schilders.nl\/wp-content\/uploads\/2026\/11\/Zwijndrecht-Havikweg-6-achterzijde-600x600-1-300x300.jpg\"\n                                      >\n                    <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"600\" src=\"https:\/\/test.verhoeven-schilders.nl\/wp-content\/uploads\/2026\/11\/Zwijndrecht-Havikweg-6-achterzijde-600x600-1.jpg\" class=\"attachment-full size-full\" alt=\"Drechtsteden\" \/>                                    <\/a>\n            \n            \n        <\/div>\n                \n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<aside class=\"vhw-work-info\">\n <div>\n  <p class=\"vhw-work-mini\">Met aandacht gemaakt<\/p>\n  <span class=\"vhw-work-stamp\">\u00c9CHT VAKWERK<\/span>\n  <h3>Mooi werk.<br>Tot in detail.<\/h3>\n  <p>Van strak schilderwerk tot een complete metamorfose. Elk project vertelt zijn eigen verhaal.<\/p>\n  <p>Blader door onze projecten en ontdek wat kleur en vakmanschap kunnen doen.<\/p>\n <\/div>\n <a class=\"vhw-work-btn\" href=\"#contact\">Jouw project bespreken <span class=\"arrow\" aria-hidden=\"true\">\u2197<\/span><\/a>\n<\/aside>\n<\/div>\n<\/div>\n\n\n\n<div class=\"vhw-work-foot\"><span>John Verhoeven \u00b7 Schilderwerk &amp; wandafwerking<\/span><span>Bekijk de projecten hierboven \u2191<\/span><\/div>\n<\/div><\/div>\n\n\n\n\n<!-- Verhoeven Schilders | Sectie 5 | GeneratePress + Gutenberg | zelfstandig HTML-blok -->\n<style>\n\/* Uitsluitend sectie 5; onafhankelijk van Ronneby en WPBakery. *\/\n#vh26-over-john, #vh26-over-john * { box-sizing:border-box; }\n#vh26-over-john {\n  position:relative !important;\n  width:100vw !important;\n  max-width:none !important;\n  left:50% !important;\n  transform:translateX(-50%) !important;\n  margin:0 !important;\n  margin-left:0 !important;\n  margin-right:0 !important;\n  isolation:isolate;\n  overflow:hidden;\n  background:#fff8ef;\n  color:#303237;\n  font-family:Arial,Helvetica,sans-serif;\n}\n#vh26-over-john .john-wrap {\n  width:min(1500px, calc(100% - 88px));\n  margin:0 auto;\n  padding:clamp(60px,6vw,108px) 0;\n  display:grid;\n  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);\n  align-items:center;\n  gap:clamp(32px,5vw,96px);\n}\n#vh26-over-john .john-art {\n  min-height:390px;\n  background:#e6eaf0;\n  border-radius:25px 90px 25px 25px;\n  position:relative;\n  padding:clamp(28px,3vw,52px);\n  display:flex;\n  flex-direction:column;\n  justify-content:space-between;\n  isolation:isolate;\n  overflow:hidden;\n}\n#vh26-over-john .john-art:before {\n  content:\"\";\n  position:absolute;\n  width:260px; height:260px;\n  right:-88px; bottom:-105px;\n  background:#dce7d5; border-radius:48% 52% 35% 65%;\n  transform:rotate(-22deg); z-index:-1;\n}\n#vh26-over-john .john-art:after {\n  content:\"\";\n  position:absolute;\n  width:175px; height:32px;\n  right:26px; top:80px;\n  background:#e30613; border-radius:70% 25% 60% 15%;\n  transform:rotate(-18deg); opacity:.92;\n}\n#vh26-over-john .john-eyebrow {\n  display:flex; align-items:center; gap:12px;\n  margin:0 0 18px; color:#af1725 !important;\n  font:800 12px\/1.4 Arial,sans-serif !important;\n  text-transform:uppercase; letter-spacing:1.4px;\n}\n#vh26-over-john .john-eyebrow:before {\n  content:\"\"; display:inline-block; width:22px; height:3px;\n  background:#e30613; flex:none;\n}\n#vh26-over-john .john-art .john-monogram {\n  font:900 clamp(130px,15vw,250px)\/.8 Arial,sans-serif;\n  letter-spacing:-.13em; color:#d11b2d;\n  display:block; margin-left:-8px;\n}\n#vh26-over-john .john-art .john-artline {\n  position:relative; z-index:1; margin:0 !important;\n  font:700 clamp(20px,2vw,29px)\/1.25 Arial,sans-serif !important;\n  max-width:310px; color:#34393b !important;\n}\n#vh26-over-john h2 {\n  margin:0 0 25px !important; max-width:700px;\n  color:#2c3033 !important; font:900 clamp(39px,4.4vw,70px)\/1.08 Arial,sans-serif !important;\n  letter-spacing:-.045em;\n}\n#vh26-over-john .john-text > p:not(.john-eyebrow) {\n  color:#555c61 !important;\n  max-width:640px; margin:0 0 25px !important;\n  font:400 clamp(17px,1.2vw,20px)\/1.65 Arial,sans-serif !important;\n}\n#vh26-over-john .john-button {\n  display:inline-flex; align-items:center; justify-content:center;\n  min-height:53px; padding:13px 24px;\n  border-radius:999px; background:#e30613;\n  color:white !important; text-decoration:none !important;\n  font:700 16px\/1.3 Arial,sans-serif !important;\n  transition:background .2s ease, transform .2s ease;\n}\n#vh26-over-john .john-button:hover { background:#b60610; transform:translateY(-2px); }\n@media(max-width:950px) {\n  #vh26-over-john .john-wrap {width:calc(100% - 48px);gap:28px;}\n  #vh26-over-john .john-art {min-height:345px;}\n}\n@media(max-width:720px) {\n  #vh26-over-john .john-wrap {\n    width:calc(100% - 36px);\n    padding:54px 0 60px;\n    grid-template-columns:1fr; gap:35px;\n  }\n  #vh26-over-john .john-art {min-height:285px; border-radius:20px 65px 20px 20px;}\n  #vh26-over-john .john-art .john-monogram {font-size:150px;}\n  #vh26-over-john h2 {font-size:clamp(36px,9vw,49px) !important;}\n  #vh26-over-john .john-button {max-width:100%;}\n}\n@media(prefers-reduced-motion:reduce) {\n  #vh26-over-john .john-button {transition:none;}\n}\n<\/style>\n<section id=\"vh26-over-john\" aria-labelledby=\"vh26-over-john-titel\">\n  <div class=\"john-wrap\">\n    <div class=\"john-art\" aria-hidden=\"true\">\n      <span class=\"john-eyebrow\">Persoonlijk vakmanschap<\/span>\n      <span class=\"john-monogram\">J<\/span>\n      <p class=\"john-artline\">Oog voor kleur.<br>Hart voor het vak.<\/p>\n    <\/div>\n    <div class=\"john-text\">\n      <p class=\"john-eyebrow\">Het gezicht achter Verhoeven Schilders<\/p>\n      <h2 id=\"vh26-over-john-titel\">Aangenaam,<br>John Verhoeven.<\/h2>\n      <p>John Verhoeven is oprichter en eigenaar van Verhoeven Schilders. Met persoonlijke aandacht voor iedere opdracht, zorgvuldige voorbereiding en oog voor de afwerking geeft hij elk schilderproject de aandacht die het verdient.<\/p>\n      <a class=\"john-button\" href=\"#contact\">Meer over John &amp; contact&nbsp; \u2197<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<!-- VERHOEVEN UPD26 | RIJ 6 | JOHNSCHILDERPLAN | \u00c9\u00c9N ZELFSTANDIG RAW HTML-BLOK -->\n<style>\n#vh26-plan, #vh26-plan *{box-sizing:border-box}\n#vh26-plan{position:relative!important;left:50%!important;transform:translateX(-50%)!important;width:100vw!important;max-width:none!important;margin:0!important;overflow:hidden;background:#e7eee5;color:#293332;font-family:Arial,Helvetica,sans-serif;isolation:isolate}\n#vh26-plan:before{content:\"\";position:absolute;right:-130px;top:-180px;width:530px;height:530px;border-radius:50%;border:90px solid rgba(255,255,255,.35);pointer-events:none}\n#vh26-plan .plan-wrap{position:relative;width:min(1500px,calc(100% - 88px));margin:auto;padding:clamp(65px,6vw,105px) 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(35px,5.5vw,100px);align-items:center}\n#vh26-plan .plan-overline{display:flex;align-items:center;gap:12px;margin:0 0 20px!important;color:#476c56!important;font:800 13px\/1.3 Arial,sans-serif!important;letter-spacing:1.3px;text-transform:uppercase}\n#vh26-plan .plan-overline:before{content:\"\";height:4px;width:28px;flex:0 0 28px;background:#e30613;border-radius:4px}\n#vh26-plan h2{font:900 clamp(44px,4.7vw,76px)\/1.04 Arial,sans-serif!important;letter-spacing:-.045em;color:#26362e!important;margin:0 0 26px!important;max-width:750px}\n#vh26-plan h2 .accent{color:#e30613!important}\n#vh26-plan .plan-lead{font:400 clamp(18px,1.35vw,21px)\/1.65 Arial,sans-serif!important;color:#44544b!important;max-width:700px;margin:0 0 30px!important}\n#vh26-plan .plan-benefits{padding:0;margin:0 0 32px;display:grid;gap:14px;list-style:none}\n#vh26-plan .plan-benefits li{font:700 clamp(16px,1.1vw,18px)\/1.5 Arial,sans-serif!important;color:#304038!important;display:flex;gap:13px;align-items:flex-start}\n#vh26-plan .plan-benefits li:before{content:\"\u2713\";display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;border-radius:50%;background:#c9d9c8;color:#315b3f;font-weight:900}\n#vh26-plan .plan-button{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:15px 27px;border-radius:999px;background:#e30613;color:#fff!important;font:800 17px\/1.2 Arial,sans-serif!important;text-decoration:none!important;transition:background .2s ease,transform .2s ease}\n#vh26-plan .plan-button:hover{background:#b80510;transform:translateY(-2px)}\n#vh26-plan .plan-art{position:relative;min-height:470px;display:flex;align-items:center;justify-content:center}\n#vh26-plan .plan-swatch{position:absolute;border-radius:26px;box-shadow:0 17px 34px rgba(35,59,42,.09)}\n#vh26-plan .plan-swatch.s1{inset:7% 25% 31% 5%;background:#8eb39c;transform:rotate(-10deg)}\n#vh26-plan .plan-swatch.s2{inset:19% 4% 20% 29%;background:#ead694;transform:rotate(8deg)}\n#vh26-plan .plan-swatch.s3{inset:31% 16% 6% 13%;background:#fff9ed;transform:rotate(-3deg);border:1px solid rgba(37,67,49,.08)}\n#vh26-plan .plan-note{position:relative;z-index:1;max-width:370px;padding:42px 38px;border-radius:25px;background:#fffaf0;box-shadow:0 24px 54px rgba(35,59,42,.13);transform:rotate(-3deg)}\n#vh26-plan .plan-note:before{content:\"\";position:absolute;right:22px;top:18px;width:63px;height:12px;border-radius:70% 20% 60% 30%;background:#e30613;transform:rotate(-12deg)}\n#vh26-plan .plan-note small{font:800 13px\/1.3 Arial,sans-serif;color:#63846e;letter-spacing:1.2px}\n#vh26-plan .plan-note strong{display:block;font:900 clamp(29px,3vw,44px)\/1.12 Arial,sans-serif;color:#2c4235;letter-spacing:-.035em;margin:22px 0 16px}\n#vh26-plan .plan-note p{font:400 17px\/1.55 Arial,sans-serif!important;color:#4d5e53!important;margin:0!important}\n#vh26-plan .plan-stamp{position:absolute;z-index:2;right:1%;bottom:3%;width:120px;height:120px;border-radius:50%;background:#e30613;color:white;display:grid;place-items:center;text-align:center;padding:14px;font:800 15px\/1.3 Arial,sans-serif;transform:rotate(9deg);box-shadow:0 12px 24px rgba(125,15,25,.14)}\n#vh26-plan .plan-footer{position:relative;width:min(1500px,calc(100% - 88px));margin:0 auto;padding:24px 0 28px;border-top:1px solid rgba(49,82,58,.15);font:700 14px\/1.5 Arial,sans-serif;color:#597363;letter-spacing:.2px}\n@media(max-width:990px){#vh26-plan .plan-wrap{width:calc(100% - 56px);gap:24px}#vh26-plan .plan-art{min-height:390px}#vh26-plan .plan-note{padding:32px 29px}#vh26-plan .plan-footer{width:calc(100% - 56px)}}\n@media(max-width:760px){#vh26-plan .plan-wrap{width:calc(100% - 36px);padding:58px 0 35px;grid-template-columns:1fr;gap:20px}#vh26-plan h2{font-size:clamp(39px,9vw,54px)!important}#vh26-plan .plan-lead{font-size:17px!important}#vh26-plan .plan-art{min-height:350px;max-width:480px;width:100%;margin:0 auto}#vh26-plan .plan-swatch.s1{inset:9% 23% 29% 5%}#vh26-plan .plan-swatch.s2{inset:19% 6% 20% 29%}#vh26-plan .plan-note{max-width:310px;padding:28px 26px}#vh26-plan .plan-note strong{font-size:31px}#vh26-plan .plan-stamp{height:91px;width:91px;font-size:12px;right:0;bottom:0}#vh26-plan .plan-footer{width:calc(100% - 36px);font-size:13px}}\n@media(max-width:380px){#vh26-plan .plan-art{min-height:330px}#vh26-plan .plan-note{max-width:260px}#vh26-plan .plan-stamp{right:-4px}}\n@media(prefers-reduced-motion:reduce){#vh26-plan .plan-button{transition:none}}\n<\/style>\n<section id=\"plan\" aria-labelledby=\"vh26-plan-title\">\n  <div id=\"vh26-plan\">\n    <div class=\"plan-wrap\">\n      <div class=\"plan-content\">\n        <p class=\"plan-overline\">Goed onderhoud. Mooi resultaat.<\/p>\n        <h2 id=\"vh26-plan-title\">Vandaag mooi.<br><span class=\"accent\">Morgen ook.<\/span><\/h2>\n        <p class=\"plan-lead\">Mooi schilderwerk verdient aandacht, ook n\u00e1 de laatste verfstreek. Met het <strong>JohnSchilderPlan<\/strong> kijken we samen naar het onderhoud dat bij jouw woning of pand past.<\/p>\n        <ul class=\"plan-benefits\">\n          <li>Tijdig aandacht voor je schilderwerk<\/li>\n          <li>Een aanpak afgestemd op jouw woning of pand<\/li>\n          <li>Persoonlijk advies van John Verhoeven<\/li>\n        <\/ul>\n        <a class=\"plan-button\" href=\"#contact\">Vraag John naar het SchilderPlan&nbsp; \u2197<\/a>\n      <\/div>\n      <div class=\"plan-art\" aria-label=\"Grafische compositie met kleurvlakken en een onderhoudskaart\">\n        <span class=\"plan-swatch s1\" aria-hidden=\"true\"><\/span>\n        <span class=\"plan-swatch s2\" aria-hidden=\"true\"><\/span>\n        <span class=\"plan-swatch s3\" aria-hidden=\"true\"><\/span>\n        <div class=\"plan-note\">\n          <small>JOHNSCHILDERPLAN<\/small>\n          <strong>Goed werk<br>blijft mooi.<\/strong>\n          <p>Niet alleen denken aan vandaag, maar ook aan wat later nodig is.<\/p>\n        <\/div>\n        <div class=\"plan-stamp\" aria-hidden=\"true\">MET OOG<br>VOOR LATER<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"plan-footer\">Verhoeven Schilders \u00b7 Hendrik-Ido-Ambacht en omgeving<\/div>\n  <\/div>\n<\/section>\n\n\n\n<!-- VERHOEVEN | SECTIE 7 CONTACT | GUTENBERG BLOKKENCODE | originele vormgeving + werkend CF7 formulier -->\n\n<div class=\"wp-block-group vh26-contact-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<style>\n\/* Sectie 7: origineel cr\u00e8me + lichtblauw belvenster, mobile-first. Alleen eigen classes. *\/\n.vh26-contact-group{--vhred:#e30613;--vhink:#292d31;--vhcream:#fff8ef;--vhblue:#e7eef3;position:relative;isolation:isolate;box-sizing:border-box;background:var(--vhcream);padding:clamp(48px,7vw,96px) 20px;margin-block:0!important;font-family:Arial,Helvetica,sans-serif}\n.vh26-contact-group::before{content:\"\";position:absolute;z-index:-1;top:0;bottom:0;left:50%;transform:translateX(-50%);width:100vw;background:var(--vhcream);pointer-events:none}\n.vh26-contact-group,.vh26-contact-group *{box-sizing:border-box}\n.vh26-contact-group .vh26-contact-heading{max-width:1500px;margin:0 auto 28px}\n.vh26-contact-group .vh26-contact-cols{max-width:1500px;margin:0 auto;display:flex;flex-direction:column;gap:24px;align-items:stretch}\n.vh26-contact-group .vh26-contact-eyebrow{margin:0 0 15px;color:#d90c19;font-size:13px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}\n.vh26-contact-group h2{margin:0 0 20px;color:var(--vhink);font-size:clamp(40px,8.5vw,76px);line-height:1.07;letter-spacing:-.047em;font-weight:850}\n.vh26-contact-group h2 em{font-style:normal;color:var(--vhred)}\n.vh26-contact-group .vh26-contact-lead{max-width:550px;color:#44484c;font-size:clamp(17px,2vw,21px);line-height:1.65;margin:0 0 24px}\n.vh26-contact-group .vh26-contact-top{display:inline-flex;border:1px solid #e8ded2;border-radius:100px;background:#fff;padding:13px 19px;color:var(--vhink);font-weight:800;text-decoration:none}\n.vh26-contact-group .vh26-contact-top:hover{color:var(--vhred)}\n.vh26-contact-group .vh26-belvenster{margin-top:26px;padding:clamp(23px,3.5vw,34px);background:var(--vhblue);border-radius:26px;box-shadow:0 18px 60px rgba(39,47,54,.08)}\n.vh26-contact-group .vh26-belvenster-kicker{margin:0 0 18px;color:#56616b;font-weight:700;font-size:15px}\n.vh26-contact-group .vh26-belvenster-call{display:flex;align-items:center;justify-content:space-between;gap:14px;border-radius:18px;background:var(--vhred);color:#fff!important;text-decoration:none;padding:18px 22px;font-size:clamp(22px,3vw,28px);font-weight:850;box-shadow:0 10px 25px rgba(227,6,19,.18)}\n.vh26-contact-group .vh26-belvenster-call:hover{filter:brightness(.94)}\n.vh26-contact-group .vh26-belvenster-meta{margin:20px 0 0;color:#55615f;font-size:17px;font-weight:700}\n.vh26-contact-group .vh26-belvenster-dot{display:inline-block;background:#88b29b;border-radius:50%;width:10px;height:10px;margin-right:12px}\n.vh26-contact-group .vh26-contact-swatches{display:flex;gap:8px;margin-top:30px}\n.vh26-contact-group .vh26-contact-swatches span{width:43px;height:10px;border-radius:20px;transform:rotate(-7deg)}\n.vh26-contact-group .vh26-contact-swatches span:nth-child(1){background:#e30613}.vh26-contact-group .vh26-contact-swatches span:nth-child(2){background:#e2bc4d}.vh26-contact-group .vh26-contact-swatches span:nth-child(3){background:#9ab9ad}.vh26-contact-group .vh26-contact-swatches span:nth-child(4){background:#98b1c8}\n.vh26-contact-group .vh26-contact-form-card{background:var(--vhblue);border-radius:26px;padding:clamp(24px,3.5vw,42px);box-shadow:0 18px 60px rgba(39,47,54,.08);min-width:0}\n.vh26-contact-group .vh26-contact-form-card h3{color:var(--vhink);font-size:clamp(25px,3vw,34px);line-height:1.2;margin:0 0 14px}\n.vh26-contact-group .vh26-contact-form-card>p{color:#55616b;font-size:16px;margin:0 0 23px}\n.vh26-contact-group .vh26-contact-form-card form,.vh26-contact-group .vh26-contact-form-card .wp-block-shortcode{width:100%;max-width:none;margin:0}\n.vh26-contact-group .vh26-contact-form-card label{display:block;color:#333b42;font-weight:700;font-size:15px;line-height:1.5}\n.vh26-contact-group .vh26-contact-form-card input:not([type=\"submit\"]):not([type=\"checkbox\"]):not([type=\"radio\"]),.vh26-contact-group .vh26-contact-form-card textarea,.vh26-contact-group .vh26-contact-form-card select{display:block;width:100%;min-width:0;max-width:100%;min-height:49px;margin:7px 0 14px;padding:12px 15px;border:1px solid #cbd7df;border-radius:12px;background:#fff;color:#26313a;font:inherit;font-size:16px}\n.vh26-contact-group .vh26-contact-form-card textarea{min-height:150px;resize:vertical}\n.vh26-contact-group .vh26-contact-form-card input[type=\"submit\"],.vh26-contact-group .vh26-contact-form-card button[type=\"submit\"]{display:block;width:100%;border:0;border-radius:14px;background:var(--vhred);color:#fff;padding:16px 20px;font-size:17px;font-weight:800;cursor:pointer}\n.vh26-contact-group .vh26-contact-form-card :is(input,textarea,select,button):focus-visible{outline:3px solid var(--vhred);outline-offset:2px}\n.vh26-contact-group .vh26-contact-form-card .wpcf7-response-output{border-radius:12px;padding:12px}\n.vh26-contact-group .vh26-contact-cols>.wp-block-column{flex:1 1 0;min-width:0}\n@media(min-width:850px){.vh26-contact-group .vh26-contact-cols{flex-direction:row;gap:clamp(28px,4vw,78px);align-items:flex-start}.vh26-contact-group .vh26-contact-form-card{margin-top:5px}}\n@media(max-width:480px){.vh26-contact-group{padding-inline:17px}.vh26-contact-group .vh26-belvenster,.vh26-contact-group .vh26-contact-form-card{border-radius:21px}.vh26-contact-group .vh26-belvenster-call{padding:16px}}\n<\/style>\n\n\n\n<div class=\"wp-block-columns vh26-contact-cols is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div id=\"contact\" class=\"vh26-contact-left\">\n    <p class=\"vh26-contact-eyebrow\">Samen iets moois maken?<\/p>\n    <h2>Een schilderklus<br><em>bespreken?<\/em><\/h2>\n    <p class=\"vh26-contact-lead\">Een frisse kleur, verzorgd schilderwerk of een plan voor onderhoud? Vertel John wat je in gedachten hebt. We denken graag met je mee.<\/p>\n    <a class=\"vh26-contact-top\" href=\"#vh26-home\">Terug naar boven \u2191<\/a>\n    <div class=\"vh26-belvenster\">\n      <p class=\"vh26-belvenster-kicker\">Persoonlijk contact, zonder omwegen.<\/p>\n      <a class=\"vh26-belvenster-call\" href=\"tel:+31654345822\"><span>Bel John direct<\/span><span aria-hidden=\"true\">\u2197<\/span><\/a>\n      <p class=\"vh26-belvenster-meta\"><span class=\"vh26-belvenster-dot\" aria-hidden=\"true\"><\/span>Hendrik-Ido-Ambacht en omgeving<\/p>\n    <\/div>\n    <div class=\"vh26-contact-swatches\" aria-hidden=\"true\"><span><\/span><span><\/span><span><\/span><span><\/span><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column vh26-contact-form-card is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading\">Stuur John een bericht.<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Vul het formulier in en we nemen contact met je op.<\/p>\n\n\n\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f815-o1\" lang=\"nl-NL\" dir=\"ltr\" data-wpcf7-id=\"815\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F6#wpcf7-f815-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contactformulier\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"815\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.2.4.1\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"nl_NL\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f815-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<p><label> Je naam (verplicht)<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span> <\/label><br \/>\n<label> Je e-mailadres (verplicht)<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span> <\/label><br \/>\n<label> Je telefoonnummer (verplicht)<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"tel-403\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"tel\" name=\"tel-403\" \/><\/span> <\/label><br \/>\n<label> Onderwerp (verplicht)<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-subject\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-subject\" \/><\/span> <\/label><br \/>\n<label> Je bericht (verplicht)<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"3\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" name=\"your-message\"><\/textarea><\/span> <\/label><br \/>\n<input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Verzenden\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n<\/div>\n<\/div>\n<\/div><\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Verhoeven Schilders \u00b7 persoonlijk vakwerk Kleur maakthet verschil.Vakmanschapook. Mooi schilderwerk zie je. Goed schilderwerk blijft. Bij Verhoeven Schilders draait het om aandacht voor het werk, oog voor kleur en een verzorgde afwerking. Bekijk ons werk Neem contact op Met gevoel voor kleur. Wat wij doen Van eerste verfstreektot laatste detail. Schilderwerk, wandafwerking en onderhoud. Persoonlijk &#8230; <a title=\"Home\" class=\"read-more\" href=\"https:\/\/test.verhoeven-schilders.nl\/\" aria-label=\"Lees meer over Home\">Lees verder<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/test.verhoeven-schilders.nl\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/test.verhoeven-schilders.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/test.verhoeven-schilders.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/test.verhoeven-schilders.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/test.verhoeven-schilders.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":0,"href":"https:\/\/test.verhoeven-schilders.nl\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"wp:attachment":[{"href":"https:\/\/test.verhoeven-schilders.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}