{"id":1142,"date":"2022-06-28T11:12:34","date_gmt":"2022-06-28T11:12:34","guid":{"rendered":"https:\/\/startersites.io\/elementor\/web-agency\/?page_id=1142"},"modified":"2026-04-05T16:32:28","modified_gmt":"2026-04-05T15:32:28","slug":"home","status":"publish","type":"page","link":"https:\/\/vanderfeerinnovations.nl\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1142\" class=\"elementor elementor-1142\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1b3888a e-flex e-con-boxed e-con e-parent\" data-id=\"1b3888a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;,&quot;shape_divider_top&quot;:&quot;wave-brush&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-top\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 283.5 27.8\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M283.5,9.7c0,0-7.3,4.3-14,4.6c-6.8,0.3-12.6,0-20.9-1.5c-11.3-2-33.1-10.1-44.7-5.7\ts-12.1,4.6-18,7.4c-6.6,3.2-20,9.6-36.6,9.3C131.6,23.5,99.5,7.2,86.3,8c-1.4,0.1-6.6,0.8-10.5,2c-3.8,1.2-9.4,3.8-17,4.7\tc-3.2,0.4-8.3,1.1-14.2,0.9c-1.5-0.1-6.3-0.4-12-1.6c-5.7-1.2-11-3.1-15.8-3.7C6.5,9.2,0,10.8,0,10.8V0h283.5V9.7z M260.8,11.3\tc-0.7-1-2-0.4-4.3-0.4c-2.3,0-6.1-1.2-5.8-1.1c0.3,0.1,3.1,1.5,6,1.9C259.7,12.2,261.4,12.3,260.8,11.3z M242.4,8.6\tc0,0-2.4-0.2-5.6-0.9c-3.2-0.8-10.3-2.8-15.1-3.5c-8.2-1.1-15.8,0-15.1,0.1c0.8,0.1,9.6-0.6,17.6,1.1c3.3,0.7,9.3,2.2,12.4,2.7\tC239.9,8.7,242.4,8.6,242.4,8.6z M185.2,8.5c1.7-0.7-13.3,4.7-18.5,6.1c-2.1,0.6-6.2,1.6-10,2c-3.9,0.4-8.9,0.4-8.8,0.5\tc0,0.2,5.8,0.8,11.2,0c5.4-0.8,5.2-1.1,7.6-1.6C170.5,14.7,183.5,9.2,185.2,8.5z M199.1,6.9c0.2,0-0.8-0.4-4.8,1.1\tc-4,1.5-6.7,3.5-6.9,3.7c-0.2,0.1,3.5-1.8,6.6-3C197,7.5,199,6.9,199.1,6.9z M283,6c-0.1,0.1-1.9,1.1-4.8,2.5s-6.9,2.8-6.7,2.7\tc0.2,0,3.5-0.6,7.4-2.5C282.8,6.8,283.1,5.9,283,6z M31.3,11.6c0.1-0.2-1.9-0.2-4.5-1.2s-5.4-1.6-7.8-2C15,7.6,7.3,8.5,7.7,8.6\tC8,8.7,15.9,8.3,20.2,9.3c2.2,0.5,2.4,0.5,5.7,1.6S31.2,11.9,31.3,11.6z M73,9.2c0.4-0.1,3.5-1.6,8.4-2.6c4.9-1.1,8.9-0.5,8.9-0.8\tc0-0.3-1-0.9-6.2-0.3S72.6,9.3,73,9.2z M71.6,6.7C71.8,6.8,75,5.4,77.3,5c2.3-0.3,1.9-0.5,1.9-0.6c0-0.1-1.1-0.2-2.7,0.2\tC74.8,5.1,71.4,6.6,71.6,6.7z M93.6,4.4c0.1,0.2,3.5,0.8,5.6,1.8c2.1,1,1.8,0.6,1.9,0.5c0.1-0.1-0.8-0.8-2.4-1.3\tC97.1,4.8,93.5,4.2,93.6,4.4z M65.4,11.1c-0.1,0.3,0.3,0.5,1.9-0.2s2.6-1.3,2.2-1.2s-0.9,0.4-2.5,0.8C65.3,10.9,65.5,10.8,65.4,11.1\tz M34.5,12.4c-0.2,0,2.1,0.8,3.3,0.9c1.2,0.1,2,0.1,2-0.2c0-0.3-0.1-0.5-1.6-0.4C36.6,12.8,34.7,12.4,34.5,12.4z M152.2,21.1\tc-0.1,0.1-2.4-0.3-7.5-0.3c-5,0-13.6-2.4-17.2-3.5c-3.6-1.1,10,3.9,16.5,4.1C150.5,21.6,152.3,21,152.2,21.1z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M269.6,18c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3\tC267.7,18.8,269.7,18,269.6,18z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M227.4,9.8c-0.2-0.1-4.5-1-9.5-1.2c-5-0.2-12.7,0.6-12.3,0.5c0.3-0.1,5.9-1.8,13.3-1.2\tS227.6,9.9,227.4,9.8z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M204.5,13.4c-0.1-0.1,2-1,3.2-1.1c1.2-0.1,2,0,2,0.3c0,0.3-0.1,0.5-1.6,0.4\tC206.4,12.9,204.6,13.5,204.5,13.4z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M201,10.6c0-0.1-4.4,1.2-6.3,2.2c-1.9,0.9-6.2,3.1-6.1,3.1c0.1,0.1,4.2-1.6,6.3-2.6\tS201,10.7,201,10.6z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M154.5,26.7c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3\tC152.6,27.5,154.6,26.8,154.5,26.7z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M41.9,19.3c0,0,1.2-0.3,2.9-0.1c1.7,0.2,5.8,0.9,8.2,0.7c4.2-0.4,7.4-2.7,7-2.6\tc-0.4,0-4.3,2.2-8.6,1.9c-1.8-0.1-5.1-0.5-6.7-0.4S41.9,19.3,41.9,19.3z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M75.5,12.6c0.2,0.1,2-0.8,4.3-1.1c2.3-0.2,2.1-0.3,2.1-0.5c0-0.1-1.8-0.4-3.4,0\tC76.9,11.5,75.3,12.5,75.5,12.6z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M15.6,13.2c0-0.1,4.3,0,6.7,0.5c2.4,0.5,5,1.9,5,2c0,0.1-2.7-0.8-5.1-1.4\tC19.9,13.7,15.7,13.3,15.6,13.2z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ee9d5d3 elementor-widget elementor-widget-heading\" data-id=\"ee9d5d3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Van der Feer Innovations<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e643f9b elementor-widget elementor-widget-heading\" data-id=\"e643f9b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Impactvolle social media beheer, creatieve marketingcampagnes en converterende webdesign voor kleine ondernemers en mkb, altijd met persoonlijke contact<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-da6ac38 e-con-full e-flex e-con e-parent\" data-id=\"da6ac38\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;,&quot;shape_divider_bottom&quot;:&quot;mountains&quot;}\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-bottom\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" opacity=\"0.33\" d=\"M473,67.3c-203.9,88.3-263.1-34-320.3,0C66,119.1,0,59.7,0,59.7V0h1000v59.7 c0,0-62.1,26.1-94.9,29.3c-32.8,3.3-62.8-12.3-75.8-22.1C806,49.6,745.3,8.7,694.9,4.7S492.4,59,473,67.3z\"\/>\n\t<path class=\"elementor-shape-fill\" opacity=\"0.66\" d=\"M734,67.3c-45.5,0-77.2-23.2-129.1-39.1c-28.6-8.7-150.3-10.1-254,39.1 s-91.7-34.4-149.2,0C115.7,118.3,0,39.8,0,39.8V0h1000v36.5c0,0-28.2-18.5-92.1-18.5C810.2,18.1,775.7,67.3,734,67.3z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M766.1,28.9c-200-57.5-266,65.5-395.1,19.5C242,1.8,242,5.4,184.8,20.6C128,35.8,132.3,44.9,89.9,52.5C28.6,63.7,0,0,0,0 h1000c0,0-9.9,40.9-83.6,48.1S829.6,47,766.1,28.9z\"\/>\n<\/svg>\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ee3f014 e-con-full animated-slow e-transform e-flex elementor-invisible e-con e-child\" data-id=\"ee3f014\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;zoomIn&quot;,&quot;animation_delay&quot;:0,&quot;_transform_rotateZ_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect_tablet&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect_mobile&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b7a65da elementor-invisible elementor-widget elementor-widget-image-carousel\" data-id=\"b7a65da\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;slides_to_show&quot;:&quot;5&quot;,&quot;navigation&quot;:&quot;none&quot;,&quot;autoplay_speed&quot;:2500,&quot;_animation&quot;:&quot;zoomIn&quot;,&quot;_animation_delay&quot;:300,&quot;autoplay&quot;:&quot;yes&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;speed&quot;:500}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Afbeelding carrousel\" dir=\"ltr\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 van 8\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/vanderfeerinnovations.nl\/wp-content\/uploads\/elementor\/thumbs\/Logo-Ross-Sanitair-rlkbti41pzpjxcv783qqvf26buptov9xuigzqt258o.png\" alt=\"Logo Ross Sanitair\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 van 8\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/vanderfeerinnovations.nl\/wp-content\/uploads\/elementor\/thumbs\/Logo-Het-Gilde-Projecten-rlkbtg8dcbmza4xxj2xhqfj952z39h2h6960s94xl4.png\" alt=\"Logo Het Gilde Projecten\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 van 8\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/vanderfeerinnovations.nl\/wp-content\/uploads\/elementor\/thumbs\/31-rfa5o9btj6at400n2295s17wiqaxlr4vmusp5ax348.png\" alt=\"3[1]\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 van 8\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/vanderfeerinnovations.nl\/wp-content\/uploads\/elementor\/thumbs\/51-rfa5oznaujau52yesdmppukt5ip7la1d2h2al1u2a0.png\" alt=\"5[1]\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"5 van 8\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/vanderfeerinnovations.nl\/wp-content\/uploads\/elementor\/thumbs\/11-rfa5n312zmowljq2x1yy5tw5se3ezdgyh1fujunsw8.png\" alt=\"1[1]\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"6 van 8\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/vanderfeerinnovations.nl\/wp-content\/uploads\/elementor\/thumbs\/21-rfa5o0v9tnz87icxfglinlcr69gmoh7aloxbtt9mo8.png\" alt=\"2[1]\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"7 van 8\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/vanderfeerinnovations.nl\/wp-content\/uploads\/elementor\/thumbs\/41-rfa5ohsd8ome0hoconwswh31v758j12go0o2gskjk8.png\" alt=\"4[1]\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"8 van 8\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/vanderfeerinnovations.nl\/wp-content\/uploads\/elementor\/thumbs\/71-rfa5pbv7bdrkc0gnt0wv49hsvj0zdcdvg5jltnby14.png\" alt=\"7[1]\" \/><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7165c62 e-flex e-con-boxed e-con e-parent\" data-id=\"7165c62\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-24ab550 e-con-full e-flex e-con e-child\" data-id=\"24ab550\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9faa986 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"9faa986\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-size-sm\" role=\"button\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Onze diensten<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f6b78a4 elementor-widget elementor-widget-heading\" data-id=\"f6b78a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Wat kunnen wij voor jullie betekenen?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a4ff4de e-con-full e-flex e-con e-child\" data-id=\"a4ff4de\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fe225e1 elementor-widget elementor-widget-html\" data-id=\"fe225e1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n    \/* =========================================\r\n       DESKTOP (WEB) - JOUW ORIGINELE CODE\r\n       ========================================= *\/\r\n\r\n    \/* Container instellingen *\/\r\n    .custom-services-container {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 30px; \/* Ruimte tussen blokken *\/\r\n        justify-content: center;\r\n        max-width: 1200px;\r\n        margin: 50px auto;\r\n        font-family: 'Helvetica', 'Arial', sans-serif;\r\n    }\r\n\r\n    \/* Basis blok stijl *\/\r\n    .service-card {\r\n        background-color: #ffffff;\r\n        flex: 1 1 250px; \/* JOUW ORIGINELE BREEDTE *\/\r\n        padding: 40px 30px;\r\n        border-radius: 20px;\r\n        \/* Stevigere schaduw zoals gevraagd *\/\r\n        box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1); \r\n        position: relative;\r\n        overflow: hidden;\r\n        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n        text-align: left;\r\n        cursor: pointer;\r\n        display: flex;\r\n        flex-direction: column; \/* Zorgt dat elementen onder elkaar staan *\/\r\n        border: 1px solid rgba(0,0,0,0.01);\r\n        box-sizing: border-box; \/* Zorgt dat padding de breedte niet verpest *\/\r\n    }\r\n\r\n    \/* Decoratieve vorm rechtsboven (ovaal\/cirkel) *\/\r\n    .service-card::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: -30px;\r\n        right: -30px;\r\n        width: 100px;\r\n        height: 100px;\r\n        border-radius: 50%;\r\n        opacity: 0.1;\r\n        transition: all 0.5s ease;\r\n        z-index: 0;\r\n    }\r\n\r\n    \/* De cirkel om het icoon heen *\/\r\n    .icon-wrapper {\r\n        width: 70px;\r\n        height: 70px;\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        margin-bottom: 25px;\r\n        transition: all 0.4s ease;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* Het icoon zelf *\/\r\n    .service-icon {\r\n        width: 32px;\r\n        height: 32px;\r\n        fill: #ffffff; \/* Wit icoon *\/\r\n        transition: all 0.4s ease;\r\n    }\r\n\r\n    \/* Typografie *\/\r\n    .service-card h3 {\r\n        font-size: 1.3rem;\r\n        margin-bottom: 15px;\r\n        color: #2c3e50;\r\n        font-weight: 700;\r\n        transition: color 0.4s ease;\r\n        position: relative;\r\n        z-index: 2;\r\n        \/* CRUCIAAL VOOR UITLIJNING OP DESKTOP: *\/\r\n        min-height: 3.2rem; \r\n        display: flex;\r\n        align-items: center; \r\n        line-height: 1.3;\r\n    }\r\n\r\n    .service-card p {\r\n        font-size: 0.95rem;\r\n        color: #636e72;\r\n        line-height: 1.6;\r\n        margin: 0;\r\n        transition: color 0.4s ease;\r\n        position: relative;\r\n        z-index: 2;\r\n        flex-grow: 1; \r\n    }\r\n\r\n    \/* --- KLEUR THEMA'S --- *\/\r\n\r\n    \/* 1. Blauw *\/\r\n    .card-blue .icon-wrapper { background-color: #2E86DE; box-shadow: 0 5px 15px rgba(46, 134, 222, 0.3); }\r\n    .card-blue::before { background-color: #2E86DE; }\r\n    \r\n    \/* Hover Blauw *\/\r\n    .card-blue:hover { background-color: #2E86DE; transform: translateY(-8px); }\r\n    .card-blue:hover .icon-wrapper { background-color: #ffffff; } \r\n    .card-blue:hover .service-icon { fill: #2E86DE; } \r\n\r\n    \/* 2. Geel\/Goud *\/\r\n    .card-yellow .icon-wrapper { background-color: #F39C12; box-shadow: 0 5px 15px rgba(243, 156, 18, 0.3); }\r\n    .card-yellow::before { background-color: #F39C12; }\r\n\r\n    \/* Hover Geel *\/\r\n    .card-yellow:hover { background-color: #F39C12; transform: translateY(-8px); }\r\n    .card-yellow:hover .icon-wrapper { background-color: #ffffff; }\r\n    .card-yellow:hover .service-icon { fill: #F39C12; }\r\n\r\n    \/* 3. Roze *\/\r\n    .card-pink .icon-wrapper { background-color: #E84393; box-shadow: 0 5px 15px rgba(232, 67, 147, 0.3); }\r\n    .card-pink::before { background-color: #E84393; }\r\n\r\n    \/* Hover Roze *\/\r\n    .card-pink:hover { background-color: #E84393; transform: translateY(-8px); }\r\n    .card-pink:hover .icon-wrapper { background-color: #ffffff; }\r\n    .card-pink:hover .service-icon { fill: #E84393; }\r\n\r\n    \/* 4. Oranje *\/\r\n    .card-orange .icon-wrapper { background-color: #E67E22; box-shadow: 0 5px 15px rgba(230, 126, 34, 0.3); }\r\n    .card-orange::before { background-color: #E67E22; }\r\n\r\n    \/* Hover Oranje *\/\r\n    .card-orange:hover { background-color: #E67E22; transform: translateY(-8px); }\r\n    .card-orange:hover .icon-wrapper { background-color: #ffffff; }\r\n    .card-orange:hover .service-icon { fill: #E67E22; }\r\n\r\n    \/* --- ALGEMENE TEKST KLEUR BIJ HOVER --- *\/\r\n    .service-card:hover h3,\r\n    .service-card:hover p {\r\n        color: #ffffff;\r\n    }\r\n\r\n    \/* Achtergrond decoratie effect bij hover *\/\r\n    .service-card:hover::before {\r\n        transform: scale(8);\r\n        opacity: 0;\r\n    }\r\n\r\n    \/* =========================================\r\n       HIERONDER BEGINT PAS DE AANPASSING\r\n       VOOR IPAD EN IPHONE\r\n       ========================================= *\/\r\n\r\n    \/* 1. IPAD & TABLET (Tussen 768px en 1024px) *\/\r\n    @media (max-width: 1024px) {\r\n        .custom-services-container {\r\n            padding: 0 20px; \/* Zorgt dat het niet tegen de rand plakt *\/\r\n            box-sizing: border-box;\r\n        }\r\n        .service-card {\r\n            \/* Op iPad maken we ze breder, zodat je er 2 naast elkaar krijgt ipv 4 proppen *\/\r\n            flex: 1 1 45%; \r\n        }\r\n    }\r\n\r\n    \/* 2. IPHONE & MOBIEL (Kleiner dan 767px) *\/\r\n    @media (max-width: 767px) {\r\n        .custom-services-container {\r\n            \/* Forceer alles onder elkaar *\/\r\n            flex-direction: column; \r\n            padding: 0 15px;\r\n            margin: 30px auto;\r\n        }\r\n        .service-card {\r\n            \/* Pak de volle breedte van het scherm *\/\r\n            flex: 1 1 100%; \r\n            width: 100%;\r\n            \/* Reset de minimale hoogte van de titel, want ze staan nu toch onder elkaar *\/\r\n            padding: 30px 25px;\r\n        }\r\n        .service-card h3 {\r\n            min-height: auto; \r\n        }\r\n    }\r\n\r\n<\/style>\r\n\r\n<div class=\"custom-services-container\">\r\n\r\n    <div class=\"service-card card-blue\">\r\n        <div class=\"icon-wrapper\">\r\n            <svg class=\"service-icon\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M17 1.01L7 1c-1.1 0-2 .9-2 2v18c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V3c0-1.1-.9-1.99-2-1.99zM17 19H7V5h10v14z\"\/><\/svg>\r\n        <\/div>\r\n        <h3>Social Media Beheer<\/h3>\r\n        <p>Wij beheren jouw social media kanalen, maken converterende en creatieve content en plannen alles zorgvuldig vooraf in via een contentkalender.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"service-card card-yellow\">\r\n        <div class=\"icon-wrapper\">\r\n            <svg class=\"service-icon\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M21 2H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h7l-2 3v1h8v-1l-2-3h7c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 12H3V4h18v10z\"\/><\/svg>\r\n        <\/div>\r\n        <h3>Website Design<\/h3>\r\n        <p>Wij designen professionele en overzichtelijke websites. Van simpele one-pagers tot uitgebreide bedrijfswebsites die perfect werken.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"service-card card-pink\">\r\n        <div class=\"icon-wrapper\">\r\n            <svg class=\"service-icon\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M4 11v-4c0-.55.45-1 1-1h4.2l7.4-4.8c.47-.3 1.08.04 1.08.6v14.4c0 .56-.61.9-1.08.6L9.2 11H5c-.55 0-1-.45-1-1zm14.67-4.22c.66.96 1.06 2.11 1.06 3.35 0 1.25-.4 2.4-1.06 3.35-.19.28-.15.65.11.87l.06.05c.32.27.8.23 1.07-.09.84-1.01 1.34-2.3 1.34-3.7s-.5-2.69-1.34-3.7c-.27-.32-.75-.36-1.07-.09l-.06.05c-.26.22-.3.59-.11.87z\"\/><\/svg>\r\n        <\/div>\r\n        <h3>Marketing<\/h3>\r\n        <p>Wij beheren professioneel geco\u00f6rdineerde marketingcampagnes. Denk aan de boodschap, het concept en ads co\u00f6rdinatie.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"service-card card-orange\">\r\n        <div class=\"icon-wrapper\">\r\n            <svg class=\"service-icon\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M3.5 18.49l6-6.01 4 4L22 6.92l-1.41-1.41-7.09 7.97-4-4L2 16.99z\"\/><\/svg>\r\n        <\/div>\r\n        <h3>Foto en videografie<\/h3>\r\n        <p>Wij helpen jou impact te maken met prachtige en onvergetelijke beelden. We brengen jouw verhaal \u00e9cht tot leven met professionele foto's en video's <\/p>\r\n    <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5578cc7 elementor-widget elementor-widget-spacer\" data-id=\"5578cc7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-45655ca e-con-full e-flex e-con e-child\" data-id=\"45655ca\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d8c8c8e elementor-widget-mobile__width-initial elementor-widget elementor-widget-html\" data-id=\"d8c8c8e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"datastream-safe-wrapper\">\r\n    \r\n    <svg class=\"datastream-svg\" viewBox=\"0 0 1000 200\" preserveAspectRatio=\"none\">\r\n        \r\n        <defs>\r\n            <linearGradient id=\"safeStreamGradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\r\n                <stop offset=\"0%\" stop-color=\"#2563EB\" stop-opacity=\"0\" \/>\r\n                <stop offset=\"50%\" stop-color=\"#3B82F6\" \/>\r\n                <stop offset=\"100%\" stop-color=\"#06B6D4\" \/>\r\n            <\/linearGradient>\r\n\r\n            <filter id=\"safeGlow\" x=\"-20%\" y=\"-20%\" width=\"140%\" height=\"140%\">\r\n                <feGaussianBlur stdDeviation=\"3\" result=\"coloredBlur\"\/>\r\n                <feMerge>\r\n                    <feMergeNode in=\"coloredBlur\"\/>\r\n                    <feMergeNode in=\"SourceGraphic\"\/>\r\n                <\/feMerge>\r\n            <\/filter>\r\n        <\/defs>\r\n\r\n        <path class=\"track-line\" \r\n              d=\"M0,100 C200,190 400,10 600,100 S900,190 1000,100\" \/>\r\n\r\n        <path class=\"stream-line\" \r\n              d=\"M0,100 C200,190 400,10 600,100 S900,190 1000,100\" \r\n              stroke=\"url(#safeStreamGradient)\" \r\n              filter=\"url(#safeGlow)\" \/>\r\n              \r\n    <\/svg>\r\n\r\n<\/div>\r\n\r\n<style>\r\n    \/* CONTAINER *\/\r\n    .datastream-safe-wrapper {\r\n        width: 100%;\r\n        height: 150px; \/* Je kunt dit aanpassen, de lijn schaalt mee *\/\r\n        background-color: transparent; \/* Wit\/Transparant *\/\r\n        overflow: visible; \/* Zorgt dat niks wordt afgekapt *\/\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    \/* SVG *\/\r\n    .datastream-svg {\r\n        display: block;\r\n        width: 100%;\r\n        height: 100%;\r\n        overflow: visible;\r\n    }\r\n\r\n    \/* STIJL ACHTERGROND LIJN *\/\r\n    .track-line {\r\n        fill: none;\r\n        stroke: #CBD5E1; \/* Iets donkerder grijs zodat hij goed zichtbaar is op wit *\/\r\n        stroke-width: 2;\r\n        stroke-linecap: round;\r\n    }\r\n\r\n    \/* STIJL BEWEGENDE LIJN *\/\r\n    .stream-line {\r\n        fill: none;\r\n        stroke-width: 4;\r\n        stroke-linecap: round;\r\n        \r\n        \/* De lengte van de lijn en het gat *\/\r\n        stroke-dasharray: 300 1200; \r\n        stroke-dashoffset: 1500; \/* Startpositie *\/\r\n        \r\n        \/* Animatie *\/\r\n        animation: safeFlow 3s linear infinite;\r\n    }\r\n\r\n    @keyframes safeFlow {\r\n        to {\r\n            stroke-dashoffset: 0;\r\n        }\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eacb7d8 elementor-widget elementor-widget-spacer\" data-id=\"eacb7d8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-be3a697 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"be3a697\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-size-sm\" role=\"button\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Onze workflow<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a0e4a6f e-con-full e-flex e-con e-child\" data-id=\"a0e4a6f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9f9b44a elementor-widget elementor-widget-heading\" data-id=\"9f9b44a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Van idee naar impact. <br>Samen bouwen aan jouw merk<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d86be68 elementor-widget elementor-widget-html\" data-id=\"d86be68\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n    \/* =========================================\r\n       DESKTOP (WEB) - ORIGINELE STIJL\r\n       ========================================= *\/\r\n\r\n    \/* --- CONTAINER --- *\/\r\n    .process-container {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 30px;\r\n        justify-content: center;\r\n        max-width: 1200px;\r\n        margin: 60px auto;\r\n        font-family: 'Helvetica', 'Arial', sans-serif;\r\n        box-sizing: border-box; \/* Zorgt dat padding de breedte niet breekt *\/\r\n    }\r\n\r\n    \/* --- DE KAART (STAP) --- *\/\r\n    .process-step {\r\n        background-color: #ffffff;\r\n        flex: 1 1 250px;\r\n        padding: 40px 30px;\r\n        border-radius: 20px;\r\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\r\n        position: relative;\r\n        overflow: hidden;\r\n        transition: all 0.4s ease;\r\n        border-bottom: 4px solid transparent; \/* Voor het kleureffect onderaan *\/\r\n        z-index: 1;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* Grote achtergrond nummer (1, 2, 3, 4) voor diepte *\/\r\n    .step-number-bg {\r\n        position: absolute;\r\n        top: -10px;\r\n        right: -10px;\r\n        font-size: 8rem;\r\n        font-weight: 900;\r\n        opacity: 0.06;\r\n        line-height: 1;\r\n        transition: all 0.4s ease;\r\n        z-index: 0;\r\n        user-select: none;\r\n        pointer-events: none; \/* Voorkomt dat je het nummer selecteert *\/\r\n    }\r\n\r\n    \/* Het gekleurde rondje met icoon\/nummer *\/\r\n    .step-badge {\r\n        width: 60px;\r\n        height: 60px;\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        color: #fff;\r\n        font-weight: 700;\r\n        font-size: 1.5rem;\r\n        margin-bottom: 25px;\r\n        box-shadow: 0 5px 15px rgba(0,0,0,0.15);\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* Typografie *\/\r\n    .process-step h3 {\r\n        font-size: 1.4rem;\r\n        margin-bottom: 15px;\r\n        color: #2c3e50;\r\n        font-weight: 800;\r\n        position: relative;\r\n        z-index: 2;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .process-step p {\r\n        font-size: 0.95rem;\r\n        color: #636e72;\r\n        line-height: 1.6;\r\n        margin: 0;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* --- KLEUREN PER STAP --- *\/\r\n    \/* Stap 1: Geel\/Goud *\/\r\n    .step-1 { border-color: #f39c12; }\r\n    .step-1 .step-badge { background: linear-gradient(135deg, #f1c40f, #f39c12); }\r\n    .step-1 .step-number-bg { color: #f39c12; }\r\n    \r\n    \/* Stap 2: Blauw *\/\r\n    .step-2 { border-color: #0c2461; }\r\n    .step-2 .step-badge { background: linear-gradient(135deg, #4a69bd, #0c2461); }\r\n    .step-2 .step-number-bg { color: #0c2461; }\r\n\r\n    \/* Stap 3: Roze *\/\r\n    .step-3 { border-color: #e84393; }\r\n    .step-3 .step-badge { background: linear-gradient(135deg, #fd79a8, #e84393); }\r\n    .step-3 .step-number-bg { color: #e84393; }\r\n\r\n    \/* Stap 4: Oranje *\/\r\n    .step-4 { border-color: #e67e22; }\r\n    .step-4 .step-badge { background: linear-gradient(135deg, #f3a683, #e67e22); }\r\n    .step-4 .step-number-bg { color: #e67e22; }\r\n\r\n\r\n    \/* --- HOVER EFFECTEN --- *\/\r\n    \/* Alleen op desktop hover effecten tonen voor rustiger beeld op touchscreens *\/\r\n    @media (min-width: 1025px) {\r\n        .process-step:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);\r\n        }\r\n        .process-step:hover .step-number-bg {\r\n            transform: scale(1.1) rotate(-10deg);\r\n            opacity: 0.12;\r\n        }\r\n    }\r\n\r\n    \/* =========================================\r\n       RESPONSIVE AANPASSINGEN (IPAD & IPHONE)\r\n       ========================================= *\/\r\n\r\n    \/* 1. IPAD & TABLET (Tussen 768px en 1024px) *\/\r\n    @media (max-width: 1024px) {\r\n        .process-container {\r\n            padding: 0 20px;\r\n            gap: 20px;\r\n        }\r\n        .process-step {\r\n            \/* Zorgt voor 2 blokken naast elkaar *\/\r\n            flex: 1 1 45%; \r\n        }\r\n    }\r\n\r\n    \/* 2. IPHONE & MOBIEL (Kleiner dan 767px) *\/\r\n    @media (max-width: 767px) {\r\n        .process-container {\r\n            flex-direction: column; \/* Alles onder elkaar *\/\r\n            margin: 40px auto;\r\n            padding: 0 15px;\r\n            gap: 25px;\r\n        }\r\n        \r\n        .process-step {\r\n            flex: 1 1 100%; \/* Volle breedte *\/\r\n            padding: 30px 25px;\r\n        }\r\n\r\n        .step-number-bg {\r\n            font-size: 5rem; \/* Achtergrondnummer iets kleiner op mobiel voor de netheid *\/\r\n            top: -5px;\r\n            right: -5px;\r\n        }\r\n        \r\n        .step-badge {\r\n            width: 50px; \/* Iets kleiner icoon *\/\r\n            height: 50px;\r\n            font-size: 1.2rem;\r\n            margin-bottom: 20px;\r\n        }\r\n        \r\n        .process-step h3 {\r\n            font-size: 1.3rem;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"process-container\">\r\n\r\n    <div class=\"process-step step-1\">\r\n        <div class=\"step-number-bg\">1<\/div>\r\n        <div class=\"step-badge\">1<\/div>\r\n        <h3>De Kick-off<\/h3>\r\n        <p>We beginnen met koffie en een goed gesprek. Tijdens de intake duiken we onder andere in jouw doelen, jullie ideale klant en de wensen. Zo leggen we een stevige fundering voor de samenwerking en bepalen we de grootste  prioriteiten.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"process-step step-2\">\r\n        <div class=\"step-number-bg\">2<\/div>\r\n        <div class=\"step-badge\">2<\/div>\r\n        <h3>Concept - Strategie<\/h3>\r\n        <p>Geen actie zonder plan. Wij vertalen jouw ambities naar een concreet concept en duidelijk samenwerkingsplan. We bepalen de boodschap, kiezen de juiste kanalen en bedenken formats die jouw doelgroep \u00e9cht aanspreken.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"process-step step-3\">\r\n        <div class=\"step-number-bg\">3<\/div>\r\n        <div class=\"step-badge\">3<\/div>\r\n        <h3>Design & Creatie<\/h3>\r\n        <p>Tijd om plannen werkelijkheid te maken. Wij ontwerpen, bouwen en schrijven. Of het nu gaat om een strakke website, social media  content, pakkende teksten of visuals: wij zorgen dat alles volgens de juisre strategie wordt uitgevoerd.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"process-step step-4\">\r\n        <div class=\"step-number-bg\">4<\/div>\r\n        <div class=\"step-badge\">4<\/div>\r\n        <h3>Livegang & Groei<\/h3>\r\n        <p>H\u00e9t moment: we gaan live! Na oplevering en instructie laten we je niet los. We evalueren (maandelijks) de resultaten, luisteren naar feedback en optimaliseren direct waar nodig voor blijvende groei.<\/p>\r\n    <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b56afeb e-con-full e-flex e-con e-child\" data-id=\"b56afeb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3c27984 elementor-widget elementor-widget-html\" data-id=\"3c27984\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"pulse-network-container\">\r\n    \r\n    <div class=\"pulse-hub position-left\">\r\n        <div class=\"pulse-dot\"><\/div>\r\n        <div class=\"pulse-ring delay-1\"><\/div>\r\n        <div class=\"pulse-ring delay-2\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"pulse-hub position-center\">\r\n        <div class=\"pulse-dot main-dot\"><\/div>\r\n        <div class=\"pulse-ring delay-3\"><\/div>\r\n        <div class=\"pulse-ring delay-1\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"pulse-hub position-right\">\r\n        <div class=\"pulse-dot\"><\/div>\r\n        <div class=\"pulse-ring delay-2\"><\/div>\r\n        <div class=\"pulse-ring delay-3\"><\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n    \/* 1. CONTAINER *\/\r\n    .pulse-network-container {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 250px; \/* Hoogte iets compacter nu tekst weg is *\/\r\n        background-color: transparent; \r\n        overflow: hidden; \/* Veiligheid *\/\r\n        border-radius: 12px;\r\n    }\r\n\r\n    \/* 2. POSITIE VAN DE 3 PUNTEN (Hubs) *\/\r\n    .pulse-hub {\r\n        position: absolute;\r\n        top: 50%; \/* Alles netjes op de middenlijn *\/\r\n        transform: translateY(-50%); \/* Vertical centering correctie *\/\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        width: 0; height: 0; \/* Zorgt dat positie exact vanuit middenpunt is *\/\r\n    }\r\n\r\n    \/* Verspreiding over de breedte (Veilige marges) *\/\r\n    .position-left { left: 20%; }\r\n    .position-center { left: 50%; }\r\n    .position-right { left: 80%; }\r\n\r\n    \/* 3. DE STIPPEN *\/\r\n    .pulse-dot {\r\n        width: 16px;\r\n        height: 16px;\r\n        background-color: #06B6D4; \/* Cyaan *\/\r\n        border-radius: 50%;\r\n        position: absolute;\r\n        z-index: 5;\r\n    }\r\n    \r\n    \/* Middelste stip accent (Blauw) *\/\r\n    .main-dot {\r\n        background-color: #3B82F6; \r\n        width: 20px;\r\n        height: 20px;\r\n    }\r\n\r\n    \/* 4. DE RINGEN *\/\r\n    .pulse-ring {\r\n        position: absolute;\r\n        border-radius: 50%;\r\n        border: 2px solid #06B6D4;\r\n        opacity: 0;\r\n        width: 20px; \r\n        height: 20px;\r\n        \r\n        \/* Animatie loopt oneindig door *\/\r\n        animation: pulseExpand 4s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;\r\n    }\r\n\r\n    \/* Accentkleur voor ringen in het midden *\/\r\n    .position-center .pulse-ring {\r\n        border-color: #3B82F6;\r\n    }\r\n\r\n    \/* 5. VERTRAGING (Zodat ze niet tegelijk knipperen) *\/\r\n    .delay-1 { animation-delay: 0s; }\r\n    .delay-2 { animation-delay: 1.3s; }\r\n    .delay-3 { animation-delay: 2.6s; }\r\n\r\n    \/* 6. ANIMATIE (Veilige grootte) *\/\r\n    @keyframes pulseExpand {\r\n        0% {\r\n            transform: scale(1);\r\n            opacity: 0.8;\r\n            border-width: 3px;\r\n        }\r\n        100% {\r\n            \/* Scale 8 = 160px diameter. \r\n               Dit past zelfs op mobiel (360px breed) veilig binnen de 20% marges *\/\r\n            transform: scale(8); \r\n            opacity: 0;\r\n            border-width: 0px;\r\n        }\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-90a22a8 elementor-widget elementor-widget-spacer\" data-id=\"90a22a8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9095d90 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"9095d90\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-size-sm\" role=\"button\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Recensies<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6b1058a elementor-widget elementor-widget-heading\" data-id=\"6b1058a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Wat zeggen onze klanten?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1a709c5 elementor-widget elementor-widget-rating\" data-id=\"1a709c5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"rating.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-rating\" itemtype=\"https:\/\/schema.org\/Rating\" itemscope=\"\" itemprop=\"reviewRating\">\n\t\t\t<meta itemprop=\"worstRating\" content=\"0\">\n\t\t\t<meta itemprop=\"bestRating\" content=\"5\">\n\t\t\t<div class=\"e-rating-wrapper\" itemprop=\"ratingValue\" content=\"5\" role=\"img\" aria-label=\"Waardering 5 van 5\">\n\t\t\t\t\t\t\t<div class=\"e-icon\">\n\t\t\t\t<div class=\"e-icon-wrapper e-icon-marked\">\n\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-star\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M450 75L338 312 88 350C46 354 25 417 58 450L238 633 196 896C188 942 238 975 275 954L500 837 725 954C767 975 813 942 804 896L763 633 942 450C975 417 954 358 913 350L663 312 550 75C529 33 471 33 450 75Z\"><\/path><\/svg>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"e-icon-wrapper e-icon-unmarked\">\n\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-star\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M450 75L338 312 88 350C46 354 25 417 58 450L238 633 196 896C188 942 238 975 275 954L500 837 725 954C767 975 813 942 804 896L763 633 942 450C975 417 954 358 913 350L663 312 550 75C529 33 471 33 450 75Z\"><\/path><\/svg>\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"e-icon\">\n\t\t\t\t<div class=\"e-icon-wrapper e-icon-marked\">\n\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-star\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M450 75L338 312 88 350C46 354 25 417 58 450L238 633 196 896C188 942 238 975 275 954L500 837 725 954C767 975 813 942 804 896L763 633 942 450C975 417 954 358 913 350L663 312 550 75C529 33 471 33 450 75Z\"><\/path><\/svg>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"e-icon-wrapper e-icon-unmarked\">\n\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-star\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M450 75L338 312 88 350C46 354 25 417 58 450L238 633 196 896C188 942 238 975 275 954L500 837 725 954C767 975 813 942 804 896L763 633 942 450C975 417 954 358 913 350L663 312 550 75C529 33 471 33 450 75Z\"><\/path><\/svg>\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"e-icon\">\n\t\t\t\t<div class=\"e-icon-wrapper e-icon-marked\">\n\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-star\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M450 75L338 312 88 350C46 354 25 417 58 450L238 633 196 896C188 942 238 975 275 954L500 837 725 954C767 975 813 942 804 896L763 633 942 450C975 417 954 358 913 350L663 312 550 75C529 33 471 33 450 75Z\"><\/path><\/svg>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"e-icon-wrapper e-icon-unmarked\">\n\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-star\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M450 75L338 312 88 350C46 354 25 417 58 450L238 633 196 896C188 942 238 975 275 954L500 837 725 954C767 975 813 942 804 896L763 633 942 450C975 417 954 358 913 350L663 312 550 75C529 33 471 33 450 75Z\"><\/path><\/svg>\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"e-icon\">\n\t\t\t\t<div class=\"e-icon-wrapper e-icon-marked\">\n\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-star\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M450 75L338 312 88 350C46 354 25 417 58 450L238 633 196 896C188 942 238 975 275 954L500 837 725 954C767 975 813 942 804 896L763 633 942 450C975 417 954 358 913 350L663 312 550 75C529 33 471 33 450 75Z\"><\/path><\/svg>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"e-icon-wrapper e-icon-unmarked\">\n\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-star\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M450 75L338 312 88 350C46 354 25 417 58 450L238 633 196 896C188 942 238 975 275 954L500 837 725 954C767 975 813 942 804 896L763 633 942 450C975 417 954 358 913 350L663 312 550 75C529 33 471 33 450 75Z\"><\/path><\/svg>\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"e-icon\">\n\t\t\t\t<div class=\"e-icon-wrapper e-icon-marked\">\n\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-star\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M450 75L338 312 88 350C46 354 25 417 58 450L238 633 196 896C188 942 238 975 275 954L500 837 725 954C767 975 813 942 804 896L763 633 942 450C975 417 954 358 913 350L663 312 550 75C529 33 471 33 450 75Z\"><\/path><\/svg>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"e-icon-wrapper e-icon-unmarked\">\n\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-star\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M450 75L338 312 88 350C46 354 25 417 58 450L238 633 196 896C188 942 238 975 275 954L500 837 725 954C767 975 813 942 804 896L763 633 942 450C975 417 954 358 913 350L663 312 550 75C529 33 471 33 450 75Z\"><\/path><\/svg>\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-797c175 elementor-widget elementor-widget-spacer\" data-id=\"797c175\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4ed3030 e-grid e-con-boxed e-con e-parent\" data-id=\"4ed3030\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a6f030d elementor-widget__width-initial animated-slow e-transform elementor-position-top elementor-invisible elementor-widget elementor-widget-image-box\" data-id=\"a6f030d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;,&quot;_transform_rotateZ_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect_tablet&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect_mobile&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><img decoding=\"async\" src=\"https:\/\/vanderfeerinnovations.nl\/wp-content\/uploads\/elementor\/thumbs\/mindbuilders-logo-r4se2w0pxs637l3vwaebwick13n2jrma3adbyki0qk.png\" title=\"mindbuilders logo\" alt=\"mindbuilders logo\" loading=\"lazy\" \/><\/figure><div class=\"elementor-image-box-content\"><h4 class=\"elementor-image-box-title\">Christa Zijp<\/h4><p class=\"elementor-image-box-description\">\"van der Feer Innovations heeft alles in huis om in een prachtige sfeer en samenwerking snel het gewenste resultaat op te leveren. Mooi werk!\"<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-22d4765 elementor-widget__width-initial animated-slow elementor-position-top elementor-invisible elementor-widget elementor-widget-image-box\" data-id=\"22d4765\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><img decoding=\"async\" src=\"https:\/\/vanderfeerinnovations.nl\/wp-content\/uploads\/elementor\/thumbs\/11-rfa5n311ne0ttqqz290nu55ynbgmgfxo02e5sb4uv0.png\" title=\"1[1]\" alt=\"1[1]\" loading=\"lazy\" \/><\/figure><div class=\"elementor-image-box-content\"><h4 class=\"elementor-image-box-title\">Natascha\n \n\n \nGrippeling<\/h4><p class=\"elementor-image-box-description\">\"De samenwerking was soepel, reacties waren snel en Kian is ontzettend prettig om mee te werken.\"<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d1f8e92 elementor-widget__width-initial animated-slow elementor-position-top elementor-invisible elementor-widget elementor-widget-image-box\" data-id=\"d1f8e92\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInRight&quot;}\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><img decoding=\"async\" src=\"https:\/\/vanderfeerinnovations.nl\/wp-content\/uploads\/elementor\/thumbs\/afbeelding-logo-jennifer-r9kodbf10kz9yix9cch8gysz0oz3rddnwp3jr5f3gc.jpg\" title=\"afbeelding logo jennifer\" alt=\"afbeelding logo jennifer\" loading=\"lazy\" \/><\/figure><div class=\"elementor-image-box-content\"><h4 class=\"elementor-image-box-title\">Jennifer Bout<\/h4><p class=\"elementor-image-box-description\">\"van der Feer Innovations heeft een prachtige website voor mij gemaakt en ik ben erg tevreden. Professioneel en levert mooi eindresultaat.\"<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0fb7e1e e-flex e-con-boxed e-con e-parent\" data-id=\"0fb7e1e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-007cf70 e-con-full e-flex e-con e-child\" data-id=\"007cf70\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f0f9505 elementor-widget elementor-widget-html\" data-id=\"f0f9505\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"datastream-safe-wrapper\">\r\n    \r\n    <svg class=\"datastream-svg\" viewBox=\"0 0 1000 200\" preserveAspectRatio=\"none\">\r\n        \r\n        <defs>\r\n            <linearGradient id=\"safeStreamGradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\r\n                <stop offset=\"0%\" stop-color=\"#2563EB\" stop-opacity=\"0\" \/>\r\n                <stop offset=\"50%\" stop-color=\"#3B82F6\" \/>\r\n                <stop offset=\"100%\" stop-color=\"#06B6D4\" \/>\r\n            <\/linearGradient>\r\n\r\n            <filter id=\"safeGlow\" x=\"-20%\" y=\"-20%\" width=\"140%\" height=\"140%\">\r\n                <feGaussianBlur stdDeviation=\"3\" result=\"coloredBlur\"\/>\r\n                <feMerge>\r\n                    <feMergeNode in=\"coloredBlur\"\/>\r\n                    <feMergeNode in=\"SourceGraphic\"\/>\r\n                <\/feMerge>\r\n            <\/filter>\r\n        <\/defs>\r\n\r\n        <path class=\"track-line\" \r\n              d=\"M0,100 C200,190 400,10 600,100 S900,190 1000,100\" \/>\r\n\r\n        <path class=\"stream-line\" \r\n              d=\"M0,100 C200,190 400,10 600,100 S900,190 1000,100\" \r\n              stroke=\"url(#safeStreamGradient)\" \r\n              filter=\"url(#safeGlow)\" \/>\r\n              \r\n    <\/svg>\r\n\r\n<\/div>\r\n\r\n<style>\r\n    \/* CONTAINER *\/\r\n    .datastream-safe-wrapper {\r\n        width: 100%;\r\n        height: 150px; \/* Je kunt dit aanpassen, de lijn schaalt mee *\/\r\n        background-color: transparent; \/* Wit\/Transparant *\/\r\n        overflow: visible; \/* Zorgt dat niks wordt afgekapt *\/\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    \/* SVG *\/\r\n    .datastream-svg {\r\n        display: block;\r\n        width: 100%;\r\n        height: 100%;\r\n        overflow: visible;\r\n    }\r\n\r\n    \/* STIJL ACHTERGROND LIJN *\/\r\n    .track-line {\r\n        fill: none;\r\n        stroke: #CBD5E1; \/* Iets donkerder grijs zodat hij goed zichtbaar is op wit *\/\r\n        stroke-width: 2;\r\n        stroke-linecap: round;\r\n    }\r\n\r\n    \/* STIJL BEWEGENDE LIJN *\/\r\n    .stream-line {\r\n        fill: none;\r\n        stroke-width: 4;\r\n        stroke-linecap: round;\r\n        \r\n        \/* De lengte van de lijn en het gat *\/\r\n        stroke-dasharray: 300 1200; \r\n        stroke-dashoffset: 1500; \/* Startpositie *\/\r\n        \r\n        \/* Animatie *\/\r\n        animation: safeFlow 3s linear infinite;\r\n    }\r\n\r\n    @keyframes safeFlow {\r\n        to {\r\n            stroke-dashoffset: 0;\r\n        }\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-66c4003 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"66c4003\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/vanderfeerinnovations.nl\/contact\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Kom in contact<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0cb4d03 elementor-widget elementor-widget-heading\" data-id=\"0cb4d03\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">We horen graag van je!<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0bfb87d elementor-invisible elementor-widget elementor-widget-html\" data-id=\"0bfb87d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n    \/* =========================================\r\n       DESKTOP (WEB) - BASIS STIJL\r\n       ========================================= *\/\r\n\r\n    \/* --- CONTAINER --- *\/\r\n    .contact-wrapper {\r\n        display: flex;\r\n        justify-content: center;\r\n        max-width: 1000px; \/* Mooie breedte voor desktop *\/\r\n        margin: 40px auto;\r\n        font-family: 'Helvetica', 'Arial', sans-serif;\r\n        padding: 0 20px;\r\n        box-sizing: border-box; \/* Zorgt dat padding de breedte niet verpest *\/\r\n    }\r\n\r\n    \/* --- HET FORMULIER BLOK --- *\/\r\n    .contact-card {\r\n        background-color: transparent; \r\n        width: 100%;\r\n        padding: 0;\r\n        box-shadow: none; \r\n        border: none;\r\n    }\r\n\r\n    \/* --- LAYOUT RIJEN --- *\/\r\n    .form-row {\r\n        display: flex;\r\n        gap: 30px; \/* Ruimte tussen Naam en Email op desktop *\/\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    .form-group {\r\n        flex: 1; \r\n        display: flex;\r\n        flex-direction: column;\r\n        \/* Op desktop regelt .form-row de ruimte, dus hier geen margin nodig *\/\r\n        margin-bottom: 0; \r\n    }\r\n    \r\n    \/* Voor groepen die NIET in een row zitten (zoals onderwerp) *\/\r\n    .contact-card > .form-group {\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    .form-group label {\r\n        font-size: 1rem;\r\n        font-weight: 700;\r\n        color: #2c3e50;\r\n        margin-bottom: 10px;\r\n        margin-left: 2px; \r\n    }\r\n\r\n    \/* --- INPUT VELDEN --- *\/\r\n    .form-control {\r\n        background-color: #ffffff;\r\n        border: 1px solid rgba(0,0,0,0.1);\r\n        border-radius: 15px;\r\n        padding: 18px 25px;\r\n        font-size: 1rem;\r\n        font-family: inherit;\r\n        color: #2c3e50;\r\n        transition: all 0.3s ease;\r\n        outline: none;\r\n        box-shadow: 0 4px 6px rgba(0,0,0,0.03);\r\n        width: 100%; \/* Zorg dat ze altijd de ruimte vullen *\/\r\n        box-sizing: border-box; \/* Belangrijk! *\/\r\n    }\r\n\r\n    .form-control:focus {\r\n        border-color: #0c2461; \r\n        box-shadow: 0 5px 15px rgba(12, 36, 97, 0.15);\r\n        transform: translateY(-2px);\r\n    }\r\n\r\n    \/* Berichtvak *\/\r\n    textarea.form-control {\r\n        resize: vertical; \r\n        min-height: 180px;\r\n        background-color: #ffffff;\r\n    }\r\n\r\n    \/* --- VERZEND KNOP --- *\/\r\n    .submit-btn {\r\n        background-color: #0c2461; \r\n        color: white;\r\n        border: none;\r\n        padding: 18px 50px;\r\n        font-size: 1.1rem;\r\n        font-weight: 700;\r\n        border-radius: 50px; \r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n        display: inline-block;\r\n        min-width: 200px;\r\n        box-shadow: 0 10px 20px rgba(12, 36, 97, 0.2);\r\n        -webkit-appearance: none; \/* Fix voor iPhone knoppen *\/\r\n    }\r\n\r\n    .submit-btn:hover {\r\n        background-color: #2E86DE; \r\n        transform: translateY(-3px);\r\n        box-shadow: 0 15px 30px rgba(46, 134, 222, 0.3);\r\n    }\r\n\r\n    \/* =========================================\r\n       RESPONSIVE AANPASSINGEN\r\n       ========================================= *\/\r\n\r\n    \/* 1. IPAD & TABLET (Tussen 768px en 1024px) *\/\r\n    @media (max-width: 1024px) {\r\n        .contact-wrapper {\r\n            max-width: 90%; \/* Iets meer marge aan zijkanten *\/\r\n            margin: 30px auto;\r\n        }\r\n        \r\n        .form-row {\r\n            gap: 20px; \/* Iets minder witruimte tussen kolommen op tablet *\/\r\n        }\r\n    }\r\n\r\n    \/* 2. IPHONE & MOBIEL (Kleiner dan 767px) *\/\r\n    @media (max-width: 767px) {\r\n        .contact-wrapper {\r\n            padding: 0 15px;\r\n            margin: 20px auto;\r\n        }\r\n\r\n        .form-row {\r\n            flex-direction: column; \/* Zet naam en email onder elkaar *\/\r\n            gap: 20px;\r\n            margin-bottom: 20px;\r\n        }\r\n        \r\n        \/* Zorg dat iOS niet inzoomt bij typen (minimaal 16px font) *\/\r\n        .form-control {\r\n            font-size: 16px; \r\n            padding: 15px 20px; \/* Iets compactere padding *\/\r\n        }\r\n        \r\n        \/* Knoppen schermbreed op mobiel voor makkelijk tikken *\/\r\n        .submit-btn {\r\n            width: 100%; \r\n            display: block;\r\n            margin-top: 10px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"contact-wrapper\">\r\n    <div class=\"contact-card\">\r\n        \r\n        <form action=\"https:\/\/formsubmit.co\/kian@vdfeer.com\" method=\"POST\">\r\n            \r\n            <input type=\"text\" name=\"_honey\" style=\"display:none\">\r\n            <input type=\"hidden\" name=\"_captcha\" value=\"false\">\r\n            <input type=\"hidden\" name=\"_next\" value=\"\">\r\n\r\n            <div class=\"form-row\">\r\n                <div class=\"form-group\">\r\n                    <label for=\"naam\">Uw naam<\/label>\r\n                    <input type=\"text\" id=\"naam\" name=\"Naam\" class=\"form-control\" required>\r\n                <\/div>\r\n                <div class=\"form-group\">\r\n                    <label for=\"email\">Uw e-mailadres<\/label>\r\n                    <input type=\"email\" id=\"email\" name=\"Email\" class=\"form-control\" required>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"form-group\" style=\"margin-bottom: 25px;\">\r\n                <label for=\"onderwerp\">Onderwerp<\/label>\r\n                <input type=\"text\" id=\"onderwerp\" name=\"Onderwerp\" class=\"form-control\">\r\n            <\/div>\r\n\r\n            <div class=\"form-group\" style=\"margin-bottom: 25px;\">\r\n                <label for=\"bericht\">Uw bericht (optioneel)<\/label>\r\n                <textarea id=\"bericht\" name=\"Bericht\" class=\"form-control\"><\/textarea>\r\n            <\/div>\r\n\r\n            <button type=\"submit\" class=\"submit-btn\">Verzenden<\/button>\r\n\r\n        <\/form>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0e36416 elementor-widget elementor-widget-spacer\" data-id=\"0e36416\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Van der Feer Innovations Impactvolle social media beheer, creatieve marketingcampagnes en converterende webdesign voor kleine ondernemers en mkb, altijd met persoonlijke contact Onze diensten Wat kunnen wij voor jullie betekenen? Social Media Beheer Wij beheren jouw social media kanalen, maken converterende en creatieve content en plannen alles zorgvuldig vooraf in via een contentkalender. Website Design [&hellip;]<\/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-1142","page","type-page","status-publish","hentry"],"blocksy_meta":{"page_title_panel":"","has_hero_section":"disabled","439e24da4eff50a72cd42bf2d3306a29":"","hero_section":"type-1","hero_elements":[{"id":"custom_title","enabled":true,"heading_tag":"h1","title":"Home"},{"id":"custom_description","enabled":true,"description_visibility":{"desktop":true,"tablet":true,"mobile":false}},{"id":"custom_meta","enabled":false,"meta_elements":[{"id":"author","enabled":true,"label":"By","has_author_avatar":"yes","avatar_size":25},{"id":"post_date","enabled":true,"label":"On","date_format_source":"default","date_format":"M j, Y"},{"id":"updated_date","enabled":false,"label":"On","date_format_source":"default","date_format":"M j, Y"},{"id":"categories","enabled":false,"label":"In","style":"simple"},{"id":"comments","enabled":true}],"page_meta_elements":{"joined":true,"articles_count":true,"comments":true}},{"id":"breadcrumbs","enabled":false}],"9fac0f0da6d7817e2623cc7cc81faeb9":"","hero_alignment1":"CT_CSS_SKIP_RULE","hero_margin":40,"hero_alignment2":"center","hero_vertical_alignment":"center","a6dfeafdfac0ca8323d070b7557f5096":"","hero_structure":"narrow","39f25695021540786bd9110bc218f6d6":"","page_title_bg_type":"featured_image","custom_hero_background":{"attachment_id":null},"page_title_image_size":"full","parallax":{"desktop":false,"tablet":false,"mobile":false},"79be491aa9d395cfc13d43fd027ea0f7":"","hero_height":"250px","pageTitleFont":{"family":"Default","variation":"Default","size":"30px","line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"CT_CSS_SKIP_RULE","text-decoration":"CT_CSS_SKIP_RULE"},"pageTitleFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"pageMetaFont":{"family":"Default","variation":"n6","size":"12px","line-height":"1.3","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"uppercase","text-decoration":"CT_CSS_SKIP_RULE"},"pageMetaFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"page_meta_button_type_font_colors":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"page_meta_button_type_background_colors":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"pageExcerptFont":{"family":"Default","variation":"Default","size":"CT_CSS_SKIP_RULE","line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"CT_CSS_SKIP_RULE","text-decoration":"CT_CSS_SKIP_RULE"},"pageExcerptColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"breadcrumbsFont":{"family":"Default","variation":"Default","size":"CT_CSS_SKIP_RULE","line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"CT_CSS_SKIP_RULE","text-decoration":"CT_CSS_SKIP_RULE"},"breadcrumbsFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"initial":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"pageTitleOverlay":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"CT_CSS_SKIP_RULE"}}},"pageTitleBackground":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"var(--theme-palette-color-6)"}}},"pageTitlePadding":{"top":"50px","bottom":"50px","left":"auto","right":"auto","linked":true},"ee9d86c7d05e9db25e4f3f509cf40d85":"","page_structure_type":"default","d3b5540d0f79607fb9d99876e77849e0":"","content_style_source":"inherit","content_style":"wide","vertical_spacing_source":"custom","content_area_spacing":"none","background":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"CT_CSS_SKIP_RULE"}}},"content_background":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"var(--theme-palette-color-8)"}}},"content_boxed_shadow":{"inherit":false,"blur":18,"spread":-6,"v_offset":12,"h_offset":0,"inset":false,"enable":true,"color":{"color":"rgba(34, 56, 101, 0.04)"}},"content_boxed_border":{"width":1,"style":"none","color":{"color":"rgba(44,62,80,0.2)"}},"content_boxed_radius":{"top":"3px","bottom":"3px","left":"3px","right":"3px","linked":true},"boxed_content_spacing":{"desktop":{"top":"40px","bottom":"40px","left":"40px","right":"40px","linked":true},"tablet":{"top":"35px","bottom":"35px","left":"35px","right":"35px","linked":true},"mobile":{"top":"20px","bottom":"20px","left":"20px","right":"20px","linked":true}},"8b2e013b9a07d5546121deed812978fd":"","disable_featured_image":"no","disable_share_box":"no","disable_header":"no","disable_footer":"no","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"_links":{"self":[{"href":"https:\/\/vanderfeerinnovations.nl\/index.php?rest_route=\/wp\/v2\/pages\/1142","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vanderfeerinnovations.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vanderfeerinnovations.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vanderfeerinnovations.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vanderfeerinnovations.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1142"}],"version-history":[{"count":765,"href":"https:\/\/vanderfeerinnovations.nl\/index.php?rest_route=\/wp\/v2\/pages\/1142\/revisions"}],"predecessor-version":[{"id":3337,"href":"https:\/\/vanderfeerinnovations.nl\/index.php?rest_route=\/wp\/v2\/pages\/1142\/revisions\/3337"}],"wp:attachment":[{"href":"https:\/\/vanderfeerinnovations.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1142"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}