<turbo-stream action="replace" target="vacancies_header"><template>
  <turbo-frame id="vacancies_header">

  <section class="header-vacancies relative">
    <div class="items relative z-20">
      <div class="mx-auto max-w-screen-md px-4 lg:max-w-screen-2xl lg:px-8">
        <div class="pt-8 pb-3 lg:pt-12">
          <div class="flex items-center">
            <div class="max-w-screen-xl overflow-hidden">
                <div class="flex items-center gap-x-2 mb-3 text-[13px] overflow-hidden">
                    <div data-test-id="breadcrumb" class="whitespace-nowrap inline-block">
                      <a class="hover:text-gray-900 text-gray-900/60" data-turbo-frame="_top" href="/nl/vacatures-buitenland">Vacatures in het buitenland</a>
</div>
                      <span><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="8px" height="8px" viewBox="0 0 12 12" role="img" aria-hidden="true" class="size-2 text-gray-500" style="fill: currentColor !important;"><path d="M9.707,5.293l-5-5A1,1,0,0,0,3.293,1.707L7.586,6,3.293,10.293a1,1,0,1,0,1.414,1.414l5-5A1,1,0,0,0,9.707,5.293Z" fill="currentColor"></path></svg></span>
                    <div data-test-id="breadcrumb" class="whitespace-nowrap inline-block max-w-[200px] truncate">
                      Klantenservice vacatures
</div>
</div>
              <h1 class="fs-display1 mb-4 font-bold text-gray-900">
                Klantenservice vacatures
              </h1>

              <div class="prose prose-sm max-w-none prose-p:text-gray-900">
                Begin je reis en ontdek jouw ideale klantenservice baan in het buitenland met Yobbers! Of je nu klanten remote wilt helpen en in Portugal of Griekenland wilt werken, wij helpen je de perfecte baan in het buitenland te vinden.

                  <a data-turbo="false" href="#information">Lees hier meer</a>
</div>            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
</turbo-frame>
</template></turbo-stream>
<turbo-stream action="replace" target="vacancies_frame"><template>
  <turbo-frame autoscroll="true" class="turbo-loader" data-turbo-action="advance" data-controller="turbo-param-filter" data-turbo-param-filter-params-value="[&quot;reset&quot;, &quot;filter_id&quot;]" id="vacancies_frame">
  

  <div class="mt-3 mb-3 flex items-center justify-between px-3 text-gray-600">
    <div>49 vacatures</div>

    <div>
      <div class="group relative select-none z-50 isolate contents" data-controller="ui--dropdown" data-ui--dropdown-is-open-value="false" data-ui--dropdown-placement-value="bottom-end" data-ui--dropdown-searchable-value="false" data-ui--dropdown-wrapper-class="is-open">
    <button class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 duration-(--duration-hover) ease-linear cursor-pointer [&amp;_svg]:pointer-events-none shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 aria-invalid:border-destructive hover:bg-accent hover:text-accent-foreground aria-expanded:bg-accent aria-expanded:text-accent-foreground dark:hover:bg-accent/50 h-input-sm rounded-md gap-1.5 px-3 has-[&gt;svg]:px-2.5 [&amp;_svg:not([class*=&quot;size-&quot;])]:size-[14px]" data-ripplet="true" data-slot="button" data-ui--dropdown-target="trigger" popovertarget="dropdown-9dbda240d5" aria-haspopup="menu" aria-controls="dropdown-9dbda240d5" aria-expanded="false" id="sortVacancies" type="button">          Aanbevolen
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="16px" height="16px" viewBox="0 0 16 16" role="img" aria-hidden="true" class="shrink-0" style="fill: currentColor !important;"><path d="M8,11a1,1,0,0,1-.707-.293l-4-4A1,1,0,0,1,4.707,5.293L8,8.586l3.293-3.293a1,1,0,1,1,1.414,1.414l-4,4A1,1,0,0,1,8,11Z" fill="currentColor"></path></svg></button>

  <div id="dropdown-9dbda240d5" popover="auto" role="menu" class="fixed m-1 min-w-45 w-max max-w-[calc(100dvw-0.5rem)] overflow-visible border-0 bg-transparent p-0 outline-none" style="position-area: bottom span-left; justify-self: end; inset: auto; position-try-fallbacks: flip-block, flip-inline, flip-block flip-inline;" data-ui--dropdown-target="menu">
    <div class="flex flex-col overflow-hidden rounded-md bg-white shadow-md ring-1 ring-gray-900/15" style="max-height: min(35rem, var(--dropdown-available-height, calc(100dvh - 1rem)));">

      <div class="relative min-h-0 w-full flex-1 overflow-x-hidden overflow-y-auto y-custom-scrollbar" data-ui--dropdown-target="menuContent">
        <div class="min-w-45 p-1.5">
                    <div id="ui-action_list-component-338d6b3144" class="">
  <div class="text-sm p-0 font-medium text-gray-800 gap-1.5 flex flex-col flex-wrap" data-action-list="true">
        <a data-turbo-frame="vacancies_frame" data-slot="action-list-item" class="group flex items-center gap-x-3 py-1.5 px-2 truncate rounded-md data-active:bg-gray-100 data-active:text-gray-900 [&amp;_svg]:text-gray-400 hover:bg-gray-100 hover:text-gray-900 active:bg-gray-200 hover:[&amp;_svg]:text-gray-900" href="/nl/vacatures-buitenland?category_ids=16">
    <svg xmlns="http://www.w3.org/2000/svg" height="16px" width="16px" viewBox="0 0 16 16" role="img" aria-hidden="true" class="inline-flex items-center justify-center size-3" style="fill: currentColor !important;"><g fill="currentColor" class="nc-icon-wrapper"><path d="M4.5,3c-.827,0-1.5-.673-1.5-1.5,0-.276-.224-.5-.5-.5s-.5,.224-.5,.5c0,.827-.673,1.5-1.5,1.5-.276,0-.5,.224-.5,.5s.224,.5,.5,.5c.827,0,1.5,.673,1.5,1.5,0,.276,.224,.5,.5,.5s.5-.224,.5-.5c0-.827,.673-1.5,1.5-1.5,.276,0,.5-.224,.5-.5s-.224-.5-.5-.5Z" fill="currentColor"></path><path d="M14.5,13c-.827,0-1.5-.673-1.5-1.5,0-.276-.224-.5-.5-.5s-.5,.224-.5,.5c0,.827-.673,1.5-1.5,1.5-.276,0-.5,.224-.5,.5s.224,.5,.5,.5c.827,0,1.5,.673,1.5,1.5,0,.276,.224,.5,.5,.5s.5-.224,.5-.5c0-.827,.673-1.5,1.5-1.5,.276,0,.5-.224,.5-.5s-.224-.5-.5-.5Z" fill="currentColor"></path><path d="M8.325,7.675l-1.062-.352L.293,14.293c-.391,.391-.391,1.023,0,1.414,.195,.195,.451,.293,.707,.293s.512-.098,.707-.293l6.97-6.969-.352-1.063Z" fill="currentColor"></path><path d="M10.819,9.392c-.025,0-.05-.002-.075-.006-.177-.028-.323-.152-.379-.322l-.852-2.577-2.577-.852c-.169-.056-.294-.203-.322-.379s.045-.354,.189-.46l2.188-1.606,.014-2.714c0-.178,.102-.342,.261-.423,.16-.082,.351-.066,.496,.037l2.204,1.584,2.586-.825c.17-.053,.357-.009,.483,.118s.172,.313,.117,.484l-.826,2.585,1.585,2.205c.104,.146,.119,.337,.037,.496-.081,.16-.245,.26-.423,.261l-2.714,.014-1.606,2.187c-.091,.124-.234,.195-.385,.195Z" fill="currentColor" data-color="color-2"></path></g></svg>
                    Aanbevolen

    
    <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="16px" height="16px" viewBox="0 0 16 16" role="img" aria-hidden="true" class="inline-flex items-center justify-center size-3 ml-auto" style="fill: currentColor !important;"><path fill="currentColor" d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></svg>
</a>
        <a data-turbo-frame="vacancies_frame" data-slot="action-list-item" class="group flex items-center gap-x-3 py-1.5 px-2 truncate rounded-md data-active:bg-gray-100 data-active:text-gray-900 [&amp;_svg]:text-gray-400 hover:bg-gray-100 hover:text-gray-900 active:bg-gray-200 hover:[&amp;_svg]:text-gray-900" href="/nl/vacatures-buitenland?category_ids=16&amp;filter_sort_by=DESC">
    <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="16px" height="16px" viewBox="0 0 16 16" role="img" aria-hidden="true" class="inline-flex items-center justify-center size-3" style="fill: currentColor !important;"><path d="M13.707,9.293a1,1,0,0,0-1.414,0L9,12.586V1A1,1,0,0,0,7,1V12.586L3.707,9.293a1,1,0,0,0-1.414,1.414l5,5a1,1,0,0,0,1.414,0l5-5A1,1,0,0,0,13.707,9.293Z" fill="currentColor"></path></svg>
                    Nieuwste eerst

    
    <div class="size-3 ml-auto"></div>
