{"id":765,"date":"2026-06-09T18:32:23","date_gmt":"2026-06-09T18:32:23","guid":{"rendered":"https:\/\/www.webrandz.nl\/?page_id=765"},"modified":"2026-06-09T22:00:38","modified_gmt":"2026-06-09T22:00:38","slug":"home-nieuw","status":"publish","type":"page","link":"https:\/\/www.webrandz.nl\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"765\" class=\"elementor elementor-765\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-803c2cb e-flex e-con-boxed e-con e-parent\" data-id=\"803c2cb\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3177e0d elementor-widget elementor-widget-html\" data-id=\"3177e0d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap');\n\n#wb-wrap, #wb-wrap * {\n  font-family: 'Inter', -apple-system, sans-serif !important;\n  box-sizing: border-box !important;\n}\n#wb-wrap {\n  background: #0a0a0a !important;\n  color: #fff !important;\n  width: 100% !important;\n}\n#wb-wrap h1, #wb-wrap h2, #wb-wrap h3 {\n  margin: 0 !important;\n  padding: 0 !important;\n  line-height: 1.1 !important;\n  color: #fff !important;\n}\n#wb-wrap p { margin: 0 !important; padding: 0 !important; }\n#wb-wrap ul { margin: 0 !important; padding: 0 !important; list-style: none !important; }\n#wb-wrap button { font-family: 'Inter', sans-serif !important; cursor: pointer !important; border: none !important; }\n\n\n\/* \u2500\u2500 HERO \u2500\u2500 *\/\n#wb-hero {\n  display: grid !important;\n  grid-template-columns: 1fr 1fr !important;\n  gap: 64px !important;\n  align-items: center !important;\n  padding: 110px 72px !important;\n  max-width: 1200px !important;\n  margin: 0 auto !important;\n}\n.wb-badges {\n  display: flex !important;\n  gap: 10px !important;\n  flex-wrap: wrap !important;\n  margin-bottom: 32px !important;\n}\n.wb-badge-pill {\n  display: inline-flex !important;\n  align-items: center !important;\n  gap: 6px !important;\n  font-size: 12px !important;\n  font-weight: 600 !important;\n  padding: 6px 14px !important;\n  border-radius: 100px !important;\n  border: 1px solid rgba(255,255,255,0.1) !important;\n  background: rgba(255,255,255,0.05) !important;\n  color: rgba(255,255,255,0.75) !important;\n}\n.wb-pill-dot {\n  width: 6px !important;\n  height: 6px !important;\n  border-radius: 50% !important;\n  display: inline-block !important;\n}\n#wb-hero h1 {\n  font-size: 54px !important;\n  font-weight: 800 !important;\n  line-height: 1.2 !important;\n  letter-spacing: -2px !important;\n  margin-bottom: 40px !important;\n  color: #fff !important;\n}\n.wb-red { color: #FF2D2D !important; }\n#wb-hero-sub {\n  font-size: 16px !important;\n  color: rgba(255,255,255,0.55) !important;\n  line-height: 1.8 !important;\n  margin-bottom: 80px !important;\n  max-width: 420px !important;\n}\n.wb-btns { display: flex !important; gap: 14px !important; align-items: center !important; }\n.wb-btn-main {\n  background: #fff !important;\n  color: #000 !important;\n  padding: 14px 32px !important;\n  border-radius: 100px !important;\n  font-size: 14px !important;\n  font-weight: 700 !important;\n}\n.wb-btn-ghost {\n  color: rgba(255,255,255,0.45) !important;\n  font-size: 14px !important;\n  background: none !important;\n}\n.wb-visual {\n  background: #141414 !important;\n  border-radius: 20px !important;\n  padding: 36px !important;\n  border: 1px solid rgba(255,255,255,0.07) !important;\n}\n.wb-bar-row {\n  display: flex !important;\n  align-items: center !important;\n  gap: 14px !important;\n  margin-bottom: 16px !important;\n}\n.wb-bar-lbl { font-size: 12px !important; color: rgba(255,255,255,0.35) !important; width: 90px !important; text-align: right !important; }\n.wb-bar-track { flex: 1 !important; height: 10px !important; border-radius: 100px !important; background: rgba(255,255,255,0.06) !important; overflow: hidden !important; }\n.wb-bar-fill { height: 100% !important; border-radius: 100px !important; }\n.wb-bar-val { font-size: 12px !important; font-weight: 700 !important; width: 36px !important; }\n.wb-mock {\n  margin-top: 24px !important;\n  background: #1a1a1a !important;\n  border-radius: 12px !important;\n  padding: 18px !important;\n  border: 1px solid rgba(255,255,255,0.05) !important;\n}\n.wb-mock-dots { display: flex !important; gap: 6px !important; margin-bottom: 14px !important; }\n.wb-mock-dot { width: 8px !important; height: 8px !important; border-radius: 50% !important; display: block !important; }\n.wb-mock-line { height: 8px !important; border-radius: 100px !important; background: rgba(255,255,255,0.07) !important; margin-bottom: 9px !important; }\n\n\/* \u2500\u2500 STEPS \u2500\u2500 *\/\n#wb-steps {\n  background: #111 !important;\n  border-top: 1px solid rgba(255,255,255,0.07) !important;\n  padding: 100px 72px !important;\n}\n#wb-steps-in { max-width: 1200px !important; margin: 0 auto !important; }\n.wb-eye {\n  font-size: 11px !important;\n  font-weight: 700 !important;\n  letter-spacing: 2.5px !important;\n  text-transform: uppercase !important;\n  margin-bottom: 14px !important;\n  display: block !important;\n}\n.wb-sec-h {\n  font-size: 38px !important;\n  font-weight: 800 !important;\n  letter-spacing: -1.2px !important;\n  margin-bottom: 56px !important;\n  color: #fff !important;\n}\n.wb-3col {\n  display: grid !important;\n  grid-template-columns: repeat(3,1fr) !important;\n  gap: 24px !important;\n}\n.wb-card {\n  background: #141414 !important;\n  border-radius: 16px !important;\n  padding: 36px !important;\n  border: 1px solid rgba(255,255,255,0.07) !important;\n}\n.wb-card-bar { height: 3px !important; border-radius: 100px !important; margin-bottom: 28px !important; }\n.wb-card-num {\n  font-size: 11px !important;\n  font-weight: 800 !important;\n  letter-spacing: 2px !important;\n  text-transform: uppercase !important;\n  margin-bottom: 14px !important;\n  display: block !important;\n}\n.wb-card h3 {\n  font-size: 17px !important;\n  font-weight: 700 !important;\n  margin-bottom: 14px !important;\n  color: #fff !important;\n}\n.wb-card p {\n  font-size: 14px !important;\n  color: rgba(255,255,255,0.45) !important;\n  line-height: 1.7 !important;\n}\n\n\/* \u2500\u2500 PRICING \u2500\u2500 *\/\n#wb-pricing {\n  padding: 100px 72px !important;\n  max-width: 1200px !important;\n  margin: 0 auto !important;\n}\n.wb-big-card {\n  background: #141414 !important;\n  border-radius: 20px !important;\n  padding: 56px !important;\n  display: flex !important;\n  justify-content: space-between !important;\n  align-items: center !important;\n  margin-bottom: 28px !important;\n  position: relative !important;\n  overflow: hidden !important;\n  border: 1px solid rgba(255,255,255,0.07) !important;\n  gap: 40px !important;\n}\n.wb-big-card::after {\n  content: '' !important;\n  position: absolute !important;\n  bottom: 0 !important; left: 0 !important; right: 0 !important;\n  height: 3px !important;\n  background: linear-gradient(90deg,#FF2D2D 0 33%,#FFD600 33% 66%,#1A3FFF 66% 100%) !important;\n}\n.wb-big-card h2 {\n  font-size: 28px !important;\n  font-weight: 800 !important;\n  margin-bottom: 14px !important;\n  color: #fff !important;\n}\n.wb-big-sub {\n  font-size: 15px !important;\n  color: rgba(255,255,255,0.45) !important;\n  line-height: 1.7 !important;\n  max-width: 400px !important;\n  margin-bottom: 24px !important;\n}\n.wb-tags { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; }\n.wb-tag {\n  background: rgba(255,255,255,0.06) !important;\n  color: rgba(255,255,255,0.55) !important;\n  font-size: 12px !important;\n  padding: 5px 14px !important;\n  border-radius: 100px !important;\n  border: 1px solid rgba(255,255,255,0.07) !important;\n}\n.wb-price-r { text-align: right !important; flex-shrink: 0 !important; }\n.wb-amt {\n  font-size: 56px !important;\n  font-weight: 800 !important;\n  color: #fff !important;\n  line-height: 1 !important;\n  white-space: nowrap !important;\n}\n.wb-psub { font-size: 13px !important; color: rgba(255,255,255,0.4) !important; margin-top: 8px !important; }\n\n.wb-pkg {\n  background: #141414 !important;\n  border-radius: 16px !important;\n  padding: 36px !important;\n  border: 1px solid rgba(255,255,255,0.07) !important;\n}\n.wb-pkg-bar { height: 3px !important; border-radius: 100px !important; margin-bottom: 28px !important; }\n.wb-pkg-best {\n  display: inline-block !important;\n  font-size: 11px !important;\n  font-weight: 700 !important;\n  padding: 4px 12px !important;\n  border-radius: 100px !important;\n  margin-bottom: 14px !important;\n  background: rgba(255,214,0,0.1) !important;\n  color: #FFD600 !important;\n  border: 1px solid rgba(255,214,0,0.2) !important;\n}\n.wb-pkg h3 {\n  font-size: 18px !important;\n  font-weight: 800 !important;\n  margin-bottom: 10px !important;\n  color: #fff !important;\n}\n.wb-pkg-p {\n  font-size: 34px !important;\n  font-weight: 800 !important;\n  margin: 14px 0 !important;\n  color: #fff !important;\n  line-height: 1 !important;\n}\n.wb-pkg-p span { font-size: 14px !important; color: rgba(255,255,255,0.45) !important; font-weight: 400 !important; }\n.wb-pkg-d {\n  font-size: 13px !important;\n  color: rgba(255,255,255,0.45) !important;\n  margin-bottom: 28px !important;\n  line-height: 1.6 !important;\n}\n.wb-list li {\n  font-size: 14px !important;\n  color: rgba(255,255,255,0.65) !important;\n  padding: 9px 0 !important;\n  border-bottom: 1px solid rgba(255,255,255,0.06) !important;\n  display: flex !important;\n  align-items: center !important;\n  gap: 10px !important;\n}\n.wb-list li:last-child { border-bottom: none !important; }\n.wb-ck { font-weight: 800 !important; font-size: 14px !important; }\n\n\/* \u2500\u2500 OWNERSHIP \u2500\u2500 *\/\n#wb-own {\n  background: #111 !important;\n  border-top: 1px solid rgba(255,255,255,0.07) !important;\n  padding: 100px 72px !important;\n}\n#wb-own-in {\n  max-width: 1200px !important;\n  margin: 0 auto !important;\n  display: grid !important;\n  grid-template-columns: 1fr 1fr !important;\n  gap: 80px !important;\n  align-items: center !important;\n}\n.wb-own-text {\n  font-size: 16px !important;\n  color: rgba(255,255,255,0.45) !important;\n  line-height: 1.8 !important;\n  margin-bottom: 36px !important;\n}\n.wb-own-grid {\n  display: grid !important;\n  grid-template-columns: 1fr 1fr !important;\n  gap: 16px !important;\n  margin-top: 28px !important;\n}\n.wb-oc { border-radius: 14px !important; padding: 26px !important; }\n.wb-oc.yes { background: rgba(26,63,255,0.07) !important; border: 1px solid rgba(26,63,255,0.2) !important; }\n.wb-oc.no { background: rgba(255,45,45,0.05) !important; border: 1px solid rgba(255,45,45,0.18) !important; }\n.wb-oc-lbl {\n  font-size: 11px !important;\n  font-weight: 700 !important;\n  text-transform: uppercase !important;\n  letter-spacing: 1.5px !important;\n  margin-bottom: 14px !important;\n  display: block !important;\n}\n.wb-oc.yes .wb-oc-lbl { color: #4d6aff !important; }\n.wb-oc.no .wb-oc-lbl { color: #FF2D2D !important; }\n.wb-oc ul li {\n  font-size: 14px !important;\n  color: rgba(255,255,255,0.6) !important;\n  padding: 4px 0 !important;\n}\n\n\/* \u2500\u2500 CTA \u2500\u2500 *\/\n#wb-cta {\n  background: #0a0a0a !important;\n  border-top: 1px solid rgba(255,255,255,0.07) !important;\n  padding: 110px 72px !important;\n  text-align: center !important;\n}\n.wb-cta-bars {\n  display: flex !important;\n  justify-content: center !important;\n  gap: 10px !important;\n  margin-bottom: 36px !important;\n}\n.wb-cta-bars span { height: 4px !important; width: 52px !important; border-radius: 100px !important; display: block !important; }\n#wb-cta h2 {\n  font-size: 46px !important;\n  font-weight: 800 !important;\n  letter-spacing: -1.5px !important;\n  margin-bottom: 18px !important;\n  color: #fff !important;\n}\n#wb-cta p {\n  font-size: 17px !important;\n  color: rgba(255,255,255,0.45) !important;\n  margin-bottom: 64px !important;\n  line-height: 1.7 !important;\n}\n.wb-cta-btn {\n  background: #fff !important;\n  color: #000 !important;\n  padding: 16px 48px !important;\n  border-radius: 100px !important;\n  font-size: 16px !important;\n  font-weight: 800 !important;\n}\n\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n@media (max-width: 768px) {\n  #wb-hero { grid-template-columns: 1fr !important; padding: 100px 28px 64px !important; gap: 48px !important; }\n  #wb-hero h1 { font-size: 38px !important; }\n  #wb-hero-sub { margin-bottom: 40px !important; }\n  .wb-3col { grid-template-columns: 1fr !important; }\n  .wb-big-card { flex-direction: column !important; gap: 28px !important; padding: 36px 28px !important; }\n  .wb-price-r { text-align: left !important; }\n  .wb-amt { font-size: 44px !important; }\n  #wb-steps, #wb-own { padding: 64px 28px !important; }\n  #wb-pricing { padding: 64px 28px !important; }\n  #wb-cta { padding: 80px 28px !important; }\n  #wb-cta h2 { font-size: 34px !important; }\n  #wb-own-in { grid-template-columns: 1fr !important; gap: 48px !important; }\n  .wb-sec-h { font-size: 30px !important; }\n}\n<\/style>\n\n<div id=\"wb-wrap\" style=\"padding-top:80px\">\n<!-- HERO -->\n  <div id=\"wb-hero\">\n    <div>\n      <div class=\"wb-badges\">\n        <span class=\"wb-badge-pill\"><span class=\"wb-pill-dot\" style=\"background:#FF2D2D\"><\/span> Op maat<\/span>\n        <span class=\"wb-badge-pill\"><span class=\"wb-pill-dot\" style=\"background:#FFD600\"><\/span> Jouw eigendom<\/span>\n        <span class=\"wb-badge-pill\"><span class=\"wb-pill-dot\" style=\"background:#1A3FFF\"><\/span> Zorgeloos beheer<\/span>\n      <\/div>\n      <h1>Jouw website.<br><span class=\"wb-red\">Jouw eigendom.<\/span><br>Altijd.<\/h1>\n      <p id=\"wb-hero-sub\" style=\"margin-bottom:80px !important;padding-bottom:0;display:block;\">WeBrandz bouwt professionele websites die \u00e9cht bij jouw merk passen. Na oplevering bepaal jij wat er gebeurt. Wij staan klaar als je dat wilt.<\/p>\n      <div style=\"height:48px;display:block;\"><\/div><div class=\"wb-btns\">\n        <button class=\"wb-btn-main\">Bekijk de pakketten<\/button>\n        <button class=\"wb-btn-ghost\">Cases bekijken \u2192<\/button>\n      <\/div>\n    <\/div>\n    <div class=\"wb-visual\">\n      <div class=\"wb-bar-row\"><span class=\"wb-bar-lbl\">Design<\/span><div class=\"wb-bar-track\"><div class=\"wb-bar-fill\" style=\"background:#FF2D2D;width:85%\"><\/div><\/div><span class=\"wb-bar-val\" style=\"color:#FF2D2D\">85%<\/span><\/div>\n      <div class=\"wb-bar-row\"><span class=\"wb-bar-lbl\">SEO<\/span><div class=\"wb-bar-track\"><div class=\"wb-bar-fill\" style=\"background:#FFD600;width:70%\"><\/div><\/div><span class=\"wb-bar-val\" style=\"color:#FFD600\">70%<\/span><\/div>\n      <div class=\"wb-bar-row\"><span class=\"wb-bar-lbl\">Performance<\/span><div class=\"wb-bar-track\"><div class=\"wb-bar-fill\" style=\"background:#1A3FFF;width:92%\"><\/div><\/div><span class=\"wb-bar-val\" style=\"color:#4d6aff\">92%<\/span><\/div>\n      <div class=\"wb-mock\">\n        <div class=\"wb-mock-dots\">\n          <div class=\"wb-mock-dot\" style=\"background:#FF2D2D\"><\/div>\n          <div class=\"wb-mock-dot\" style=\"background:#FFD600\"><\/div>\n          <div class=\"wb-mock-dot\" style=\"background:#1A3FFF\"><\/div>\n        <\/div>\n        <div class=\"wb-mock-line\" style=\"width:70%\"><\/div>\n        <div class=\"wb-mock-line\" style=\"width:100%\"><\/div>\n        <div class=\"wb-mock-line\" style=\"width:55%\"><\/div>\n        <div class=\"wb-mock-line\" style=\"width:85%\"><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/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-57ef9d5 e-flex e-con-boxed e-con e-parent\" data-id=\"57ef9d5\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4334960 elementor-widget elementor-widget-html\" data-id=\"4334960\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap');\n\n#wb-wrap, #wb-wrap * {\n  font-family: 'Inter', -apple-system, sans-serif !important;\n  box-sizing: border-box !important;\n}\n#wb-wrap {\n  background: #0a0a0a !important;\n  color: #fff !important;\n  width: 100% !important;\n}\n#wb-wrap h1, #wb-wrap h2, #wb-wrap h3 {\n  margin: 0 !important;\n  padding: 0 !important;\n  line-height: 1.1 !important;\n  color: #fff !important;\n}\n#wb-wrap p { margin: 0 !important; padding: 0 !important; }\n#wb-wrap ul { margin: 0 !important; padding: 0 !important; list-style: none !important; }\n#wb-wrap button { font-family: 'Inter', sans-serif !important; cursor: pointer !important; border: none !important; }\n\n\n\/* \u2500\u2500 HERO \u2500\u2500 *\/\n#wb-hero {\n  display: grid !important;\n  grid-template-columns: 1fr 1fr !important;\n  gap: 64px !important;\n  align-items: center !important;\n  padding: 110px 72px !important;\n  max-width: 1200px !important;\n  margin: 0 auto !important;\n}\n.wb-badges {\n  display: flex !important;\n  gap: 10px !important;\n  flex-wrap: wrap !important;\n  margin-bottom: 32px !important;\n}\n.wb-badge-pill {\n  display: inline-flex !important;\n  align-items: center !important;\n  gap: 6px !important;\n  font-size: 12px !important;\n  font-weight: 600 !important;\n  padding: 6px 14px !important;\n  border-radius: 100px !important;\n  border: 1px solid rgba(255,255,255,0.1) !important;\n  background: rgba(255,255,255,0.05) !important;\n  color: rgba(255,255,255,0.75) !important;\n}\n.wb-pill-dot {\n  width: 6px !important;\n  height: 6px !important;\n  border-radius: 50% !important;\n  display: inline-block !important;\n}\n#wb-hero h1 {\n  font-size: 54px !important;\n  font-weight: 800 !important;\n  line-height: 1.2 !important;\n  letter-spacing: -2px !important;\n  margin-bottom: 40px !important;\n  color: #fff !important;\n}\n.wb-red { color: #FF2D2D !important; }\n#wb-hero-sub {\n  font-size: 16px !important;\n  color: rgba(255,255,255,0.55) !important;\n  line-height: 1.8 !important;\n  margin-bottom: 80px !important;\n  max-width: 420px !important;\n}\n.wb-btns { display: flex !important; gap: 14px !important; align-items: center !important; }\n.wb-btn-main {\n  background: #fff !important;\n  color: #000 !important;\n  padding: 14px 32px !important;\n  border-radius: 100px !important;\n  font-size: 14px !important;\n  font-weight: 700 !important;\n}\n.wb-btn-ghost {\n  color: rgba(255,255,255,0.45) !important;\n  font-size: 14px !important;\n  background: none !important;\n}\n.wb-visual {\n  background: #141414 !important;\n  border-radius: 20px !important;\n  padding: 36px !important;\n  border: 1px solid rgba(255,255,255,0.07) !important;\n}\n.wb-bar-row {\n  display: flex !important;\n  align-items: center !important;\n  gap: 14px !important;\n  margin-bottom: 16px !important;\n}\n.wb-bar-lbl { font-size: 12px !important; color: rgba(255,255,255,0.35) !important; width: 90px !important; text-align: right !important; }\n.wb-bar-track { flex: 1 !important; height: 10px !important; border-radius: 100px !important; background: rgba(255,255,255,0.06) !important; overflow: hidden !important; }\n.wb-bar-fill { height: 100% !important; border-radius: 100px !important; }\n.wb-bar-val { font-size: 12px !important; font-weight: 700 !important; width: 36px !important; }\n.wb-mock {\n  margin-top: 24px !important;\n  background: #1a1a1a !important;\n  border-radius: 12px !important;\n  padding: 18px !important;\n  border: 1px solid rgba(255,255,255,0.05) !important;\n}\n.wb-mock-dots { display: flex !important; gap: 6px !important; margin-bottom: 14px !important; }\n.wb-mock-dot { width: 8px !important; height: 8px !important; border-radius: 50% !important; display: block !important; }\n.wb-mock-line { height: 8px !important; border-radius: 100px !important; background: rgba(255,255,255,0.07) !important; margin-bottom: 9px !important; }\n\n\/* \u2500\u2500 STEPS \u2500\u2500 *\/\n#wb-steps {\n  background: #111 !important;\n  border-top: 1px solid rgba(255,255,255,0.07) !important;\n  padding: 100px 72px !important;\n}\n#wb-steps-in { max-width: 1200px !important; margin: 0 auto !important; }\n.wb-eye {\n  font-size: 11px !important;\n  font-weight: 700 !important;\n  letter-spacing: 2.5px !important;\n  text-transform: uppercase !important;\n  margin-bottom: 14px !important;\n  display: block !important;\n}\n.wb-sec-h {\n  font-size: 38px !important;\n  font-weight: 800 !important;\n  letter-spacing: -1.2px !important;\n  margin-bottom: 56px !important;\n  color: #fff !important;\n}\n.wb-3col {\n  display: grid !important;\n  grid-template-columns: repeat(3,1fr) !important;\n  gap: 24px !important;\n}\n.wb-card {\n  background: #141414 !important;\n  border-radius: 16px !important;\n  padding: 36px !important;\n  border: 1px solid rgba(255,255,255,0.07) !important;\n}\n.wb-card-bar { height: 3px !important; border-radius: 100px !important; margin-bottom: 28px !important; }\n.wb-card-num {\n  font-size: 11px !important;\n  font-weight: 800 !important;\n  letter-spacing: 2px !important;\n  text-transform: uppercase !important;\n  margin-bottom: 14px !important;\n  display: block !important;\n}\n.wb-card h3 {\n  font-size: 17px !important;\n  font-weight: 700 !important;\n  margin-bottom: 14px !important;\n  color: #fff !important;\n}\n.wb-card p {\n  font-size: 14px !important;\n  color: rgba(255,255,255,0.45) !important;\n  line-height: 1.7 !important;\n}\n\n\/* \u2500\u2500 PRICING \u2500\u2500 *\/\n#wb-pricing {\n  padding: 100px 72px !important;\n  max-width: 1200px !important;\n  margin: 0 auto !important;\n}\n.wb-big-card {\n  background: #141414 !important;\n  border-radius: 20px !important;\n  padding: 56px !important;\n  display: flex !important;\n  justify-content: space-between !important;\n  align-items: center !important;\n  margin-bottom: 28px !important;\n  position: relative !important;\n  overflow: hidden !important;\n  border: 1px solid rgba(255,255,255,0.07) !important;\n  gap: 40px !important;\n}\n.wb-big-card::after {\n  content: '' !important;\n  position: absolute !important;\n  bottom: 0 !important; left: 0 !important; right: 0 !important;\n  height: 3px !important;\n  background: linear-gradient(90deg,#FF2D2D 0 33%,#FFD600 33% 66%,#1A3FFF 66% 100%) !important;\n}\n.wb-big-card h2 {\n  font-size: 28px !important;\n  font-weight: 800 !important;\n  margin-bottom: 14px !important;\n  color: #fff !important;\n}\n.wb-big-sub {\n  font-size: 15px !important;\n  color: rgba(255,255,255,0.45) !important;\n  line-height: 1.7 !important;\n  max-width: 400px !important;\n  margin-bottom: 24px !important;\n}\n.wb-tags { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; }\n.wb-tag {\n  background: rgba(255,255,255,0.06) !important;\n  color: rgba(255,255,255,0.55) !important;\n  font-size: 12px !important;\n  padding: 5px 14px !important;\n  border-radius: 100px !important;\n  border: 1px solid rgba(255,255,255,0.07) !important;\n}\n.wb-price-r { text-align: right !important; flex-shrink: 0 !important; }\n.wb-amt {\n  font-size: 56px !important;\n  font-weight: 800 !important;\n  color: #fff !important;\n  line-height: 1 !important;\n  white-space: nowrap !important;\n}\n.wb-psub { font-size: 13px !important; color: rgba(255,255,255,0.4) !important; margin-top: 8px !important; }\n\n.wb-pkg {\n  background: #141414 !important;\n  border-radius: 16px !important;\n  padding: 36px !important;\n  border: 1px solid rgba(255,255,255,0.07) !important;\n}\n.wb-pkg-bar { height: 3px !important; border-radius: 100px !important; margin-bottom: 28px !important; }\n.wb-pkg-best {\n  display: inline-block !important;\n  font-size: 11px !important;\n  font-weight: 700 !important;\n  padding: 4px 12px !important;\n  border-radius: 100px !important;\n  margin-bottom: 14px !important;\n  background: rgba(255,214,0,0.1) !important;\n  color: #FFD600 !important;\n  border: 1px solid rgba(255,214,0,0.2) !important;\n}\n.wb-pkg h3 {\n  font-size: 18px !important;\n  font-weight: 800 !important;\n  margin-bottom: 10px !important;\n  color: #fff !important;\n}\n.wb-pkg-p {\n  font-size: 34px !important;\n  font-weight: 800 !important;\n  margin: 14px 0 !important;\n  color: #fff !important;\n  line-height: 1 !important;\n}\n.wb-pkg-p span { font-size: 14px !important; color: rgba(255,255,255,0.45) !important; font-weight: 400 !important; }\n.wb-pkg-d {\n  font-size: 13px !important;\n  color: rgba(255,255,255,0.45) !important;\n  margin-bottom: 28px !important;\n  line-height: 1.6 !important;\n}\n.wb-list li {\n  font-size: 14px !important;\n  color: rgba(255,255,255,0.65) !important;\n  padding: 9px 0 !important;\n  border-bottom: 1px solid rgba(255,255,255,0.06) !important;\n  display: flex !important;\n  align-items: center !important;\n  gap: 10px !important;\n}\n.wb-list li:last-child { border-bottom: none !important; }\n.wb-ck { font-weight: 800 !important; font-size: 14px !important; }\n\n\/* \u2500\u2500 OWNERSHIP \u2500\u2500 *\/\n#wb-own {\n  background: #111 !important;\n  border-top: 1px solid rgba(255,255,255,0.07) !important;\n  padding: 100px 72px !important;\n}\n#wb-own-in {\n  max-width: 1200px !important;\n  margin: 0 auto !important;\n  display: grid !important;\n  grid-template-columns: 1fr 1fr !important;\n  gap: 80px !important;\n  align-items: center !important;\n}\n.wb-own-text {\n  font-size: 16px !important;\n  color: rgba(255,255,255,0.45) !important;\n  line-height: 1.8 !important;\n  margin-bottom: 36px !important;\n}\n.wb-own-grid {\n  display: grid !important;\n  grid-template-columns: 1fr 1fr !important;\n  gap: 16px !important;\n  margin-top: 28px !important;\n}\n.wb-oc { border-radius: 14px !important; padding: 26px !important; }\n.wb-oc.yes { background: rgba(26,63,255,0.07) !important; border: 1px solid rgba(26,63,255,0.2) !important; }\n.wb-oc.no { background: rgba(255,45,45,0.05) !important; border: 1px solid rgba(255,45,45,0.18) !important; }\n.wb-oc-lbl {\n  font-size: 11px !important;\n  font-weight: 700 !important;\n  text-transform: uppercase !important;\n  letter-spacing: 1.5px !important;\n  margin-bottom: 14px !important;\n  display: block !important;\n}\n.wb-oc.yes .wb-oc-lbl { color: #4d6aff !important; }\n.wb-oc.no .wb-oc-lbl { color: #FF2D2D !important; }\n.wb-oc ul li {\n  font-size: 14px !important;\n  color: rgba(255,255,255,0.6) !important;\n  padding: 4px 0 !important;\n}\n\n\/* \u2500\u2500 CTA \u2500\u2500 *\/\n#wb-cta {\n  background: #0a0a0a !important;\n  border-top: 1px solid rgba(255,255,255,0.07) !important;\n  padding: 110px 72px !important;\n  text-align: center !important;\n}\n.wb-cta-bars {\n  display: flex !important;\n  justify-content: center !important;\n  gap: 10px !important;\n  margin-bottom: 36px !important;\n}\n.wb-cta-bars span { height: 4px !important; width: 52px !important; border-radius: 100px !important; display: block !important; }\n#wb-cta h2 {\n  font-size: 46px !important;\n  font-weight: 800 !important;\n  letter-spacing: -1.5px !important;\n  margin-bottom: 18px !important;\n  color: #fff !important;\n}\n#wb-cta p {\n  font-size: 17px !important;\n  color: rgba(255,255,255,0.45) !important;\n  margin-bottom: 64px !important;\n  line-height: 1.7 !important;\n}\n.wb-cta-btn {\n  background: #fff !important;\n  color: #000 !important;\n  padding: 16px 48px !important;\n  border-radius: 100px !important;\n  font-size: 16px !important;\n  font-weight: 800 !important;\n}\n\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n@media (max-width: 768px) {\n  #wb-hero { grid-template-columns: 1fr !important; padding: 64px 28px !important; gap: 48px !important; }\n  #wb-hero h1 { font-size: 38px !important; }\n  #wb-hero-sub { margin-bottom: 40px !important; }\n  .wb-3col { grid-template-columns: 1fr !important; }\n  .wb-big-card { flex-direction: column !important; gap: 28px !important; padding: 36px 28px !important; }\n  .wb-price-r { text-align: left !important; }\n  .wb-amt { font-size: 44px !important; }\n  #wb-steps, #wb-own { padding: 64px 28px !important; }\n  #wb-pricing { padding: 64px 28px !important; }\n  #wb-cta { padding: 80px 28px !important; }\n  #wb-cta h2 { font-size: 34px !important; }\n  #wb-own-in { grid-template-columns: 1fr !important; gap: 48px !important; }\n  .wb-sec-h { font-size: 30px !important; }\n}\n<\/style>\n\n<div id=\"wb-wrap\">\n<!-- STAPPEN -->\n  <div id=\"wb-steps\">\n    <div id=\"wb-steps-in\">\n      <span class=\"wb-eye\" style=\"color:#FF2D2D\">Werkwijze<\/span>\n      <div class=\"wb-sec-h\">Van idee naar online in 3 stappen<\/div>\n      <div class=\"wb-3col\">\n        <div class=\"wb-card\">\n          <div class=\"wb-card-bar\" style=\"background:#FF2D2D\"><\/div>\n          <span class=\"wb-card-num\" style=\"color:#FF2D2D\">Stap 01<\/span>\n          <h3>Strategiegesprek<\/h3>\n          <p>We bespreken jouw doelen, doelgroep en stijl. Geen formulieren. Gewoon een eerlijk gesprek.<\/p>\n        <\/div>\n        <div class=\"wb-card\">\n          <div class=\"wb-card-bar\" style=\"background:#FFD600\"><\/div>\n          <span class=\"wb-card-num\" style=\"color:#FFD600\">Stap 02<\/span>\n          <h3>Ontwerp & bouw<\/h3>\n          <p>Uniek design, responsive, met formulier en SEO-basis. Jij keurt goed voordat het live gaat.<\/p>\n        <\/div>\n        <div class=\"wb-card\">\n          <div class=\"wb-card-bar\" style=\"background:#1A3FFF\"><\/div>\n          <span class=\"wb-card-num\" style=\"color:#4d6aff\">Stap 03<\/span>\n          <h3>Oplevering & keuze<\/h3>\n          <p>Volledige eigendom van jouw website. Daarna kies je zelf. Beheren of bij ons laten.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/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-9e0ebdc e-flex e-con-boxed e-con e-parent\" data-id=\"9e0ebdc\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-81525c9 elementor-widget elementor-widget-html\" data-id=\"81525c9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap');\n\n#wb-wrap, #wb-wrap * {\n  font-family: 'Inter', -apple-system, sans-serif !important;\n  box-sizing: border-box !important;\n}\n#wb-wrap { background: #0a0a0a !important; color: #fff !important; width: 100% !important; }\n#wb-wrap h2, #wb-wrap h3 { margin: 0 !important; padding: 0 !important; color: #fff !important; }\n#wb-wrap p, #wb-wrap ul { margin: 0 !important; padding: 0 !important; }\n#wb-wrap ul { list-style: none !important; }\n\n\/* \u2500\u2500 PRICING \u2500\u2500 *\/\n#wb-pricing { padding: 100px 72px !important; max-width: 1200px !important; margin: 0 auto !important; }\n.wb-eye { font-size: 11px !important; font-weight: 700 !important; letter-spacing: 2.5px !important; text-transform: uppercase !important; margin-bottom: 14px !important; display: block !important; }\n.wb-sec-h { font-size: 38px !important; font-weight: 800 !important; letter-spacing: -1.2px !important; margin-bottom: 56px !important; color: #fff !important; }\n\n\/* BIG CARD *\/\n.wb-big-card {\n  background: #141414 !important; border-radius: 20px !important; padding: 56px !important;\n  display: flex !important; justify-content: space-between !important; align-items: center !important;\n  margin-bottom: 28px !important; position: relative !important; overflow: hidden !important;\n  border: 1px solid rgba(255,255,255,0.07) !important; gap: 40px !important;\n}\n.wb-big-card::after {\n  content: '' !important; position: absolute !important; bottom: 0 !important; left: 0 !important; right: 0 !important;\n  height: 3px !important;\n  background: linear-gradient(90deg,#FF2D2D 0 33%,#FFD600 33% 66%,#1A3FFF 66% 100%) !important;\n}\n.wb-big-card h2 { font-size: 28px !important; font-weight: 800 !important; margin-bottom: 14px !important; color: #fff !important; }\n.wb-big-sub { font-size: 15px !important; color: rgba(255,255,255,0.45) !important; line-height: 1.7 !important; max-width: 400px !important; margin-bottom: 24px !important; }\n.wb-tags { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; }\n.wb-tag { background: rgba(255,255,255,0.06) !important; color: rgba(255,255,255,0.55) !important; font-size: 12px !important; padding: 5px 14px !important; border-radius: 100px !important; border: 1px solid rgba(255,255,255,0.07) !important; }\n.wb-price-r { text-align: right !important; flex-shrink: 0 !important; }\n.wb-amt { font-size: 52px !important; font-weight: 800 !important; color: #fff !important; line-height: 1 !important; white-space: nowrap !important; }\n.wb-psub { font-size: 13px !important; color: rgba(255,255,255,0.4) !important; margin-top: 8px !important; }\n\n\/* TOGGLE *\/\n#wb-toggle-wrap { display: flex !important; align-items: center !important; gap: 14px !important; margin-bottom: 32px !important; }\n.wb-toggle-lbl { font-size: 14px !important; font-weight: 600 !important; color: rgba(255,255,255,0.9) !important; display: flex !important; align-items: center !important; gap: 8px !important; transition: opacity 0.3s !important; }\n.wb-save-badge { font-size: 11px !important; font-weight: 700 !important; background: rgba(255,214,0,0.12) !important; color: #FFD600 !important; border: 1px solid rgba(255,214,0,0.2) !important; padding: 3px 10px !important; border-radius: 100px !important; }\n#wb-toggle { width: 52px !important; height: 28px !important; background: #1a1a1a !important; border: 1px solid rgba(255,255,255,0.12) !important; border-radius: 100px !important; cursor: pointer !important; position: relative !important; flex-shrink: 0 !important; }\n#wb-toggle-pill { width: 22px !important; height: 22px !important; background: #fff !important; border-radius: 50% !important; position: absolute !important; top: 2px !important; left: 2px !important; transition: transform 0.3s cubic-bezier(0.34,1.56,0.64,1) !important; }\n\n\/* PACKAGES *\/\n.wb-3col { display: grid !important; grid-template-columns: repeat(3,1fr) !important; gap: 24px !important; }\n.wb-pkg { background: #141414 !important; border-radius: 16px !important; padding: 36px !important; border: 1px solid rgba(255,255,255,0.07) !important; }\n.wb-pkg-bar { height: 3px !important; border-radius: 100px !important; margin-bottom: 28px !important; }\n.wb-pkg-best { display: inline-block !important; font-size: 11px !important; font-weight: 700 !important; padding: 4px 12px !important; border-radius: 100px !important; margin-bottom: 14px !important; background: rgba(255,214,0,0.1) !important; color: #FFD600 !important; border: 1px solid rgba(255,214,0,0.2) !important; }\n.wb-pkg h3 { font-size: 18px !important; font-weight: 800 !important; margin-bottom: 10px !important; color: #fff !important; }\n.wb-pkg-p { font-size: 48px !important; font-weight: 800 !important; margin: 14px 0 !important; color: #fff !important; line-height: 1 !important; letter-spacing: -1px !important; }\n.wb-pkg-p span { font-size: 15px !important; color: rgba(255,255,255,0.45) !important; font-weight: 400 !important; }\n.wb-btw-note { font-size: 11px !important; color: rgba(255,255,255,0.3) !important; margin-top: -10px !important; margin-bottom: 16px !important; }\n.wb-saving { background: rgba(255,214,0,0.07) !important; border: 1px solid rgba(255,214,0,0.15) !important; border-radius: 8px !important; padding: 8px 12px !important; margin-bottom: 16px !important; font-size: 12px !important; }\n.wb-saving-line { color: rgba(255,255,255,0.45) !important; }\n.wb-saving-amt { color: #FFD600 !important; font-weight: 700 !important; }\n.wb-pkg-d { font-size: 13px !important; color: rgba(255,255,255,0.45) !important; margin-bottom: 28px !important; line-height: 1.6 !important; }\n.wb-list li { font-size: 14px !important; color: rgba(255,255,255,0.65) !important; padding: 9px 0 !important; border-bottom: 1px solid rgba(255,255,255,0.06) !important; display: flex !important; align-items: center !important; gap: 10px !important; }\n.wb-list li:last-child { border-bottom: none !important; }\n.wb-ck { font-weight: 800 !important; font-size: 14px !important; }\n\n\/* RESPONSIVE *\/\n@media (max-width: 768px) {\n  #wb-pricing { padding: 64px 24px !important; }\n  .wb-sec-h { font-size: 30px !important; margin-bottom: 36px !important; }\n  .wb-big-card { flex-direction: column !important; gap: 24px !important; padding: 32px 24px !important; }\n  .wb-price-r { text-align: left !important; }\n  .wb-amt { font-size: 44px !important; }\n  .wb-3col { grid-template-columns: 1fr !important; }\n}\n<\/style>\n\n<div id=\"wb-wrap\">\n<div id=\"wb-pricing\">\n\n  <span class=\"wb-eye\" style=\"color:#FFD600\">Investering<\/span>\n  <div class=\"wb-sec-h\">Website op maat, dan jouw keuze<\/div>\n\n  <!-- WEBSITE KAART -->\n  <div class=\"wb-big-card\">\n    <div>\n      <h2>Website op maat<\/h2>\n      <p class=\"wb-big-sub\">Strategiegesprek, uniek ontwerp, responsive website, SEO-basis en contactformulier. Volledige eigendom na betaling.<\/p>\n      <div class=\"wb-tags\">\n        <span class=\"wb-tag\">Strategiegesprek<\/span>\n        <span class=\"wb-tag\">Uniek ontwerp<\/span>\n        <span class=\"wb-tag\">Responsive<\/span>\n        <span class=\"wb-tag\">SEO-basis<\/span>\n        <span class=\"wb-tag\">Jouw eigendom<\/span>\n      <\/div>\n    <\/div>\n    <div class=\"wb-price-r\">\n      <div class=\"wb-amt\">vanaf \u20ac1.500<\/div>\n      <div class=\"wb-psub\">eenmalig \u00b7 ex. BTW<\/div>\n    <\/div>\n  <\/div>\n\n  <!-- TOGGLE -->\n  <div id=\"wb-toggle-wrap\">\n    <span class=\"wb-toggle-lbl\" id=\"wb-lbl-month\">Maandelijks<\/span>\n    <div id=\"wb-toggle\" onclick=\"wbToggle()\"><div id=\"wb-toggle-pill\"><\/div><\/div>\n    <span class=\"wb-toggle-lbl\" id=\"wb-lbl-year\">Jaarlijks <span class=\"wb-save-badge\">2 maanden gratis<\/span><\/span>\n  <\/div>\n\n  <!-- PAKKETTEN -->\n  <div class=\"wb-3col\">\n\n    <div class=\"wb-pkg\">\n      <div class=\"wb-pkg-bar\" style=\"background:#FF2D2D\"><\/div>\n      <h3>Basis<\/h3>\n      <div class=\"wb-pkg-p\">\n        <span class=\"wb-price-m\">\u20ac29 <span>\/ maand<\/span><\/span>\n        <span class=\"wb-price-y\" style=\"display:none\">\u20ac290 <span>\/ jaar<\/span><\/span>\n      <\/div>\n      <div class=\"wb-btw-note\">ex. BTW<\/div>\n      <div class=\"wb-saving\" style=\"display:none\">\n        <span class=\"wb-saving-line\">Normaal \u20ac348 \u00b7 <\/span><span class=\"wb-saving-amt\">Bespaar \u20ac58<\/span>\n      <\/div>\n      <p class=\"wb-pkg-d\">Online blijven zonder zorgen.<\/p>\n      <ul class=\"wb-list\">\n        <li><span class=\"wb-ck\" style=\"color:#FF2D2D\">\u2713<\/span> Hosting<\/li>\n        <li><span class=\"wb-ck\" style=\"color:#FF2D2D\">\u2713<\/span> Domeinbeheer<\/li>\n        <li><span class=\"wb-ck\" style=\"color:#FF2D2D\">\u2713<\/span> Updates<\/li>\n        <li><span class=\"wb-ck\" style=\"color:#FF2D2D\">\u2713<\/span> Back-ups<\/li>\n      <\/ul>\n    <\/div>\n\n    <div class=\"wb-pkg\">\n      <div class=\"wb-pkg-bar\" style=\"background:#FFD600\"><\/div>\n      <div class=\"wb-pkg-best\">\u2b50 Meest gekozen<\/div>\n      <h3>Zorgeloos<\/h3>\n      <div class=\"wb-pkg-p\">\n        <span class=\"wb-price-m\">\u20ac69 <span>\/ maand<\/span><\/span>\n        <span class=\"wb-price-y\" style=\"display:none\">\u20ac690 <span>\/ jaar<\/span><\/span>\n      <\/div>\n      <div class=\"wb-btw-note\">ex. BTW<\/div>\n      <div class=\"wb-saving\" style=\"display:none\">\n        <span class=\"wb-saving-line\">Normaal \u20ac828 \u00b7 <\/span><span class=\"wb-saving-amt\">Bespaar \u20ac138<\/span>\n      <\/div>\n      <p class=\"wb-pkg-d\">Alles uit Basis plus kleine aanpassingen.<\/p>\n      <ul class=\"wb-list\">\n        <li><span class=\"wb-ck\" style=\"color:#FFD600\">\u2713<\/span> Hosting & domein<\/li>\n        <li><span class=\"wb-ck\" style=\"color:#FFD600\">\u2713<\/span> Updates & back-ups<\/li>\n        <li><span class=\"wb-ck\" style=\"color:#FFD600\">\u2713<\/span> Wijzigingen (30 min\/mnd)<\/li>\n        <li><span class=\"wb-ck\" style=\"color:#FFD600\">\u2713<\/span> Technische support<\/li>\n        <li><span class=\"wb-ck\" style=\"color:#FFD600\">\u2713<\/span> Prioriteit bij storingen<\/li>\n      <\/ul>\n    <\/div>\n\n    <div class=\"wb-pkg\">\n      <div class=\"wb-pkg-bar\" style=\"background:#1A3FFF\"><\/div>\n      <h3>Webpartner<\/h3>\n      <div class=\"wb-pkg-p\">\n        <span class=\"wb-price-m\">\u20ac129 <span>\/ maand<\/span><\/span>\n        <span class=\"wb-price-y\" style=\"display:none\">\u20ac1.290 <span>\/ jaar<\/span><\/span>\n      <\/div>\n      <div class=\"wb-btw-note\">ex. BTW<\/div>\n      <div class=\"wb-saving\" style=\"display:none\">\n        <span class=\"wb-saving-line\">Normaal \u20ac1.548 \u00b7 <\/span><span class=\"wb-saving-amt\">Bespaar \u20ac258<\/span>\n      <\/div>\n      <p class=\"wb-pkg-d\">Jouw digitale partner voor groei.<\/p>\n      <ul class=\"wb-list\">\n        <li><span class=\"wb-ck\" style=\"color:#4d6aff\">\u2713<\/span> Alles uit Zorgeloos<\/li>\n        <li><span class=\"wb-ck\" style=\"color:#4d6aff\">\u2713<\/span> 2 uur wijzigingen\/mnd<\/li>\n        <li><span class=\"wb-ck\" style=\"color:#4d6aff\">\u2713<\/span> Nieuwe secties<\/li>\n        <li><span class=\"wb-ck\" style=\"color:#4d6aff\">\u2713<\/span> Formulieren aanpassen<\/li>\n        <li><span class=\"wb-ck\" style=\"color:#4d6aff\">\u2713<\/span> Voorrang support<\/li>\n      <\/ul>\n    <\/div>\n\n  <\/div>\n<\/div>\n<\/div>\n\n<script>\nvar wbYearly = false;\nfunction wbToggle() {\n  wbYearly = !wbYearly;\n  document.getElementById('wb-toggle-pill').style.transform = wbYearly ? 'translateX(26px)' : 'translateX(0)';\n  document.getElementById('wb-lbl-month').style.opacity = wbYearly ? '0.4' : '1';\n  document.getElementById('wb-lbl-year').style.opacity = wbYearly ? '1' : '0.4';\n  document.querySelectorAll('.wb-price-m').forEach(function(el){ el.style.display = wbYearly ? 'none' : 'inline'; });\n  document.querySelectorAll('.wb-price-y').forEach(function(el){ el.style.display = wbYearly ? 'inline' : 'none'; });\n  document.querySelectorAll('.wb-saving').forEach(function(el){ el.style.display = wbYearly ? 'block' : 'none'; });\n}\n<\/script>\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-b5fe28a e-flex e-con-boxed e-con e-parent\" data-id=\"b5fe28a\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-42723f2 elementor-widget elementor-widget-html\" data-id=\"42723f2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap');\n\n#wb-wrap, #wb-wrap * {\n  font-family: 'Inter', -apple-system, sans-serif !important;\n  box-sizing: border-box !important;\n}\n#wb-wrap {\n  background: #0a0a0a !important;\n  color: #fff !important;\n  width: 100% !important;\n}\n#wb-wrap h1, #wb-wrap h2, #wb-wrap h3 {\n  margin: 0 !important;\n  padding: 0 !important;\n  line-height: 1.1 !important;\n  color: #fff !important;\n}\n#wb-wrap p { margin: 0 !important; padding: 0 !important; }\n#wb-wrap ul { margin: 0 !important; padding: 0 !important; list-style: none !important; }\n#wb-wrap button { font-family: 'Inter', sans-serif !important; cursor: pointer !important; border: none !important; }\n\n\n\/* \u2500\u2500 HERO \u2500\u2500 *\/\n#wb-hero {\n  display: grid !important;\n  grid-template-columns: 1fr 1fr !important;\n  gap: 64px !important;\n  align-items: center !important;\n  padding: 110px 72px !important;\n  max-width: 1200px !important;\n  margin: 0 auto !important;\n}\n.wb-badges {\n  display: flex !important;\n  gap: 10px !important;\n  flex-wrap: wrap !important;\n  margin-bottom: 32px !important;\n}\n.wb-badge-pill {\n  display: inline-flex !important;\n  align-items: center !important;\n  gap: 6px !important;\n  font-size: 12px !important;\n  font-weight: 600 !important;\n  padding: 6px 14px !important;\n  border-radius: 100px !important;\n  border: 1px solid rgba(255,255,255,0.1) !important;\n  background: rgba(255,255,255,0.05) !important;\n  color: rgba(255,255,255,0.75) !important;\n}\n.wb-pill-dot {\n  width: 6px !important;\n  height: 6px !important;\n  border-radius: 50% !important;\n  display: inline-block !important;\n}\n#wb-hero h1 {\n  font-size: 54px !important;\n  font-weight: 800 !important;\n  line-height: 1.2 !important;\n  letter-spacing: -2px !important;\n  margin-bottom: 40px !important;\n  color: #fff !important;\n}\n.wb-red { color: #FF2D2D !important; }\n#wb-hero-sub {\n  font-size: 16px !important;\n  color: rgba(255,255,255,0.55) !important;\n  line-height: 1.8 !important;\n  margin-bottom: 80px !important;\n  max-width: 420px !important;\n}\n.wb-btns { display: flex !important; gap: 14px !important; align-items: center !important; }\n.wb-btn-main {\n  background: #fff !important;\n  color: #000 !important;\n  padding: 14px 32px !important;\n  border-radius: 100px !important;\n  font-size: 14px !important;\n  font-weight: 700 !important;\n}\n.wb-btn-ghost {\n  color: rgba(255,255,255,0.45) !important;\n  font-size: 14px !important;\n  background: none !important;\n}\n.wb-visual {\n  background: #141414 !important;\n  border-radius: 20px !important;\n  padding: 36px !important;\n  border: 1px solid rgba(255,255,255,0.07) !important;\n}\n.wb-bar-row {\n  display: flex !important;\n  align-items: center !important;\n  gap: 14px !important;\n  margin-bottom: 16px !important;\n}\n.wb-bar-lbl { font-size: 12px !important; color: rgba(255,255,255,0.35) !important; width: 90px !important; text-align: right !important; }\n.wb-bar-track { flex: 1 !important; height: 10px !important; border-radius: 100px !important; background: rgba(255,255,255,0.06) !important; overflow: hidden !important; }\n.wb-bar-fill { height: 100% !important; border-radius: 100px !important; }\n.wb-bar-val { font-size: 12px !important; font-weight: 700 !important; width: 36px !important; }\n.wb-mock {\n  margin-top: 24px !important;\n  background: #1a1a1a !important;\n  border-radius: 12px !important;\n  padding: 18px !important;\n  border: 1px solid rgba(255,255,255,0.05) !important;\n}\n.wb-mock-dots { display: flex !important; gap: 6px !important; margin-bottom: 14px !important; }\n.wb-mock-dot { width: 8px !important; height: 8px !important; border-radius: 50% !important; display: block !important; }\n.wb-mock-line { height: 8px !important; border-radius: 100px !important; background: rgba(255,255,255,0.07) !important; margin-bottom: 9px !important; }\n\n\/* \u2500\u2500 STEPS \u2500\u2500 *\/\n#wb-steps {\n  background: #111 !important;\n  border-top: 1px solid rgba(255,255,255,0.07) !important;\n  padding: 100px 72px !important;\n}\n#wb-steps-in { max-width: 1200px !important; margin: 0 auto !important; }\n.wb-eye {\n  font-size: 11px !important;\n  font-weight: 700 !important;\n  letter-spacing: 2.5px !important;\n  text-transform: uppercase !important;\n  margin-bottom: 14px !important;\n  display: block !important;\n}\n.wb-sec-h {\n  font-size: 38px !important;\n  font-weight: 800 !important;\n  letter-spacing: -1.2px !important;\n  margin-bottom: 56px !important;\n  color: #fff !important;\n}\n.wb-3col {\n  display: grid !important;\n  grid-template-columns: repeat(3,1fr) !important;\n  gap: 24px !important;\n}\n.wb-card {\n  background: #141414 !important;\n  border-radius: 16px !important;\n  padding: 36px !important;\n  border: 1px solid rgba(255,255,255,0.07) !important;\n}\n.wb-card-bar { height: 3px !important; border-radius: 100px !important; margin-bottom: 28px !important; }\n.wb-card-num {\n  font-size: 11px !important;\n  font-weight: 800 !important;\n  letter-spacing: 2px !important;\n  text-transform: uppercase !important;\n  margin-bottom: 14px !important;\n  display: block !important;\n}\n.wb-card h3 {\n  font-size: 17px !important;\n  font-weight: 700 !important;\n  margin-bottom: 14px !important;\n  color: #fff !important;\n}\n.wb-card p {\n  font-size: 14px !important;\n  color: rgba(255,255,255,0.45) !important;\n  line-height: 1.7 !important;\n}\n\n\/* \u2500\u2500 PRICING \u2500\u2500 *\/\n#wb-pricing {\n  padding: 100px 72px !important;\n  max-width: 1200px !important;\n  margin: 0 auto !important;\n}\n.wb-big-card {\n  background: #141414 !important;\n  border-radius: 20px !important;\n  padding: 56px !important;\n  display: flex !important;\n  justify-content: space-between !important;\n  align-items: center !important;\n  margin-bottom: 28px !important;\n  position: relative !important;\n  overflow: hidden !important;\n  border: 1px solid rgba(255,255,255,0.07) !important;\n  gap: 40px !important;\n}\n.wb-big-card::after {\n  content: '' !important;\n  position: absolute !important;\n  bottom: 0 !important; left: 0 !important; right: 0 !important;\n  height: 3px !important;\n  background: linear-gradient(90deg,#FF2D2D 0 33%,#FFD600 33% 66%,#1A3FFF 66% 100%) !important;\n}\n.wb-big-card h2 {\n  font-size: 28px !important;\n  font-weight: 800 !important;\n  margin-bottom: 14px !important;\n  color: #fff !important;\n}\n.wb-big-sub {\n  font-size: 15px !important;\n  color: rgba(255,255,255,0.45) !important;\n  line-height: 1.7 !important;\n  max-width: 400px !important;\n  margin-bottom: 24px !important;\n}\n.wb-tags { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; }\n.wb-tag {\n  background: rgba(255,255,255,0.06) !important;\n  color: rgba(255,255,255,0.55) !important;\n  font-size: 12px !important;\n  padding: 5px 14px !important;\n  border-radius: 100px !important;\n  border: 1px solid rgba(255,255,255,0.07) !important;\n}\n.wb-price-r { text-align: right !important; flex-shrink: 0 !important; }\n.wb-amt {\n  font-size: 56px !important;\n  font-weight: 800 !important;\n  color: #fff !important;\n  line-height: 1 !important;\n  white-space: nowrap !important;\n}\n.wb-psub { font-size: 13px !important; color: rgba(255,255,255,0.4) !important; margin-top: 8px !important; }\n\n.wb-pkg {\n  background: #141414 !important;\n  border-radius: 16px !important;\n  padding: 36px !important;\n  border: 1px solid rgba(255,255,255,0.07) !important;\n}\n.wb-pkg-bar { height: 3px !important; border-radius: 100px !important; margin-bottom: 28px !important; }\n.wb-pkg-best {\n  display: inline-block !important;\n  font-size: 11px !important;\n  font-weight: 700 !important;\n  padding: 4px 12px !important;\n  border-radius: 100px !important;\n  margin-bottom: 14px !important;\n  background: rgba(255,214,0,0.1) !important;\n  color: #FFD600 !important;\n  border: 1px solid rgba(255,214,0,0.2) !important;\n}\n.wb-pkg h3 {\n  font-size: 18px !important;\n  font-weight: 800 !important;\n  margin-bottom: 10px !important;\n  color: #fff !important;\n}\n.wb-pkg-p {\n  font-size: 34px !important;\n  font-weight: 800 !important;\n  margin: 14px 0 !important;\n  color: #fff !important;\n  line-height: 1 !important;\n}\n.wb-pkg-p span { font-size: 14px !important; color: rgba(255,255,255,0.45) !important; font-weight: 400 !important; }\n.wb-pkg-d {\n  font-size: 13px !important;\n  color: rgba(255,255,255,0.45) !important;\n  margin-bottom: 28px !important;\n  line-height: 1.6 !important;\n}\n.wb-list li {\n  font-size: 14px !important;\n  color: rgba(255,255,255,0.65) !important;\n  padding: 9px 0 !important;\n  border-bottom: 1px solid rgba(255,255,255,0.06) !important;\n  display: flex !important;\n  align-items: center !important;\n  gap: 10px !important;\n}\n.wb-list li:last-child { border-bottom: none !important; }\n.wb-ck { font-weight: 800 !important; font-size: 14px !important; }\n\n\/* \u2500\u2500 OWNERSHIP \u2500\u2500 *\/\n#wb-own {\n  background: #111 !important;\n  border-top: 1px solid rgba(255,255,255,0.07) !important;\n  padding: 100px 72px !important;\n}\n#wb-own-in {\n  max-width: 1200px !important;\n  margin: 0 auto !important;\n  display: grid !important;\n  grid-template-columns: 1fr 1fr !important;\n  gap: 80px !important;\n  align-items: center !important;\n}\n.wb-own-text {\n  font-size: 16px !important;\n  color: rgba(255,255,255,0.45) !important;\n  line-height: 1.8 !important;\n  margin-bottom: 36px !important;\n}\n.wb-own-grid {\n  display: grid !important;\n  grid-template-columns: 1fr 1fr !important;\n  gap: 16px !important;\n  margin-top: 28px !important;\n}\n.wb-oc { border-radius: 14px !important; padding: 26px !important; }\n.wb-oc.yes { background: rgba(26,63,255,0.07) !important; border: 1px solid rgba(26,63,255,0.2) !important; }\n.wb-oc.no { background: rgba(255,45,45,0.05) !important; border: 1px solid rgba(255,45,45,0.18) !important; }\n.wb-oc-lbl {\n  font-size: 11px !important;\n  font-weight: 700 !important;\n  text-transform: uppercase !important;\n  letter-spacing: 1.5px !important;\n  margin-bottom: 14px !important;\n  display: block !important;\n}\n.wb-oc.yes .wb-oc-lbl { color: #4d6aff !important; }\n.wb-oc.no .wb-oc-lbl { color: #FF2D2D !important; }\n.wb-oc ul li {\n  font-size: 14px !important;\n  color: rgba(255,255,255,0.6) !important;\n  padding: 4px 0 !important;\n}\n\n\/* \u2500\u2500 CTA \u2500\u2500 *\/\n#wb-cta {\n  background: #0a0a0a !important;\n  border-top: 1px solid rgba(255,255,255,0.07) !important;\n  padding: 110px 72px !important;\n  text-align: center !important;\n}\n.wb-cta-bars {\n  display: flex !important;\n  justify-content: center !important;\n  gap: 10px !important;\n  margin-bottom: 36px !important;\n}\n.wb-cta-bars span { height: 4px !important; width: 52px !important; border-radius: 100px !important; display: block !important; }\n#wb-cta h2 {\n  font-size: 46px !important;\n  font-weight: 800 !important;\n  letter-spacing: -1.5px !important;\n  margin-bottom: 18px !important;\n  color: #fff !important;\n}\n#wb-cta p {\n  font-size: 17px !important;\n  color: rgba(255,255,255,0.45) !important;\n  margin-bottom: 64px !important;\n  line-height: 1.7 !important;\n}\n.wb-cta-btn {\n  background: #fff !important;\n  color: #000 !important;\n  padding: 16px 48px !important;\n  border-radius: 100px !important;\n  font-size: 16px !important;\n  font-weight: 800 !important;\n}\n\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n@media (max-width: 768px) {\n  #wb-hero { grid-template-columns: 1fr !important; padding: 64px 28px !important; gap: 48px !important; }\n  #wb-hero h1 { font-size: 38px !important; }\n  #wb-hero-sub { margin-bottom: 40px !important; }\n  .wb-3col { grid-template-columns: 1fr !important; }\n  .wb-big-card { flex-direction: column !important; gap: 28px !important; padding: 36px 28px !important; }\n  .wb-price-r { text-align: left !important; }\n  .wb-amt { font-size: 44px !important; }\n  #wb-steps, #wb-own { padding: 64px 28px !important; }\n  #wb-pricing { padding: 64px 28px !important; }\n  #wb-cta { padding: 80px 28px !important; }\n  #wb-cta h2 { font-size: 34px !important; }\n  #wb-own-in { grid-template-columns: 1fr !important; gap: 48px !important; }\n  .wb-sec-h { font-size: 30px !important; }\n}\n<\/style>\n\n<div id=\"wb-wrap\">\n<!-- EIGENDOM -->\n  <div id=\"wb-own\">\n    <div id=\"wb-own-in\">\n      <div>\n        <span class=\"wb-eye\" style=\"color:#4d6aff\">Transparantie<\/span>\n        <div class=\"wb-sec-h\" style=\"font-size:32px;margin-bottom:20px\">Stop je ooit?<br>Je houdt alles wat telt.<\/div>\n        <p class=\"wb-own-text\">Geen lock-in. De website is van jou, niet van ons. Stop je een beheerpakket? Dan neem je je website gewoon mee.<\/p>\n        <div class=\"wb-own-grid\">\n          <div class=\"wb-oc yes\">\n            <span class=\"wb-oc-lbl\">Jij houdt<\/span>\n            <ul><li>\u2713 Website<\/li><li>\u2713 Domeinnaam<\/li><li>\u2713 Design<\/li><li>\u2713 Alle content<\/li><\/ul>\n          <\/div>\n          <div class=\"wb-oc no\">\n            <span class=\"wb-oc-lbl\">Vervalt<\/span>\n            <ul><li>\u00d7 Hosting<\/li><li>\u00d7 Onderhoud<\/li><li>\u00d7 Support<\/li><li>\u00d7 Wijzigingen<\/li><\/ul>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div>\n        <svg width=\"100%\" viewBox=\"0 0 380 280\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <rect x=\"0\" y=\"0\" width=\"380\" height=\"280\" rx=\"16\" fill=\"#141414\"\/>\n          <rect x=\"0\" y=\"277\" width=\"127\" height=\"3\" fill=\"#FF2D2D\"\/>\n          <rect x=\"127\" y=\"277\" width=\"126\" height=\"3\" fill=\"#FFD600\"\/>\n          <rect x=\"253\" y=\"277\" width=\"127\" height=\"3\" fill=\"#1A3FFF\"\/>\n          <rect x=\"20\" y=\"20\" width=\"340\" height=\"28\" rx=\"6\" fill=\"rgba(255,255,255,0.04)\"\/>\n          <circle cx=\"36\" cy=\"34\" r=\"6\" fill=\"#FF2D2D\"\/>\n          <circle cx=\"52\" cy=\"34\" r=\"6\" fill=\"#FFD600\"\/>\n          <circle cx=\"68\" cy=\"34\" r=\"6\" fill=\"#1A3FFF\"\/>\n          <rect x=\"100\" y=\"26\" width=\"140\" height=\"16\" rx=\"4\" fill=\"rgba(255,255,255,0.06)\"\/>\n          <rect x=\"20\" y=\"62\" width=\"340\" height=\"100\" rx=\"10\" fill=\"rgba(255,255,255,0.03)\"\/>\n          <rect x=\"36\" y=\"78\" width=\"120\" height=\"14\" rx=\"4\" fill=\"rgba(255,255,255,0.08)\"\/>\n          <rect x=\"36\" y=\"98\" width=\"180\" height=\"10\" rx=\"3\" fill=\"rgba(255,255,255,0.05)\"\/>\n          <rect x=\"36\" y=\"114\" width=\"150\" height=\"10\" rx=\"3\" fill=\"rgba(255,255,255,0.05)\"\/>\n          <rect x=\"36\" y=\"132\" width=\"64\" height=\"18\" rx=\"100\" fill=\"#FF2D2D\"\/>\n          <rect x=\"230\" y=\"72\" width=\"110\" height=\"80\" rx=\"8\" fill=\"rgba(255,255,255,0.04)\"\/>\n          <rect x=\"242\" y=\"86\" width=\"86\" height=\"10\" rx=\"3\" fill=\"rgba(255,214,0,0.2)\"\/>\n          <rect x=\"242\" y=\"102\" width=\"70\" height=\"8\" rx=\"3\" fill=\"rgba(255,255,255,0.06)\"\/>\n          <rect x=\"20\" y=\"178\" width=\"160\" height=\"60\" rx=\"10\" fill=\"rgba(26,63,255,0.1)\"\/>\n          <rect x=\"36\" y=\"192\" width=\"70\" height=\"10\" rx=\"3\" fill=\"rgba(77,106,255,0.4)\"\/>\n          <rect x=\"36\" y=\"208\" width=\"110\" height=\"8\" rx=\"3\" fill=\"rgba(255,255,255,0.05)\"\/>\n          <rect x=\"196\" y=\"178\" width=\"164\" height=\"60\" rx=\"10\" fill=\"rgba(255,45,45,0.08)\"\/>\n          <rect x=\"212\" y=\"192\" width=\"70\" height=\"10\" rx=\"3\" fill=\"rgba(255,45,45,0.35)\"\/>\n          <rect x=\"212\" y=\"208\" width=\"110\" height=\"8\" rx=\"3\" fill=\"rgba(255,255,255,0.05)\"\/>\n        <\/svg>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/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-8616afd e-flex e-con-boxed e-con e-parent\" data-id=\"8616afd\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-333150e elementor-widget elementor-widget-html\" data-id=\"333150e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap');\n\n#wb-wrap, #wb-wrap * {\n  font-family: 'Inter', -apple-system, sans-serif !important;\n  box-sizing: border-box !important;\n}\n#wb-wrap {\n  background: #0a0a0a !important;\n  color: #fff !important;\n  width: 100% !important;\n}\n#wb-wrap h1, #wb-wrap h2, #wb-wrap h3 {\n  margin: 0 !important;\n  padding: 0 !important;\n  line-height: 1.1 !important;\n  color: #fff !important;\n}\n#wb-wrap p { margin: 0 !important; padding: 0 !important; }\n#wb-wrap ul { margin: 0 !important; padding: 0 !important; list-style: none !important; }\n#wb-wrap button { font-family: 'Inter', sans-serif !important; cursor: pointer !important; border: none !important; }\n\n\n\/* \u2500\u2500 HERO \u2500\u2500 *\/\n#wb-hero {\n  display: grid !important;\n  grid-template-columns: 1fr 1fr !important;\n  gap: 64px !important;\n  align-items: center !important;\n  padding: 110px 72px !important;\n  max-width: 1200px !important;\n  margin: 0 auto !important;\n}\n.wb-badges {\n  display: flex !important;\n  gap: 10px !important;\n  flex-wrap: wrap !important;\n  margin-bottom: 32px !important;\n}\n.wb-badge-pill {\n  display: inline-flex !important;\n  align-items: center !important;\n  gap: 6px !important;\n  font-size: 12px !important;\n  font-weight: 600 !important;\n  padding: 6px 14px !important;\n  border-radius: 100px !important;\n  border: 1px solid rgba(255,255,255,0.1) !important;\n  background: rgba(255,255,255,0.05) !important;\n  color: rgba(255,255,255,0.75) !important;\n}\n.wb-pill-dot {\n  width: 6px !important;\n  height: 6px !important;\n  border-radius: 50% !important;\n  display: inline-block !important;\n}\n#wb-hero h1 {\n  font-size: 54px !important;\n  font-weight: 800 !important;\n  line-height: 1.2 !important;\n  letter-spacing: -2px !important;\n  margin-bottom: 40px !important;\n  color: #fff !important;\n}\n.wb-red { color: #FF2D2D !important; }\n#wb-hero-sub {\n  font-size: 16px !important;\n  color: rgba(255,255,255,0.55) !important;\n  line-height: 1.8 !important;\n  margin-bottom: 80px !important;\n  max-width: 420px !important;\n}\n.wb-btns { display: flex !important; gap: 14px !important; align-items: center !important; }\n.wb-btn-main {\n  background: #fff !important;\n  color: #000 !important;\n  padding: 14px 32px !important;\n  border-radius: 100px !important;\n  font-size: 14px !important;\n  font-weight: 700 !important;\n}\n.wb-btn-ghost {\n  color: rgba(255,255,255,0.45) !important;\n  font-size: 14px !important;\n  background: none !important;\n}\n.wb-visual {\n  background: #141414 !important;\n  border-radius: 20px !important;\n  padding: 36px !important;\n  border: 1px solid rgba(255,255,255,0.07) !important;\n}\n.wb-bar-row {\n  display: flex !important;\n  align-items: center !important;\n  gap: 14px !important;\n  margin-bottom: 16px !important;\n}\n.wb-bar-lbl { font-size: 12px !important; color: rgba(255,255,255,0.35) !important; width: 90px !important; text-align: right !important; }\n.wb-bar-track { flex: 1 !important; height: 10px !important; border-radius: 100px !important; background: rgba(255,255,255,0.06) !important; overflow: hidden !important; }\n.wb-bar-fill { height: 100% !important; border-radius: 100px !important; }\n.wb-bar-val { font-size: 12px !important; font-weight: 700 !important; width: 36px !important; }\n.wb-mock {\n  margin-top: 24px !important;\n  background: #1a1a1a !important;\n  border-radius: 12px !important;\n  padding: 18px !important;\n  border: 1px solid rgba(255,255,255,0.05) !important;\n}\n.wb-mock-dots { display: flex !important; gap: 6px !important; margin-bottom: 14px !important; }\n.wb-mock-dot { width: 8px !important; height: 8px !important; border-radius: 50% !important; display: block !important; }\n.wb-mock-line { height: 8px !important; border-radius: 100px !important; background: rgba(255,255,255,0.07) !important; margin-bottom: 9px !important; }\n\n\/* \u2500\u2500 STEPS \u2500\u2500 *\/\n#wb-steps {\n  background: #111 !important;\n  border-top: 1px solid rgba(255,255,255,0.07) !important;\n  padding: 100px 72px !important;\n}\n#wb-steps-in { max-width: 1200px !important; margin: 0 auto !important; }\n.wb-eye {\n  font-size: 11px !important;\n  font-weight: 700 !important;\n  letter-spacing: 2.5px !important;\n  text-transform: uppercase !important;\n  margin-bottom: 14px !important;\n  display: block !important;\n}\n.wb-sec-h {\n  font-size: 38px !important;\n  font-weight: 800 !important;\n  letter-spacing: -1.2px !important;\n  margin-bottom: 56px !important;\n  color: #fff !important;\n}\n.wb-3col {\n  display: grid !important;\n  grid-template-columns: repeat(3,1fr) !important;\n  gap: 24px !important;\n}\n.wb-card {\n  background: #141414 !important;\n  border-radius: 16px !important;\n  padding: 36px !important;\n  border: 1px solid rgba(255,255,255,0.07) !important;\n}\n.wb-card-bar { height: 3px !important; border-radius: 100px !important; margin-bottom: 28px !important; }\n.wb-card-num {\n  font-size: 11px !important;\n  font-weight: 800 !important;\n  letter-spacing: 2px !important;\n  text-transform: uppercase !important;\n  margin-bottom: 14px !important;\n  display: block !important;\n}\n.wb-card h3 {\n  font-size: 17px !important;\n  font-weight: 700 !important;\n  margin-bottom: 14px !important;\n  color: #fff !important;\n}\n.wb-card p {\n  font-size: 14px !important;\n  color: rgba(255,255,255,0.45) !important;\n  line-height: 1.7 !important;\n}\n\n\/* \u2500\u2500 PRICING \u2500\u2500 *\/\n#wb-pricing {\n  padding: 100px 72px !important;\n  max-width: 1200px !important;\n  margin: 0 auto !important;\n}\n.wb-big-card {\n  background: #141414 !important;\n  border-radius: 20px !important;\n  padding: 56px !important;\n  display: flex !important;\n  justify-content: space-between !important;\n  align-items: center !important;\n  margin-bottom: 28px !important;\n  position: relative !important;\n  overflow: hidden !important;\n  border: 1px solid rgba(255,255,255,0.07) !important;\n  gap: 40px !important;\n}\n.wb-big-card::after {\n  content: '' !important;\n  position: absolute !important;\n  bottom: 0 !important; left: 0 !important; right: 0 !important;\n  height: 3px !important;\n  background: linear-gradient(90deg,#FF2D2D 0 33%,#FFD600 33% 66%,#1A3FFF 66% 100%) !important;\n}\n.wb-big-card h2 {\n  font-size: 28px !important;\n  font-weight: 800 !important;\n  margin-bottom: 14px !important;\n  color: #fff !important;\n}\n.wb-big-sub {\n  font-size: 15px !important;\n  color: rgba(255,255,255,0.45) !important;\n  line-height: 1.7 !important;\n  max-width: 400px !important;\n  margin-bottom: 24px !important;\n}\n.wb-tags { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; }\n.wb-tag {\n  background: rgba(255,255,255,0.06) !important;\n  color: rgba(255,255,255,0.55) !important;\n  font-size: 12px !important;\n  padding: 5px 14px !important;\n  border-radius: 100px !important;\n  border: 1px solid rgba(255,255,255,0.07) !important;\n}\n.wb-price-r { text-align: right !important; flex-shrink: 0 !important; }\n.wb-amt {\n  font-size: 56px !important;\n  font-weight: 800 !important;\n  color: #fff !important;\n  line-height: 1 !important;\n  white-space: nowrap !important;\n}\n.wb-psub { font-size: 13px !important; color: rgba(255,255,255,0.4) !important; margin-top: 8px !important; }\n\n.wb-pkg {\n  background: #141414 !important;\n  border-radius: 16px !important;\n  padding: 36px !important;\n  border: 1px solid rgba(255,255,255,0.07) !important;\n}\n.wb-pkg-bar { height: 3px !important; border-radius: 100px !important; margin-bottom: 28px !important; }\n.wb-pkg-best {\n  display: inline-block !important;\n  font-size: 11px !important;\n  font-weight: 700 !important;\n  padding: 4px 12px !important;\n  border-radius: 100px !important;\n  margin-bottom: 14px !important;\n  background: rgba(255,214,0,0.1) !important;\n  color: #FFD600 !important;\n  border: 1px solid rgba(255,214,0,0.2) !important;\n}\n.wb-pkg h3 {\n  font-size: 18px !important;\n  font-weight: 800 !important;\n  margin-bottom: 10px !important;\n  color: #fff !important;\n}\n.wb-pkg-p {\n  font-size: 34px !important;\n  font-weight: 800 !important;\n  margin: 14px 0 !important;\n  color: #fff !important;\n  line-height: 1 !important;\n}\n.wb-pkg-p span { font-size: 14px !important; color: rgba(255,255,255,0.45) !important; font-weight: 400 !important; }\n.wb-pkg-d {\n  font-size: 13px !important;\n  color: rgba(255,255,255,0.45) !important;\n  margin-bottom: 28px !important;\n  line-height: 1.6 !important;\n}\n.wb-list li {\n  font-size: 14px !important;\n  color: rgba(255,255,255,0.65) !important;\n  padding: 9px 0 !important;\n  border-bottom: 1px solid rgba(255,255,255,0.06) !important;\n  display: flex !important;\n  align-items: center !important;\n  gap: 10px !important;\n}\n.wb-list li:last-child { border-bottom: none !important; }\n.wb-ck { font-weight: 800 !important; font-size: 14px !important; }\n\n\/* \u2500\u2500 OWNERSHIP \u2500\u2500 *\/\n#wb-own {\n  background: #111 !important;\n  border-top: 1px solid rgba(255,255,255,0.07) !important;\n  padding: 100px 72px !important;\n}\n#wb-own-in {\n  max-width: 1200px !important;\n  margin: 0 auto !important;\n  display: grid !important;\n  grid-template-columns: 1fr 1fr !important;\n  gap: 80px !important;\n  align-items: center !important;\n}\n.wb-own-text {\n  font-size: 16px !important;\n  color: rgba(255,255,255,0.45) !important;\n  line-height: 1.8 !important;\n  margin-bottom: 36px !important;\n}\n.wb-own-grid {\n  display: grid !important;\n  grid-template-columns: 1fr 1fr !important;\n  gap: 16px !important;\n  margin-top: 28px !important;\n}\n.wb-oc { border-radius: 14px !important; padding: 26px !important; }\n.wb-oc.yes { background: rgba(26,63,255,0.07) !important; border: 1px solid rgba(26,63,255,0.2) !important; }\n.wb-oc.no { background: rgba(255,45,45,0.05) !important; border: 1px solid rgba(255,45,45,0.18) !important; }\n.wb-oc-lbl {\n  font-size: 11px !important;\n  font-weight: 700 !important;\n  text-transform: uppercase !important;\n  letter-spacing: 1.5px !important;\n  margin-bottom: 14px !important;\n  display: block !important;\n}\n.wb-oc.yes .wb-oc-lbl { color: #4d6aff !important; }\n.wb-oc.no .wb-oc-lbl { color: #FF2D2D !important; }\n.wb-oc ul li {\n  font-size: 14px !important;\n  color: rgba(255,255,255,0.6) !important;\n  padding: 4px 0 !important;\n}\n\n\/* \u2500\u2500 CTA \u2500\u2500 *\/\n#wb-cta {\n  background: #0a0a0a !important;\n  border-top: 1px solid rgba(255,255,255,0.07) !important;\n  padding: 110px 72px !important;\n  text-align: center !important;\n}\n.wb-cta-bars {\n  display: flex !important;\n  justify-content: center !important;\n  gap: 10px !important;\n  margin-bottom: 36px !important;\n}\n.wb-cta-bars span { height: 4px !important; width: 52px !important; border-radius: 100px !important; display: block !important; }\n#wb-cta h2 {\n  font-size: 46px !important;\n  font-weight: 800 !important;\n  letter-spacing: -1.5px !important;\n  margin-bottom: 18px !important;\n  color: #fff !important;\n}\n#wb-cta p {\n  font-size: 17px !important;\n  color: rgba(255,255,255,0.45) !important;\n  margin-bottom: 64px !important;\n  line-height: 1.7 !important;\n}\n.wb-cta-btn {\n  background: #fff !important;\n  color: #000 !important;\n  padding: 16px 48px !important;\n  border-radius: 100px !important;\n  font-size: 16px !important;\n  font-weight: 800 !important;\n}\n\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n@media (max-width: 768px) {\n  #wb-hero { grid-template-columns: 1fr !important; padding: 64px 28px !important; gap: 48px !important; }\n  #wb-hero h1 { font-size: 38px !important; }\n  #wb-hero-sub { margin-bottom: 40px !important; }\n  .wb-3col { grid-template-columns: 1fr !important; }\n  .wb-big-card { flex-direction: column !important; gap: 28px !important; padding: 36px 28px !important; }\n  .wb-price-r { text-align: left !important; }\n  .wb-amt { font-size: 44px !important; }\n  #wb-steps, #wb-own { padding: 64px 28px !important; }\n  #wb-pricing { padding: 64px 28px !important; }\n  #wb-cta { padding: 80px 28px !important; }\n  #wb-cta h2 { font-size: 34px !important; }\n  #wb-own-in { grid-template-columns: 1fr !important; gap: 48px !important; }\n  .wb-sec-h { font-size: 30px !important; }\n}\n<\/style>\n\n<div id=\"wb-wrap\">\n<!-- CTA -->\n  <div id=\"wb-cta\">\n    <div class=\"wb-cta-bars\">\n      <span style=\"background:#FF2D2D\"><\/span>\n      <span style=\"background:#FFD600\"><\/span>\n      <span style=\"background:#1A3FFF\"><\/span>\n    <\/div>\n    <h2>Klaar voor een website<br>die \u00e9cht werkt?<\/h2>\n    <p>Plan een vrijblijvend gesprek.<br>Geen verplichtingen, gewoon eerlijk advies.<\/p>\n    <button class=\"wb-cta-btn\">Plan een gesprek<\/button>\n  <\/div>\n<\/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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Op maat Jouw eigendom Zorgeloos beheer Jouw website.Jouw eigendom.Altijd. WeBrandz bouwt professionele websites die \u00e9cht bij jouw merk passen. Na oplevering bepaal jij wat er gebeurt. Wij staan klaar als je dat wilt. Bekijk de pakketten Cases bekijken \u2192 Design85% SEO70% Performance92% Werkwijze Van idee naar online in 3 stappen Stap 01 Strategiegesprek We bespreken [&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-765","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.webrandz.nl\/index.php?rest_route=\/wp\/v2\/pages\/765","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webrandz.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.webrandz.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.webrandz.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webrandz.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=765"}],"version-history":[{"count":44,"href":"https:\/\/www.webrandz.nl\/index.php?rest_route=\/wp\/v2\/pages\/765\/revisions"}],"predecessor-version":[{"id":818,"href":"https:\/\/www.webrandz.nl\/index.php?rest_route=\/wp\/v2\/pages\/765\/revisions\/818"}],"wp:attachment":[{"href":"https:\/\/www.webrandz.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=765"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}