{"id":19098,"date":"2026-05-27T17:34:43","date_gmt":"2026-05-27T17:34:43","guid":{"rendered":"https:\/\/hkp-notarissen.webdelight.nl\/?page_id=19098"},"modified":"2026-06-02T19:34:58","modified_gmt":"2026-06-02T19:34:58","slug":"landing-v6","status":"publish","type":"page","link":"https:\/\/hkp-notarissen.webdelight.nl\/","title":{"rendered":"Landing &#8211; v5"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"19098\" class=\"elementor elementor-19098\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4a052433 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"4a052433\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-759f8f6e\" data-id=\"759f8f6e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-4b8d287e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4b8d287e\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-3543d921\" data-id=\"3543d921\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-71a311be e-flex e-con-boxed e-con e-parent\" data-id=\"71a311be\" data-element_type=\"container\" data-e-type=\"container\" id=\"sectie-kwaliteit\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-24bc1dfb e-con-full e-flex e-con e-child\" data-id=\"24bc1dfb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f2c05d3 elementor-widget elementor-widget-text-editor\" data-id=\"f2c05d3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h1 style=\"color: #fff; line-height: 62px; font-weight: bold;\">Kwaliteit, samenwerken\nen groeien<span style=\"color: #fc9812; font-size: 64px; line-height: 0px;\">.<\/span><\/h1>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5c46a2bd e-con-full e-flex e-con e-child\" data-id=\"5c46a2bd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-405588ba e-con-full e-flex e-con e-child\" data-id=\"405588ba\" data-element_type=\"container\" data-e-type=\"container\">\n\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7e71fd1d elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7e71fd1d\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4e55736a\" data-id=\"4e55736a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-46832f7b elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"46832f7b\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-394f1289\" data-id=\"394f1289\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-323389d3 elementor-widget elementor-widget-text-editor\" data-id=\"323389d3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h1 style=\"color: #fff; line-height: 62px; font-weight: bold;\">van Hussen Kock van Puijenbroek Notarissen<span style=\"color: #fc9812; font-size: 64px; line-height: 0px;\">.<\/span><\/h1>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-b48076b e-flex e-con-boxed e-con e-parent\" data-id=\"b48076b\" data-element_type=\"container\" data-e-type=\"container\" id=\"sectie-testimonial\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5e05fda elementor-widget elementor-widget-html\" data-id=\"5e05fda\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  HKP Notarissen \u2014 Testimonial Slider\n  ====================================\n  Drop-in snippet voor een Elementor HTML-widget.\n\n  INTEGRATIE:\n  1. Voeg in Elementor een \"HTML\"-widget toe op de gewenste plek (full-width section).\n  2. Plak deze hele code (vanaf <style> tot en met <\/script>) in de widget.\n  3. Zet de section eromheen op \"Stretch Section\" en padding 0 voor edge-to-edge.\n\n  CONTENT AANPASSEN:\n  - Zoek naar [PLACEHOLDER 2] en [PLACEHOLDER 3] hieronder en vul daar\n    naam, functie en quote-tekst van de andere twee getuigen in.\n\n  STIJL AANPASSEN:\n  - Brand kleuren staan bovenin als CSS variables (--hkp-blue, --hkp-orange).\n  - Hoogte regel je via --hkp-min-height.\n-->\n\n<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;500;700;800&display=swap');\n\n  .hkp-slider {\n    --hkp-blue: #5E8096;\n    --hkp-orange: #FB9736;\n    --hkp-min-height: 640px;\n\n    position: relative;\n    width: 100%;\n    min-height: var(--hkp-min-height);\n    background: var(--hkp-blue);\n    overflow: hidden;\n    font-family: 'Outfit', sans-serif;\n    color: #fff;\n    box-sizing: border-box;\n    border-radius:15px;\n  }\n  .hkp-slider *, .hkp-slider *::before, .hkp-slider *::after { box-sizing: border-box; }\n\n  \/* Decoratieve outline-cirkel rechtsboven (afgesneden) *\/\n  .hkp-slider__deco-circle {\n    position: absolute;\n    top: -180px;\n    right: -180px;\n    width: 480px;\n    height: 480px;\n    border: 2px solid rgba(255, 255, 255, 0.18);\n    border-radius: 50%;\n    pointer-events: none;\n  }\n\n  .hkp-slider__track {\n    position: relative;\n    width: 100%;\n    min-height: var(--hkp-min-height);\n  }\n\n  .hkp-slider__slide {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 90px 110px;\n    opacity: 0;\n    visibility: hidden;\n    transition: opacity 0.55s ease, visibility 0s linear 0.55s;\n  }\n  .hkp-slider__slide.is-active {\n    opacity: 1;\n    visibility: visible;\n    transition: opacity 0.55s ease, visibility 0s linear 0s;\n  }\n\n  .hkp-slider__inner {\n    position: relative;\n    width: 100%;\n    max-width: 820px;\n    text-align: center;\n  }\n\n  \/* Solide oranje cirkel achter de tekst *\/\n  .hkp-slider__orange-circle {\n    position: absolute;\n    width: 400px;\n    height: 400px;\n    background: var(--hkp-orange);\n    border-radius: 50%;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -42%);\n    z-index: 1;\n  }\n\n  \/* Decoratieve quote *\/\n  .hkp-slider__quote-mark {\n    position: absolute;\n    top: -10px;\n    left: -20px;\n    width: 110px;\n    height: auto;\n    color: rgba(255, 255, 255, 0.55);\n    z-index: 2;\n  }\n\n  .hkp-slider__content {\n    position: relative;\n    z-index: 3;\n  }\n\n  .hkp-slider__name {\n    font-family: 'Outfit', sans-serif;\n    font-size: 36px;\n    font-weight: 700;\n    line-height: 1.1;\n    margin: 0 0 0.6rem;\n    color: #ffffff!important;\n  }\n\n  .hkp-slider__role {\n    font-size: 1rem;\n    font-weight: 700;\n    margin: 0 0 2.2rem;\n    letter-spacing: 0.01em;\n    color: #fff;\n  }\n\n  .hkp-slider__text {\n    font-size: 1.05rem;\n    line-height: 1.75;\n    color: #fff;\n    margin: 0;\n  }\n\n  \/* Navigatie pijlen *\/\n  .hkp-slider__arrow {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 54px;\n    height: 54px;\n    background: rgba(255, 255, 255, 1);\n    border: 1.5px solid rgba(255, 255, 255, 0.35);\n    border-radius: 50%;\n    color: #000;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 10;\n    transition: background 0.25s ease, border-color 0.25s ease, transform 0.25s ease;\n    padding: 0;\n    font: inherit;\n  }\n  .hkp-slider__arrow:hover {\n    background: rgba(255, 255, 255, 0.22);\n    border-color: rgba(255, 255, 255, 0.7);\n  }\n  .hkp-slider__arrow:active { transform: translateY(-50%) scale(0.95); }\n  .hkp-slider__arrow:focus-visible {\n    outline: 2px solid var(--hkp-orange);\n    outline-offset: 3px;\n  }\n  .hkp-slider__arrow svg { width: 22px; height: 22px; }\n\n  .hkp-slider__arrow--prev { left: 40px; }\n  .hkp-slider__arrow--next { right: 40px; }\n\n  \/* Pagination dots *\/\n  .hkp-slider__dots {\n    position: absolute;\n    bottom: 36px;\n    left: 50%;\n    transform: translateX(-50%);\n    display: flex;\n    gap: 10px;\n    z-index: 10;\n  }\n  .hkp-slider__dot {\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n    background: rgba(255, 255, 255, 0.35);\n    border: none;\n    padding: 0;\n    cursor: pointer;\n    transition: background 0.3s ease, width 0.3s ease, border-radius 0.3s ease;\n  }\n  .hkp-slider__dot.is-active {\n    background: var(--hkp-orange);\n    width: 32px;\n    border-radius: 5px;\n  }\n  .hkp-slider__dot:focus-visible {\n    outline: 2px solid #fff;\n    outline-offset: 3px;\n  }\n\n  \/* Responsive *\/\n  @media (max-width: 1024px) {\n    .hkp-slider__slide { padding: 80px 90px; }\n    .hkp-slider__orange-circle { width: 340px; height: 340px; }\n  }\n  @media (max-width: 768px) {\n    .hkp-slider { --hkp-min-height: 700px; }\n    .hkp-slider__slide { padding: 70px 60px 90px; }\n    .hkp-slider__name { font-size: 1.9rem; }\n    .hkp-slider__role { font-size: 0.9rem; margin-bottom: 1.6rem; }\n    .hkp-slider__text { font-size: 0.95rem; line-height: 1.65; }\n    .hkp-slider__orange-circle { width: 280px; height: 280px; }\n    .hkp-slider__quote-mark { width: 75px; top: 0; left: 0; }\n    .hkp-slider__deco-circle { width: 320px; height: 320px; top: -120px; right: -120px; }\n    .hkp-slider__arrow { width: 44px; height: 44px; }\n    .hkp-slider__arrow--prev { left: 12px; }\n    .hkp-slider__arrow--next { right: 12px; }\n  }\n  @media (max-width: 480px) {\n    .hkp-slider__slide { padding: 70px 24px 90px; }\n    .hkp-slider__name { font-size: 1.6rem; }\n    .hkp-slider__orange-circle { width: 230px; height: 230px; }\n  }\n<\/style>\n\n<div class=\"hkp-slider\" id=\"hkpSlider\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Getuigenissen HKP Notarissen\">\n  <div class=\"hkp-slider__deco-circle\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"hkp-slider__track\">\n\n    <!-- SLIDE 1 \u2014 Nathalie de Boer -->\n    <div class=\"hkp-slider__slide is-active\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 van 3\">\n      <div class=\"hkp-slider__inner\">\n        <div class=\"hkp-slider__orange-circle\" aria-hidden=\"true\"><\/div>\n        <svg class=\"hkp-slider__quote-mark\" viewBox=\"0 0 100 80\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n          <path d=\"M22 8 C12 8, 6 18, 6 30 L6 60 C6 66, 10 70, 16 70 L26 70 C32 70, 36 66, 36 60 L36 46 C36 40, 32 36, 26 36 L20 36 C20 24, 26 18, 32 16\" \/>\n          <path d=\"M66 8 C56 8, 50 18, 50 30 L50 60 C50 66, 54 70, 60 70 L70 70 C76 70, 80 66, 80 60 L80 46 C80 40, 76 36, 70 36 L64 36 C64 24, 70 18, 76 16\" \/>\n        <\/svg>\n        <div class=\"hkp-slider__content\">\n          <h3 class=\"hkp-slider__name\">Nathalie den Boer<\/h3>\n          <p class=\"hkp-slider__role\">Notarieel medewerkster ondernemingsrecht<\/p>\n          <p class=\"hkp-slider__text\">Bij HKP werk ik met notarissen die niet alleen vakinhoudelijk sterk zijn, maar ook gewoon goede managers in een kantoor waar de sfeer echt goed is. We doen moeite om dat zo te houden, met samen lunchen, een borrel op vrijdag, aandacht voor verjaardagen en leuke uitjes. Die open, Brabantse gezelligheid gaat altijd samen met een professionele, dienstbare houding naar de cli\u00ebnt: je wilt helder uitleggen wat wel en niet kan en samen zoeken naar de beste oplossing. Voor mij is het belangrijk dat ik duidelijk kan blijven aangeven wat ik wel en niet wil, kan blijven groeien en werken aan goede balans tussen werk en priv\u00e9. Juist omdat ik bij verschillende kantoren heb gewerkt, kan ik zeggen dat ik hier echt op mijn plek zit, met de duidelijke \nboodschap aan HKP: Ga zo door.\n<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- SLIDE 2 \u2014 [PLACEHOLDER 2] -->\n    <div class=\"hkp-slider__slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 van 3\">\n      <div class=\"hkp-slider__inner\">\n        <div class=\"hkp-slider__orange-circle\" aria-hidden=\"true\"><\/div>\n        <svg class=\"hkp-slider__quote-mark\" viewBox=\"0 0 100 80\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n          <path d=\"M22 8 C12 8, 6 18, 6 30 L6 60 C6 66, 10 70, 16 70 L26 70 C32 70, 36 66, 36 60 L36 46 C36 40, 32 36, 26 36 L20 36 C20 24, 26 18, 32 16\" \/>\n          <path d=\"M66 8 C56 8, 50 18, 50 30 L50 60 C50 66, 54 70, 60 70 L70 70 C76 70, 80 66, 80 60 L80 46 C80 40, 76 36, 70 36 L64 36 C64 24, 70 18, 76 16\" \/>\n        <\/svg>\n        <div class=\"hkp-slider__content\">\n          <h3 class=\"hkp-slider__name\">Monique de Werdt<\/h3>\n          <p class=\"hkp-slider__role\">Notarisklerk onroerend goed<\/p>\n          <p class=\"hkp-slider__text\">Ik werk al ruim 26 jaar bij HKP, begonnen als telefoniste\/receptioniste en ben met het kantoor \u00e9n de inhoud meegegroeid. Ik had toen ik begon het beeld dat het notariaat saai en statisch zou zijn, maar dat bleek totaal niet te kloppen. HKP voelt voor mij laagdrempelig: notarissen zijn zichtbaar en aanspreekbaar, we hebben veel vaste cli\u00ebnten en er is collegialiteit, al is het soms ook gewoon hard werken en \u201cniet lullen maar typen\u201d. Ik vind het belangrijk dat een werkgever geen rangen en standen kent, luistert, waardering laat zien en het gevoel geeft dat je het samen doet. Fouten mogen gemaakt worden, als je maar zelf initiatief toont om het op te lossen. Voor de toekomst wil ik die no-nonsense mentaliteit en betrokkenheid graag vasthouden.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- SLIDE 3 \u2014 [PLACEHOLDER 3] -->\n    <div class=\"hkp-slider__slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 van 3\">\n      <div class=\"hkp-slider__inner\">\n        <div class=\"hkp-slider__orange-circle\" aria-hidden=\"true\"><\/div>\n        <svg class=\"hkp-slider__quote-mark\" viewBox=\"0 0 100 80\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n          <path d=\"M22 8 C12 8, 6 18, 6 30 L6 60 C6 66, 10 70, 16 70 L26 70 C32 70, 36 66, 36 60 L36 46 C36 40, 32 36, 26 36 L20 36 C20 24, 26 18, 32 16\" \/>\n          <path d=\"M66 8 C56 8, 50 18, 50 30 L50 60 C50 66, 54 70, 60 70 L70 70 C76 70, 80 66, 80 60 L80 46 C80 40, 76 36, 70 36 L64 36 C64 24, 70 18, 76 16\" \/>\n        <\/svg>\n        <div class=\"hkp-slider__content\">\n          <h3 class=\"hkp-slider__name\">Nynke Geerings<\/h3>\n          <p class=\"hkp-slider__role\">Notarieel medewerkster onroerend goed<\/p>\n          <p class=\"hkp-slider__text\">Ik ben bij HKP-notarissen begonnen als stagiaire aan de receptie en als ondersteuning voor de afdeling Onroerend Goed. Na mijn stage ben ik gebleven en heb sindsdien mijn rol stap voor stap uitgebreid bij de afdeling Onroerend Goed. Ik werk inmiddels 8 jaar met veel plezier bij HKP notarissen, het voelt voor mij als een familiebedrijf waar iedereen elkaar persoonlijk kent. Ik word gestimuleerd om cursussen te volgen en mezelf uit te blijven dagen. Binnen onze afdeling Onroerend Goed hebben we een fijne samenwerking, we communiceren open, weten wat bij elkaar speelt en springen bij waar dat nodig is. Voor de toekomst hoop ik dat HKP blijft zoals het is met fijne collega\u2019s en een open sfeer.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <button class=\"hkp-slider__arrow hkp-slider__arrow--prev\" type=\"button\" aria-label=\"Vorige getuigenis\">\n    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n      <polyline points=\"15 18 9 12 15 6\"><\/polyline>\n    <\/svg>\n  <\/button>\n  <button class=\"hkp-slider__arrow hkp-slider__arrow--next\" type=\"button\" aria-label=\"Volgende getuigenis\">\n    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n      <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n    <\/svg>\n  <\/button>\n\n  <div class=\"hkp-slider__dots\" role=\"tablist\" aria-label=\"Selecteer getuigenis\"><\/div>\n<\/div>\n\n<script>\n(function () {\n  const slider = document.getElementById('hkpSlider');\n  if (!slider) return;\n\n  const slides  = slider.querySelectorAll('.hkp-slider__slide');\n  const prevBtn = slider.querySelector('.hkp-slider__arrow--prev');\n  const nextBtn = slider.querySelector('.hkp-slider__arrow--next');\n  const dotsWrap = slider.querySelector('.hkp-slider__dots');\n  let current = 0;\n\n  \/\/ Bouw pagination dots\n  slides.forEach((_, i) => {\n    const dot = document.createElement('button');\n    dot.type = 'button';\n    dot.className = 'hkp-slider__dot' + (i === 0 ? ' is-active' : '');\n    dot.setAttribute('role', 'tab');\n    dot.setAttribute('aria-label', 'Ga naar getuigenis ' + (i + 1));\n    dot.addEventListener('click', () => goTo(i));\n    dotsWrap.appendChild(dot);\n  });\n  const dots = dotsWrap.querySelectorAll('.hkp-slider__dot');\n\n  function goTo(index) {\n    slides[current].classList.remove('is-active');\n    dots[current].classList.remove('is-active');\n    current = (index + slides.length) % slides.length;\n    slides[current].classList.add('is-active');\n    dots[current].classList.add('is-active');\n  }\n\n  prevBtn.addEventListener('click', () => goTo(current - 1));\n  nextBtn.addEventListener('click', () => goTo(current + 1));\n\n  \/\/ Keyboard navigatie wanneer de slider focus heeft\n  slider.tabIndex = 0;\n  slider.addEventListener('keydown', (e) => {\n    if (e.key === 'ArrowLeft')  { e.preventDefault(); goTo(current - 1); }\n    if (e.key === 'ArrowRight') { e.preventDefault(); goTo(current + 1); }\n  });\n\n  \/\/ Touch swipe\n  let touchStartX = 0;\n  slider.addEventListener('touchstart', (e) => { touchStartX = e.touches[0].clientX; }, { passive: true });\n  slider.addEventListener('touchend',   (e) => {\n    const diff = e.changedTouches[0].clientX - touchStartX;\n    if (Math.abs(diff) > 50) goTo(current + (diff < 0 ? 1 : -1));\n  });\n})();\n<\/script>\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-5bc23455 e-flex e-con-boxed e-con e-parent\" data-id=\"5bc23455\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-4e8bc476 e-con-full e-flex e-con e-child\" data-id=\"4e8bc476\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5fc18d0 elementor-widget elementor-widget-text-editor\" data-id=\"5fc18d0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h1 style=\"color: #fff; line-height: 62px; font-weight: bold;\">Maak alvast kennis met je nieuwe collega&#8217;s<span style=\"color: #f69434; font-size: 64px; line-height: 0px;\">.<\/span><\/h1>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d760abd e-con-full e-flex e-con e-parent\" data-id=\"d760abd\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-14808e6 e-con-full elementor-hidden-mobile e-flex e-con e-child\" data-id=\"14808e6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6c8715c elementor-widget elementor-widget-image\" data-id=\"6c8715c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/hkp-notarissen.webdelight.nl\/wp-content\/uploads\/elementor\/thumbs\/circle1-rl9lacbfvkkhkixd2aovtimf5vghgla7sdh2jffztu.png\" title=\"circle(1)\" alt=\"circle(1)\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cdf4b67 e-con-full e-flex e-con e-child\" data-id=\"cdf4b67\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4c04eb8 elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"4c04eb8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  .hkp-rotator-desk {\n    display: inline-flex;\n    align-items: baseline;\n    gap: 0.35em;\n    font-family: 'Outfit', sans-serif;\n    \/* min 1.4rem op kleine schermen, max 3rem op desktop, vloeiend ertussenin *\/\n    font-size: 60px;\n    line-height: 1.1;\n    color: #ffffff;\n    max-width: 100%;\n  }\n  .hkp-rotator__static { font-weight: 300; }\n  .hkp-rotator__mask {\n    height: 1.15em;\n    overflow: hidden;\n  }\n  .hkp-rotator__words {\n    display: flex;\n    flex-direction: column;\n    transform: translateY(-8.05em);\n    animation: hkpScrollDown 10s cubic-bezier(0.7, 0, 0.3, 1) infinite;\n  }\n  .hkp-rotator__words span {\n    height: 1.15em;\n    font-weight: 700;\n    white-space: nowrap;\n  }\n  .hkp-rotator__words i {\n    font-style: normal;\n    color: #FB9736;\n  }\n\n  \/* Smaller gap op telefoons zodat 'Tijd voor gezelligheid.' net binnen 320px past *\/\n  @media (max-width: 480px) {\n    .hkp-rotator { gap: 0.25em; }\n  }\n\n  @keyframes hkpScrollDown {\n    0%, 11%      { transform: translateY(-8.05em); }\n    14.28%, 25%  { transform: translateY(-6.9em); }\n    28.57%, 39%  { transform: translateY(-5.75em); }\n    42.85%, 54%  { transform: translateY(-4.6em); }\n    57.14%, 68%  { transform: translateY(-3.45em); }\n    71.42%, 82%  { transform: translateY(-2.3em); }\n    85.71%, 97%  { transform: translateY(-1.15em); }\n    100%         { transform: translateY(0); }\n  }\n<\/style>\n\n<div class=\"hkp-rotator-desk\">\n  <span class=\"hkp-rotator__static\">Tijd voor<\/span>\n  <div class=\"hkp-rotator__mask\">\n    <div class=\"hkp-rotator__words\">\n      <span>samenwerken<i>.<\/i><\/span>\n      <span>ontwikkeling<i>.<\/i><\/span>\n      <span>gezelligheid<i>.<\/i><\/span>\n      <span>collega's<i>.<\/i><\/span>\n      <span>mensen<i>.<\/i><\/span>\n      <span>cli\u00ebnten<i>.<\/i><\/span>\n      <span>uitdaging<i>.<\/i><\/span>\n      <span>samenwerken<i>.<\/i><\/span>\n    <\/div>\n  <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6d60861 elementor-hidden-desktop elementor-widget elementor-widget-html\" data-id=\"6d60861\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  .hkp-rotator {\n    display: inline-flex;\n    align-items: baseline;\n    gap: 0em;\n    font-family: 'Outfit', sans-serif;\n    \/* min 1.4rem op kleine schermen, max 3rem op desktop, vloeiend ertussenin *\/\n    font-size: clamp(1.4rem, 5vw, 3rem);\n    line-height: 1.1;\n    color: #ffffff;\n    max-width: 100%;\n  }\n  .hkp-rotator__static { font-weight: 300; }\n  .hkp-rotator__mask {\n    height: 1.15em;\n    overflow: hidden;\n  }\n  .hkp-rotator__words {\n    display: flex;\n    flex-direction: column;\n    transform: translateY(-8.05em);\n    animation: hkpScrollDown 10s cubic-bezier(0.7, 0, 0.3, 1) infinite;\n  }\n  .hkp-rotator__words span {\n    height: 1.15em;\n    font-weight: 700;\n    white-space: nowrap;\n  }\n  .hkp-rotator__words i {\n    font-style: normal;\n    color: #FB9736;\n  }\n\n  \/* Smaller gap op telefoons zodat 'Tijd voor gezelligheid.' net binnen 320px past *\/\n  @media (max-width: 480px) {\n    .hkp-rotator { gap: 0.25em; }\n  }\n\n  @keyframes hkpScrollDown {\n    0%, 11%      { transform: translateY(-8.05em); }\n    14.28%, 25%  { transform: translateY(-6.9em); }\n    28.57%, 39%  { transform: translateY(-5.75em); }\n    42.85%, 54%  { transform: translateY(-4.6em); }\n    57.14%, 68%  { transform: translateY(-3.45em); }\n    71.42%, 82%  { transform: translateY(-2.3em); }\n    85.71%, 97%  { transform: translateY(-1.15em); }\n    100%         { transform: translateY(0); }\n  }\n<\/style>\n\n<div class=\"hkp-rotator\">\n  <span class=\"hkp-rotator__static\">Tijd voor<\/span>\n  <div class=\"hkp-rotator__mask\">\n    <div class=\"hkp-rotator__words\">\n      <span>samenwerken<i>.<\/i><\/span>\n      <span>ontwikkeling<i>.<\/i><\/span>\n      <span>gezelligheid<i>.<\/i><\/span>\n      <span>collega's<i>.<\/i><\/span>\n      <span>mensen<i>.<\/i><\/span>\n      <span>cli\u00ebnten<i>.<\/i><\/span>\n      <span>uitdaging<i>.<\/i><\/span>\n      <span>samenwerken<i>.<\/i><\/span>\n    <\/div>\n  <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>HKP-Notarisseneemt tijd voor mensen. HKP-Notarisseneemt tijd voor mensen. In een notariaat dat steeds sneller draait, maken wij tijd voor mensen. Met meer dan 50 jaar ervaring weten we: de beste juridische oplossingen ontstaan waar mensen zich gezien voelen en durven&#8230;<\/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-19098","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hkp-notarissen.webdelight.nl\/index.php?rest_route=\/wp\/v2\/pages\/19098","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hkp-notarissen.webdelight.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hkp-notarissen.webdelight.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hkp-notarissen.webdelight.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hkp-notarissen.webdelight.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=19098"}],"version-history":[{"count":210,"href":"https:\/\/hkp-notarissen.webdelight.nl\/index.php?rest_route=\/wp\/v2\/pages\/19098\/revisions"}],"predecessor-version":[{"id":20555,"href":"https:\/\/hkp-notarissen.webdelight.nl\/index.php?rest_route=\/wp\/v2\/pages\/19098\/revisions\/20555"}],"wp:attachment":[{"href":"https:\/\/hkp-notarissen.webdelight.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=19098"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}