</a>
        <a data-turbo-frame="vacancies_frame" data-slot="action-list-item" class="group flex items-center gap-x-3 py-1.5 px-2 truncate rounded-md data-active:bg-gray-100 data-active:text-gray-900 [&amp;_svg]:text-gray-400 hover:bg-gray-100 hover:text-gray-900 active:bg-gray-200 hover:[&amp;_svg]:text-gray-900" href="/nl/vacatures-buitenland?category_ids=16&amp;filter_sort_by=ASC">
    <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="16px" height="16px" viewBox="0 0 16 16" role="img" aria-hidden="true" class="inline-flex items-center justify-center size-3" style="fill: currentColor !important;"><path d="M13.707,5.293l-5-5a1,1,0,0,0-1.414,0l-5,5A1,1,0,0,0,3.707,6.707L7,3.414V15a1,1,0,0,0,2,0V3.414l3.293,3.293a1,1,0,0,0,1.414-1.414Z" fill="currentColor"></path></svg>
                    Oudste eerst

    
    <div class="size-3 ml-auto"></div>
</a>
</div></div>
</div></div></div></div></div>    </div>
  </div>

    <div class="flex w-full flex-wrap gap-1 px-3 pt-3 pb-1.5">
        <div data-controller="vacancy-filter" data-vacancy-filter-id-value="reset" data-turbo-frame="modal" data-vacancy-filter-url-value="https://www.yobbers.com/nl/vacatures-buitenland" data-vacancy-filter-params-value="{}">
          <form data-vacancy-filter-target="form" action="https://www.yobbers.com/nl/vacatures-buitenland" accept-charset="UTF-8" method="get">
            <button name="button" type="submit" class="y-btn y-btn--xs y-btn--rounded gap-x-1.5 bg-gray-900! text-gray-100!" data-do="click-&gt;vacancy-filter#submit:prevent">
              <span>Klantenservice</span>
              <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="16px" height="16px" viewBox="0 0 12 12" role="img" aria-hidden="true" class="y-btn__icon" style="fill: currentColor !important;"><line x1="1.5" y1="1.5" x2="10.5" y2="10.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line> <line x1="10.5" y1="1.5" x2="1.5" y2="10.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line></svg>
</button></form></div>
      <div class="ml-3" data-controller="vacancy-filter" data-vacancy-filter-id-value="reset" data-turbo-frame="modal" data-vacancy-filter-url-value="https://www.yobbers.com/nl/vacatures-buitenland" data-vacancy-filter-params-value="{}">
        <form data-vacancy-filter-target="form" action="https://www.yobbers.com/nl/vacatures-buitenland" accept-charset="UTF-8" method="get">
          <button name="button" type="submit" class="inline-flex items-center justify-center underline text-gray-600 text-sm hover:text-gray-800" data-do="click-&gt;vacancy-filter#submit:prevent">Reset alle filters</button>
</form></div>    </div>

  <div class="mb-6 lg:mb-12"></div>

    <div class="flex flex-col gap-y-3 px-3">
      

  <div id="vacancy_2421">
    
<div
  class="relative block group" 
>
  <div class="flex flex-row">
    <div class="shrink-0">
      <div class="js-loader-el js-loader-el--image relative isolate w-full overflow-hidden rounded-lg">
          <img alt="Werk remote voor Disney in Griekenland" width="250" height="180" loading="lazy" decoding="async" style="aspect-ratio: 250 / 180;" class="rounded-lg group-hover:scale-105 transition-transform ease-out-quart duration-500 block max-w-[124px] lg:max-w-full" srcset="https://yobbers-assets.imgix.net/vacancyphoto/6717/photo/9c64f7bd9bf23d7005e68e6f0ca76d08.png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect=0%2C0%2C3000%2C900&fit=crop&crop=center&w=250&h=180&dpr=1&q=75&s=438b570f28b1790481b771ec9935b51b 1x,
https://yobbers-assets.imgix.net/vacancyphoto/6717/photo/9c64f7bd9bf23d7005e68e6f0ca76d08.png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect=0%2C0%2C3000%2C900&fit=crop&crop=center&w=250&h=180&dpr=2&q=50&s=089efd40b8c3ac4c2d48a1c0b315c08e 2x,
https://yobbers-assets.imgix.net/vacancyphoto/6717/photo/9c64f7bd9bf23d7005e68e6f0ca76d08.png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect=0%2C0%2C3000%2C900&fit=crop&crop=center&w=250&h=180&dpr=3&q=35&s=fd3813c0193d2bb29032f517c3bde6d8 3x,
https://yobbers-assets.imgix.net/vacancyphoto/6717/photo/9c64f7bd9bf23d7005e68e6f0ca76d08.png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect=0%2C0%2C3000%2C900&fit=crop&crop=center&w=250&h=180&dpr=4&q=23&s=5bd2bf41398f53b5ea62eac9c9141bdd 4x,
https://yobbers-assets.imgix.net/vacancyphoto/6717/photo/9c64f7bd9bf23d7005e68e6f0ca76d08.png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect=0%2C0%2C3000%2C900&fit=crop&crop=center&w=250&h=180&dpr=5&q=20&s=9afae8d064210438aabda4f7c436f6e4 5x" sizes="100vw" src="https://yobbers-assets.imgix.net/vacancyphoto/6717/photo/9c64f7bd9bf23d7005e68e6f0ca76d08.png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect=0%2C0%2C3000%2C900&fit=crop&crop=center&w=250&h=180&s=e213c1e65d6b37a728c0ee2dd092b9b1" />


          <div id="vliegticket_inbegrepen" class="absolute z-10 min-w-0 w-fit bottom-2 mx-auto justify-center js-loader-el left-1 right-1 max-w-[calc(100%-0.5rem)] hidden lg:flex"><div class="relative bg-no-repeat max-w-full bg-center truncate text-white font-semibold font-caveat text-shadow-md/25 text-center py-4 pl-[18px] pr-[24px] text-2xl bg-size-[100%_auto]" style="background-image: url(&#39;https://static-files-yobbers.imgix.net/promoted/large_banner_v2?ixlib=rails-4.3.1&#39;);">Vliegticket inbegrepen ️</div></div>
      </div>
    </div>

    <div class="flex flex-1 flex-col">
      <div class="flex-0">
        <div class="px-4 pt-0.5 pb-2 leading-snug">
          <div class="js-loader-el text-body-lg font-semibold text-gray-800">Werk remote voor Disney in Griekenland</div>
        </div>
      </div>

      <div class="flex-0">
        <div class="flex px-4 pb-1.5">
          <div class="text-body-sm leading-tight">
            <div class="text-gray-600">
              <div class="js-loader-el flex min-h-4 items-start gap-x-1.5">
                <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" class="mt-0.5 shrink-0 text-gray-400" style="fill: currentColor !important;"><path data-color="color-2" fill="currentColor" d="M15,13h-5c0,0.6-0.4,1-1,1H7c-0.6,0-1-0.4-1-1H1v2c0,0.6,0.4,1,1,1h12c0.6,0,1-0.4,1-1V13z"></path> <path fill="currentColor" d="M15,4h-3V1c0-0.6-0.4-1-1-1H5C4.4,0,4,0.4,4,1v3H1C0.4,4,0,4.4,0,5v6c0,0.6,0.4,1,1,1h5v-1c0-0.6,0.4-1,1-1 h2c0.6,0,1,0.4,1,1v1h5c0.6,0,1-0.4,1-1V5C16,4.4,15.6,4,15,4z M10,4H6V2h4V4z"></path></svg>
                <span>Klantenservicemedewerker</span>
              </div>

              <div class="mb-1"></div>

              <div class="js-loader-el flex min-h-4 items-start gap-x-1.5">
                <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" class="mt-0.5 shrink-0 text-gray-400" style="fill: currentColor !important;"><path fill="currentColor" d="M8,0C4.1,0,1,3.1,1,7c0,1.9,0.7,3.7,2.1,5c0.1,0.1,4.1,3.7,4.2,3.8c0.4,0.3,1,0.3,1.3,0 c0.1-0.1,4.2-3.7,4.2-3.8c1.4-1.3,2.1-3.1,2.1-5C15,3.1,11.9,0,8,0z M8,9C6.9,9,6,8.1,6,7s0.9-2,2-2c1.1,0,2,0.9,2,2S9.1,9,8,9z"></path></svg>
                <span>Griekenland</span>
              </div>

            </div>

            <div class="mb-3"></div>

            <div class="js-loader-el hidden leading-snug text-gray-600 lg:block">
              Werk remote voor Disney vanuit zonnig Griekenland! Met deze baan krijg je niet alleen een remote klantenservicefunctie, maar ook vlucht, tijdelijke accommodatie, zorgverzekering én een maandelijkse bonus. Klik en ontdek meer!
            </div>

            <div class="mb-3"></div>
          </div>
        </div>
      </div>

      <div class="flex-0">
          <div class="flex gap-x-0.5 px-4">
            <div class="perk-badge js-loader-el">Tijdelijke accommodatie 🏠</div>

              <div class="perk-badge js-loader-el">+3</div>
          </div>
      </div>
    </div>
  </div>

  <a class="absolute top-0 left-0 w-full h-full rounded-lg tap-highlight-none outline-none transition active:ring-4 focus:ring-4 ring-primary-500/20" data-turbo-frame="_top" data-do="click-&gt;vacancy-tracking#trackClick" href="/nl/vacatures-buitenland/werken-in-griekenland-remote-klantenservicemedewerker-disney"></a>

  <div class="absolute top-1.5 left-1.5">
    <a data-save-vacancy-id="2421" data-controller="save-vacancy gtm-favourite-vacancy" data-save-vacancy-url-value="/nl/opgeslagen-vacatures/2421/toggle" data-gtm-favourite-vacancy-id-value="2421" data-gtm-favourite-vacancy-title-value="Werk remote voor Disney in Griekenland" data-gtm-favourite-vacancy-is-favourite-value="false" data-gtm-favourite-vacancy-request-id-value="save_vacancy_d642c329-cb36-477c-b535-81c2978504a7" data-gtm-favourite-vacancy-categories-value="[16,39]" data-gtm-favourite-vacancy-country-codes-value="[&quot;GR&quot;]" data-do="click-&gt;avo#triggerEvent click-&gt;modal#open" data-avo-event-name="clickedCta" data-avo-event-props="{&quot;platform&quot;:&quot;NL&quot;,&quot;ctaName&quot;:&quot;Create Account&quot;,&quot;ctaLocation&quot;:&quot;Saved Vacancy List&quot;}" data-turbo-frame="modal" data-modal-size="sm" id="save_button_2421" href="/nl/inloggen-aanmelden?saved_vacancy=2421" class="c-save-vacancy-button__card-icon cursor-pointer c-save-vacancy-button c-save-vacancy-button--card-icon">
    <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20px" height="20px" viewBox="0 0 24 24" role="img" aria-hidden="true" style="fill: currentColor !important;"><path d="M20.554,11.889,12,20.778,3.446,11.889A5.265,5.265,0,1,1,12,5.964a5.265,5.265,0,1,1,8.554,5.925Z" fill="none" stroke="currentColor" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"></path></svg>
