{"id":7,"date":"2026-07-25T04:53:10","date_gmt":"2026-07-25T04:53:10","guid":{"rendered":"http:\/\/acsmontage.nl\/?page_id=7"},"modified":"2026-09-21T19:10:27","modified_gmt":"2026-09-21T19:10:27","slug":"home","status":"publish","type":"page","link":"https:\/\/acsmontage.nl\/en\/","title":{"rendered":"Home"},"content":{"rendered":"<style>.kadence-column7_7fc8cd-dc > .kt-inside-inner-col{padding-top:0px;}.kadence-column7_7fc8cd-dc > .kt-inside-inner-col,.kadence-column7_7fc8cd-dc > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column7_7fc8cd-dc > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column7_7fc8cd-dc > .kt-inside-inner-col{flex-direction:column;}.kadence-column7_7fc8cd-dc > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column7_7fc8cd-dc > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column7_7fc8cd-dc{position:relative;}@media all and (max-width: 1024px){.kadence-column7_7fc8cd-dc > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column7_7fc8cd-dc > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column7_7fc8cd-dc alignfull\"><div class=\"kt-inside-inner-col\">\n<section class=\"acs-section acs-hero acs-full-bleed\" id=\"home\">\n  <div class=\"acs-hero-media\" aria-hidden=\"true\">\n    <img decoding=\"async\" src=\"https:\/\/acsmontage.nl\/wp-content\/uploads\/2026\/09\/homepage-glas-en-gevelmontage.jpg\" alt=\"\" loading=\"eager\" fetchpriority=\"high\">\n  <\/div>\n\n  <div class=\"acs-container\">\n    <div class=\"acs-hero-panel\">\n      <p class=\"acs-eyebrow acs-reveal-1\">ACS Montage \u00b7 Waddinxveen<\/p>\n\n      <h1 class=\"acs-title acs-reveal-2\">\n        Montage van gevelsystemen, kozijnen en deuren\n      <\/h1>\n\n      <p class=\"acs-subtitle acs-reveal-3\">\n        ACS Montage monteert gevelsystemen, vliesgevels, glas, kunststof kozijnen en deuren en verzorgt aluminium afwerking. Vanuit Waddinxveen werk ik voor bedrijven en particulieren binnen ongeveer 100 kilometer.\n      <\/p>\n\n      <div class=\"acs-hero-actions acs-reveal-4\">\n        <a class=\"acs-button\" href=\"#diensten\">\n          Ontdek onze diensten\n        <\/a>\n\n        <a class=\"acs-button-secondary\" href=\"#contact\">\n          Bespreek je project\n        <\/a>\n      <\/div>\n\n      <div class=\"acs-hero-services acs-reveal-4\" aria-label=\"Belangrijkste diensten\">\n        <a class=\"acs-hero-service-pill\" href=\"#gevelsystemen\">\n          <svg class=\"acs-pill-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M4 4h16v16H4z\"><\/path>\n            <path d=\"M4 10h16M10 4v16M16 4v16\"><\/path>\n          <\/svg>\n          Vliesgevels\n        <\/a>\n\n        <a class=\"acs-hero-service-pill\" href=\"#kozijnen\">\n          <svg class=\"acs-pill-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M5 4h14v16H5z\"><\/path>\n            <path d=\"M8 7h8v10H8z\"><\/path>\n          <\/svg>\n          Kozijnen\n        <\/a>\n\n        <a class=\"acs-hero-service-pill\" href=\"#deuren\">\n          <svg class=\"acs-pill-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M6 3h12v18H6z\"><\/path>\n            <path d=\"M15 12h.01\"><\/path>\n          <\/svg>\n          Deuren\n        <\/a>\n\n        <a class=\"acs-hero-service-pill\" href=\"#projectaanpak\">\n          <svg class=\"acs-pill-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M4 17h16\"><\/path>\n            <path d=\"M7 17V9l5-4 5 4v8\"><\/path>\n          <\/svg>\n          Aluminium afwerking\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"acs-hero-side\" aria-label=\"Korte introductie\">\n    <strong>Van detail naar strak eindresultaat<\/strong>\n    <span>\n      Bekijk rustig de montagegebieden en stuur daarna je projectinformatie\n      door voor een gerichte reactie.\n    <\/span>\n  <\/div>\n\n  <a class=\"acs-scroll-cue\" href=\"#diensten\">\n    Bekijk verder\n  <\/a>\n<\/section>\n\n\n\n<section class=\"acs-section acs-section-metal\" id=\"diensten\">\n  <div class=\"acs-container\">\n    <div class=\"acs-services-intro acs-scroll-reveal\">\n      <div>\n        <p class=\"acs-eyebrow\">Diensten<\/p>\n\n        <h2 class=\"acs-title-sm\">\n          Montage die past bij het gebouw, het materiaal en de planning\n        <\/h2>\n      <\/div>\n\n      <div class=\"acs-section-frame\">\n        <p class=\"acs-text\">\n          Elk project begint met een andere vraag. Soms gaat het om een strakke\n          gevel, soms om nieuwe kozijnen of een nette afwerking rond bestaande\n          openingen. Bekijk hieronder waar ACS Montage het verschil kan maken.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"acs-grid acs-grid-4\">\n      <a class=\"acs-service-link acs-scroll-reveal acs-delay-1\" href=\"#gevelsystemen\">\n        <span class=\"acs-service-index\">01<\/span>\n        <h3>Gevelsystemen<\/h3>\n        <p>\n          Voor projecten waar glas, aluminium en lijnen samen het gezicht van\n          het gebouw bepalen.\n        <\/p>\n        <span class=\"acs-service-arrow\">Bekijk mogelijkheden<\/span>\n      <\/a>\n\n      <a class=\"acs-service-link acs-scroll-reveal acs-delay-2\" href=\"#kozijnen\">\n        <span class=\"acs-service-index\">02<\/span>\n        <h3>Kozijnen<\/h3>\n        <p>\n          Zorgvuldige montage met aandacht voor aansluiting, maatvoering en\n          een verzorgde afwerking.\n        <\/p>\n        <span class=\"acs-service-arrow\">Ontdek deze dienst<\/span>\n      <\/a>\n\n      <a class=\"acs-service-link acs-scroll-reveal acs-delay-3\" href=\"#deuren\">\n        <span class=\"acs-service-index\">03<\/span>\n        <h3>Deuren<\/h3>\n        <p>\n          Montage van buitendeuren en aluminium deurpartijen met aandacht voor\n          passing, sluiting en afwerking.\n        <\/p>\n        <span class=\"acs-service-arrow\">Lees verder<\/span>\n      <\/a>\n\n      <a class=\"acs-service-link acs-scroll-reveal acs-delay-4\" href=\"#projectaanpak\">\n        <span class=\"acs-service-index\">04<\/span>\n        <h3>Projectaanpak<\/h3>\n        <p>\n          Van eerste opname tot oplevering: helder communiceren, netjes werken\n          en afstemmen op de situatie.\n        <\/p>\n        <span class=\"acs-service-arrow\">Zo werken we<\/span>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n  (() => {\n    const prefersReducedMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n    const supportsObserver = \"IntersectionObserver\" in window;\n\n    window.acsRevealObserved ||= new WeakSet();\n\n    window.acsInitScrollEffects = () => {\n      const items = Array.from(document.querySelectorAll(\".acs-scroll-reveal\"));\n\n      if (prefersReducedMotion || !supportsObserver) {\n        items.forEach((item) => item.classList.add(\"is-visible\"));\n        return;\n      }\n\n      if (!window.acsRevealObserver) {\n        window.acsRevealObserver = new IntersectionObserver(\n          (entries) => {\n            entries.forEach((entry) => {\n              if (entry.isIntersecting) {\n                entry.target.classList.add(\"is-visible\");\n                window.acsRevealObserver.unobserve(entry.target);\n              }\n            });\n          },\n          {\n            threshold: 0.18,\n            rootMargin: \"0px 0px -8% 0px\"\n          }\n        );\n      }\n\n      items.forEach((item) => {\n        if (!window.acsRevealObserved.has(item)) {\n          window.acsRevealObserved.add(item);\n          window.acsRevealObserver.observe(item);\n        }\n      });\n    };\n\n    window.acsInitScrollEffects();\n  })();\n<\/script>\n\n\n\n<section class=\"acs-section acs-about-home\" id=\"over-acs\">\n  <style>\n    .acs-about-home { background: linear-gradient(180deg,#e9dfcc 0%,#ded1b9 100%); color:#211d16; }\n    .acs-about-home-grid { display:grid; grid-template-columns:minmax(300px,.78fr) minmax(0,1fr); gap:clamp(28px,5vw,72px); align-items:center; }\n    .acs-about-home-media { position:relative; margin:0; min-height:560px; overflow:hidden; border-radius:32px 32px 32px 10px; box-shadow:0 28px 70px rgba(31,26,19,.22); }\n    .acs-about-home-media img { display:block; width:100%; height:100%; position:absolute; inset:0; object-fit:cover; object-position:center 42%; }\n    .acs-about-home-media::after { content:\"\"; position:absolute; inset:0; pointer-events:none; background:linear-gradient(180deg,transparent 62%,rgba(20,17,13,.28)); }\n    .acs-about-home-copy .acs-eyebrow { color:#73591f; }\n    .acs-about-home-copy h2 { max-width:720px; margin:0; color:#211d16; font-size:clamp(36px,4.6vw,66px); line-height:1.02; }\n    .acs-about-home-copy p { max-width:720px; margin:22px 0 0; color:#4f4638; font-size:clamp(17px,1.55vw,20px); line-height:1.72; }\n    .acs-about-home-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:28px; }\n    .acs-about-home-fact { padding:18px 20px; border:1px solid rgba(81,62,28,.2); border-radius:20px 20px 20px 7px; background:rgba(255,250,240,.52); }\n    .acs-about-home-fact strong { display:block; color:#73591f; font-size:26px; line-height:1; }\n    .acs-about-home-fact span { display:block; margin-top:8px; color:#514838; font-size:14px; line-height:1.45; }\n    .acs-about-home-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }\n    .acs-about-home .acs-button { color:#fff8e9!important; background:#211d16; }\n    .acs-about-home .acs-text-link { color:#5f4617!important; }\n    @media (max-width:900px) { .acs-about-home-grid { grid-template-columns:1fr; } .acs-about-home-media { min-height:520px; max-width:680px; width:100%; } }\n    @media (max-width:620px) { .acs-about-home-media { min-height:440px; border-radius:24px 24px 24px 8px; } .acs-about-home-facts { grid-template-columns:1fr; } .acs-about-home-actions { align-items:stretch; } .acs-about-home-actions .acs-button,.acs-about-home-actions .acs-text-link { width:100%; justify-content:center; text-align:center; } }\n  <\/style>\n  <div class=\"acs-container\">\n    <div class=\"acs-about-home-grid\">\n      <figure class=\"acs-about-home-media acs-scroll-reveal\">\n        <img src=\"https:\/\/acsmontage.nl\/wp-content\/uploads\/2026\/09\/over-mij-monteur-geveltechniek.jpg\" alt=\"Aleks van ACS Montage tijdens montagewerk\" loading=\"lazy\" decoding=\"async\">\n      <\/figure>\n      <div class=\"acs-about-home-copy acs-scroll-reveal acs-delay-1\">\n        <p class=\"acs-eyebrow\">Over ACS Montage<\/p>\n        <h2>Ervaring uit de praktijk<\/h2>\n        <p>Ik heb ruime praktijkervaring met de montage van gevelsystemen, kozijnen, deuren en glas. Je hebt rechtstreeks contact met mij over de aanvraag, voorbereiding en uitvoering van je project.<\/p>\n        <p>Mijn praktijkervaring en directe werkwijze komen terug in ieder project. Ik werk voor grotere bedrijven en professionele opdrachtgevers, maar ook voor particuliere klanten die waarde hechten aan duidelijke afspraken, technisch correct werk en een verzorgde afwerking.<\/p>\n        <div class=\"acs-about-home-facts\" aria-label=\"Ervaring van ACS Montage\">\n          <div class=\"acs-about-home-fact\"><strong>Praktijk<\/strong><span>Ruime ervaring in professioneel montagewerk<\/span><\/div>\n          <div class=\"acs-about-home-fact\"><strong>Direct<\/strong><span>Persoonlijk contact over aanvraag en uitvoering<\/span><\/div>\n        <\/div>\n        <div class=\"acs-about-home-actions\">\n          <a class=\"acs-button\" href=\"\/over-ons\/\">Meer over ACS Montage<\/a>\n          <a class=\"acs-text-link\" href=\"\/realisaties\/\">Bekijk realisaties<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<section class=\"acs-section acs-section-dark\" id=\"gevelsystemen\">\n  <div class=\"acs-container\">\n    <div class=\"acs-slider-controls acs-services-controls\" aria-label=\"Bediening dienstencarrousel\">\n      <span>Bekijk de diensten<\/span>\n      <div class=\"acs-slider-nav\" data-acs-nav=\"services\">\n        <button type=\"button\" class=\"acs-slider-button\" data-acs-prev=\"services\" aria-label=\"Vorige dienst\">\n          <svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M12.5 4 6.5 10l6 6\"\/><\/svg>\n        <\/button>\n        <span class=\"acs-slider-status\" data-acs-status=\"services\" aria-live=\"polite\">1 \/ 4<\/span>\n        <button type=\"button\" class=\"acs-slider-button\" data-acs-next=\"services\" aria-label=\"Volgende dienst\">\n          <svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"m7.5 4 6 6-6 6\"\/><\/svg>\n        <\/button>\n      <\/div>\n    <\/div>\n\n    <div class=\"acs-service-stories\" data-acs-slider=\"services\">\n      <article class=\"acs-service-story acs-scroll-reveal\">\n        <div class=\"acs-service-story-copy\">\n          <p class=\"acs-eyebrow\">Vliesgevels<\/p>\n\n          <h2>Een gevel die het gebouw meteen scherper maakt<\/h2>\n\n          <p>\n            Bij vliesgevels draait alles om lijnvoering, glasvlakken en aansluitingen\n            die rustig blijven ogen. ACS Montage verzorgt de montage met oog voor\n            maatvoering, ritme en een afwerking die past bij moderne gevelarchitectuur.\n          <\/p>\n\n          <div class=\"acs-service-meta\" aria-label=\"Kenmerken\">\n            <span>Glas en aluminium<\/span>\n            <span>Strakke lijnen<\/span>\n            <span>Zakelijke projecten<\/span>\n          <\/div>\n\n          <div class=\"acs-service-story-actions\">\n            <a class=\"acs-button\" href=\"\/vliesgevels\/\">Lees meer over vliesgevels<\/a>\n            <a class=\"acs-text-link\" href=\"#realisaties\">Bekijk realisaties<\/a>\n          <\/div>\n        <\/div>\n\n        <div class=\"acs-service-visual\">\n          <img decoding=\"async\"\n            src=\"https:\/\/acsmontage.nl\/wp-content\/uploads\/2026\/09\/vliesgevel-en-glasgevel-montage-01.webp\"\n            alt=\"Vliesgevel montage project van ACS Montage\"\n            loading=\"lazy\"\n          >\n        <\/div>\n      <\/article>\n\n      <article class=\"acs-service-story acs-scroll-reveal\" id=\"kozijnen\">\n        <div class=\"acs-service-story-copy\">\n          <p class=\"acs-eyebrow\">Kozijnen<\/p>\n\n          <h2>Kozijnen die strak aansluiten op het werk eromheen<\/h2>\n\n          <p>\n            Een kozijn valt pas echt op wanneer het niet stoort: recht geplaatst,\n            netjes aangesloten en zorgvuldig afgewerkt. Daarom kijken we niet alleen\n            naar het element zelf, maar ook naar de ondergrond, detaillering en montagevolgorde.\n          <\/p>\n\n          <div class=\"acs-service-meta\" aria-label=\"Kenmerken\">\n            <span>Nieuwbouw<\/span>\n            <span>Renovatie<\/span>\n            <span>Kunststof kozijnen<\/span>\n          <\/div>\n\n          <div class=\"acs-service-story-actions\">\n            <a class=\"acs-button\" href=\"\/kozijnen\/\">Lees meer over kozijnen<\/a>\n            <a class=\"acs-text-link\" href=\"#realisaties\">Bekijk projectfoto&#8217;s<\/a>\n          <\/div>\n        <\/div>\n\n        <div class=\"acs-service-visual\">\n          <img decoding=\"async\"\n            src=\"https:\/\/acsmontage.nl\/wp-content\/uploads\/2026\/09\/ramen-en-kozijnen-vervangen-04.jpg\"\n            alt=\"Kozijnen montage project van ACS Montage\"\n            loading=\"lazy\"\n          >\n        <\/div>\n      <\/article>\n\n      <article class=\"acs-service-story acs-scroll-reveal\" id=\"deuren\">\n        <div class=\"acs-service-story-copy\">\n          <p class=\"acs-eyebrow\">Deuren<\/p>\n\n          <h2>Deuren die dagelijks goed moeten voelen en functioneren<\/h2>\n\n          <p>\n            Bij deuren is montage direct merkbaar: in de sluiting, de kier, de lijn\n            en het gebruiksgemak. ACS Montage werkt zorgvuldig aan deurpartijen die\n            technisch betrouwbaar zijn en visueel passen bij de rest van het project.\n          <\/p>\n\n          <div class=\"acs-service-meta\" aria-label=\"Kenmerken\">\n            <span>Buitendeuren<\/span>\n            <span>Aluminium deurpartijen<\/span>\n            <span>Nette sluiting<\/span>\n          <\/div>\n\n          <div class=\"acs-service-story-actions\">\n            <a class=\"acs-button\" href=\"\/deuren\/\">Lees meer over deuren<\/a>\n            <a class=\"acs-text-link\" href=\"#realisaties\">Bekijk voorbeelden<\/a>\n          <\/div>\n        <\/div>\n\n        <div class=\"acs-service-visual\">\n          <img decoding=\"async\"\n            src=\"https:\/\/acsmontage.nl\/wp-content\/uploads\/2026\/09\/deuren-vervangen-en-monteren-01.jpg\"\n            alt=\"Deuren montage project van ACS Montage\"\n            loading=\"lazy\"\n          >\n        <\/div>\n      <\/article>\n\n      <article class=\"acs-service-story acs-scroll-reveal\" id=\"projectaanpak\">\n        <div class=\"acs-service-story-copy\">\n          <p class=\"acs-eyebrow\">Aluminium afwerking<\/p>\n\n          <h2>Afwerking die het project zijn rustige eindbeeld geeft<\/h2>\n\n          <p>\n            De laatste details bepalen vaak hoe professioneel een project aanvoelt.\n            Denk aan aansluitingen, aluminium afwerking en nette overgangen tussen\n            gevel, kozijn en deur. Juist daar helpt een zorgvuldige montagepartner.\n          <\/p>\n\n          <div class=\"acs-service-meta\" aria-label=\"Kenmerken\">\n            <span>Detailwerk<\/span>\n            <span>Aansluitingen<\/span>\n            <span>Net eindresultaat<\/span>\n          <\/div>\n\n          <div class=\"acs-service-story-actions\">\n            <a class=\"acs-button\" href=\"\/werkwijze\/\">Bekijk onze werkwijze<\/a>\n            <a class=\"acs-text-link\" href=\"#contact\">Project bespreken<\/a>\n          <\/div>\n        <\/div>\n\n        <div class=\"acs-service-visual\">\n          <img decoding=\"async\"\n            src=\"https:\/\/acsmontage.nl\/wp-content\/uploads\/2026\/09\/aluminium-afwerking-01.jpg\"\n            alt=\"Aluminium afwerking detail van ACS Montage\"\n            loading=\"lazy\"\n          >\n        <\/div>\n      <\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n  (() => {\n    const prefersReducedMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n    const supportsObserver = \"IntersectionObserver\" in window;\n\n    window.acsRevealObserved ||= new WeakSet();\n\n    window.acsInitScrollEffects = () => {\n      const items = Array.from(document.querySelectorAll(\".acs-scroll-reveal\"));\n\n      if (prefersReducedMotion || !supportsObserver) {\n        items.forEach((item) => item.classList.add(\"is-visible\"));\n        return;\n      }\n\n      if (!window.acsRevealObserver) {\n        window.acsRevealObserver = new IntersectionObserver(\n          (entries) => {\n            entries.forEach((entry) => {\n              if (entry.isIntersecting) {\n                entry.target.classList.add(\"is-visible\");\n                window.acsRevealObserver.unobserve(entry.target);\n              }\n            });\n          },\n          {\n            threshold: 0.18,\n            rootMargin: \"0px 0px -8% 0px\"\n          }\n        );\n      }\n\n      items.forEach((item) => {\n        if (!window.acsRevealObserved.has(item)) {\n          window.acsRevealObserved.add(item);\n          window.acsRevealObserver.observe(item);\n        }\n      });\n    };\n\n    window.acsInitScrollEffects();\n  })();\n<\/script>\n\n\n\n<section class=\"acs-section acs-section-dark\" id=\"realisaties\">\n  <div class=\"acs-container\">\n    <div class=\"acs-realisaties-head acs-scroll-reveal\">\n      <div>\n        <p class=\"acs-eyebrow\">Realisaties<\/p>\n\n        <h2 class=\"acs-title-sm\">\n          Details die je beter ziet dan beschrijft\n        <\/h2>\n      <\/div>\n\n      <div class=\"acs-realisaties-note\">\n        <p>\n          Een goede montage herken je aan rust in de lijnen, nette aansluitingen\n          en materiaal dat precies op zijn plek valt. Deze selectie laat dat werk\n          van dichtbij zien.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"acs-slider-controls acs-gallery-controls\" aria-label=\"Bediening fotogalerij\">\n      <span>Blader door de projecten<\/span>\n      <div class=\"acs-slider-nav\" data-acs-nav=\"gallery\">\n        <button type=\"button\" class=\"acs-slider-button\" data-acs-prev=\"gallery\" aria-label=\"Vorige foto's\">\n          <svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M12.5 4 6.5 10l6 6\"\/><\/svg>\n        <\/button>\n        <span class=\"acs-slider-status\" data-acs-status=\"gallery\" aria-live=\"polite\">1\u20133 \/ 11<\/span>\n        <button type=\"button\" class=\"acs-slider-button\" data-acs-next=\"gallery\" aria-label=\"Volgende foto's\">\n          <svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"m7.5 4 6 6-6 6\"\/><\/svg>\n        <\/button>\n      <\/div>\n    <\/div>\n\n    <div class=\"acs-realisaties-grid\" data-acs-slider=\"gallery\" aria-label=\"Galerij met realisaties van ACS Montage\">\n      <a class=\"acs-realisation-tile acs-scroll-reveal acs-delay-1\" href=\"https:\/\/acsmontage.nl\/wp-content\/uploads\/2026\/07\/pz0binypemexl90o8osf.webp\" target=\"_blank\" rel=\"noopener\">\n        <img decoding=\"async\" src=\"https:\/\/acsmontage.nl\/wp-content\/uploads\/2026\/07\/pz0binypemexl90o8osf.webp\" alt=\"Realisatie van ACS Montage\" loading=\"lazy\">\n      <\/a>\n\n      <a class=\"acs-realisation-tile acs-scroll-reveal acs-delay-2\" href=\"https:\/\/acsmontage.nl\/wp-content\/uploads\/2026\/07\/szzmulkjtubnplaryclu-scaled.webp\" target=\"_blank\" rel=\"noopener\">\n        <img decoding=\"async\" src=\"https:\/\/acsmontage.nl\/wp-content\/uploads\/2026\/07\/szzmulkjtubnplaryclu-scaled.webp\" alt=\"Realisatie van ACS Montage\" loading=\"lazy\">\n      <\/a>\n\n      <a class=\"acs-realisation-tile acs-scroll-reveal acs-delay-3\" href=\"https:\/\/acsmontage.nl\/wp-content\/uploads\/2026\/07\/ufenownt8zx2hrhu4j0x.webp\" target=\"_blank\" rel=\"noopener\">\n        <img decoding=\"async\" src=\"https:\/\/acsmontage.nl\/wp-content\/uploads\/2026\/07\/ufenownt8zx2hrhu4j0x.webp\" alt=\"Realisatie van ACS Montage\" loading=\"lazy\">\n      <\/a>\n\n      <a class=\"acs-realisation-tile acs-scroll-reveal acs-delay-4\" href=\"https:\/\/acsmontage.nl\/wp-content\/uploads\/2026\/07\/20211007_151429-scaled.webp\" target=\"_blank\" rel=\"noopener\">\n        <img decoding=\"async\" src=\"https:\/\/acsmontage.nl\/wp-content\/uploads\/2026\/07\/20211007_151429-scaled.webp\" alt=\"Realisatie van ACS Montage\" loading=\"lazy\">\n      <\/a>\n\n      <a class=\"acs-realisation-tile acs-scroll-reveal acs-delay-1\" href=\"https:\/\/acsmontage.nl\/wp-content\/uploads\/2026\/07\/20211009_142728-scaled.webp\" target=\"_blank\" rel=\"noopener\">\n        <img decoding=\"async\" src=\"https:\/\/acsmontage.nl\/wp-content\/uploads\/2026\/07\/20211009_142728-scaled.webp\" alt=\"Realisatie van ACS Montage\" loading=\"lazy\">\n      <\/a>\n\n      <a class=\"acs-realisation-tile acs-scroll-reveal acs-delay-2\" href=\"https:\/\/acsmontage.nl\/wp-content\/uploads\/2026\/07\/20211011_152153-scaled.webp\" target=\"_blank\" rel=\"noopener\">\n        <img decoding=\"async\" src=\"https:\/\/acsmontage.nl\/wp-content\/uploads\/2026\/07\/20211011_152153-scaled.webp\" alt=\"Realisatie van ACS Montage\" loading=\"lazy\">\n      <\/a>\n\n      <a class=\"acs-realisation-tile acs-scroll-reveal acs-delay-3\" href=\"https:\/\/acsmontage.nl\/wp-content\/uploads\/2026\/07\/20211016_130426-scaled.webp\" target=\"_blank\" rel=\"noopener\">\n        <img decoding=\"async\" src=\"https:\/\/acsmontage.nl\/wp-content\/uploads\/2026\/07\/20211016_130426-scaled.webp\" alt=\"Realisatie van ACS Montage\" loading=\"lazy\">\n      <\/a>\n\n      <a class=\"acs-realisation-tile acs-scroll-reveal acs-delay-4\" href=\"https:\/\/acsmontage.nl\/wp-content\/uploads\/2026\/07\/20211016_131836-scaled.webp\" target=\"_blank\" rel=\"noopener\">\n        <img decoding=\"async\" src=\"https:\/\/acsmontage.nl\/wp-content\/uploads\/2026\/07\/20211016_131836-scaled.webp\" alt=\"Realisatie van ACS Montage\" loading=\"lazy\">\n      <\/a>\n\n      <a class=\"acs-realisation-tile acs-scroll-reveal acs-delay-1\" href=\"https:\/\/acsmontage.nl\/wp-content\/uploads\/2026\/07\/yjjckb5kggt3doggrlxr.webp\" target=\"_blank\" rel=\"noopener\">\n        <img decoding=\"async\" src=\"https:\/\/acsmontage.nl\/wp-content\/uploads\/2026\/07\/yjjckb5kggt3doggrlxr.webp\" alt=\"Realisatie van ACS Montage\" loading=\"lazy\">\n      <\/a>\n\n      <a class=\"acs-realisation-tile acs-scroll-reveal acs-delay-2\" href=\"https:\/\/acsmontage.nl\/wp-content\/uploads\/2026\/07\/zsqk0wlcnvwpqls7xgdd-\u2014-kopia.webp\" target=\"_blank\" rel=\"noopener\">\n        <img decoding=\"async\" src=\"https:\/\/acsmontage.nl\/wp-content\/uploads\/2026\/07\/zsqk0wlcnvwpqls7xgdd-\u2014-kopia.webp\" alt=\"Realisatie van ACS Montage\" loading=\"lazy\">\n      <\/a>\n\n      <a class=\"acs-realisation-tile acs-scroll-reveal acs-delay-3\" href=\"https:\/\/acsmontage.nl\/wp-content\/uploads\/2026\/07\/20220202_132101-scaled.webp\" target=\"_blank\" rel=\"noopener\">\n        <img decoding=\"async\" src=\"https:\/\/acsmontage.nl\/wp-content\/uploads\/2026\/07\/20220202_132101-scaled.webp\" alt=\"Realisatie van ACS Montage\" loading=\"lazy\">\n      <\/a>\n    <\/div>\n\n    <div class=\"acs-realisaties-actions acs-scroll-reveal\">\n      <a class=\"acs-button\" href=\"#contact\">Bespreek je project<\/a>\n      <a class=\"acs-button-secondary\" href=\"\/realisaties\/\">Bekijk meer realisaties<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n  (() => {\n    const prefersReducedMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n    const supportsObserver = \"IntersectionObserver\" in window;\n\n    window.acsRevealObserved ||= new WeakSet();\n\n    window.acsInitScrollEffects = () => {\n      const items = Array.from(document.querySelectorAll(\".acs-scroll-reveal\"));\n\n      if (prefersReducedMotion || !supportsObserver) {\n        items.forEach((item) => item.classList.add(\"is-visible\"));\n        return;\n      }\n\n      if (!window.acsRevealObserver) {\n        window.acsRevealObserver = new IntersectionObserver(\n          (entries) => {\n            entries.forEach((entry) => {\n              if (entry.isIntersecting) {\n                entry.target.classList.add(\"is-visible\");\n                window.acsRevealObserver.unobserve(entry.target);\n              }\n            });\n          },\n          {\n            threshold: 0.14,\n            rootMargin: \"0px 0px -6% 0px\"\n          }\n        );\n      }\n\n      items.forEach((item) => {\n        if (!window.acsRevealObserved.has(item)) {\n          window.acsRevealObserved.add(item);\n          window.acsRevealObserver.observe(item);\n        }\n      });\n    };\n\n    window.acsInitScrollEffects();\n  })();\n<\/script>\n\n\n\n<section class=\"acs-section acs-section-dark acs-flow-section\" id=\"werkwijze\">\n  <div class=\"acs-container acs-flow-shell\">\n    <div class=\"acs-flow-head acs-scroll-reveal\">\n      <div>\n        <p class=\"acs-eyebrow\">Werkwijze<\/p>\n\n        <h2 class=\"acs-title-sm\">\n          Van eerste indruk naar strak gemonteerd werk\n        <\/h2>\n      <\/div>\n\n      <div class=\"acs-flow-note\">\n        <p>\n          Geen ingewikkeld verhaal vooraf. Gewoon een heldere volgorde, zodat je\n          weet wat er gebeurt voordat het werk op locatie begint.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"acs-flow-card acs-scroll-reveal\" data-acs-flow>\n      <div class=\"acs-flow-tabs\" data-acs-flow-rail>\n        <span class=\"acs-flow-line\" aria-hidden=\"true\"><\/span>\n\n        <button class=\"acs-flow-tab is-active\" type=\"button\" data-flow-step=\"0\" data-flow-number=\"01\" aria-pressed=\"true\">\n          <span class=\"acs-flow-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"M4 7h16\"><\/path>\n              <path d=\"M4 12h11\"><\/path>\n              <path d=\"M4 17h7\"><\/path>\n              <path d=\"M17 14l3 3-3 3\"><\/path>\n            <\/svg>\n          <\/span>\n          <span class=\"acs-flow-label\">Bekijken<\/span>\n        <\/button>\n\n        <button class=\"acs-flow-tab\" type=\"button\" data-flow-step=\"1\" data-flow-number=\"02\" aria-pressed=\"false\">\n          <span class=\"acs-flow-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"M5 19V5\"><\/path>\n              <path d=\"M19 19V5\"><\/path>\n              <path d=\"M8 8h8\"><\/path>\n              <path d=\"M8 16h8\"><\/path>\n              <path d=\"M10 6L8 8l2 2\"><\/path>\n              <path d=\"M14 14l2 2-2 2\"><\/path>\n            <\/svg>\n          <\/span>\n          <span class=\"acs-flow-label\">Inmeten<\/span>\n        <\/button>\n\n        <button class=\"acs-flow-tab\" type=\"button\" data-flow-step=\"2\" data-flow-number=\"03\" aria-pressed=\"false\">\n          <span class=\"acs-flow-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"M14 4l6 6\"><\/path>\n              <path d=\"M4 20l8-8\"><\/path>\n              <path d=\"M12 6l6 6-6 6-6-6z\"><\/path>\n            <\/svg>\n          <\/span>\n          <span class=\"acs-flow-label\">Monteren<\/span>\n        <\/button>\n\n        <button class=\"acs-flow-tab\" type=\"button\" data-flow-step=\"3\" data-flow-number=\"04\" aria-pressed=\"false\">\n          <span class=\"acs-flow-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"M5 12l4 4L19 6\"><\/path>\n              <path d=\"M4 20h16\"><\/path>\n            <\/svg>\n          <\/span>\n          <span class=\"acs-flow-label\">Opleveren<\/span>\n        <\/button>\n      <\/div>\n\n      <div class=\"acs-flow-detail\" aria-live=\"polite\">\n        <span class=\"acs-flow-watermark\" data-flow-watermark aria-hidden=\"true\">01<\/span>\n        <span class=\"acs-flow-count\" data-flow-count>Stap 01<\/span>\n        <h3 data-flow-title>Eerst kijken we naar de situatie<\/h3>\n        <p data-flow-text>\n          Foto&#8217;s, materiaal en bereikbaarheid bepalen de aanpak. Zo wordt snel\n          duidelijk wat nodig is en welke volgorde logisch is.\n        <\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <script>\n    (() => {\n      const script = document.currentScript;\n      const section = script ? script.closest(\".acs-flow-section\") : null;\n\n      if (!section || section.dataset.acsFlowReady === \"true\") return;\n      section.dataset.acsFlowReady = \"true\";\n\n      const prefersReducedMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n      const rail = section.querySelector(\"[data-acs-flow-rail]\");\n      const tabs = Array.from(section.querySelectorAll(\"[data-flow-step]\"));\n      const count = section.querySelector(\"[data-flow-count]\");\n      const watermark = section.querySelector(\"[data-flow-watermark]\");\n      const title = section.querySelector(\"[data-flow-title]\");\n      const text = section.querySelector(\"[data-flow-text]\");\n      const detail = section.querySelector(\".acs-flow-detail\");\n\n      const content = [\n        {\n          count: \"Stap 01\",\n          title: \"Eerst kijken we naar de situatie\",\n          text: \"Foto's, materiaal en bereikbaarheid bepalen de aanpak. Zo wordt snel duidelijk wat nodig is en welke volgorde logisch is.\"\n        },\n        {\n          count: \"Stap 02\",\n          title: \"Daarna zetten we de details scherp\",\n          text: \"Maten, aansluitingen en ondergrond worden rustig afgestemd. Dat voorkomt twijfel op locatie en houdt het werk netjes.\"\n        },\n        {\n          count: \"Stap 03\",\n          title: \"Bij montage telt elk detail\",\n          text: \"De elementen worden zorgvuldig geplaatst en gecontroleerd. Technisch moet het kloppen, visueel moet het strak ogen.\"\n        },\n        {\n          count: \"Stap 04\",\n          title: \"Tot slot wordt alles nagelopen\",\n          text: \"Voor de afronding kijken we naar werking, aansluitingen en eindbeeld. Pas dan voelt het project echt af.\"\n        }\n      ];\n\n      const setStep = (index) => {\n        const safeIndex = Math.max(0, Math.min(content.length - 1, index));\n        const progress = (safeIndex \/ (content.length - 1)) * 100;\n\n        rail.style.setProperty(\"--acs-flow-line\", `${progress}%`);\n        rail.style.setProperty(\"--acs-flow-line-mobile\", `${progress}%`);\n\n        tabs.forEach((tab, tabIndex) => {\n          const isActive = tabIndex === safeIndex;\n          tab.classList.toggle(\"is-active\", isActive);\n          tab.setAttribute(\"aria-pressed\", isActive ? \"true\" : \"false\");\n        });\n\n        if (!prefersReducedMotion) {\n          detail.classList.remove(\"is-changing\");\n          void detail.offsetWidth;\n          detail.classList.add(\"is-changing\");\n        }\n\n        count.textContent = content[safeIndex].count;\n        if (watermark) watermark.textContent = String(safeIndex + 1).padStart(2, \"0\");\n        title.textContent = content[safeIndex].title;\n        text.textContent = content[safeIndex].text;\n      };\n\n      tabs.forEach((tab) => {\n        const index = Number(tab.dataset.flowStep);\n\n        tab.addEventListener(\"click\", () => setStep(index));\n        tab.addEventListener(\"mouseenter\", () => setStep(index));\n        tab.addEventListener(\"focus\", () => setStep(index));\n      });\n\n      const revealItems = Array.from(section.querySelectorAll(\".acs-scroll-reveal\"));\n\n      if (prefersReducedMotion || !(\"IntersectionObserver\" in window)) {\n        revealItems.forEach((item) => item.classList.add(\"is-visible\"));\n      } else {\n        const observer = new IntersectionObserver(\n          (entries) => {\n            entries.forEach((entry) => {\n              if (entry.isIntersecting) {\n                entry.target.classList.add(\"is-visible\");\n                observer.unobserve(entry.target);\n              }\n            });\n          },\n          {\n            threshold: 0.16,\n            rootMargin: \"0px 0px -6% 0px\"\n          }\n        );\n\n        revealItems.forEach((item) => observer.observe(item));\n      }\n\n      setStep(0);\n    })();\n  <\/script>\n<\/section>\n\n\n\n\n\n\n\n\n\n<style id=\"acs-flow-enhanced-effects\">\n  #werkwijze {\n    position: relative;\n    isolation: isolate;\n    background:\n      radial-gradient(circle at 12% 18%, rgba(240,199,110,.11), transparent 30%),\n      radial-gradient(circle at 88% 74%, rgba(170,121,39,.09), transparent 34%),\n      #15130f;\n  }\n\n  #werkwijze::before {\n    display: none;\n    content: none;\n  }\n\n  #werkwijze::after {\n    content: \"\";\n    position: absolute;\n    width: 440px;\n    height: 440px;\n    right: -180px;\n    top: 30%;\n    z-index: -1;\n    border: 1px solid rgba(240,199,110,.1);\n    border-radius: 50%;\n    box-shadow: 0 0 0 74px rgba(240,199,110,.018), 0 0 0 148px rgba(240,199,110,.012);\n    pointer-events: none;\n  }\n\n  #werkwijze .acs-flow-shell {\n    position: relative;\n    z-index: 1;\n  }\n\n  #werkwijze .acs-flow-note {\n    position: relative;\n    overflow: hidden;\n    border-color: rgba(240,199,110,.28);\n    background:\n      linear-gradient(115deg, rgba(240,199,110,.12), transparent 46%),\n      rgba(255,255,255,.035);\n    backdrop-filter: blur(8px);\n  }\n\n  #werkwijze .acs-flow-note::after {\n    content: \"\";\n    position: absolute;\n    inset: 0 auto 0 -45%;\n    width: 34%;\n    pointer-events: none;\n    background: linear-gradient(90deg, transparent, rgba(255,255,255,.07), transparent);\n    transform: skewX(-18deg);\n    animation: acs-flow-note-sheen 8s ease-in-out infinite;\n  }\n\n  #werkwijze .acs-flow-card {\n    --flow-x: 50%;\n    --flow-y: 28%;\n    position: relative;\n    overflow: hidden;\n    border-color: rgba(240,199,110,.34);\n    background:\n      linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.018)),\n      rgba(17,15,12,.92);\n    box-shadow: 0 32px 80px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.06);\n  }\n\n  #werkwijze .acs-flow-card::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: 0;\n    pointer-events: none;\n    background: radial-gradient(420px circle at var(--flow-x) var(--flow-y), rgba(240,199,110,.14), transparent 58%);\n    transition: opacity .3s ease;\n  }\n\n  #werkwijze .acs-flow-card > * {\n    position: relative;\n    z-index: 1;\n  }\n\n  #werkwijze .acs-flow-tabs {\n    gap: 14px;\n    padding-bottom: 28px;\n  }\n\n  #werkwijze .acs-flow-tabs::before,\n  #werkwijze .acs-flow-line {\n    height: 3px;\n  }\n\n  #werkwijze .acs-flow-line {\n    overflow: visible;\n    background: linear-gradient(90deg, #a87325, #f0c76e 70%, #fff0bd);\n    box-shadow: 0 0 20px rgba(240,199,110,.5);\n    transition: width 420ms cubic-bezier(.22,.8,.24,1);\n  }\n\n  #werkwijze .acs-flow-line::after {\n    content: \"\";\n    position: absolute;\n    top: 50%;\n    right: 0;\n    width: 12px;\n    height: 12px;\n    border: 2px solid #fff1c2;\n    border-radius: 50%;\n    background: #c9983e;\n    box-shadow: 0 0 0 5px rgba(240,199,110,.13), 0 0 22px rgba(240,199,110,.72);\n    transform: translate(50%, -50%);\n  }\n\n  #werkwijze .acs-flow-tab {\n    position: relative;\n    overflow: hidden;\n    min-height: 76px !important;\n    padding: 12px !important;\n    border-color: rgba(240,199,110,.17) !important;\n    clip-path: none;\n    border-radius: 14px !important;\n    background: linear-gradient(145deg, rgba(255,255,255,.06), rgba(255,255,255,.015)) !important;\n    box-shadow: inset 0 1px 0 rgba(255,255,255,.03) !important;\n    transition: transform .26s ease, border-color .26s ease, background-color .26s ease, box-shadow .26s ease !important;\n  }\n\n  #werkwijze .acs-flow-tab::before {\n    display: block !important;\n    content: \"\" !important;\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n    opacity: 0;\n    background: radial-gradient(circle at 28% 0%, rgba(240,199,110,.2), transparent 62%);\n    transition: opacity .26s ease;\n  }\n\n  #werkwijze .acs-flow-tab::after {\n    display: block !important;\n    content: attr(data-flow-number) !important;\n    position: absolute;\n    top: 6px;\n    right: 10px;\n    color: rgba(240,199,110,.12);\n    font-size: 25px;\n    font-weight: 900;\n    line-height: 1;\n    letter-spacing: -.04em;\n  }\n\n  #werkwijze .acs-flow-tab:hover,\n  #werkwijze .acs-flow-tab:focus-visible {\n    transform: translateY(-3px) !important;\n    border-color: rgba(240,199,110,.48) !important;\n  }\n\n  #werkwijze .acs-flow-tab.is-active {\n    transform: translateY(-5px) !important;\n    border-color: rgba(240,199,110,.7) !important;\n    background: linear-gradient(145deg, rgba(240,199,110,.18), rgba(240,199,110,.035)) !important;\n    box-shadow: 0 18px 34px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.09) !important;\n  }\n\n  #werkwijze .acs-flow-tab.is-active::before {\n    opacity: 1;\n  }\n\n  #werkwijze .acs-flow-icon {\n    position: relative;\n    z-index: 1;\n    border-radius: 11px;\n    clip-path: none;\n    transition: color .26s ease, border-color .26s ease, background-color .26s ease, box-shadow .26s ease, transform .26s ease;\n  }\n\n  #werkwijze .acs-flow-tab.is-active .acs-flow-icon {\n    color: #1a160f;\n    border-color: #f0c76e;\n    background: linear-gradient(145deg, #fff0bd, #d8a84e);\n    box-shadow: 0 8px 24px rgba(240,199,110,.27);\n    transform: scale(1.05);\n  }\n\n  #werkwijze .acs-flow-detail {\n    position: relative;\n    overflow: hidden;\n    min-height: 238px;\n    padding: 34px 38px;\n    border-color: rgba(240,199,110,.3);\n    clip-path: none;\n    border-radius: 20px;\n    background:\n      radial-gradient(circle at 8% 0%, rgba(240,199,110,.18), transparent 36%),\n      linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.012));\n    box-shadow: inset 0 1px 0 rgba(255,255,255,.04);\n  }\n\n  #werkwijze .acs-flow-detail::before {\n    content: \"\";\n    position: absolute;\n    inset: 28px auto 28px 0;\n    width: 3px;\n    border-radius: 0 999px 999px 0;\n    background: linear-gradient(#fff0bd, #b67d29);\n    box-shadow: 0 0 18px rgba(240,199,110,.42);\n  }\n\n  #werkwijze .acs-flow-detail::after {\n    content: \"\";\n    position: absolute;\n    width: 180px;\n    height: 180px;\n    right: -90px;\n    bottom: -100px;\n    border: 1px solid rgba(240,199,110,.12);\n    border-radius: 50%;\n    box-shadow: 0 0 0 34px rgba(240,199,110,.018), 0 0 0 68px rgba(240,199,110,.012);\n    pointer-events: none;\n  }\n\n  #werkwijze .acs-flow-watermark {\n    position: absolute;\n    top: 50%;\n    right: 34px;\n    color: rgba(240,199,110,.055);\n    font-size: clamp(78px, 9vw, 128px);\n    font-weight: 950;\n    line-height: 1;\n    letter-spacing: -.08em;\n    transform: translateY(-50%);\n    pointer-events: none;\n    user-select: none;\n  }\n\n  #werkwijze .acs-flow-count,\n  #werkwijze .acs-flow-detail h3,\n  #werkwijze .acs-flow-detail p {\n    position: relative;\n    z-index: 1;\n  }\n\n  #werkwijze .acs-flow-detail.is-changing {\n    animation: acs-flow-detail-swap 420ms cubic-bezier(.2,.8,.2,1) both;\n  }\n\n  #werkwijze .acs-flow-card.is-visible .acs-flow-tab {\n    animation: acs-flow-tab-enter .55s cubic-bezier(.2,.8,.2,1) backwards;\n  }\n\n  #werkwijze .acs-flow-card.is-visible .acs-flow-tab:nth-of-type(2) { animation-delay: 70ms; }\n  #werkwijze .acs-flow-card.is-visible .acs-flow-tab:nth-of-type(3) { animation-delay: 140ms; }\n  #werkwijze .acs-flow-card.is-visible .acs-flow-tab:nth-of-type(4) { animation-delay: 210ms; }\n\n  @keyframes acs-flow-tab-enter {\n    from { opacity: 0; }\n    to { opacity: 1; }\n  }\n\n  @keyframes acs-flow-detail-swap {\n    0% { opacity: .45; transform: translateY(10px); filter: blur(3px); }\n    100% { opacity: 1; transform: translateY(0); filter: blur(0); }\n  }\n\n  @keyframes acs-flow-note-sheen {\n    0%, 58% { transform: translateX(0) skewX(-18deg); opacity: 0; }\n    66% { opacity: 1; }\n    86%, 100% { transform: translateX(430%) skewX(-18deg); opacity: 0; }\n  }\n\n  @media (max-width: 760px) {\n    #werkwijze::after {\n      width: 260px;\n      height: 260px;\n      right: -150px;\n    }\n\n    #werkwijze .acs-flow-card {\n      gap: 20px;\n      padding: 16px;\n    }\n\n    #werkwijze .acs-flow-tabs {\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n      gap: 6px;\n      padding-bottom: 22px;\n    }\n\n    #werkwijze .acs-flow-tab {\n      grid-template-columns: 1fr;\n      gap: 7px;\n      justify-items: center;\n      min-height: 88px !important;\n      padding: 9px 3px !important;\n      text-align: center !important;\n    }\n\n    #werkwijze .acs-flow-tab::after {\n      top: 4px;\n      right: 5px;\n      font-size: 17px;\n    }\n\n    #werkwijze .acs-flow-icon {\n      width: 34px;\n      height: 34px;\n    }\n\n    #werkwijze .acs-flow-icon svg {\n      width: 18px;\n      height: 18px;\n    }\n\n    #werkwijze .acs-flow-label {\n      font-size: 9px;\n      line-height: 1.15;\n      text-align: center;\n      letter-spacing: .01em;\n    }\n\n    #werkwijze .acs-flow-detail {\n      min-height: 270px;\n      padding: 28px 24px;\n    }\n\n    #werkwijze .acs-flow-watermark {\n      top: 24px;\n      right: 18px;\n      font-size: 66px;\n      transform: none;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    #werkwijze .acs-flow-note::after,\n    #werkwijze .acs-flow-card.is-visible .acs-flow-tab,\n    #werkwijze .acs-flow-detail.is-changing {\n      animation: none;\n    }\n  }\n<\/style>\n<script id=\"acs-flow-pointer-effect\">\n  (() => {\n    const card = document.querySelector('#werkwijze .acs-flow-card');\n    if (!card || !window.matchMedia('(pointer: fine)').matches) return;\n    card.addEventListener('pointermove', (event) => {\n      const rect = card.getBoundingClientRect();\n      card.style.setProperty('--flow-x', `${event.clientX - rect.left}px`);\n      card.style.setProperty('--flow-y', `${event.clientY - rect.top}px`);\n    }, { passive: true });\n    card.addEventListener('pointerleave', () => {\n      card.style.setProperty('--flow-x', '50%');\n      card.style.setProperty('--flow-y', '28%');\n    }, { passive: true });\n  })();\n<\/script>\n\n\n\n<style id=\"acs-home-compact-layout\">\n  #gevelsystemen,\n  #realisaties {\n    padding-block: clamp(58px, 6vw, 76px);\n  }\n\n  #gevelsystemen .acs-service-stories {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 22px;\n  }\n\n  #gevelsystemen .acs-service-story {\n    display: grid;\n    grid-template-columns: 1fr !important;\n    grid-template-rows: 240px auto;\n    gap: 0;\n    min-width: 0;\n    min-height: 0;\n    padding: 0;\n    overflow: hidden;\n  }\n\n  #gevelsystemen .acs-service-visual {\n    order: -1 !important;\n    width: 100%;\n    height: 240px;\n    min-height: 0;\n    border-radius: 0;\n  }\n\n  #gevelsystemen .acs-service-visual img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  #gevelsystemen .acs-service-story-copy {\n    display: flex;\n    flex-direction: column;\n    gap: 14px;\n    padding: 26px;\n  }\n\n  #gevelsystemen .acs-service-story-copy h2 {\n    font-size: clamp(1.45rem, 2.2vw, 2rem);\n    line-height: 1.12;\n  }\n\n  #gevelsystemen .acs-service-meta {\n    gap: 8px;\n  }\n\n  #gevelsystemen .acs-service-story-actions {\n    margin-top: auto;\n  }\n\n  .acs-slider-controls {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 16px;\n    margin: 24px 0 18px;\n    color: rgba(255,255,255,.72);\n    font-size: .9rem;\n  }\n\n  .acs-services-controls {\n    display: none;\n  }\n\n  .acs-slider-nav {\n    display: inline-flex;\n    align-items: center;\n    gap: 3px;\n    padding: 5px;\n    border: 1px solid rgba(240,199,110,.24);\n    border-radius: 999px;\n    background: linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.025));\n    box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 10px 28px rgba(0,0,0,.18);\n    backdrop-filter: blur(10px);\n  }\n\n  .acs-slider-button {\n    display: inline-grid;\n    place-items: center;\n    width: 38px;\n    height: 38px;\n    padding: 0;\n    border: 0;\n    border-radius: 50%;\n    background: transparent;\n    color: #f0c76e;\n    cursor: pointer;\n    transition: background-color .2s ease, color .2s ease, opacity .2s ease;\n  }\n\n  .acs-slider-button svg {\n    width: 19px;\n    height: 19px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  .acs-slider-button:hover,\n  .acs-slider-button:focus-visible {\n    background: #f0c76e;\n    color: #17140e;\n    outline: none;\n  }\n\n  .acs-slider-button:focus-visible {\n    box-shadow: 0 0 0 3px rgba(240,199,110,.24);\n  }\n\n  .acs-slider-button:disabled {\n    color: rgba(255,255,255,.25);\n    cursor: default;\n    opacity: .6;\n  }\n\n  .acs-slider-button:disabled:hover {\n    background: transparent;\n    color: rgba(255,255,255,.25);\n  }\n\n  .acs-slider-status {\n    min-width: 68px;\n    padding: 0 6px;\n    color: rgba(255,255,255,.78);\n    font-size: .76rem;\n    font-variant-numeric: tabular-nums;\n    letter-spacing: .08em;\n    text-align: center;\n    white-space: nowrap;\n  }\n\n  #realisaties .acs-realisaties-grid {\n    display: flex;\n    gap: 16px;\n    width: 100%;\n    overflow-x: auto;\n    overflow-y: hidden;\n    padding: 2px 2px 16px;\n    scroll-snap-type: x mandatory;\n    scroll-behavior: auto;\n    overscroll-behavior-inline: contain;\n    scrollbar-width: thin;\n    scrollbar-color: rgba(240,199,110,.55) rgba(255,255,255,.06);\n  }\n\n  #realisaties .acs-realisation-tile {\n    flex: 0 0 calc((100% - 32px) \/ 3);\n    width: auto;\n    height: clamp(260px, 27vw, 350px);\n    aspect-ratio: auto;\n    scroll-snap-align: start;\n    scroll-snap-stop: always;\n  }\n\n  #realisaties .acs-realisation-tile img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  #realisaties .acs-realisaties-actions {\n    margin-top: 26px;\n  }\n\n  @media (max-width: 760px) {\n    #gevelsystemen,\n    #realisaties {\n      padding-block: 52px;\n    }\n\n    .acs-services-controls {\n      display: flex;\n      margin-top: 0;\n    }\n\n    #gevelsystemen .acs-service-stories {\n      display: flex;\n      gap: 14px;\n      width: calc(100% + 16px);\n      overflow-x: auto;\n      overflow-y: hidden;\n      padding: 2px 16px 16px 2px;\n      scroll-snap-type: x mandatory;\n      scroll-behavior: auto;\n      overscroll-behavior-inline: contain;\n      scrollbar-width: thin;\n      scrollbar-color: rgba(240,199,110,.55) rgba(255,255,255,.06);\n    }\n\n    #gevelsystemen .acs-service-story {\n      flex: 0 0 min(86vw, 330px);\n      grid-template-rows: 210px auto;\n      scroll-snap-align: start;\n      scroll-snap-stop: always;\n    }\n\n    #gevelsystemen .acs-service-visual {\n      height: 210px;\n    }\n\n    #gevelsystemen .acs-service-story-copy {\n      padding: 22px;\n    }\n\n    #gevelsystemen .acs-service-meta {\n      display: none;\n    }\n\n    #gevelsystemen .acs-service-story-actions {\n      align-items: flex-start;\n    }\n\n    #realisaties .acs-realisaties-head {\n      gap: 18px;\n    }\n\n    #realisaties .acs-gallery-controls {\n      margin-top: 18px;\n    }\n\n    #realisaties .acs-realisation-tile {\n      flex-basis: min(82vw, 310px);\n      height: 280px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    #gevelsystemen .acs-service-stories,\n    #realisaties .acs-realisaties-grid {\n      scroll-behavior: auto;\n    }\n  }\n<\/style>\n<script id=\"acs-home-slider-controls\">\n  (() => {\n    const details = (name) => {\n      const slider = document.querySelector(`[data-acs-slider=\"${name}\"]`);\n      if (!slider || !slider.firstElementChild) return null;\n      const gap = parseFloat(getComputedStyle(slider).gap) || 0;\n      const step = slider.firstElementChild.getBoundingClientRect().width + gap;\n      const total = slider.children.length;\n      const first = Math.min(total - 1, Math.max(0, Math.round(slider.scrollLeft \/ step)));\n      const visible = Math.max(1, Math.floor((slider.clientWidth + gap) \/ step));\n      return { slider, step, total, first, visible };\n    };\n\n    const update = (name) => {\n      const data = details(name);\n      if (!data) return;\n      const { slider, total, first, visible } = data;\n      const last = Math.min(total, first + visible);\n      const status = document.querySelector(`[data-acs-status=\"${name}\"]`);\n      const previous = document.querySelector(`[data-acs-prev=\"${name}\"]`);\n      const next = document.querySelector(`[data-acs-next=\"${name}\"]`);\n      if (status) status.textContent = visible > 1 ? `${first + 1}\u2013${last} \/ ${total}` : `${first + 1} \/ ${total}`;\n      if (previous) previous.disabled = slider.scrollLeft <= 4;\n      if (next) next.disabled = slider.scrollLeft >= slider.scrollWidth - slider.clientWidth - 4;\n    };\n\n    const move = (name, direction) => {\n      const data = details(name);\n      if (!data) return;\n      data.slider.style.scrollBehavior = 'auto';\n      data.slider.scrollLeft = data.slider.scrollLeft + direction * data.step;\n      requestAnimationFrame(() => update(name));\n    };\n\n    ['services', 'gallery'].forEach((name) => {\n      const slider = document.querySelector(`[data-acs-slider=\"${name}\"]`);\n      if (!slider) return;\n      document.querySelector(`[data-acs-prev=\"${name}\"]`)?.addEventListener('click', () => move(name, -1));\n      document.querySelector(`[data-acs-next=\"${name}\"]`)?.addEventListener('click', () => move(name, 1));\n      slider.addEventListener('scroll', () => update(name), { passive: true });\n      if ('ResizeObserver' in window) {\n        new ResizeObserver(() => update(name)).observe(slider);\n      } else {\n        window.addEventListener('resize', () => update(name), { passive: true });\n      }\n      update(name);\n    });\n  })();\n<\/script>\n\n\n\n<section class=\"acs-section acs-section-dark acs-lead-section\" id=\"contact\">\n  <style>\n    .acs-lead-section .wpcf7,\n    .acs-lead-section .acs-cf7-form {\n      width: 100%;\n    }\n\n    .acs-lead-section .acs-cf7-form {\n      display: grid;\n      gap: 16px;\n    }\n\n    .acs-lead-section .acs-cf7-form label {\n      display: grid;\n      gap: 8px;\n      margin: 0;\n      color: var(--acs-gold-pale, #f2dcaa);\n      font-size: 13px;\n      font-weight: 900;\n      text-transform: uppercase;\n    }\n\n    .acs-lead-section .acs-cf7-form .wpcf7-form-control-wrap {\n      display: block;\n    }\n\n    .acs-lead-section .acs-cf7-form input[type=\"text\"],\n    .acs-lead-section .acs-cf7-form input[type=\"email\"],\n    .acs-lead-section .acs-cf7-form textarea {\n      width: 100%;\n      min-width: 0;\n      border: 1px solid rgba(242, 220, 170, 0.18);\n      border-radius: 0;\n      color: var(--acs-ivory, #fbf3e4);\n      background: rgba(15, 13, 10, 0.28);\n      font: inherit;\n      outline: none;\n      transition: border-color 180ms ease, background-color 180ms ease;\n    }\n\n    .acs-lead-section .acs-cf7-form input[type=\"text\"],\n    .acs-lead-section .acs-cf7-form input[type=\"email\"] {\n      min-height: 50px;\n      padding: 12px 14px;\n    }\n\n    .acs-lead-section .acs-cf7-form textarea {\n      min-height: 118px;\n      padding: 14px;\n      resize: vertical;\n    }\n\n    .acs-lead-section .acs-cf7-form input[type=\"text\"]:focus,\n    .acs-lead-section .acs-cf7-form input[type=\"email\"]:focus,\n    .acs-lead-section .acs-cf7-form textarea:focus {\n      border-color: rgba(242, 220, 170, 0.52);\n      background: rgba(15, 13, 10, 0.38);\n    }\n\n    .acs-lead-section .acs-cf7-form .wpcf7-radio {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 8px;\n    }\n\n    .acs-lead-section .acs-cf7-form .wpcf7-list-item {\n      margin: 0;\n    }\n\n    .acs-lead-section .acs-cf7-form .wpcf7-list-item label {\n      display: inline-flex;\n      align-items: center;\n      min-height: 38px;\n      padding: 8px 12px;\n      border: 1px solid rgba(242, 220, 170, 0.18);\n      color: rgba(251, 243, 228, 0.78);\n      background: rgba(15, 13, 10, 0.24);\n      clip-path: polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 9px 100%, 0 calc(100% - 9px));\n      cursor: pointer;\n    }\n\n    .acs-lead-section .acs-cf7-form .wpcf7-list-item input {\n      accent-color: var(--acs-gold-soft, #d8aa4c);\n    }\n\n    .acs-lead-section .acs-cf7-form .wpcf7-submit {\n      display: inline-flex !important;\n      align-items: center;\n      justify-content: center;\n      width: 100%;\n      min-height: 52px !important;\n      margin: 0 !important;\n      padding: 14px 20px !important;\n      border: 1px solid rgba(242, 220, 170, 0.35) !important;\n      border-radius: 0 !important;\n      color: var(--acs-ink, #17140f) !important;\n      background: linear-gradient(135deg, var(--acs-gold-pale, #f2dcaa), var(--acs-gold-soft, #d8aa4c)) !important;\n      box-shadow: none !important;\n      font: inherit !important;\n      font-size: 13px !important;\n      font-weight: 950 !important;\n      letter-spacing: 0 !important;\n      text-transform: uppercase !important;\n      cursor: pointer;\n      transition: transform 180ms ease, filter 180ms ease;\n    }\n\n    .acs-lead-section .acs-cf7-form .wpcf7-submit:hover,\n    .acs-lead-section .acs-cf7-form .wpcf7-submit:focus {\n      transform: translateY(-2px);\n      filter: brightness(1.06);\n      outline: none;\n    }\n\n    .acs-lead-section .wpcf7-response-output {\n      margin: 14px 0 0 !important;\n      padding: 12px 14px !important;\n      border-color: rgba(242, 220, 170, 0.36) !important;\n      color: var(--acs-ivory, #fbf3e4);\n      background: rgba(15, 13, 10, 0.24);\n    }\n\n    .acs-lead-section .wpcf7-not-valid-tip {\n      margin-top: 6px;\n      color: #f3b4a4;\n      font-size: 13px;\n      font-weight: 700;\n      text-transform: none;\n    }\n  <\/style>\n\n  <div class=\"acs-container acs-lead-shell\">\n    <div class=\"acs-lead-head acs-scroll-reveal\">\n      <div>\n        <p class=\"acs-eyebrow\">Aanvraag<\/p>\n\n        <h2 class=\"acs-title-sm\">\n          Stuur je project door voor een gerichte beoordeling\n        <\/h2>\n      <\/div>\n\n      <p class=\"acs-lead-intro\">\n        Een eerste aanvraag hoeft niet perfect te zijn. Met een paar foto&#8217;s, de\n        locatie en een korte omschrijving kan ACS Montage al gericht meekijken.\n      <\/p>\n    <\/div>\n\n    <div class=\"acs-lead-grid\">\n      <div class=\"acs-lead-card acs-scroll-reveal\">\n        <ul class=\"acs-lead-proof\">\n          <li>\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M4 7h16\"><\/path>\n              <path d=\"M4 12h10\"><\/path>\n              <path d=\"M4 17h7\"><\/path>\n              <path d=\"M17 14l3 3-3 3\"><\/path>\n            <\/svg>\n            <span>\n              <strong>Foto&#8217;s zijn genoeg voor de eerste stap<\/strong>\n              <span>Gevel, kozijn, deur of detail: laat zien wat er speelt.<\/span>\n            <\/span>\n          <\/li>\n\n          <li>\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M5 19V5\"><\/path>\n              <path d=\"M19 19V5\"><\/path>\n              <path d=\"M8 8h8\"><\/path>\n              <path d=\"M8 16h8\"><\/path>\n            <\/svg>\n            <span>\n              <strong>Technisch meedenken vanaf het begin<\/strong>\n              <span>Over maatvoering, aansluiting, materiaal en montagevolgorde.<\/span>\n            <\/span>\n          <\/li>\n\n          <li>\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M5 12l4 4L19 6\"><\/path>\n              <path d=\"M4 20h16\"><\/path>\n            <\/svg>\n            <span>\n              <strong>Duidelijk vervolg<\/strong>\n              <span>Je krijgt gericht contact over haalbaarheid, planning en aanpak.<\/span>\n            <\/span>\n          <\/li>\n        <\/ul>\n\n        <div class=\"acs-lead-note\">\n          <strong>Handig om mee te sturen<\/strong>\n          <p>\n            Foto&#8217;s van de huidige situatie, globale afmetingen, plaatsnaam en\n            wanneer het werk ongeveer uitgevoerd moet worden.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"acs-lead-form-card acs-scroll-reveal\">\n        <div class=\"acs-lead-form\">\n          <div>\n            <h3>Maak alvast een korte aanvraag<\/h3>\n            <p>\n              Vul de basis in en voeg daarna eventueel foto&#8217;s toe in het vervolgcontact.\n              ACS Montage kijkt gericht met je mee.\n            <\/p>\n          <\/div>\n\n\n\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f132-o1\" lang=\"pl-PL\" dir=\"ltr\" data-wpcf7-id=\"132\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/en\/wp-json\/wp\/v2\/pages\/7#wpcf7-f132-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Formularz kontaktowy\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"132\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.7\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"pl_PL\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f132-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"acs-cf7-form\">\n\t<p><label>Soort werk<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"service\"><span class=\"wpcf7-form-control wpcf7-radio\"><span class=\"wpcf7-list-item first\"><label><input type=\"radio\" name=\"service\" value=\"Gevelsystemen\" checked=\"checked\" \/><span class=\"wpcf7-list-item-label\">Gevelsystemen<\/span><\/label><\/span><span class=\"wpcf7-list-item\"><label><input type=\"radio\" name=\"service\" value=\"Kozijnen\" \/><span class=\"wpcf7-list-item-label\">Kozijnen<\/span><\/label><\/span><span class=\"wpcf7-list-item\"><label><input type=\"radio\" name=\"service\" value=\"Deuren\" \/><span class=\"wpcf7-list-item-label\">Deuren<\/span><\/label><\/span><span class=\"wpcf7-list-item last\"><label><input type=\"radio\" name=\"service\" value=\"Aluminium afwerking\" \/><span class=\"wpcf7-list-item-label\">Aluminium afwerking<\/span><\/label><\/span><\/span><\/span><\/label>\n\t<\/p>\n\t<p><label>Plaats<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"place\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Bijv. Waddinxveen, Gouda of Rotterdam\" value=\"\" type=\"text\" name=\"place\" \/><\/span><\/label>\n\t<\/p>\n\t<p><label>Naam<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\" autocomplete=\"name\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Je naam\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span><\/label>\n\t<\/p>\n\t<p><label>E-mail<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\" autocomplete=\"email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"jouw@email.nl\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span><\/label>\n\t<\/p>\n\t<p><label>Korte omschrijving<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Beschrijf kort wat er gemonteerd of vervangen moet worden.\" name=\"your-message\"><\/textarea><\/span><\/label>\n\t<\/p>\n\t<p><label>Antispam<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"anti-spam\"><label><span class=\"wpcf7-quiz-label\">Hoeveel is 2 + 3?<\/span> <input size=\"40\" class=\"wpcf7-form-control wpcf7-quiz\" autocomplete=\"off\" aria-required=\"true\" aria-invalid=\"false\" type=\"text\" name=\"anti-spam\" \/><\/label><input type=\"hidden\" name=\"_wpcf7_quiz_answer_anti-spam\" value=\"5949b499ef593dce3c7c7b237822b6de\" \/><\/span><\/label>\n\t<\/p>\n\t<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Aanvraag versturen\" \/>\n\t<\/p>\n<\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n\n\n\n<span class=\"acs-lead-small\">\n            Liever handmatig mailen? Gebruik\n            <a class=\"acs-lead-email\" href=\"mailto:contact@acsmontage.nl\">contact@acsmontage.nl<\/a>.\n          <\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <script>\n    (() => {\n      const script = document.currentScript;\n      const section = script ? script.closest(\".acs-lead-section\") : null;\n\n      if (!section || section.dataset.acsLeadReady === \"true\") return;\n      section.dataset.acsLeadReady = \"true\";\n\n      const revealItems = Array.from(section.querySelectorAll(\".acs-scroll-reveal\"));\n      const reduceMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n\n      if (reduceMotion || !(\"IntersectionObserver\" in window)) {\n        revealItems.forEach((item) => item.classList.add(\"is-visible\"));\n      } else {\n        const observer = new IntersectionObserver(\n          (entries) => {\n            entries.forEach((entry) => {\n              if (entry.isIntersecting) {\n                entry.target.classList.add(\"is-visible\");\n                observer.unobserve(entry.target);\n              }\n            });\n          },\n          {\n            threshold: 0.14,\n            rootMargin: \"0px 0px -6% 0px\"\n          }\n        );\n\n        revealItems.forEach((item) => observer.observe(item));\n      }\n    })();\n  <\/script>\n<\/section>\n<\/div><\/div>\n\n\n\n<style id=\"acs-aanvraag-compact-layout\">\n  #contact {\n    padding-block: clamp(58px, 5.5vw, 72px);\n  }\n\n  #contact .acs-lead-shell {\n    gap: 24px;\n  }\n\n  #contact .acs-lead-head {\n    grid-template-columns: minmax(0, .82fr) minmax(300px, .48fr);\n    gap: 28px;\n  }\n\n  #contact .acs-lead-intro {\n    font-size: 16px;\n    line-height: 1.6;\n  }\n\n  #contact .acs-lead-grid {\n    grid-template-columns: minmax(330px, .78fr) minmax(0, 1.22fr);\n    gap: 18px;\n    align-items: start;\n  }\n\n  #contact .acs-lead-card,\n  #contact .acs-lead-form-card {\n    clip-path: none;\n    border-radius: 18px;\n  }\n\n  #contact .acs-lead-card {\n    gap: 18px;\n    padding: 22px;\n  }\n\n  #contact .acs-lead-proof {\n    gap: 10px;\n  }\n\n  #contact .acs-lead-proof li {\n    grid-template-columns: 36px minmax(0, 1fr);\n    gap: 11px;\n    padding: 13px;\n    clip-path: none;\n    border-radius: 12px;\n  }\n\n  #contact .acs-lead-proof svg {\n    width: 23px;\n    height: 23px;\n  }\n\n  #contact .acs-lead-proof strong {\n    margin-bottom: 3px;\n    font-size: 15px;\n  }\n\n  #contact .acs-lead-proof span {\n    font-size: 14px;\n    line-height: 1.45;\n  }\n\n  #contact .acs-lead-note {\n    gap: 5px;\n    padding: 15px;\n    border-radius: 12px;\n  }\n\n  #contact .acs-lead-note p {\n    font-size: 14px;\n    line-height: 1.5;\n  }\n\n  #contact .acs-lead-form-card {\n    padding: 22px;\n  }\n\n  #contact .acs-lead-form {\n    gap: 14px;\n  }\n\n  #contact .acs-lead-form h3 {\n    font-size: 24px;\n  }\n\n  #contact .acs-lead-form > div:first-child p {\n    font-size: 14px;\n    line-height: 1.5;\n  }\n\n  #contact .acs-cf7-form {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 12px 14px;\n  }\n\n  #contact .acs-cf7-form > p:nth-child(1),\n  #contact .acs-cf7-form > p:nth-child(5),\n  #contact .acs-cf7-form > p:nth-child(7) {\n    grid-column: 1 \/ -1;\n  }\n\n  #contact .acs-cf7-form > p:nth-child(2),\n  #contact .acs-cf7-form > p:nth-child(3),\n  #contact .acs-cf7-form > p:nth-child(4),\n  #contact .acs-cf7-form > p:nth-child(6) {\n    min-width: 0;\n  }\n\n  #contact .acs-cf7-form label {\n    gap: 6px;\n    font-size: 12px;\n  }\n\n  #contact .acs-cf7-form input[type=\"text\"],\n  #contact .acs-cf7-form input[type=\"email\"] {\n    min-height: 46px;\n    padding: 10px 12px;\n    border-radius: 9px;\n  }\n\n  #contact .acs-cf7-form textarea {\n    min-height: 96px;\n    height: 96px;\n    padding: 12px;\n    border-radius: 9px;\n  }\n\n  #contact .acs-cf7-form .wpcf7-radio {\n    flex-wrap: nowrap;\n    gap: 6px;\n    overflow-x: auto;\n    padding-bottom: 3px;\n    scrollbar-width: thin;\n  }\n\n  #contact .acs-cf7-form .wpcf7-list-item {\n    flex: 0 0 auto;\n  }\n\n  #contact .acs-cf7-form .wpcf7-list-item label {\n    min-height: 34px;\n    padding: 7px 10px;\n    border-radius: 9px;\n    clip-path: none;\n    white-space: nowrap;\n  }\n\n  #contact .acs-cf7-form .wpcf7-submit {\n    min-height: 48px !important;\n    border-radius: 10px !important;\n  }\n\n  #contact .acs-lead-small {\n    font-size: 12px;\n  }\n\n  @media (max-width: 760px) {\n    #contact {\n      padding-block: 48px;\n    }\n\n    #contact .acs-lead-shell {\n      gap: 20px;\n    }\n\n    #contact .acs-lead-head,\n    #contact .acs-lead-grid {\n      grid-template-columns: 1fr;\n      gap: 18px;\n    }\n\n    #contact .acs-lead-head {\n      gap: 12px;\n    }\n\n    #contact .acs-lead-intro {\n      font-size: 15px;\n      line-height: 1.55;\n    }\n\n    #contact .acs-lead-card {\n      gap: 14px;\n      padding: 16px;\n    }\n\n    #contact .acs-lead-proof {\n      display: flex;\n      gap: 10px;\n      width: calc(100% + 16px);\n      overflow-x: auto;\n      overflow-y: hidden;\n      padding: 1px 16px 10px 1px;\n      scroll-snap-type: x mandatory;\n      overscroll-behavior-inline: contain;\n      scrollbar-width: thin;\n    }\n\n    #contact .acs-lead-proof li {\n      flex: 0 0 min(76vw, 280px);\n      min-height: 112px;\n      scroll-snap-align: start;\n    }\n\n    #contact .acs-lead-note {\n      padding: 13px;\n    }\n\n    #contact .acs-lead-form-card {\n      padding: 18px;\n    }\n\n    #contact .acs-lead-form h3 {\n      font-size: 22px;\n    }\n\n    #contact .acs-cf7-form {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 11px 10px;\n    }\n\n    #contact .acs-cf7-form > p:nth-child(1),\n    #contact .acs-cf7-form > p:nth-child(2),\n    #contact .acs-cf7-form > p:nth-child(3),\n    #contact .acs-cf7-form > p:nth-child(4),\n    #contact .acs-cf7-form > p:nth-child(5),\n    #contact .acs-cf7-form > p:nth-child(6),\n    #contact .acs-cf7-form > p:nth-child(7) {\n      grid-column: 1 \/ -1;\n    }\n\n    #contact .acs-cf7-form .wpcf7-radio {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 7px;\n      overflow: visible;\n      padding: 0;\n    }\n\n    #contact .acs-cf7-form .wpcf7-list-item {\n      min-width: 0;\n    }\n\n    #contact .acs-cf7-form .wpcf7-list-item label {\n      justify-content: center;\n      width: 100%;\n      min-height: 40px;\n      padding: 7px 6px;\n      text-align: center;\n      white-space: normal;\n    }\n\n    #contact .acs-cf7-form .wpcf7-list-item-label {\n      font-size: 10px;\n      line-height: 1.15;\n    }\n\n    #contact .acs-cf7-form textarea {\n      min-height: 80px;\n      height: 80px;\n    }\n\n    #contact .acs-cf7-form input[type=\"text\"],\n    #contact .acs-cf7-form input[type=\"email\"] {\n      font-size: 14px;\n    }\n\n    #contact .acs-lead-small {\n      display: block;\n      min-height: 48px;\n      padding-right: 92px;\n      line-height: 1.45;\n    }\n  }\n\n  @media (max-width: 360px) {\n    #contact .acs-cf7-form > p:nth-child(3),\n    #contact .acs-cf7-form > p:nth-child(4) {\n      grid-column: 1 \/ -1;\n    }\n  }\n<\/style>\n\n\n\n<style id=\"acs-home-hero-mobile-fix\">\n  body.home .acs-hero::after,\n  body.page-id-7 .acs-hero::after {\n    display: none !important;\n    border: 0 !important;\n    box-shadow: none !important;\n  }\n\n  body.home .acs-hero-side,\n  body.page-id-7 .acs-hero-side {\n    border-color: transparent !important;\n  }\n\n  body.home,\n  body.home #page,\n  body.home #content,\n  body.home #primary,\n  body.home .site-content,\n  body.home .entry-content,\n  body.page-id-7,\n  body.page-id-7 #page,\n  body.page-id-7 #content,\n  body.page-id-7 #primary,\n  body.page-id-7 .site-content,\n  body.page-id-7 .entry-content {\n    background: #15120e !important;\n  }\n\n  body.home #primary,\n  body.home .site-main,\n  body.home .entry-content,\n  body.page-id-7 #primary,\n  body.page-id-7 .site-main,\n  body.page-id-7 .entry-content {\n    margin-bottom: 0 !important;\n    padding-bottom: 0 !important;\n  }\n\n  body.home #colophon.site-footer,\n  body.page-id-7 #colophon.site-footer {\n    display: none !important;\n    height: 0 !important;\n    min-height: 0 !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    overflow: hidden !important;\n  }\n\n  body.home .entry-content > p:empty,\n  body.page-id-7 .entry-content > p:empty {\n    display: none !important;\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n\n  body.home .acs-lead-section,\n  body.page-id-7 .acs-lead-section {\n    margin-bottom: 0 !important;\n  }\n\n  @media (min-width: 769px) {\n    body.home .acs-hero,\n    body.page-id-7 .acs-hero {\n      min-height: 780px;\n      height: auto;\n      padding-top: 110px;\n      padding-bottom: 90px;\n      overflow: hidden;\n      background: linear-gradient(135deg, #090909 0%, #17130f 56%, #070707 100%) !important;\n    }\n\n    body.home .acs-hero::before,\n    body.page-id-7 .acs-hero::before {\n      background:\n        radial-gradient(circle at 18% 24%, rgba(242,220,170,.15), transparent 32%),\n        linear-gradient(90deg, rgba(9,9,9,.1), rgba(9,9,9,.38)) !important;\n    }\n\n    body.home .acs-hero .acs-container,\n    body.page-id-7 .acs-hero .acs-container {\n      width: min(1220px, calc(100% - 48px));\n    }\n\n    body.home .acs-hero-panel,\n    body.page-id-7 .acs-hero-panel {\n      max-width: min(650px, 55%);\n    }\n\n    body.home .acs-hero-media,\n    body.page-id-7 .acs-hero-media {\n      inset: auto;\n      top: 50%;\n      right: max(24px, calc((100vw - 1220px) \/ 2));\n      width: min(38vw, 510px);\n      height: auto;\n      aspect-ratio: 3 \/ 4;\n      transform: translateY(-50%);\n      border: 1px solid rgba(216,173,88,.28);\n      border-radius: 30px 30px 30px 10px;\n      background: #080808;\n      box-shadow: 0 32px 90px rgba(0,0,0,.48);\n      overflow: hidden;\n    }\n\n    body.home .acs-hero-media img,\n    body.page-id-7 .acs-hero-media img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      object-position: center;\n      filter: none;\n      transform: none;\n      animation: none;\n    }\n\n    body.home .acs-hero-side,\n    body.page-id-7 .acs-hero-side,\n    body.home .acs-scroll-cue,\n    body.page-id-7 .acs-scroll-cue {\n      display: none !important;\n    }\n  }\n\n  @media (min-width: 769px) and (max-width: 1100px) {\n    body.home .acs-hero-panel,\n    body.page-id-7 .acs-hero-panel {\n      max-width: 52%;\n    }\n\n    body.home .acs-hero-media,\n    body.page-id-7 .acs-hero-media {\n      width: min(40vw, 450px);\n    }\n  }\n\n  @media (max-width: 720px) {\n    body.home .acs-hero-media img,\n    body.page-id-7 .acs-hero-media img {\n      object-position: 58% center !important;\n    }\n  }\n\n  @media (max-width: 480px) {\n    body.home .acs-hero-media img,\n    body.page-id-7 .acs-hero-media img {\n      object-position: 58% center !important;\n    }\n  }\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>ACS Montage \u00b7 Waddinxveen Montage van gevelsystemen, kozijnen en deuren ACS Montage monteert gevelsystemen, vliesgevels, glas, kunststof kozijnen en deuren [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"plain-container","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/acsmontage.nl\/en\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/acsmontage.nl\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/acsmontage.nl\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/acsmontage.nl\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/acsmontage.nl\/en\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":55,"href":"https:\/\/acsmontage.nl\/en\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":469,"href":"https:\/\/acsmontage.nl\/en\/wp-json\/wp\/v2\/pages\/7\/revisions\/469"}],"wp:attachment":[{"href":"https:\/\/acsmontage.nl\/en\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}