{"id":6,"date":"2026-09-19T00:36:21","date_gmt":"2026-09-19T00:36:21","guid":{"rendered":"https:\/\/cransveldselect.nl\/?page_id=6"},"modified":"2026-09-19T00:48:38","modified_gmt":"2026-09-19T00:48:38","slug":"home","status":"publish","type":"page","link":"https:\/\/cransveldselect.nl\/","title":{"rendered":"Home"},"content":{"rendered":"\n<!-- =========================================================\nCRANSVELD SELECT\nPREMIUM HOMEPAGE V3\nWHITE + ORANGE\nFULL WIDTH WORDPRESS\n========================================================= -->\n\n<div id=\"cs-home-v3\">\n\n<style>\n\n\/* =========================================================\nGLOBAL\n========================================================= *\/\n\n#cs-home-v3{\n  --orange:#f58220;\n  --orange-light:#ffad5c;\n  --orange-dark:#c8650d;\n\n  --white:#ffffff;\n  --offwhite:#fbfbfb;\n  --soft:#f6f6f6;\n\n  --black:#111111;\n  --text:#1a1a1a;\n  --grey:#6d6d6d;\n  --lightgrey:#929292;\n  --line:#e9e9e9;\n\n  --shadow:0 28px 70px rgba(0,0,0,.07);\n\n  --max:1320px;\n\n  width:100vw;\n  max-width:100vw;\n  margin-left:calc(50% - 50vw);\n  margin-right:calc(50% - 50vw);\n\n  background:#fff;\n  color:var(--text);\n\n  font-family:\n    Inter,\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Arial,\n    sans-serif;\n\n  overflow:hidden;\n}\n\n#cs-home-v3 *,\n#cs-home-v3 *::before,\n#cs-home-v3 *::after{\n  box-sizing:border-box;\n}\n\n#cs-home-v3 h1,\n#cs-home-v3 h2,\n#cs-home-v3 h3,\n#cs-home-v3 h4,\n#cs-home-v3 p{\n  margin-top:0;\n}\n\n#cs-home-v3 a{\n  text-decoration:none;\n}\n\n#cs-home-v3 img{\n  display:block;\n  max-width:100%;\n}\n\n#cs-home-v3 .container{\n  width:min(var(--max),calc(100% - 64px));\n  margin:0 auto;\n}\n\n#cs-home-v3 .section{\n  padding:110px 0;\n}\n\n#cs-home-v3 .orange{\n  color:var(--orange);\n}\n\n#cs-home-v3 .kicker{\n  display:inline-flex;\n  align-items:center;\n  gap:10px;\n  margin-bottom:16px;\n  color:var(--orange-dark);\n  font-size:11px;\n  font-weight:900;\n  letter-spacing:2px;\n  text-transform:uppercase;\n}\n\n#cs-home-v3 .kicker::before{\n  content:\"\";\n  width:28px;\n  height:2px;\n  background:var(--orange);\n}\n\n#cs-home-v3 .section-title{\n  max-width:950px;\n  margin-bottom:20px;\n  color:var(--black);\n  font-size:clamp(40px,5vw,66px);\n  line-height:1.02;\n  letter-spacing:-3px;\n}\n\n#cs-home-v3 .section-intro{\n  max-width:780px;\n  color:var(--grey);\n  font-size:18px;\n  line-height:1.8;\n}\n\n\/* =========================================================\nWORDPRESS FULL WIDTH FIX\n========================================================= *\/\n\nbody .wp-site-blocks,\nbody main,\nbody .site-main,\nbody .entry-content,\nbody .page-content,\nbody .post-content,\nbody .wp-block-post-content,\nbody .content-area,\nbody .site-content{\n  width:100% !important;\n  max-width:none !important;\n  margin:0 !important;\n  padding-left:0 !important;\n  padding-right:0 !important;\n}\n\nbody .wp-block-html{\n  width:100% !important;\n  max-width:none !important;\n  margin:0 !important;\n  padding:0 !important;\n}\n\n\/* =========================================================\nBUTTONS\n========================================================= *\/\n\n#cs-home-v3 .btn{\n  min-height:56px;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  gap:8px;\n  padding:0 29px;\n  border-radius:999px;\n  border:1px solid transparent;\n  font-size:14px;\n  font-weight:850;\n  transition:.25s ease;\n}\n\n#cs-home-v3 .btn:hover{\n  transform:translateY(-3px);\n}\n\n#cs-home-v3 .btn-orange{\n  color:#fff;\n  background:linear-gradient(\n    135deg,\n    var(--orange-dark),\n    var(--orange-light)\n  );\n  box-shadow:0 16px 34px rgba(245,130,32,.22);\n}\n\n#cs-home-v3 .btn-outline{\n  color:var(--orange-dark);\n  background:#fff;\n  border-color:rgba(245,130,32,.35);\n}\n\n#cs-home-v3 .btn-outline:hover{\n  color:#fff;\n  background:var(--orange);\n  border-color:var(--orange);\n}\n\n#cs-home-v3 .btn-dark{\n  color:#fff;\n  background:#111;\n}\n\n#cs-home-v3 .btn-dark:hover{\n  background:var(--orange);\n}\n\n\/* =========================================================\nTOPBAR\n========================================================= *\/\n\n#cs-home-v3 .topbar{\n  background:#fff;\n  border-bottom:1px solid var(--line);\n}\n\n#cs-home-v3 .topbar-inner{\n  min-height:38px;\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:20px;\n  color:#7b7b7b;\n  font-size:12px;\n}\n\n#cs-home-v3 .topbar strong{\n  color:var(--orange-dark);\n}\n\n\/* =========================================================\nHEADER\n========================================================= *\/\n\n#cs-home-v3 .header{\n  position:sticky;\n  top:0;\n  z-index:999;\n  background:rgba(255,255,255,.96);\n  backdrop-filter:blur(15px);\n  border-bottom:1px solid rgba(0,0,0,.05);\n}\n\n#cs-home-v3 .nav{\n  min-height:90px;\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:28px;\n}\n\n#cs-home-v3 .brand{\n  display:flex;\n  align-items:center;\n  gap:13px;\n  color:#111;\n}\n\n#cs-home-v3 .brand-mark{\n  width:50px;\n  height:50px;\n  display:grid;\n  place-items:center;\n  border-radius:15px;\n  color:#fff;\n  background:linear-gradient(\n    135deg,\n    var(--orange-dark),\n    var(--orange-light)\n  );\n  font-weight:900;\n  font-size:18px;\n  box-shadow:0 12px 30px rgba(245,130,32,.18);\n}\n\n#cs-home-v3 .brand-text{\n  display:grid;\n}\n\n#cs-home-v3 .brand-text strong{\n  font-size:18px;\n  letter-spacing:1px;\n}\n\n#cs-home-v3 .brand-text span{\n  margin-top:2px;\n  color:#939393;\n  font-size:9px;\n  letter-spacing:1.8px;\n  text-transform:uppercase;\n}\n\n#cs-home-v3 .desktop-menu{\n  display:flex;\n  align-items:center;\n  gap:24px;\n}\n\n#cs-home-v3 .desktop-menu a{\n  color:#171717;\n  font-size:14px;\n  font-weight:750;\n}\n\n#cs-home-v3 .desktop-menu a:hover{\n  color:var(--orange-dark);\n}\n\n#cs-home-v3 .mobile-toggle{\n  display:none;\n  width:48px;\n  height:48px;\n  align-items:center;\n  justify-content:center;\n  border:1px solid #ddd;\n  border-radius:50%;\n  background:#fff;\n  color:#111;\n  cursor:pointer;\n  font-size:21px;\n}\n\n#cs-home-v3 .mobile-menu{\n  display:none;\n  position:absolute;\n  top:100%;\n  left:0;\n  right:0;\n  padding:18px 20px 26px;\n  background:#fff;\n  box-shadow:0 25px 50px rgba(0,0,0,.08);\n}\n\n#cs-home-v3 .mobile-menu.active{\n  display:grid;\n}\n\n#cs-home-v3 .mobile-menu a{\n  padding:14px 8px;\n  color:#111;\n  font-weight:750;\n  border-bottom:1px solid #eee;\n}\n\n\/* =========================================================\nHERO\n========================================================= *\/\n\n#cs-home-v3 .hero{\n  position:relative;\n  min-height:820px;\n  display:flex;\n  align-items:center;\n  background:\n    radial-gradient(circle at 88% 14%,rgba(255,173,92,.24),transparent 27%),\n    radial-gradient(circle at 8% 94%,rgba(245,130,32,.09),transparent 29%),\n    linear-gradient(135deg,#fff,#fff8f2);\n}\n\n#cs-home-v3 .hero::before{\n  content:\"\";\n  position:absolute;\n  top:-160px;\n  right:-140px;\n  width:560px;\n  height:560px;\n  border-radius:50%;\n  border:1px solid rgba(245,130,32,.12);\n}\n\n#cs-home-v3 .hero::after{\n  content:\"\";\n  position:absolute;\n  top:-80px;\n  right:-60px;\n  width:400px;\n  height:400px;\n  border-radius:50%;\n  border:1px solid rgba(245,130,32,.09);\n}\n\n#cs-home-v3 .hero-grid{\n  position:relative;\n  z-index:2;\n  display:grid;\n  grid-template-columns:1.1fr .9fr;\n  gap:82px;\n  align-items:center;\n  padding:110px 0;\n}\n\n#cs-home-v3 .hero-kicker{\n  margin-bottom:22px;\n  color:var(--orange-dark);\n  font-size:11px;\n  font-weight:900;\n  letter-spacing:2.3px;\n  text-transform:uppercase;\n}\n\n#cs-home-v3 .hero h1{\n  max-width:880px;\n  margin-bottom:28px;\n  color:#111;\n  font-size:clamp(58px,7.2vw,96px);\n  line-height:.93;\n  letter-spacing:-4.7px;\n}\n\n#cs-home-v3 .hero h1 span{\n  color:var(--orange);\n}\n\n#cs-home-v3 .hero-copy{\n  max-width:720px;\n  color:#6b6b6b;\n  font-size:19px;\n  line-height:1.78;\n}\n\n#cs-home-v3 .hero-actions{\n  display:flex;\n  flex-wrap:wrap;\n  gap:12px;\n  margin-top:34px;\n}\n\n#cs-home-v3 .hero-proof{\n  display:flex;\n  flex-wrap:wrap;\n  gap:18px 24px;\n  margin-top:34px;\n  padding-top:25px;\n  border-top:1px solid #e8e8e8;\n}\n\n#cs-home-v3 .hero-proof span{\n  color:#666;\n  font-size:13px;\n}\n\n#cs-home-v3 .hero-proof span::before{\n  content:\"\u2713\";\n  margin-right:7px;\n  color:var(--orange);\n  font-weight:900;\n}\n\n\/* =========================================================\nHERO PANEL\n========================================================= *\/\n\n#cs-home-v3 .hero-panel{\n  position:relative;\n  padding:40px;\n  overflow:hidden;\n  border:1px solid #ececec;\n  border-radius:32px;\n  background:#fff;\n  box-shadow:0 38px 90px rgba(0,0,0,.09);\n}\n\n#cs-home-v3 .hero-panel::before{\n  content:\"\";\n  position:absolute;\n  width:280px;\n  height:280px;\n  right:-100px;\n  top:-110px;\n  border-radius:50%;\n  background:radial-gradient(\n    circle,\n    rgba(255,173,92,.34),\n    transparent 70%\n  );\n}\n\n#cs-home-v3 .panel-label{\n  position:relative;\n  z-index:2;\n  display:inline-flex;\n  margin-bottom:14px;\n  padding:7px 11px;\n  border-radius:999px;\n  color:var(--orange-dark);\n  background:#fff4e9;\n  font-size:10px;\n  font-weight:900;\n  letter-spacing:1px;\n  text-transform:uppercase;\n}\n\n#cs-home-v3 .hero-panel h3{\n  position:relative;\n  z-index:2;\n  margin-bottom:10px;\n  color:#111;\n  font-size:32px;\n  letter-spacing:-1px;\n}\n\n#cs-home-v3 .hero-panel > p{\n  position:relative;\n  z-index:2;\n  margin-bottom:25px;\n  color:#747474;\n  line-height:1.7;\n}\n\n#cs-home-v3 .role-list{\n  position:relative;\n  z-index:2;\n  display:grid;\n  gap:10px;\n}\n\n#cs-home-v3 .role{\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:20px;\n  padding:17px 18px;\n  border:1px solid #ededed;\n  border-radius:15px;\n  background:#fff;\n  transition:.22s ease;\n}\n\n#cs-home-v3 .role:hover{\n  transform:translateX(5px);\n  border-color:rgba(245,130,32,.33);\n  background:#fffaf6;\n}\n\n#cs-home-v3 .role strong{\n  color:#222;\n  font-size:14px;\n}\n\n#cs-home-v3 .role span{\n  color:var(--orange);\n}\n\n\/* =========================================================\nTRUST\n========================================================= *\/\n\n#cs-home-v3 .trust{\n  background:#fff;\n  border-top:1px solid #f0f0f0;\n  border-bottom:1px solid #f0f0f0;\n}\n\n#cs-home-v3 .trust-grid{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n}\n\n#cs-home-v3 .trust-item{\n  padding:30px 20px;\n  text-align:center;\n  border-right:1px solid #eee;\n}\n\n#cs-home-v3 .trust-item:last-child{\n  border-right:0;\n}\n\n#cs-home-v3 .trust-item strong{\n  display:block;\n  margin-bottom:5px;\n  color:#111;\n  font-size:16px;\n}\n\n#cs-home-v3 .trust-item span{\n  color:#777;\n  font-size:12px;\n}\n\n\/* =========================================================\nSERVICES\n========================================================= *\/\n\n#cs-home-v3 .services{\n  background:var(--offwhite);\n}\n\n#cs-home-v3 .services-grid{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:22px;\n  margin-top:52px;\n}\n\n#cs-home-v3 .service-card{\n  min-height:370px;\n  display:flex;\n  flex-direction:column;\n  padding:34px;\n  border:1px solid #e9e9e9;\n  border-radius:26px;\n  background:#fff;\n  transition:.25s ease;\n}\n\n#cs-home-v3 .service-card:hover{\n  transform:translateY(-7px);\n  border-color:rgba(245,130,32,.34);\n  box-shadow:var(--shadow);\n}\n\n#cs-home-v3 .service-icon{\n  width:50px;\n  height:50px;\n  display:grid;\n  place-items:center;\n  margin-bottom:24px;\n  border-radius:15px;\n  color:#fff;\n  background:linear-gradient(\n    135deg,\n    var(--orange-dark),\n    var(--orange-light)\n  );\n  font-size:11px;\n  font-weight:900;\n}\n\n#cs-home-v3 .service-tag{\n  margin-bottom:10px;\n  color:var(--orange-dark);\n  font-size:10px;\n  font-weight:900;\n  letter-spacing:1.5px;\n  text-transform:uppercase;\n}\n\n#cs-home-v3 .service-card h3{\n  margin-bottom:13px;\n  color:#111;\n  font-size:29px;\n  letter-spacing:-1px;\n}\n\n#cs-home-v3 .service-card p{\n  color:#737373;\n  font-size:14px;\n  line-height:1.76;\n}\n\n#cs-home-v3 .service-card a{\n  margin-top:auto;\n  padding-top:22px;\n  color:var(--orange-dark);\n  font-weight:850;\n}\n\n\/* =========================================================\nAUDIENCES\n========================================================= *\/\n\n#cs-home-v3 .audiences{\n  background:#fff;\n}\n\n#cs-home-v3 .audience-grid{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:24px;\n  margin-top:52px;\n}\n\n#cs-home-v3 .audience-card{\n  position:relative;\n  min-height:470px;\n  display:flex;\n  flex-direction:column;\n  justify-content:flex-end;\n  padding:44px;\n  overflow:hidden;\n  border:1px solid #ececec;\n  border-radius:30px;\n  background:\n    radial-gradient(circle at 88% 8%,rgba(255,173,92,.27),transparent 30%),\n    linear-gradient(135deg,#fff,#fffaf6);\n}\n\n#cs-home-v3 .audience-card:nth-child(2){\n  background:\n    radial-gradient(circle at 12% 92%,rgba(245,130,32,.15),transparent 34%),\n    #fff;\n}\n\n#cs-home-v3 .audience-tag{\n  position:absolute;\n  top:28px;\n  left:30px;\n  padding:8px 12px;\n  border-radius:999px;\n  color:var(--orange-dark);\n  background:#fff2e5;\n  font-size:10px;\n  font-weight:900;\n  letter-spacing:1px;\n  text-transform:uppercase;\n}\n\n#cs-home-v3 .audience-card h3{\n  max-width:520px;\n  margin-bottom:14px;\n  color:#111;\n  font-size:44px;\n  line-height:1.03;\n  letter-spacing:-2px;\n}\n\n#cs-home-v3 .audience-card p{\n  max-width:540px;\n  color:#6f6f6f;\n  line-height:1.8;\n}\n\n#cs-home-v3 .audience-actions{\n  display:flex;\n  flex-wrap:wrap;\n  gap:12px;\n  margin-top:26px;\n}\n\n\/* =========================================================\nAPPROACH\n========================================================= *\/\n\n#cs-home-v3 .approach{\n  background:var(--offwhite);\n}\n\n#cs-home-v3 .approach-grid{\n  display:grid;\n  grid-template-columns:.9fr 1.1fr;\n  gap:80px;\n  align-items:center;\n}\n\n#cs-home-v3 .approach-panel{\n  min-height:560px;\n  display:flex;\n  flex-direction:column;\n  justify-content:flex-end;\n  padding:46px;\n  border:1px solid rgba(245,130,32,.16);\n  border-radius:32px;\n  background:\n    radial-gradient(circle at 80% 12%,rgba(255,173,92,.30),transparent 30%),\n    linear-gradient(135deg,#fff,#fff8f1);\n}\n\n#cs-home-v3 .approach-panel h3{\n  margin-bottom:16px;\n  color:#111;\n  font-size:45px;\n  line-height:1.04;\n  letter-spacing:-2px;\n}\n\n#cs-home-v3 .approach-panel p{\n  margin:0;\n  color:#707070;\n  line-height:1.8;\n}\n\n#cs-home-v3 .steps{\n  display:grid;\n  gap:15px;\n}\n\n#cs-home-v3 .step{\n  display:grid;\n  grid-template-columns:54px 1fr;\n  gap:18px;\n  padding:23px;\n  border:1px solid #e9e9e9;\n  border-radius:19px;\n  background:#fff;\n}\n\n#cs-home-v3 .step-number{\n  width:52px;\n  height:52px;\n  display:grid;\n  place-items:center;\n  border-radius:14px;\n  color:#fff;\n  background:linear-gradient(\n    135deg,\n    var(--orange-dark),\n    var(--orange-light)\n  );\n  font-weight:900;\n}\n\n#cs-home-v3 .step h3{\n  margin-bottom:5px;\n  color:#111;\n}\n\n#cs-home-v3 .step p{\n  margin:0;\n  color:#777;\n  font-size:13px;\n  line-height:1.65;\n}\n\n\/* =========================================================\nSPECIALISMS\n========================================================= *\/\n\n#cs-home-v3 .specialisms{\n  background:#fff;\n}\n\n#cs-home-v3 .specialisms-grid{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:16px;\n  margin-top:45px;\n}\n\n#cs-home-v3 .specialism{\n  min-height:170px;\n  padding:27px;\n  border:1px solid #e9e9e9;\n  border-radius:20px;\n  background:#fff;\n  transition:.22s ease;\n}\n\n#cs-home-v3 .specialism:hover{\n  transform:translateY(-5px);\n  border-color:rgba(245,130,32,.32);\n  box-shadow:0 18px 45px rgba(0,0,0,.05);\n}\n\n#cs-home-v3 .specialism-number{\n  display:block;\n  margin-bottom:28px;\n  color:var(--orange);\n  font-size:11px;\n  font-weight:900;\n}\n\n#cs-home-v3 .specialism strong{\n  display:block;\n  margin-bottom:7px;\n  color:#111;\n  font-size:18px;\n}\n\n#cs-home-v3 .specialism span{\n  color:#777;\n  font-size:12px;\n  line-height:1.6;\n}\n\n\/* =========================================================\nABOUT\n========================================================= *\/\n\n#cs-home-v3 .about{\n  background:var(--offwhite);\n}\n\n#cs-home-v3 .about-grid{\n  display:grid;\n  grid-template-columns:.9fr 1.1fr;\n  gap:80px;\n  align-items:center;\n}\n\n#cs-home-v3 .about-box{\n  min-height:530px;\n  display:flex;\n  flex-direction:column;\n  justify-content:flex-end;\n  padding:45px;\n  border:1px solid rgba(245,130,32,.18);\n  border-radius:32px;\n  background:\n    radial-gradient(circle at 75% 20%,rgba(255,173,92,.28),transparent 28%),\n    #fff;\n}\n\n#cs-home-v3 .about-box h3{\n  margin-bottom:15px;\n  color:#111;\n  font-size:45px;\n  line-height:1.04;\n  letter-spacing:-2px;\n}\n\n#cs-home-v3 .about-box p{\n  color:#737373;\n  line-height:1.8;\n}\n\n#cs-home-v3 .about-content p{\n  color:#707070;\n  line-height:1.85;\n}\n\n#cs-home-v3 .about-points{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:13px;\n  margin-top:28px;\n}\n\n#cs-home-v3 .about-point{\n  padding:18px;\n  border:1px solid #e9e9e9;\n  border-radius:15px;\n  background:#fff;\n  color:#222;\n  font-size:13px;\n  font-weight:800;\n}\n\n\/* =========================================================\nCTA BAND\n========================================================= *\/\n\n#cs-home-v3 .cta-band{\n  background:#fff;\n}\n\n#cs-home-v3 .cta-band-box{\n  display:grid;\n  grid-template-columns:1.15fr .85fr;\n  gap:40px;\n  align-items:center;\n  padding:48px;\n  border:1px solid rgba(245,130,32,.18);\n  border-radius:30px;\n  background:\n    radial-gradient(circle at 88% 10%,rgba(255,173,92,.25),transparent 30%),\n    linear-gradient(135deg,#fff,#fff8f2);\n}\n\n#cs-home-v3 .cta-band h3{\n  margin-bottom:10px;\n  color:#111;\n  font-size:38px;\n  line-height:1.05;\n  letter-spacing:-1.6px;\n}\n\n#cs-home-v3 .cta-band p{\n  margin:0;\n  max-width:720px;\n  color:#6f6f6f;\n  line-height:1.75;\n}\n\n#cs-home-v3 .cta-band-actions{\n  display:flex;\n  justify-content:flex-end;\n  gap:12px;\n  flex-wrap:wrap;\n}\n\n\/* =========================================================\nFAQ\n========================================================= *\/\n\n#cs-home-v3 .faq{\n  background:var(--offwhite);\n}\n\n#cs-home-v3 .faq-wrap{\n  max-width:920px;\n  margin-top:44px;\n}\n\n#cs-home-v3 details{\n  margin-bottom:10px;\n  padding:0 23px;\n  border:1px solid #e8e8e8;\n  border-radius:17px;\n  background:#fff;\n}\n\n#cs-home-v3 summary{\n  position:relative;\n  padding:23px 42px 23px 0;\n  cursor:pointer;\n  list-style:none;\n  color:#111;\n  font-weight:850;\n}\n\n#cs-home-v3 summary::-webkit-details-marker{\n  display:none;\n}\n\n#cs-home-v3 summary::after{\n  content:\"+\";\n  position:absolute;\n  right:0;\n  top:16px;\n  color:var(--orange);\n  font-size:28px;\n  font-weight:400;\n}\n\n#cs-home-v3 details[open] summary::after{\n  content:\"\u2212\";\n}\n\n#cs-home-v3 details p{\n  margin:0;\n  padding-bottom:23px;\n  color:#727272;\n  line-height:1.75;\n}\n\n\/* =========================================================\nFINAL\n========================================================= *\/\n\n#cs-home-v3 .final{\n  padding:110px 0;\n  background:#fff;\n}\n\n#cs-home-v3 .final-box{\n  position:relative;\n  padding:90px 42px;\n  overflow:hidden;\n  border:1px solid rgba(245,130,32,.18);\n  border-radius:36px;\n  text-align:center;\n  background:\n    radial-gradient(circle at 50% 0,rgba(255,173,92,.28),transparent 36%),\n    linear-gradient(135deg,#fff,#fff7f0);\n}\n\n#cs-home-v3 .final-box::before{\n  content:\"\";\n  position:absolute;\n  width:380px;\n  height:380px;\n  left:-180px;\n  bottom:-220px;\n  border-radius:50%;\n  border:1px solid rgba(245,130,32,.13);\n}\n\n#cs-home-v3 .final-box h2{\n  position:relative;\n  z-index:2;\n  max-width:940px;\n  margin:0 auto 18px;\n  color:#111;\n  font-size:clamp(42px,5.4vw,70px);\n  line-height:1;\n  letter-spacing:-3.2px;\n}\n\n#cs-home-v3 .final-box p{\n  position:relative;\n  z-index:2;\n  max-width:670px;\n  margin:0 auto 30px;\n  color:#707070;\n  line-height:1.8;\n}\n\n#cs-home-v3 .final-actions{\n  position:relative;\n  z-index:2;\n  display:flex;\n  justify-content:center;\n  gap:12px;\n  flex-wrap:wrap;\n}\n\n\/* =========================================================\nFOOTER\n========================================================= *\/\n\n#cs-home-v3 .footer{\n  padding:70px 0 38px;\n  background:#fff;\n  border-top:1px solid #ececec;\n}\n\n#cs-home-v3 .footer-grid{\n  display:grid;\n  grid-template-columns:1.35fr .9fr .9fr .9fr;\n  gap:48px;\n}\n\n#cs-home-v3 .footer-brand{\n  margin-bottom:17px;\n  color:#111;\n  font-size:22px;\n  font-weight:900;\n  letter-spacing:.5px;\n}\n\n#cs-home-v3 .footer-brand span{\n  color:var(--orange);\n}\n\n#cs-home-v3 .footer p{\n  max-width:340px;\n  color:#777;\n  font-size:13px;\n  line-height:1.75;\n}\n\n#cs-home-v3 .footer h4{\n  margin-bottom:15px;\n  color:#111;\n  font-size:14px;\n}\n\n#cs-home-v3 .footer-links{\n  display:grid;\n  gap:10px;\n}\n\n#cs-home-v3 .footer a{\n  color:#676767;\n  font-size:13px;\n}\n\n#cs-home-v3 .footer a:hover{\n  color:var(--orange-dark);\n}\n\n#cs-home-v3 .footer-bottom{\n  display:flex;\n  justify-content:space-between;\n  gap:20px;\n  margin-top:48px;\n  padding-top:23px;\n  border-top:1px solid #eee;\n  color:#8b8b8b;\n  font-size:11px;\n}\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media(max-width:1100px){\n\n  #cs-home-v3 .desktop-menu{\n    display:none;\n  }\n\n  #cs-home-v3 .mobile-toggle{\n    display:flex;\n  }\n\n  #cs-home-v3 .hero-grid,\n  #cs-home-v3 .approach-grid,\n  #cs-home-v3 .about-grid,\n  #cs-home-v3 .cta-band-box{\n    grid-template-columns:1fr;\n  }\n\n  #cs-home-v3 .services-grid{\n    grid-template-columns:1fr 1fr;\n  }\n\n  #cs-home-v3 .specialisms-grid{\n    grid-template-columns:1fr 1fr;\n  }\n\n  #cs-home-v3 .cta-band-actions{\n    justify-content:flex-start;\n  }\n\n  #cs-home-v3 .footer-grid{\n    grid-template-columns:1fr 1fr;\n  }\n\n}\n\n@media(max-width:720px){\n\n  #cs-home-v3 .container{\n    width:calc(100% - 28px);\n  }\n\n  #cs-home-v3 .section{\n    padding:75px 0;\n  }\n\n  #cs-home-v3 .topbar-inner > div:last-child{\n    display:none;\n  }\n\n  #cs-home-v3 .nav{\n    min-height:76px;\n  }\n\n  #cs-home-v3 .brand-text span{\n    display:none;\n  }\n\n  #cs-home-v3 .header-cta{\n    display:none;\n  }\n\n  #cs-home-v3 .hero{\n    min-height:auto;\n  }\n\n  #cs-home-v3 .hero-grid{\n    padding:74px 0;\n    gap:45px;\n  }\n\n  #cs-home-v3 .hero h1{\n    font-size:52px;\n    letter-spacing:-3px;\n  }\n\n  #cs-home-v3 .hero-copy{\n    font-size:16px;\n  }\n\n  #cs-home-v3 .hero-actions,\n  #cs-home-v3 .final-actions,\n  #cs-home-v3 .cta-band-actions{\n    flex-direction:column;\n  }\n\n  #cs-home-v3 .hero-actions .btn,\n  #cs-home-v3 .final-actions .btn,\n  #cs-home-v3 .cta-band-actions .btn{\n    width:100%;\n  }\n\n  #cs-home-v3 .trust-grid,\n  #cs-home-v3 .services-grid,\n  #cs-home-v3 .audience-grid,\n  #cs-home-v3 .specialisms-grid,\n  #cs-home-v3 .about-points,\n  #cs-home-v3 .footer-grid{\n    grid-template-columns:1fr;\n  }\n\n  #cs-home-v3 .trust-item{\n    border-right:0;\n    border-bottom:1px solid #eee;\n  }\n\n  #cs-home-v3 .hero-panel,\n  #cs-home-v3 .service-card,\n  #cs-home-v3 .audience-card,\n  #cs-home-v3 .approach-panel,\n  #cs-home-v3 .about-box,\n  #cs-home-v3 .cta-band-box{\n    padding:28px;\n  }\n\n  #cs-home-v3 .audience-card{\n    min-height:390px;\n  }\n\n  #cs-home-v3 .approach-panel,\n  #cs-home-v3 .about-box{\n    min-height:430px;\n  }\n\n  #cs-home-v3 .footer-bottom{\n    flex-direction:column;\n  }\n\n}\n\n<\/style>\n\n<!-- =========================================================\nTOPBAR\n========================================================= -->\n\n<div class=\"topbar\">\n  <div class=\"container topbar-inner\">\n\n    <div>\n      <strong>CRANSVELD SELECT<\/strong>\n      \u00b7 Werving &#038; selectie\n    <\/div>\n\n    <div>\n      Recruitment \u00b7 Executive Search \u00b7 Interim\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<!-- =========================================================\nHEADER\n========================================================= -->\n\n<header class=\"header\">\n\n  <div class=\"container nav\">\n\n    <a href=\"\/\" class=\"brand\">\n\n      <div class=\"brand-mark\">\n        CS\n      <\/div>\n\n      <div class=\"brand-text\">\n        <strong>CRANSVELD SELECT<\/strong>\n        <span>Recruitment &#038; Selection<\/span>\n      <\/div>\n\n    <\/a>\n\n    <nav class=\"desktop-menu\">\n\n      <a href=\"\/\">\n        Home\n      <\/a>\n\n      <a href=\"#diensten\">\n        Diensten\n      <\/a>\n\n      <a href=\"#werkgevers\">\n        Werkgevers\n      <\/a>\n\n      <a href=\"#professionals\">\n        Professionals\n      <\/a>\n\n      <a href=\"#over\">\n        Over ons\n      <\/a>\n\n      <a href=\"\/contact\/\">\n        Contact\n      <\/a>\n\n    <\/nav>\n\n    <a\n      href=\"\/contact\/\"\n      class=\"btn btn-orange header-cta\">\n\n      Maak kennis \u2192\n\n    <\/a>\n\n    <button\n      id=\"cs-menu-toggle\"\n      class=\"mobile-toggle\"\n      type=\"button\"\n      aria-label=\"Menu openen\">\n\n      \u2630\n\n    <\/button>\n\n  <\/div>\n\n  <div\n    id=\"cs-mobile-menu\"\n    class=\"mobile-menu\">\n\n    <a href=\"\/\">\n      Home\n    <\/a>\n\n    <a href=\"#diensten\">\n      Diensten\n    <\/a>\n\n    <a href=\"#werkgevers\">\n      Werkgevers\n    <\/a>\n\n    <a href=\"#professionals\">\n      Professionals\n    <\/a>\n\n    <a href=\"#over\">\n      Over ons\n    <\/a>\n\n    <a href=\"\/contact\/\">\n      Contact\n    <\/a>\n\n  <\/div>\n\n<\/header>\n\n<!-- =========================================================\nHERO\n========================================================= -->\n\n<section class=\"hero\">\n\n  <div class=\"container hero-grid\">\n\n    <div>\n\n      <div class=\"hero-kicker\">\n        Persoonlijke recruitment. Gerichte selectie.\n      <\/div>\n\n      <h1>\n        De juiste mensen.\n        <span>\n          De juiste match.\n        <\/span>\n      <\/h1>\n\n      <p class=\"hero-copy\">\n\n        Cransveld Select brengt organisaties\n        en professionals samen op basis van\n        ervaring, ambitie, persoonlijkheid\n        en toekomstperspectief.\n\n        Geen massa aan cv&#8217;s,\n        maar relevante kandidaten\n        en persoonlijk contact.\n\n      <\/p>\n\n      <div class=\"hero-actions\">\n\n        <a\n          href=\"#werkgevers\"\n          class=\"btn btn-orange\">\n\n          Ik zoek een professional \u2192\n\n        <\/a>\n\n        <a\n          href=\"#professionals\"\n          class=\"btn btn-outline\">\n\n          Ik zoek een nieuwe uitdaging\n\n        <\/a>\n\n      <\/div>\n\n      <div class=\"hero-proof\">\n\n        <span>\n          Persoonlijke aanpak\n        <\/span>\n\n        <span>\n          Gerichte search\n        <\/span>\n\n        <span>\n          Korte lijnen\n        <\/span>\n\n        <span>\n          Kwaliteit boven kwantiteit\n        <\/span>\n\n      <\/div>\n\n    <\/div>\n\n    <aside class=\"hero-panel\">\n\n      <div class=\"panel-label\">\n        Focusgebieden\n      <\/div>\n\n      <h3>\n        Professionals die passen.\n      <\/h3>\n\n      <p>\n        Voor vaste \u00e9n tijdelijke sleutelposities.\n      <\/p>\n\n      <div class=\"role-list\">\n\n        <div class=\"role\">\n          <strong>Management<\/strong>\n          <span>\u2192<\/span>\n        <\/div>\n\n        <div class=\"role\">\n          <strong>IT &#038; Digital<\/strong>\n          <span>\u2192<\/span>\n        <\/div>\n\n        <div class=\"role\">\n          <strong>Operations<\/strong>\n          <span>\u2192<\/span>\n        <\/div>\n\n        <div class=\"role\">\n          <strong>Project &#038; Change<\/strong>\n          <span>\u2192<\/span>\n        <\/div>\n\n        <div class=\"role\">\n          <strong>Interim professionals<\/strong>\n          <span>\u2192<\/span>\n        <\/div>\n\n      <\/div>\n\n    <\/aside>\n\n  <\/div>\n\n<\/section>\n\n<!-- =========================================================\nTRUST\n========================================================= -->\n\n<section class=\"trust\">\n\n  <div class=\"container trust-grid\">\n\n    <div class=\"trust-item\">\n      <strong>Persoonlijk<\/strong>\n      <span>Geen anonieme matching<\/span>\n    <\/div>\n\n    <div class=\"trust-item\">\n      <strong>Gericht<\/strong>\n      <span>Focus op relevante kandidaten<\/span>\n    <\/div>\n\n    <div class=\"trust-item\">\n      <strong>Transparant<\/strong>\n      <span>Duidelijke communicatie<\/span>\n    <\/div>\n\n    <div class=\"trust-item\">\n      <strong>Kwalitatief<\/strong>\n      <span>Match op inhoud \u00e9n cultuur<\/span>\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<!-- =========================================================\nDIENSTEN\n========================================================= -->\n\n<section\n  class=\"section services\"\n  id=\"diensten\">\n\n  <div class=\"container\">\n\n    <span class=\"kicker\">\n      Diensten\n    <\/span>\n\n    <h2 class=\"section-title\">\n      Recruitment dat verder kijkt\n      dan alleen het\n      <span class=\"orange\">\n        cv.\n      <\/span>\n    <\/h2>\n\n    <p class=\"section-intro\">\n\n      Functie-eisen zijn belangrijk.\n      Maar een succesvolle match vraagt ook\n      om aansluiting op ambitie,\n      persoonlijkheid,\n      cultuur en organisatie.\n\n    <\/p>\n\n    <div class=\"services-grid\">\n\n      <article class=\"service-card\">\n\n        <div class=\"service-icon\">\n          W&#038;S\n        <\/div>\n\n        <div class=\"service-tag\">\n          Recruitment\n        <\/div>\n\n        <h3>\n          Werving &#038; selectie\n        <\/h3>\n\n        <p>\n          Van profielbepaling tot selectie.\n          Gericht zoeken naar professionals\n          die passen bij de functie\n          \u00e9n jouw organisatie.\n        <\/p>\n\n        <a href=\"\/contact\/\">\n          Vacature bespreken \u2192\n        <\/a>\n\n      <\/article>\n\n      <article class=\"service-card\">\n\n        <div class=\"service-icon\">\n          EX\n        <\/div>\n\n        <div class=\"service-tag\">\n          Leadership\n        <\/div>\n\n        <h3>\n          Executive Search\n        <\/h3>\n\n        <p>\n          Gerichte search en persoonlijke benadering\n          voor managementrollen\n          en andere sleutelposities.\n        <\/p>\n\n        <a href=\"\/contact\/\">\n          Search bespreken \u2192\n        <\/a>\n\n      <\/article>\n\n      <article class=\"service-card\">\n\n        <div class=\"service-icon\">\n          INT\n        <\/div>\n\n        <div class=\"service-tag\">\n          Interim\n        <\/div>\n\n        <h3>\n          Interim professionals\n        <\/h3>\n\n        <p>\n          Tijdelijke expertise voor\n          verandering,\n          projecten,\n          leiderschap\n          en organisatorische continu\u00efteit.\n        <\/p>\n\n        <a href=\"\/contact\/\">\n          Interim behoefte bespreken \u2192\n        <\/a>\n\n      <\/article>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<!-- =========================================================\nWERKGEVERS \/ PROFESSIONALS\n========================================================= -->\n\n<section class=\"section audiences\">\n\n  <div class=\"container\">\n\n    <span class=\"kicker\">\n      Voor beide kanten van de markt\n    <\/span>\n\n    <h2 class=\"section-title\">\n      Mensen en organisaties\n      <span class=\"orange\">\n        samenbrengen.\n      <\/span>\n    <\/h2>\n\n    <div class=\"audience-grid\">\n\n      <article\n        class=\"audience-card\"\n        id=\"werkgevers\">\n\n        <div class=\"audience-tag\">\n          Werkgevers\n        <\/div>\n\n        <h3>\n          Zoek je versterking?\n        <\/h3>\n\n        <p>\n\n          Een goede kandidaat vinden\n          vraagt meer dan een vacature online zetten.\n\n          Cransveld Select helpt bij het scherp krijgen\n          van de behoefte,\n          de gerichte search\n          en de selectie van passende professionals.\n\n        <\/p>\n\n        <div class=\"audience-actions\">\n\n          <a\n            href=\"\/contact\/\"\n            class=\"btn btn-orange\">\n\n            Vacature bespreken \u2192\n\n          <\/a>\n\n        <\/div>\n\n      <\/article>\n\n      <article\n        class=\"audience-card\"\n        id=\"professionals\">\n\n        <div class=\"audience-tag\">\n          Professionals\n        <\/div>\n\n        <h3>\n          Klaar voor je volgende stap?\n        <\/h3>\n\n        <p>\n\n          Niet iedere goede functie\n          staat op een vacaturebank.\n\n          Maak kennis met Cransveld Select\n          en bespreek jouw ervaring,\n          ambities\n          en het type organisatie\n          waarin jij tot je recht komt.\n\n        <\/p>\n\n        <div class=\"audience-actions\">\n\n          <a\n            href=\"\/contact\/\"\n            class=\"btn btn-outline\">\n\n            Maak kennis \u2192\n\n          <\/a>\n\n        <\/div>\n\n      <\/article>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<!-- =========================================================\nAANPAK\n========================================================= -->\n\n<section class=\"section approach\">\n\n  <div class=\"container approach-grid\">\n\n    <div class=\"approach-panel\">\n\n      <span class=\"kicker\">\n        Onze aanpak\n      <\/span>\n\n      <h3>\n        Geen stapels cv&#8217;s.\n        Wel relevante kandidaten.\n      <\/h3>\n\n      <p>\n\n        Een succesvolle plaatsing ontstaat\n        wanneer ervaring,\n        competenties,\n        ambitie,\n        cultuur\n        en de context van de organisatie\n        bij elkaar komen.\n\n      <\/p>\n\n    <\/div>\n\n    <div>\n\n      <span class=\"kicker\">\n        Werkwijze\n      <\/span>\n\n      <h2 class=\"section-title\">\n        Van behoefte naar\n        <span class=\"orange\">\n          passende match.\n        <\/span>\n      <\/h2>\n\n      <div class=\"steps\">\n\n        <div class=\"step\">\n\n          <div class=\"step-number\">\n            01\n          <\/div>\n\n          <div>\n            <h3>Intake<\/h3>\n\n            <p>\n              We bespreken de functie,\n              organisatie,\n              uitdagingen\n              en gewenste kandidaat.\n            <\/p>\n          <\/div>\n\n        <\/div>\n\n        <div class=\"step\">\n\n          <div class=\"step-number\">\n            02\n          <\/div>\n\n          <div>\n            <h3>Search<\/h3>\n\n            <p>\n              We zoeken gericht binnen relevante\n              netwerken en marktsegmenten.\n            <\/p>\n          <\/div>\n\n        <\/div>\n\n        <div class=\"step\">\n\n          <div class=\"step-number\">\n            03\n          <\/div>\n\n          <div>\n            <h3>Selectie<\/h3>\n\n            <p>\n              Kandidaten worden beoordeeld\n              op ervaring,\n              motivatie\n              en aansluiting.\n            <\/p>\n          <\/div>\n\n        <\/div>\n\n        <div class=\"step\">\n\n          <div class=\"step-number\">\n            04\n          <\/div>\n\n          <div>\n            <h3>Voorstellen<\/h3>\n\n            <p>\n              Alleen passende kandidaten\n              worden aan de organisatie voorgesteld.\n            <\/p>\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<!-- =========================================================\nSPECIALISMEN\n========================================================= -->\n\n<section class=\"section specialisms\">\n\n  <div class=\"container\">\n\n    <span class=\"kicker\">\n      Focusgebieden\n    <\/span>\n\n    <h2 class=\"section-title\">\n      Recruitment voor functies\n      waar\n      <span class=\"orange\">\n        kwaliteit telt.\n      <\/span>\n    <\/h2>\n\n    <div class=\"specialisms-grid\">\n\n      <div class=\"specialism\">\n\n        <span class=\"specialism-number\">\n          01\n        <\/span>\n\n        <strong>\n          IT &#038; Digital\n        <\/strong>\n\n        <span>\n          IT Management,\n          IT Operations,\n          infrastructuur,\n          digitale transformatie\n          en technology.\n        <\/span>\n\n      <\/div>\n\n      <div class=\"specialism\">\n\n        <span class=\"specialism-number\">\n          02\n        <\/span>\n\n        <strong>\n          Management\n        <\/strong>\n\n        <span>\n          Leidinggevende functies,\n          teammanagement\n          en organisatorische sleutelrollen.\n        <\/span>\n\n      <\/div>\n\n      <div class=\"specialism\">\n\n        <span class=\"specialism-number\">\n          03\n        <\/span>\n\n        <strong>\n          Project &#038; Change\n        <\/strong>\n\n        <span>\n          Projectleiding,\n          programmamanagement,\n          verandering\n          en transformatie.\n        <\/span>\n\n      <\/div>\n\n      <div class=\"specialism\">\n\n        <span class=\"specialism-number\">\n          04\n        <\/span>\n\n        <strong>\n          Operations\n        <\/strong>\n\n        <span>\n          Operationele aansturing,\n          dienstverlening\n          en procesgerichte functies.\n        <\/span>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<!-- =========================================================\nOVER\n========================================================= -->\n\n<section\n  class=\"section about\"\n  id=\"over\">\n\n  <div class=\"container about-grid\">\n\n    <div class=\"about-box\">\n\n      <span class=\"kicker\">\n        Cransveld Select\n      <\/span>\n\n      <h3>\n        Recruitment blijft mensenwerk.\n      <\/h3>\n\n      <p>\n\n        Achter iedere vacature\n        en ieder cv zit een verhaal.\n\n        Daarom draait goede recruitment\n        niet alleen om zoekwoorden,\n        maar om begrijpen\n        wat beide kanten nodig hebben.\n\n      <\/p>\n\n    <\/div>\n\n    <div class=\"about-content\">\n\n      <span class=\"kicker\">\n        Over ons\n      <\/span>\n\n      <h2 class=\"section-title\">\n        Geen massa.\n        <span class=\"orange\">\n          Gerichte selectie.\n        <\/span>\n      <\/h2>\n\n      <p>\n\n        Cransveld Select richt zich\n        op kwalitatieve matching tussen\n        organisaties en professionals.\n\n        Niet zoveel mogelijk kandidaten voorstellen,\n        maar juist zorgen dat de kandidaten\n        die worden voorgesteld relevant zijn.\n\n      <\/p>\n\n      <p>\n\n        Persoonlijk contact,\n        duidelijke communicatie\n        en begrip van zowel functie\n        als organisatie vormen de basis\n        van iedere search.\n\n      <\/p>\n\n      <div class=\"about-points\">\n\n        <div class=\"about-point\">\n          Persoonlijke aanpak\n        <\/div>\n\n        <div class=\"about-point\">\n          Gerichte search\n        <\/div>\n\n        <div class=\"about-point\">\n          Selectieve voorstellen\n        <\/div>\n\n        <div class=\"about-point\">\n          Korte communicatielijnen\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<!-- =========================================================\nCTA BAND\n========================================================= -->\n\n<section class=\"section cta-band\">\n\n  <div class=\"container\">\n\n    <div class=\"cta-band-box\">\n\n      <div>\n\n        <span class=\"kicker\">\n          Direct kennismaken\n        <\/span>\n\n        <h3>\n          Een vacature invullen\n          of openstaan voor iets nieuws?\n        <\/h3>\n\n        <p>\n\n          Bespreek vrijblijvend\n          waar jouw organisatie\n          of carri\u00e8re behoefte aan heeft.\n\n        <\/p>\n\n      <\/div>\n\n      <div class=\"cta-band-actions\">\n\n        <a\n          href=\"\/contact\/\"\n          class=\"btn btn-orange\">\n\n          Contact opnemen \u2192\n\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<!-- =========================================================\nFAQ\n========================================================= -->\n\n<section class=\"section faq\">\n\n  <div class=\"container\">\n\n    <span class=\"kicker\">\n      Veelgestelde vragen\n    <\/span>\n\n    <h2 class=\"section-title\">\n      Over\n      <span class=\"orange\">\n        Cransveld Select.\n      <\/span>\n    <\/h2>\n\n    <div class=\"faq-wrap\">\n\n      <details>\n\n        <summary>\n          Wat doet Cransveld Select?\n        <\/summary>\n\n        <p>\n          Cransveld Select ondersteunt organisaties\n          bij het vinden en selecteren\n          van professionals voor\n          vaste en tijdelijke functies.\n        <\/p>\n\n      <\/details>\n\n      <details>\n\n        <summary>\n          Voor welke functies kan ik Cransveld Select inschakelen?\n        <\/summary>\n\n        <p>\n          De focus ligt onder meer\n          op Management,\n          IT &#038; Digital,\n          Operations,\n          Project &#038; Change\n          en specialistische functies.\n        <\/p>\n\n      <\/details>\n\n      <details>\n\n        <summary>\n          Bieden jullie ook Executive Search aan?\n        <\/summary>\n\n        <p>\n          Ja. Voor management-\n          en sleutelposities kan\n          een gerichte search worden uitgevoerd.\n        <\/p>\n\n      <\/details>\n\n      <details>\n\n        <summary>\n          Kunnen kandidaten zich rechtstreeks aanmelden?\n        <\/summary>\n\n        <p>\n          Ja. Professionals kunnen contact opnemen\n          om hun ervaring,\n          ambities\n          en gewenste volgende stap te bespreken.\n        <\/p>\n\n      <\/details>\n\n      <details>\n\n        <summary>\n          Werken jullie ook met interim professionals?\n        <\/summary>\n\n        <p>\n          Ja. Cransveld Select kan ook ondersteunen\n          bij tijdelijke expertise\n          voor projecten,\n          verandering\n          en continu\u00efteit.\n        <\/p>\n\n      <\/details>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<!-- =========================================================\nFINAL CTA\n========================================================= -->\n\n<section class=\"final\">\n\n  <div class=\"container\">\n\n    <div class=\"final-box\">\n\n      <span class=\"kicker\">\n        Cransveld Select\n      <\/span>\n\n      <h2>\n        De juiste persoon kan\n        een organisatie veranderen.\n      <\/h2>\n\n      <p>\n\n        Zoek je versterking\n        of ben je zelf klaar voor\n        een volgende stap?\n\n        Maak vrijblijvend kennis\n        met Cransveld Select.\n\n      <\/p>\n\n      <div class=\"final-actions\">\n\n        <a\n          href=\"\/contact\/\"\n          class=\"btn btn-orange\">\n\n          Contact opnemen \u2192\n\n        <\/a>\n\n        <a\n          href=\"#diensten\"\n          class=\"btn btn-outline\">\n\n          Bekijk diensten\n\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<!-- =========================================================\nFOOTER\n========================================================= -->\n\n<footer class=\"footer\">\n\n  <div class=\"container\">\n\n    <div class=\"footer-grid\">\n\n      <div>\n\n        <div class=\"footer-brand\">\n          CRANSVELD <span>SELECT<\/span>\n        <\/div>\n\n        <p>\n\n          Persoonlijke werving en selectie,\n          Executive Search\n          en interim recruitment\n          voor organisaties\n          en professionals.\n\n        <\/p>\n\n      <\/div>\n\n      <div>\n\n        <h4>\n          Diensten\n        <\/h4>\n\n        <div class=\"footer-links\">\n\n          <a href=\"#diensten\">\n            Werving &#038; selectie\n          <\/a>\n\n          <a href=\"#diensten\">\n            Executive Search\n          <\/a>\n\n          <a href=\"#diensten\">\n            Interim professionals\n          <\/a>\n\n        <\/div>\n\n      <\/div>\n\n      <div>\n\n        <h4>\n          Cransveld Select\n        <\/h4>\n\n        <div class=\"footer-links\">\n\n          <a href=\"#werkgevers\">\n            Voor werkgevers\n          <\/a>\n\n          <a href=\"#professionals\">\n            Voor professionals\n          <\/a>\n\n          <a href=\"#over\">\n            Over ons\n          <\/a>\n\n          <a href=\"\/contact\/\">\n            Contact\n          <\/a>\n\n        <\/div>\n\n      <\/div>\n\n      <div>\n\n        <h4>\n          Juridisch\n        <\/h4>\n\n        <div class=\"footer-links\">\n\n          <a href=\"\/privacyverklaring\/\">\n            Privacyverklaring\n          <\/a>\n\n          <a href=\"\/cookiebeleid\/\">\n            Cookiebeleid\n          <\/a>\n\n          <a href=\"\/algemene-voorwaarden\/\">\n            Algemene voorwaarden\n          <\/a>\n\n          <a href=\"\/disclaimer\/\">\n            Disclaimer\n          <\/a>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n    <div class=\"footer-bottom\">\n\n      <div>\n        \u00a9 <span id=\"cs-year\"><\/span>\n        Cransveld Select.\n        Alle rechten voorbehouden.\n      <\/div>\n\n      <div>\n        Recruitment \u00b7 Selection \u00b7 Executive Search\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/footer>\n\n<!-- =========================================================\nJAVASCRIPT\n========================================================= -->\n\n<script>\n\n(function(){\n\n  const year =\n    document.getElementById(\"cs-year\");\n\n  if(year){\n    year.textContent =\n      new Date().getFullYear();\n  }\n\n  const toggle =\n    document.getElementById(\n      \"cs-menu-toggle\"\n    );\n\n  const menu =\n    document.getElementById(\n      \"cs-mobile-menu\"\n    );\n\n  if(toggle && menu){\n\n    toggle.addEventListener(\n      \"click\",\n      function(){\n\n        menu.classList.toggle(\n          \"active\"\n        );\n\n        toggle.textContent =\n          menu.classList.contains(\n            \"active\"\n          )\n          ? \"\u2715\"\n          : \"\u2630\";\n\n      }\n    );\n\n    menu\n      .querySelectorAll(\"a\")\n      .forEach(\n        function(link){\n\n          link.addEventListener(\n            \"click\",\n            function(){\n\n              menu.classList.remove(\n                \"active\"\n              );\n\n              toggle.textContent =\n                \"\u2630\";\n\n            }\n          );\n\n        }\n      );\n\n  }\n\n  document\n    .querySelectorAll(\n      '#cs-home-v3 a[href^=\"#\"]'\n    )\n    .forEach(\n      function(link){\n\n        link.addEventListener(\n          \"click\",\n          function(event){\n\n            const href =\n              this.getAttribute(\n                \"href\"\n              );\n\n            if(\n              !href ||\n              href === \"#\"\n            ){\n              return;\n            }\n\n            const target =\n              document.querySelector(\n                href\n              );\n\n            if(target){\n\n              event.preventDefault();\n\n              target.scrollIntoView({\n                behavior:\"smooth\",\n                block:\"start\"\n              });\n\n            }\n\n          }\n        );\n\n      }\n    );\n\n})();\n\n<\/script>\n\n<!-- =========================================================\nSCHEMA\n========================================================= -->\n\n<script type=\"application\/ld+json\">\n{\n  \"@context\":\"https:\/\/schema.org\",\n  \"@type\":\"ProfessionalService\",\n  \"name\":\"Cransveld Select\",\n  \"url\":\"https:\/\/cransveldselect.nl\/\",\n  \"description\":\"Cransveld Select ondersteunt organisaties met werving en selectie, Executive Search en interim recruitment en helpt professionals bij een passende volgende stap.\",\n  \"areaServed\":\"Nederland\",\n  \"serviceType\":[\n    \"Werving en selectie\",\n    \"Executive Search\",\n    \"Interim recruitment\"\n  ]\n}\n<\/script>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>CRANSVELD SELECT \u00b7 Werving &#038; selectie Recruitment \u00b7 Executive Search \u00b7 Interim CS CRANSVELD SELECT Recruitment &#038; Selection Home Diensten Werkgevers Professionals Over ons Contact Maak kennis \u2192 \u2630 Home Diensten Werkgevers Professionals Over ons Contact Persoonlijke recruitment. Gerichte selectie. De juiste mensen. De juiste match. Cransveld Select brengt organisaties en professionals samen op basis [&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-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cransveldselect.nl\/index.php\/wp-json\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cransveldselect.nl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cransveldselect.nl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cransveldselect.nl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cransveldselect.nl\/index.php\/wp-json\/wp\/v2\/comments?post=6"}],"version-history":[{"count":2,"href":"https:\/\/cransveldselect.nl\/index.php\/wp-json\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":10,"href":"https:\/\/cransveldselect.nl\/index.php\/wp-json\/wp\/v2\/pages\/6\/revisions\/10"}],"wp:attachment":[{"href":"https:\/\/cransveldselect.nl\/index.php\/wp-json\/wp\/v2\/media?parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}