</a>
  </div>
</div>


      <div class="mb-3 xl:mb-8"></div>
  </div>


  <div id="vacancy_4509">
    
<div
  class="relative block group" 
>
  <div class="flex flex-row">
    <div class="shrink-0">
      <div class="js-loader-el js-loader-el--image relative isolate w-full overflow-hidden rounded-lg">
          <img alt="Werk in Athene als klantenservicemedewerker in de financiële sector" width="250" height="180" loading="lazy" decoding="async" style="aspect-ratio: 250 / 180;" class="rounded-lg group-hover:scale-105 transition-transform ease-out-quart duration-500 block max-w-[124px] lg:max-w-full" srcset="https://yobbers-assets.imgix.net/vacancyphoto/6649/photo/cd2195f1448d753421dbb5e8c465ffbc.png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=1&q=75&s=472d0fe15a40b154f6e93e130f5fba40 1x,
https://yobbers-assets.imgix.net/vacancyphoto/6649/photo/cd2195f1448d753421dbb5e8c465ffbc.png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=2&q=50&s=03ee73cecfc40765816a5e72021032f5 2x,
https://yobbers-assets.imgix.net/vacancyphoto/6649/photo/cd2195f1448d753421dbb5e8c465ffbc.png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=3&q=35&s=ebc56dbf719fee4ce05a01e1aa84d093 3x,
https://yobbers-assets.imgix.net/vacancyphoto/6649/photo/cd2195f1448d753421dbb5e8c465ffbc.png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=4&q=23&s=8121e9236dd2cf5895fac0a59aad547c 4x,
https://yobbers-assets.imgix.net/vacancyphoto/6649/photo/cd2195f1448d753421dbb5e8c465ffbc.png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=5&q=20&s=c600795cac2781d7b46c86abee558a83 5x" sizes="100vw" src="https://yobbers-assets.imgix.net/vacancyphoto/6649/photo/cd2195f1448d753421dbb5e8c465ffbc.png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&s=9e4e8c716da5f1f8404e8d2df909afb3" />


          <div id="vliegticket_inbegrepen" class="absolute z-10 min-w-0 w-fit bottom-2 mx-auto justify-center js-loader-el left-1 right-1 max-w-[calc(100%-0.5rem)] hidden lg:flex"><div class="relative bg-no-repeat max-w-full bg-center truncate text-white font-semibold font-caveat text-shadow-md/25 text-center py-4 pl-[18px] pr-[24px] text-2xl bg-size-[100%_auto]" style="background-image: url(&#39;https://static-files-yobbers.imgix.net/promoted/large_banner_v2?ixlib=rails-4.3.1&#39;);">Vliegticket inbegrepen ️</div></div>
      </div>
    </div>

    <div class="flex flex-1 flex-col">
      <div class="flex-0">
        <div class="px-4 pt-0.5 pb-2 leading-snug">
          <div class="js-loader-el text-body-lg font-semibold text-gray-800">Werk in Athene als klantenservicemedewerker in de financiële sector</div>
        </div>
      </div>

      <div class="flex-0">
        <div class="flex px-4 pb-1.5">
          <div class="text-body-sm leading-tight">
            <div class="text-gray-600">
              <div class="js-loader-el flex min-h-4 items-start gap-x-1.5">
                <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" class="mt-0.5 shrink-0 text-gray-400" style="fill: currentColor !important;"><path data-color="color-2" fill="currentColor" d="M15,13h-5c0,0.6-0.4,1-1,1H7c-0.6,0-1-0.4-1-1H1v2c0,0.6,0.4,1,1,1h12c0.6,0,1-0.4,1-1V13z"></path> <path fill="currentColor" d="M15,4h-3V1c0-0.6-0.4-1-1-1H5C4.4,0,4,0.4,4,1v3H1C0.4,4,0,4.4,0,5v6c0,0.6,0.4,1,1,1h5v-1c0-0.6,0.4-1,1-1 h2c0.6,0,1,0.4,1,1v1h5c0.6,0,1-0.4,1-1V5C16,4.4,15.6,4,15,4z M10,4H6V2h4V4z"></path></svg>
                <span>Klantenservicemedewerker</span>
              </div>

              <div class="mb-1"></div>

              <div class="js-loader-el flex min-h-4 items-start gap-x-1.5">
                <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" class="mt-0.5 shrink-0 text-gray-400" style="fill: currentColor !important;"><path fill="currentColor" d="M8,0C4.1,0,1,3.1,1,7c0,1.9,0.7,3.7,2.1,5c0.1,0.1,4.1,3.7,4.2,3.8c0.4,0.3,1,0.3,1.3,0 c0.1-0.1,4.2-3.7,4.2-3.8c1.4-1.3,2.1-3.1,2.1-5C15,3.1,11.9,0,8,0z M8,9C6.9,9,6,8.1,6,7s0.9-2,2-2c1.1,0,2,0.9,2,2S9.1,9,8,9z"></path></svg>
                <span>Athene, Griekenland</span>
              </div>

            </div>

            <div class="mb-3"></div>

            <div class="js-loader-el hidden leading-snug text-gray-600 lg:block">
              Ga de uitdaging aan in Athene als klantenservicemedewerker in de online bankwereld! Je vliegticket, accommodatie en zorgverzekering worden geregeld door je werkgever. Lees snel verder!
            </div>

            <div class="mb-3"></div>
          </div>
        </div>
      </div>

      <div class="flex-0">
          <div class="flex gap-x-0.5 px-4">
            <div class="perk-badge js-loader-el">Zes maanden accommodatie 🏠</div>

              <div class="perk-badge js-loader-el">+2</div>
          </div>
      </div>
    </div>
  </div>

  <a class="absolute top-0 left-0 w-full h-full rounded-lg tap-highlight-none outline-none transition active:ring-4 focus:ring-4 ring-primary-500/20" data-turbo-frame="_top" data-do="click-&gt;vacancy-tracking#trackClick" href="/nl/vacatures-buitenland/werken-in-griekenland-athene-klantenservicemedewerker-online-bank"></a>

  <div class="absolute top-1.5 left-1.5">
    <a data-save-vacancy-id="4509" data-controller="save-vacancy gtm-favourite-vacancy" data-save-vacancy-url-value="/nl/opgeslagen-vacatures/4509/toggle" data-gtm-favourite-vacancy-id-value="4509" data-gtm-favourite-vacancy-title-value="Werk in Athene als klantenservicemedewerker in de financiële sector" data-gtm-favourite-vacancy-is-favourite-value="false" data-gtm-favourite-vacancy-request-id-value="save_vacancy_0fcb8354-d679-4428-9ba6-e0cf36148cbd" data-gtm-favourite-vacancy-categories-value="[16,22,39]" data-gtm-favourite-vacancy-country-codes-value="[&quot;GR&quot;]" data-do="click-&gt;avo#triggerEvent click-&gt;modal#open" data-avo-event-name="clickedCta" data-avo-event-props="{&quot;platform&quot;:&quot;NL&quot;,&quot;ctaName&quot;:&quot;Create Account&quot;,&quot;ctaLocation&quot;:&quot;Saved Vacancy List&quot;}" data-turbo-frame="modal" data-modal-size="sm" id="save_button_4509" href="/nl/inloggen-aanmelden?saved_vacancy=4509" class="c-save-vacancy-button__card-icon cursor-pointer c-save-vacancy-button c-save-vacancy-button--card-icon">
    <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20px" height="20px" viewBox="0 0 24 24" role="img" aria-hidden="true" style="fill: currentColor !important;"><path d="M20.554,11.889,12,20.778,3.446,11.889A5.265,5.265,0,1,1,12,5.964a5.265,5.265,0,1,1,8.554,5.925Z" fill="none" stroke="currentColor" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"></path></svg>
</a>
  </div>
</div>


      <div class="mb-3 xl:mb-8"></div>
  </div>


  <div id="vacancy_4680">
    
<div
  class="relative block group" data-controller="vacancy-tracking" data-vacancy-tracking-vacancy-id-value="4680" data-vacancy-tracking-vacancy-slug-value="werken-in-griekenland-remote-afsprakenplanner-telecom" data-vacancy-tracking-vacancy-title-value="Start remote als afspraakplanner in Griekenland (Nederlands/Vlaams)" data-vacancy-tracking-vacancy-function-value="Afspraakplanner" data-vacancy-tracking-vacancy-highlighted-perk-value="Werk remote in Griekenland 🇬🇷" data-vacancy-tracking-vacancy-header-photo-id-value="4134" data-vacancy-tracking-client-id-value="172" data-vacancy-tracking-vacancy-categories-value="[&quot;Customer Service&quot;,&quot;HR&quot;,&quot;Remote&quot;,&quot;No experience needed&quot;]" data-vacancy-tracking-vacancy-countries-value="[&quot;Greece&quot;]" data-vacancy-tracking-vacancy-perks-value="Werk remote in Griekenland 🇬🇷, 6 maanden werken mogelijk 📅, Parttime werken mogelijk 🕗, Maandelijkse performance bonus 💰" data-vacancy-tracking-vacancy-source-value="vacancy_index" data-vacancy-tracking-locale-value="nl" data-vacancy-tracking-page-value="1" data-vacancy-tracking-position-value="15" data-vacancy-tracking-filters-countries-value="[]" data-vacancy-tracking-filters-languages-value="[]" data-vacancy-tracking-filters-categories-value="[&quot;Remote&quot;]" data-vacancy-tracking-filters-work-period-value="" data-vacancy-tracking-filters-working-hours-value="" data-vacancy-tracking-filters-results-count-value="16" data-vacancy-tracking-filters-availability-end-value="" data-vacancy-tracking-filters-availability-start-value="" data-vacancy-tracking-filters-accommodation-type-value="[]" data-vacancy-tracking-filters-english-proficiency-value="[]" data-vacancy-tracking-filters-job-perk-categories-value="[]"
>
  <div class="flex flex-row">
    <div class="shrink-0">
      <div class="js-loader-el js-loader-el--image relative isolate w-full overflow-hidden rounded-lg">
          <img alt="Start remote als afspraakplanner in Griekenland (Nederlands/Vlaams)" width="250" height="180" loading="lazy" decoding="async" style="aspect-ratio: 250 / 180;" class="rounded-lg group-hover:scale-105 transition-transform ease-out-quart duration-500 block max-w-[124px] lg:max-w-full" srcset="https://yobbers-assets.imgix.net/vacancyphoto/6300/photo/87736a7a20bb47df8edb28e0eba73b3f.png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=1&q=75&s=6dfe2bb36181d2f238a245d15f7b4976 1x,
https://yobbers-assets.imgix.net/vacancyphoto/6300/photo/87736a7a20bb47df8edb28e0eba73b3f.png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=2&q=50&s=8b39a465bef8fff72576780be971f22a 2x,
https://yobbers-assets.imgix.net/vacancyphoto/6300/photo/87736a7a20bb47df8edb28e0eba73b3f.png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=3&q=35&s=ae7f1e0f1e05188903e8c53a3316f64e 3x,
https://yobbers-assets.imgix.net/vacancyphoto/6300/photo/87736a7a20bb47df8edb28e0eba73b3f.png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=4&q=23&s=dda4f1fc5ece89de77b503bc211b1625 4x,
https://yobbers-assets.imgix.net/vacancyphoto/6300/photo/87736a7a20bb47df8edb28e0eba73b3f.png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=5&q=20&s=7a3d5a84cfec20bad8d17ba2c0d9e685 5x" sizes="100vw" src="https://yobbers-assets.imgix.net/vacancyphoto/6300/photo/87736a7a20bb47df8edb28e0eba73b3f.png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&s=c2aff20f4849db6531c080bc20b03a82" />


      </div>
    </div>

    <div class="flex flex-1 flex-col">
      <div class="flex-0">
        <div class="px-4 pt-0.5 pb-2 leading-snug">
          <div class="js-loader-el text-body-lg font-semibold text-gray-800">Start remote als afspraakplanner in Griekenland (Nederlands/Vlaams)</div>
        </div>
      </div>

      <div class="flex-0">
        <div class="flex px-4 pb-1.5">
          <div class="text-body-sm leading-tight">
            <div class="text-gray-600">
              <div class="js-loader-el flex min-h-4 items-start gap-x-1.5">
                <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" class="mt-0.5 shrink-0 text-gray-400" style="fill: currentColor !important;"><path data-color="color-2" fill="currentColor" d="M15,13h-5c0,0.6-0.4,1-1,1H7c-0.6,0-1-0.4-1-1H1v2c0,0.6,0.4,1,1,1h12c0.6,0,1-0.4,1-1V13z"></path> <path fill="currentColor" d="M15,4h-3V1c0-0.6-0.4-1-1-1H5C4.4,0,4,0.4,4,1v3H1C0.4,4,0,4.4,0,5v6c0,0.6,0.4,1,1,1h5v-1c0-0.6,0.4-1,1-1 h2c0.6,0,1,0.4,1,1v1h5c0.6,0,1-0.4,1-1V5C16,4.4,15.6,4,15,4z M10,4H6V2h4V4z"></path></svg>
                <span>Afspraakplanner</span>
              </div>

              <div class="mb-1"></div>

              <div class="js-loader-el flex min-h-4 items-start gap-x-1.5">
                <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" class="mt-0.5 shrink-0 text-gray-400" style="fill: currentColor !important;"><path fill="currentColor" d="M8,0C4.1,0,1,3.1,1,7c0,1.9,0.7,3.7,2.1,5c0.1,0.1,4.1,3.7,4.2,3.8c0.4,0.3,1,0.3,1.3,0 c0.1-0.1,4.2-3.7,4.2-3.8c1.4-1.3,2.1-3.1,2.1-5C15,3.1,11.9,0,8,0z M8,9C6.9,9,6,8.1,6,7s0.9-2,2-2c1.1,0,2,0.9,2,2S9.1,9,8,9z"></path></svg>
                <span>Griekenland</span>
              </div>

            </div>

            <div class="mb-3"></div>

            <div class="js-loader-el hidden leading-snug text-gray-600 lg:block">
              Word afspraakplanner bij deze telecomaanbieder en werk volledig remote vanuit Griekenland! Profiteer van prestatiebonussen, betaalde training en flexibele werkplekken.
            </div>

            <div class="mb-3"></div>
          </div>
        </div>
      </div>

      <div class="flex-0">
          <div class="flex gap-x-0.5 px-4">
            <div class="perk-badge js-loader-el">Werk remote in Griekenland 🇬🇷</div>

              <div class="perk-badge js-loader-el">+3</div>
          </div>
      </div>
    </div>
  </div>

  <a class="absolute top-0 left-0 w-full h-full rounded-lg tap-highlight-none outline-none transition active:ring-4 focus:ring-4 ring-primary-500/20" data-turbo-frame="_top" data-do="click-&gt;vacancy-tracking#trackClick" href="/nl/vacatures-buitenland/werken-in-griekenland-remote-afsprakenplanner-telecom"></a>

  <div class="absolute top-1.5 left-1.5">
    <a data-save-vacancy-id="4680" data-controller="save-vacancy gtm-favourite-vacancy" data-save-vacancy-url-value="/nl/opgeslagen-vacatures/4680/toggle" data-gtm-favourite-vacancy-id-value="4680" data-gtm-favourite-vacancy-title-value="Start remote als afspraakplanner in Griekenland (Nederlands/Vlaams)" data-gtm-favourite-vacancy-is-favourite-value="false" data-gtm-favourite-vacancy-request-id-value="save_vacancy_df702c9b-b7b0-446f-90cc-f31429a1a5af" data-gtm-favourite-vacancy-categories-value="[16,24,33,39]" data-gtm-favourite-vacancy-country-codes-value="[&quot;GR&quot;]" data-do="click-&gt;avo#triggerEvent click-&gt;modal#open" data-avo-event-name="clickedCta" data-avo-event-props="{&quot;platform&quot;:&quot;NL&quot;,&quot;ctaName&quot;:&quot;Create Account&quot;,&quot;ctaLocation&quot;:&quot;Saved Vacancy List&quot;}" data-turbo-frame="modal" data-modal-size="sm" id="save_button_4680" href="/nl/inloggen-aanmelden?saved_vacancy=4680" class="c-save-vacancy-button__card-icon cursor-pointer c-save-vacancy-button c-save-vacancy-button--card-icon">
    <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20px" height="20px" viewBox="0 0 24 24" role="img" aria-hidden="true" style="fill: currentColor !important;"><path d="M20.554,11.889,12,20.778,3.446,11.889A5.265,5.265,0,1,1,12,5.964a5.265,5.265,0,1,1,8.554,5.925Z" fill="none" stroke="currentColor" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"></path></svg>
</a>
  </div>
</div>


  </div>


  <div id="vacancy_4679">
    
<div
  class="relative block group" 
>
  <div class="flex flex-row">
    <div class="shrink-0">
      <div class="js-loader-el js-loader-el--image relative isolate w-full overflow-hidden rounded-lg">
          <img alt="Start als afspraakplanner in Bulgarije (Nederlands/Vlaams)" width="250" height="180" loading="lazy" decoding="async" style="aspect-ratio: 250 / 180;" class="rounded-lg group-hover:scale-105 transition-transform ease-out-quart duration-500 block max-w-[124px] lg:max-w-full" srcset="https://yobbers-assets.imgix.net/vacancyphoto/6733/photo/44b5f8fc4f15dffe593f8b4ed4b39c00.png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect=0%2C0%2C3000%2C900&fit=crop&crop=center&w=250&h=180&dpr=1&q=75&s=f6d0daa447a61dde6b350539e52db1b4 1x,
https://yobbers-assets.imgix.net/vacancyphoto/6733/photo/44b5f8fc4f15dffe593f8b4ed4b39c00.png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect=0%2C0%2C3000%2C900&fit=crop&crop=center&w=250&h=180&dpr=2&q=50&s=8140d244e9b31c263b932c9dbd44777c 2x,
https://yobbers-assets.imgix.net/vacancyphoto/6733/photo/44b5f8fc4f15dffe593f8b4ed4b39c00.png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect=0%2C0%2C3000%2C900&fit=crop&crop=center&w=250&h=180&dpr=3&q=35&s=2f28020b596c3f15c84da7e98c86ee9a 3x,
https://yobbers-assets.imgix.net/vacancyphoto/6733/photo/44b5f8fc4f15dffe593f8b4ed4b39c00.png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect=0%2C0%2C3000%2C900&fit=crop&crop=center&w=250&h=180&dpr=4&q=23&s=3414ca57bb5c0ae7db1111287edeab97 4x,
https://yobbers-assets.imgix.net/vacancyphoto/6733/photo/44b5f8fc4f15dffe593f8b4ed4b39c00.png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect=0%2C0%2C3000%2C900&fit=crop&crop=center&w=250&h=180&dpr=5&q=20&s=ed058d92d13de4f3d856a3f3c32cf390 5x" sizes="100vw" src="https://yobbers-assets.imgix.net/vacancyphoto/6733/photo/44b5f8fc4f15dffe593f8b4ed4b39c00.png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect=0%2C0%2C3000%2C900&fit=crop&crop=center&w=250&h=180&s=5aa33448edc8c5b9866e1365712e67b2" />


      </div>
    </div>

    <div class="flex flex-1 flex-col">
      <div class="flex-0">
        <div class="px-4 pt-0.5 pb-2 leading-snug">
          <div class="js-loader-el text-body-lg font-semibold text-gray-800">Start als afspraakplanner in Bulgarije (Nederlands/Vlaams)</div>
        </div>
      </div>

      <div class="flex-0">
        <div class="flex px-4 pb-1.5">
          <div class="text-body-sm leading-tight">
            <div class="text-gray-600">
              <div class="js-loader-el flex min-h-4 items-start gap-x-1.5">
                <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" class="mt-0.5 shrink-0 text-gray-400" style="fill: currentColor !important;"><path data-color="color-2" fill="currentColor" d="M15,13h-5c0,0.6-0.4,1-1,1H7c-0.6,0-1-0.4-1-1H1v2c0,0.6,0.4,1,1,1h12c0.6,0,1-0.4,1-1V13z"></path> <path fill="currentColor" d="M15,4h-3V1c0-0.6-0.4-1-1-1H5C4.4,0,4,0.4,4,1v3H1C0.4,4,0,4.4,0,5v6c0,0.6,0.4,1,1,1h5v-1c0-0.6,0.4-1,1-1 h2c0.6,0,1,0.4,1,1v1h5c0.6,0,1-0.4,1-1V5C16,4.4,15.6,4,15,4z M10,4H6V2h4V4z"></path></svg>
                <span>Afspraakplanner</span>
              </div>

              <div class="mb-1"></div>

              <div class="js-loader-el flex min-h-4 items-start gap-x-1.5">
                <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" class="mt-0.5 shrink-0 text-gray-400" style="fill: currentColor !important;"><path fill="currentColor" d="M8,0C4.1,0,1,3.1,1,7c0,1.9,0.7,3.7,2.1,5c0.1,0.1,4.1,3.7,4.2,3.8c0.4,0.3,1,0.3,1.3,0 c0.1-0.1,4.2-3.7,4.2-3.8c1.4-1.3,2.1-3.1,2.1-5C15,3.1,11.9,0,8,0z M8,9C6.9,9,6,8.1,6,7s0.9-2,2-2c1.1,0,2,0.9,2,2S9.1,9,8,9z"></path></svg>
                <span>Sofia, Bulgarije</span>
              </div>

            </div>

            <div class="mb-3"></div>

            <div class="js-loader-el hidden leading-snug text-gray-600 lg:block">
              Word afspraakplanner bij een telecomprovider en werk vanuit Sofia of remote in Bulgarije! Profiteer van prestatiebonussen, betaalde training en een flexibele werkplek.
            </div>

            <div class="mb-3"></div>
          </div>
        </div>
      </div>

      <div class="flex-0">
          <div class="flex gap-x-0.5 px-4">
            <div class="perk-badge js-loader-el">Vliegticket inbegrepen 🛩️</div>

              <div class="perk-badge js-loader-el">+2</div>
          </div>
      </div>
    </div>
  </div>

  <a class="absolute top-0 left-0 w-full h-full rounded-lg tap-highlight-none outline-none transition active:ring-4 focus:ring-4 ring-primary-500/20" data-turbo-frame="_top" data-do="click-&gt;vacancy-tracking#trackClick" href="/nl/vacatures-buitenland/werken-in-bulgarije-sofia-afspraakplanner"></a>

  <div class="absolute top-1.5 left-1.5">
    <a data-save-vacancy-id="4679" data-controller="save-vacancy gtm-favourite-vacancy" data-save-vacancy-url-value="/nl/opgeslagen-vacatures/4679/toggle" data-gtm-favourite-vacancy-id-value="4679" data-gtm-favourite-vacancy-title-value="Start als afspraakplanner in Bulgarije (Nederlands/Vlaams)" data-gtm-favourite-vacancy-is-favourite-value="false" data-gtm-favourite-vacancy-request-id-value="save_vacancy_adee4922-9f0f-458e-9afc-831124268d80" data-gtm-favourite-vacancy-categories-value="[16,24,39]" data-gtm-favourite-vacancy-country-codes-value="[&quot;BG&quot;]" data-do="click-&gt;avo#triggerEvent click-&gt;modal#open" data-avo-event-name="clickedCta" data-avo-event-props="{&quot;platform&quot;:&quot;NL&quot;,&quot;ctaName&quot;:&quot;Create Account&quot;,&quot;ctaLocation&quot;:&quot;Saved Vacancy List&quot;}" data-turbo-frame="modal" data-modal-size="sm" id="save_button_4679" href="/nl/inloggen-aanmelden?saved_vacancy=4679" class="c-save-vacancy-button__card-icon cursor-pointer c-save-vacancy-button c-save-vacancy-button--card-icon">
    <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20px" height="20px" viewBox="0 0 24 24" role="img" aria-hidden="true" style="fill: currentColor !important;"><path d="M20.554,11.889,12,20.778,3.446,11.889A5.265,5.265,0,1,1,12,5.964a5.265,5.265,0,1,1,8.554,5.925Z" fill="none" stroke="currentColor" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"></path></svg>
</a>
  </div>
</div>


      <div class="mb-3 xl:mb-8"></div>
  </div>

    </div>
    <div class="mb-12"></div>
    

  <nav
    class="flex items-center justify-between gap-x-3 lg:flex-center" aria-label="Pager" role="navigation"
  >
      <a href="https://www.yobbers.com/nl/banen/categorie/klantenservice/pagina/3" class="y-btn y-btn--secondary" aria-label="Vorige"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="16px" height="16px" viewBox="0 0 16 16" role="img" aria-hidden="true" class="text-gray-800" style="fill: currentColor !important;"><path d="M15,7H3.414L6.707,3.707A1,1,0,0,0,5.293,2.293l-5,5a1,1,0,0,0,0,1.414l5,5a1,1,0,1,0,1.414-1.414L3.414,9H15a1,1,0,0,0,0-2Z" fill="currentColor"></path></svg></a>

    <div class="text-gray-600">
          <span><a href="https://www.yobbers.com/nl/banen/categorie/klantenservice/pagina/1" class="y-btn text-gray-800 c-pagination__item" aria-label="">1</a></span>

          <span><a href="https://www.yobbers.com/nl/banen/categorie/klantenservice/pagina/2" class="y-btn text-gray-800 c-pagination__item" aria-label="">2</a></span>

          <span><a href="https://www.yobbers.com/nl/banen/categorie/klantenservice/pagina/3" class="y-btn text-gray-800 c-pagination__item" aria-label="">3</a></span>


          <span class="y-btn y-btn--static border bg-gray-100" aria-current="page">4</span>
    </div>

    <div>
        <div class="y-btn y-btn--secondary -is-disabled" disabled="disabled"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="16px" height="16px" viewBox="0 0 16 16" role="img" aria-hidden="true" class="text-gray-400" style="fill: currentColor !important;"><path d="M10.707,2.293A1,1,0,0,0,9.293,3.707L12.586,7H1A1,1,0,0,0,1,9H12.586L9.293,12.293a1,1,0,1,0,1.414,1.414l5-5a1,1,0,0,0,0-1.414Z" fill="currentColor"></path></svg></div>
    </div>
  </nav>

    <div class="mb-12"></div>
</turbo-frame>
</template></turbo-stream>
<turbo-stream action="replace" target="vacancies_filter_index"><template>
  <turbo-frame id="vacancies_filter_index">
  <div class="mb-6 flex flex-col gap-y-4">
    <div class="px-1.5">
      <a class="gw-button -notification -block -light-border -rounded border-gray-300! bg-white! shadow-md! hover:border-gray-400! hover:bg-gray-50!" data-turbo-frame="modal" data-do="click-&gt;modal#open" data-modal-size="sm" href="/nl/search_queries/nieuw">
        <div class="icon relative">
          <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20px" height="20px" viewBox="0 0 24 24" role="img" aria-hidden="true" class="origin-top motion-safe:animate-job-alert-ring text-primary" style="fill: currentColor !important;"><path d="M21.855,18.482A12.85,12.85,0,0,1,20,11.994V8.006a8,8,0,0,0-16,0v3.982a12.851,12.851,0,0,1-1.855,6.494A1,1,0,0,0,3,20H21a1,1,0,0,0,.855-1.518Z" fill="currentColor"></path> <path data-color="color-2" d="M13.007,23.825a3,3,0,0,0,1.819-1.819H9.174A3,3,0,0,0,13.007,23.825Z" fill="currentColor"></path></svg>

            <div class="pointer-events-none absolute top-0 right-0 size-1.5 rounded-full bg-primary ring-2 ring-white" aria-hidden="true" data-job-alert-filter-indicator="true"></div>
        </div>

        <span class="pl-3">Maak een job alerts aan</span>
</a>    </div>

      <turbo-frame id="filter_countries">

  <div data-controller="vacancy-filter" data-turbo-frame="modal" data-vacancy-filter-id-value="countries" data-vacancy-filter-url-value="https://www.yobbers.com/nl/vacatures-buitenland" data-vacancy-filter-params-value="{&quot;category_ids&quot;:&quot;16&quot;}">
    <form data-vacancy-filter-target="form" data-do="change-&gt;vacancy-filter#submit" action="/nl/vacatures-buitenland" accept-charset="UTF-8" method="get">
      <div>
        <div class="text-paragraph-sm px-1.5 py-3 font-semibold">Landen</div>


          <div>
            <label data-ripple-target="item" class="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="country_code" id="country_code" value="BG" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></svg></span>
</span></span>

    <span class="y-control__label">Bulgarije</span>
</label>


          </div>

          <div>
            <label data-ripple-target="item" class="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="country_code" id="country_code" value="GR" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></svg></span>
</span></span>

    <span class="y-control__label">Griekenland</span>
</label>


          </div>

          <div>
            <label data-ripple-target="item" class="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="country_code" id="country_code" value="MT" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></svg></span>
</span></span>

    <span class="y-control__label">Malta</span>
</label>


          </div>

          <div>
            <label data-ripple-target="item" class="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="country_code" id="country_code" value="PT" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></svg></span>
</span></span>

    <span class="y-control__label">Portugal</span>
</label>


          </div>

          <div>
            <label data-ripple-target="item" class="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="country_code" id="country_code" value="ES" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></svg></span>
</span></span>

    <span class="y-control__label">Spanje</span>
</label>


          </div>
      </div>
</form>

</div></turbo-frame>
      <turbo-frame id="filter_locations">

    <div data-controller="vacancy-filter" data-turbo-frame="modal" data-vacancy-filter-id-value="locations" data-vacancy-filter-url-value="https://www.yobbers.com/nl/vacatures-buitenland" data-vacancy-filter-params-value="{&quot;category_ids&quot;:&quot;16&quot;}">
      <form data-vacancy-filter-target="form" data-do="change-&gt;vacancy-filter#submit" action="/nl/vacatures-buitenland" accept-charset="UTF-8" method="get">
        <div>
          <div class="text-paragraph-sm px-1.5 py-3 font-semibold">
            Steden
          </div>


            <div>
              <label data-ripple-target="item" class="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 items-start y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="location_ids" id="location_ids" value="3779" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></svg></span>
</span></span>

    <span class="y-control__label"><span class="flex min-w-0 items-center"><span class="min-w-0 flex-1"><span class="block truncate font-medium text-gray-800">Alicante</span><span class="block truncate text-body-xs leading-tight text-gray-500">Spanje</span></span></span></span>
</label>


            </div>

            <div>
              <label data-ripple-target="item" class="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 items-start y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="location_ids" id="location_ids" value="2" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></svg></span>
</span></span>

    <span class="y-control__label"><span class="flex min-w-0 items-center"><span class="min-w-0 flex-1"><span class="block truncate font-medium text-gray-800">Athene</span><span class="block truncate text-body-xs leading-tight text-gray-500">Griekenland</span></span></span></span>
</label>


            </div>

            <div>
              <label data-ripple-target="item" class="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 items-start y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="location_ids" id="location_ids" value="3" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></svg></span>
</span></span>

    <span class="y-control__label"><span class="flex min-w-0 items-center"><span class="min-w-0 flex-1"><span class="block truncate font-medium text-gray-800">Lissabon</span><span class="block truncate text-body-xs leading-tight text-gray-500">Portugal</span></span></span></span>
</label>


            </div>

            <div>
              <label data-ripple-target="item" class="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 items-start y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="location_ids" id="location_ids" value="36" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></svg></span>
</span></span>

    <span class="y-control__label"><span class="flex min-w-0 items-center"><span class="min-w-0 flex-1"><span class="block truncate font-medium text-gray-800">Madrid</span><span class="block truncate text-body-xs leading-tight text-gray-500">Spanje</span></span></span></span>
</label>


            </div>

            <div>
              <label data-ripple-target="item" class="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 items-start y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="location_ids" id="location_ids" value="386" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></svg></span>
</span></span>

    <span class="y-control__label"><span class="flex min-w-0 items-center"><span class="min-w-0 flex-1"><span class="block truncate font-medium text-gray-800">Málaga</span><span class="block truncate text-body-xs leading-tight text-gray-500">Spanje</span></span></span></span>
</label>


            </div>

            <div>
              <label data-ripple-target="item" class="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 items-start hidden y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="location_ids" id="location_ids" value="11" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></svg></span>
</span></span>

    <span class="y-control__label"><span class="flex min-w-0 items-center"><span class="min-w-0 flex-1"><span class="block truncate font-medium text-gray-800">Porto</span><span class="block truncate text-body-xs leading-tight text-gray-500">Portugal</span></span></span></span>
</label>


            </div>

            <div>
              <label data-ripple-target="item" class="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 items-start hidden y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="location_ids" id="location_ids" value="9" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></svg></span>
</span></span>

    <span class="y-control__label"><span class="flex min-w-0 items-center"><span class="min-w-0 flex-1"><span class="block truncate font-medium text-gray-800">Sofia</span><span class="block truncate text-body-xs leading-tight text-gray-500">Bulgarije</span></span></span></span>
</label>


            </div>

            <div>
              <label data-ripple-target="item" class="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 items-start hidden y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="location_ids" id="location_ids" value="4485" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></svg></span>
</span></span>

    <span class="y-control__label"><span class="flex min-w-0 items-center"><span class="min-w-0 flex-1"><span class="block truncate font-medium text-gray-800">Thessaloniki</span><span class="block truncate text-body-xs leading-tight text-gray-500">Griekenland</span></span></span></span>
</label>


            </div>

            <div>
              <label data-ripple-target="item" class="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 items-start hidden y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="location_ids" id="location_ids" value="29" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></svg></span>
</span></span>

    <span class="y-control__label"><span class="flex min-w-0 items-center"><span class="min-w-0 flex-1"><span class="block truncate font-medium text-gray-800">Valencia</span><span class="block truncate text-body-xs leading-tight text-gray-500">Spanje</span></span></span></span>
</label>


            </div>
        </div>
</form>
        <div class="px-1.5">
          <div class="my-3">
            <form class="button_to" method="get" action="/nl/vacancy_filters/locations"><button class="link-text cursor-pointer" data-do="click-&gt;modal#open" data-turbo-frame="modal" type="submit">Meer bekijken (9)</button></form>
          </div>
        </div>
</div></turbo-frame>
      <turbo-frame id="filter_categories">
  <div data-controller="vacancy-filter" data-turbo-frame="modal" data-vacancy-filter-id-value="categories" data-vacancy-filter-url-value="https://www.yobbers.com/nl/vacatures-buitenland" data-vacancy-filter-params-value="{}">
    <form data-vacancy-filter-target="form" data-do="change-&gt;vacancy-filter#submit" action="/nl/vacatures-buitenland" accept-charset="UTF-8" method="get">
      <div>
        <div class="text-paragraph-sm px-1.5 py-3 font-semibold">Categorieën</div>

          <label data-ripple-target="item" class="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="category_ids" id="category_ids" value="39" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></svg></span>
</span></span>

    <span class="y-control__label">Geen ervaring nodig</span>
</label>


          <label data-ripple-target="item" class="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 border-primary-100 bg-primary-50 y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="category_ids" id="category_ids" value="16" checked="checked" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></svg></span>
</span></span>

    <span class="y-control__label">Klantenservice</span>
</label>


          <label data-ripple-target="item" class="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="category_ids" id="category_ids" value="21" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></svg></span>
</span></span>

    <span class="y-control__label">Sales</span>
</label>


          <label data-ripple-target="item" class="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="category_ids" id="category_ids" value="23" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></svg></span>
</span></span>

    <span class="y-control__label">Marketing</span>
</label>


          <label data-ripple-target="item" class="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="category_ids" id="category_ids" value="42" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></svg></span>
</span></span>

    <span class="y-control__label">Automotive</span>
</label>


          <label data-ripple-target="item" class="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 hidden y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="category_ids" id="category_ids" value="40" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></svg></span>
</span></span>

    <span class="y-control__label">Beauty</span>
</label>


          <label data-ripple-target="item" class="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 hidden y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="category_ids" id="category_ids" value="36" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></svg></span>
</span></span>

    <span class="y-control__label">Content moderation</span>
</label>


          <label data-ripple-target="item" class="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 hidden y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="category_ids" id="category_ids" value="22" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></svg></span>
</span></span>

    <span class="y-control__label">Finance en verzekeringen</span>
</label>


          <label data-ripple-target="item" class="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 hidden y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="category_ids" id="category_ids" value="28" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></svg></span>
</span></span>

    <span class="y-control__label">Gezondheidszorg</span>
</label>


          <label data-ripple-target="item" class="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 hidden y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="category_ids" id="category_ids" value="24" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></svg></span>
</span></span>

    <span class="y-control__label">HR</span>
</label>


          <label data-ripple-target="item" class="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 hidden y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="category_ids" id="category_ids" value="43" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></svg></span>
</span></span>

    <span class="y-control__label">Luchtvaart en reizen</span>
</label>


          <label data-ripple-target="item" class="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 hidden y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="category_ids" id="category_ids" value="33" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></svg></span>
</span></span>

    <span class="y-control__label">Remote</span>
</label>


          <label data-ripple-target="item" class="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 hidden y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="category_ids" id="category_ids" value="25" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></svg></span>
</span></span>

    <span class="y-control__label">Technische support </span>
</label>


          <label data-ripple-target="item" class="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 hidden y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="category_ids" id="category_ids" value="37" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></svg></span>
</span></span>

    <span class="y-control__label">iGaming</span>
</label>


      </div>
</form>

      <div class="px-1.5">
        <div class="my-3">
          <form class="button_to" method="get" action="/nl/vacancy_filters/categories"><button class="link-text cursor-pointer" data-do="click-&gt;modal#open" data-turbo-frame="modal" type="submit">Meer bekijken (14)</button></form>
        </div>
      </div>
</div></turbo-frame>
      <turbo-frame id="filter_working_hours">
  <div id="workingHours" data-controller="vacancy-filter" data-turbo-frame="modal" data-vacancy-filter-id-value="working_hours" data-vacancy-filter-url-value="https://www.yobbers.com/nl/vacatures-buitenland" data-vacancy-filter-params-value="{&quot;category_ids&quot;:&quot;16&quot;}">
    <div>
      <div class="text-paragraph-sm px-1.5 py-3 font-semibold">
        Werkuren
      </div>

      <form data-vacancy-filter-target="form" data-do="change-&gt;vacancy-filter#submit" action="/nl/vacatures-buitenland" accept-charset="UTF-8" method="get">
        <div data-controller="range-slider" data-collapsible-target="body" data-range-slider-options-value="[&quot;24&quot;,&quot;32&quot;,&quot;40&quot;]" data-range-slider-multiple-slider="true">
          <div class="mx-3">
            <div class="slider-wrapper">
              <input type="hidden" name="working_hours_min" id="working_hours_min" data-range-slider-target="minValue" autocomplete="off" />
              <input type="hidden" name="working_hours_max" id="working_hours_max" data-range-slider-target="maxValue" autocomplete="off" />

              <div class="range-slider" data-range-slider-target="slider filter"></div>
              <div class="marker -m0"><span>24</span></div>
              <div class="marker -m50"><span>32</span></div>
              <div class="marker -m100"><span>40</span></div>
            </div>
          </div>
</div></form>    </div>
</div></turbo-frame>
      <turbo-frame id="filter_english_language_level">
  <div data-controller="vacancy-filter" data-turbo-frame="modal" data-vacancy-filter-id-value="english_language_level" data-vacancy-filter-url-value="https://www.yobbers.com/nl/vacatures-buitenland" data-vacancy-filter-params-value="{&quot;category_ids&quot;:&quot;16&quot;}">
    <form data-vacancy-filter-target="form" data-do="change-&gt;vacancy-filter#submit" action="/nl/vacatures-buitenland" accept-charset="UTF-8" method="get">
      <div>
        <div class="text-paragraph-sm px-1.5 py-3 font-semibold">
          Engels taalniveau
        </div>

        <div
          data-controller="range-slider" data-collapsible-target="body" data-range-slider-multiple-slider="true" data-range-slider-options-value="[&quot;0&quot;,&quot;1&quot;,&quot;2&quot;,&quot;3&quot;,&quot;4&quot;,&quot;5&quot;,&quot;6&quot;]"
        >
          <div class="mx-3">

            <div class="slider-wrapper">
              <input type="hidden" name="english_language_level_min" id="english_language_level_min" data-range-slider-target="minValue" autocomplete="off" />
              <input type="hidden" name="english_language_level_max" id="english_language_level_max" data-range-slider-target="maxValue" autocomplete="off" />

              <div class="range-slider" data-range-slider-target="slider filter"></div>

                <div class="marker" style="left: 0%"><span>A1</span></div>
                <div class="marker" style="left: 20%"><span>A2</span></div>
                <div class="marker" style="left: 40%"><span>B1</span></div>
                <div class="marker" style="left: 60%"><span>B2</span></div>
                <div class="marker" style="left: 80%"><span>C1</span></div>
                <div class="marker" style="left: 100%"><span>C2</span></div>
            </div>
          </div>
        </div>
      </div>
</form></div></turbo-frame>
      <turbo-frame id="filter_accommodation">
  <div data-controller="vacancy-filter" data-turbo-frame="modal" data-vacancy-filter-id-value="accommodation" data-vacancy-filter-url-value="https://www.yobbers.com/nl/vacatures-buitenland" data-vacancy-filter-params-value="{&quot;category_ids&quot;:&quot;16&quot;}">
    <form data-vacancy-filter-target="form" data-do="change-&gt;vacancy-filter#submit" action="/nl/vacatures-buitenland" accept-charset="UTF-8" method="get">
      <div>
        <div class="text-paragraph-sm px-1.5 py-3 font-semibold">
          Accommodatie
        </div>

          <div>
            <label data-ripple-target="item" class="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="accommodation" id="accommodation" value="negative" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></svg></span>
</span></span>

    <span class="y-control__label">Accommodatie niet beschikbaar</span>
</label>


          </div>
          <div>
            <label data-ripple-target="item" class="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="accommodation" id="accommodation" value="assistance" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></svg></span>
</span></span>

    <span class="y-control__label">Hulp bij het zoeken naar een accommodatie aangeboden </span>
</label>


          </div>
          <div>
            <label data-ripple-target="item" class="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="accommodation" id="accommodation" value="temporary" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></svg></span>
</span></span>

    <span class="y-control__label">Tijdelijke accommodatie beschikbaar</span>
</label>


          </div>
          <div>
            <label data-ripple-target="item" class="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="accommodation" id="accommodation" value="positive" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></svg></span>
</span></span>

    <span class="y-control__label">Accommodatie aanwezig</span>
</label>


          </div>
          <div>
            <label data-ripple-target="item" class="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="accommodation" id="accommodation" value="unknown" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></svg></span>
</span></span>

    <span class="y-control__label">Accommodatie onbekend</span>
</label>


          </div>
      </div>
</form></div></turbo-frame>
      <turbo-frame id="filter_vacancy_list">
    <div data-controller="vacancy-filter" data-turbo-frame="modal" data-vacancy-filter-id-value="perks" data-vacancy-filter-url-value="https://www.yobbers.com/nl/vacatures-buitenland" data-vacancy-filter-params-value="{&quot;category_ids&quot;:&quot;16&quot;}">
      <div class="text-paragraph-sm px-1.5 py-3 font-semibold">Voordelen</div>

      <form data-vacancy-filter-target="form" data-do="change-&gt;vacancy-filter#submit" action="/nl/vacatures-buitenland" accept-charset="UTF-8" method="get">
          <div>
            <label data-ripple-target="item" class="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="perk_category_ids" id="perk_category_ids" value="38" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></svg></span>
</span></span>

    <span class="y-control__label">6 maanden werken mogelijk</span>
</label>


          </div>
          <div>
            <label data-ripple-target="item" class="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="perk_category_ids" id="perk_category_ids" value="1" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></svg></span>
</span></span>

    <span class="y-control__label">Bonus</span>
</label>


          </div>
          <div>
            <label data-ripple-target="item" class="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="perk_category_ids" id="perk_category_ids" value="53" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></svg></span>
</span></span>

    <span class="y-control__label">Extra&#39;s</span>
</label>


          </div>
          <div>
            <label data-ripple-target="item" class="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="perk_category_ids" id="perk_category_ids" value="41" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></svg></span>
</span></span>

    <span class="y-control__label">Ondersteuning bij je verhuizing</span>
</label>


          </div>
          <div>
            <label data-ripple-target="item" class="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="perk_category_ids" id="perk_category_ids" value="35" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></svg></span>
</span></span>

    <span class="y-control__label">Parttime werken mogelijk</span>
</label>


          </div>
          <div>
            <label data-ripple-target="item" class="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="perk_category_ids" id="perk_category_ids" value="9" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></svg></span>
</span></span>

    <span class="y-control__label">Remote werken</span>
</label>


          </div>
          <div>
            <label data-ripple-target="item" class="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="perk_category_ids" id="perk_category_ids" value="48" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></svg></span>
</span></span>

    <span class="y-control__label">Taalcursus inbegrepen</span>
</label>


          </div>
          <div>
            <label data-ripple-target="item" class="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="perk_category_ids" id="perk_category_ids" value="49" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></svg></span>
</span></span>

    <span class="y-control__label">Teamuitjes</span>
</label>


          </div>
          <div>
            <label data-ripple-target="item" class="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="perk_category_ids" id="perk_category_ids" value="32" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></svg></span>
</span></span>

    <span class="y-control__label">Vlucht inbegrepen</span>
</label>


          </div>
          <div>
            <label data-ripple-target="item" class="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="perk_category_ids" id="perk_category_ids" value="44" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></svg></span>
</span></span>

    <span class="y-control__label">Zorgverzekering inbegrepen</span>
</label>


          </div>
</form></div></turbo-frame>
  </div>
</turbo-frame>
</template></turbo-stream>
<turbo-stream action="replace" target="vacancies_footer"><template>
  <turbo-frame id="vacancies_footer">
  <div class="bg-primaryBg" id="information">
    <div class="px-6 md:px-16 py-16 text-gray-700 prose prose-sm max-w-screen-lg mx-auto prose-p:text-gray-900">
      <h2>Klantenservice banen in het buitenland</h2><p>Nieuwsgierig naar een <a href="https://www.yobbers.com/nl/blog/werken/droombanen/de-perfecte-uitdaging-klantenservice-in-het-buitenland" rel="noopener noreferrer" target="_blank">klantenservice</a> baan in het buitenland? Ontdek leuke mogelijkheden op prachtige bestemmingen terwijl je waardevolle ervaring opdoet. Of je nu klanten helpt met het boeken van reizen of internationale merken ondersteunt, Yobbers maakt verhuizen naar het buitenland makkelijk en stressvrij. Vind vandaag nog je volgende klantenservice baan in het buitenland!</p><h3>Klantenservice banen in Portugal</h3><p>Op zoek naar een klantenservice baan in <a href="https://www.yobbers.com/nl/werken-in-portugal" rel="noopener noreferrer" target="_blank">Portugal</a>? Van werken in de stad Lissabon tot genieten van de ontspannen levensstijl aan de kust, Portugal biedt geweldige mogelijkheden voor internationale professionals. Veel bedrijven bieden klantenservice jobs aan in Portugal en bieden ondersteuning bij verhuizing en loopbaanontwikkeling. Begin je avontuur vandaag nog en ervaar het leven in dit<strong> zonnige land</strong> terwijl je bouwt aan je carrière in het buitenland!</p><h3>Klantenservice baan vanuit huis</h3><p>Remote klantenservice jobs bieden de flexibiliteit om overal te werken terwijl je klanten helpt met hun problemen. Of je nu klanten helpt via de telefoon, chat of e-mail, deze banen bieden geweldige mogelijkheden voor een goede balans tussen werk en privé. Vind vandaag nog vacatures voor klantenservice banen vanuit huis en geniet van de <strong>vrijheid van thuiswerken</strong>! 🏡</p>
</div></div></turbo-frame>
</template></turbo-stream>
  <turbo-stream url="https://www.yobbers.com/nl/banen/categorie/klantenservice" action="push_vacancy_index_state"><template></template></turbo-stream>
  <turbo-stream title="Klantenservice - Pagina 4 | Yobbers" action="set_title"><template></template></turbo-stream>

<turbo-stream text="Toon 49 vacatures" action="text_content" targets="#turboUpdateResults"><template></template></turbo-stream>
<turbo-stream event_name="vacanciesFiltered" event_props="{&quot;platform&quot;:&quot;NL&quot;,&quot;vacanciesFilteredEnglishOnly&quot;:false,&quot;vacanciesFilteredLanguages&quot;:[],&quot;vacanciesFilteredCountries&quot;:null,&quot;vacanciesFilteredLocations&quot;:[],&quot;vacanciesFilteredJobPerkCategories&quot;:[],&quot;vacanciesFilteredCategories&quot;:[&quot;Customer Service&quot;],&quot;vacanciesFilteredWorkingHours&quot;:null,&quot;vacanciesFilteredResultsCount&quot;:49,&quot;vacanciesFilteredAccommodationType&quot;:null,&quot;vacanciesFilteredEnglishProficiency&quot;:null}" debounce_time="3000" action="track_event"><template></template></turbo-stream>

