<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">

              <h1 class="fs-display1 mb-4 font-bold text-gray-900">
                Vacatures in het buitenland
              </h1>

              <div class="prose prose-sm max-w-none prose-p:text-gray-900">
                Ontdek een breed scala aan vacatures en vind jouw volgende carrièreavontuur met ons aanbod aan internationale vacatures.

              </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 pt-6 bg-primaryBg lg:rounded-[36px] lg:mt-0">
    <div class="mb-3 flex items-center gap-x-1.5 px-3 lg:px-6">
      <svg xmlns="http://www.w3.org/2000/svg" height="32px" width="32px" viewBox="0 0 48 48" role="img" aria-hidden="true" style="fill: currentColor !important;"><g class="nc-icon-wrapper"><path d="M34.438,11.774c-.245-.3-.462-.569-.645-.806a1,1,0,0,0-1.745.3,15.325,15.325,0,0,1-2.474,4.648c.064-3.972-.723-10.981-6.479-14.756A1,1,0,0,0,21.546,2c0,3.276-1.755,6.767-4.806,9.575C13.788,14.293,6.929,21.476,7,29.433c.047,5.223,2.558,12.328,8.843,15.674a1,1,0,0,0,1.449-.672,19.274,19.274,0,0,1,2.843-6.087c1.41-2.264,2.743-4.4,2.865-7.389a1,1,0,0,1,1.685-.688c3.548,3.339,5.638,8.108,6.16,13.884a1,1,0,0,0,1.46.782c4.517-2.413,8.066-7,8.632-14.085C41.743,20.771,36.809,14.694,34.438,11.774Z" fill="#e86c60"></path></g></svg>

      <div>
        <h4 class="text-body-sm font-semibold md:text-body text-black/80">Yobbers Choice</h4>
        <div class="text-body-xs md:text-body-sm text-black/60"> Bij deze vacatures maak je nu extra veel kans!</div>
      </div>
    </div>

    <div class="relative" data-controller=" ui--slider">
  <div
    data-ui--slider-target="viewport" class="mb-6 overflow-hidden"
  >
    <div style="--spv:1; --spv-md:2; --spv-lg:3; --spv-xl:3; --peek:15%; --peek-md:5%; --peek-lg:6%; --peek-xl:6%; --gap:12px; --gap-md:16px; --gap-lg:12px; --gap-xl:12px; --ps:12px; --ps-md:16px; --ps-lg:24px; --ps-xl:24px; --pe:12px; --pe-md:16px; --pe-lg:24px; --pe-xl:24px;" class="grid grid-flow-col overflow-x-auto snap-x snap-mandatory snap-start scroll-smooth scrollbar-hide md:[--spv:var(--spv-md)]! lg:[--spv:var(--spv-lg)]! xl:[--spv:var(--spv-xl)]! md:[--peek:var(--peek-md)]! lg:[--peek:var(--peek-lg)]! xl:[--peek:var(--peek-xl)]! md:[--gap:var(--gap-md)]! lg:[--gap:var(--gap-lg)]! xl:[--gap:var(--gap-xl)]! md:[--ps:var(--ps-md)]! lg:[--ps:var(--ps-lg)]! xl:[--ps:var(--ps-xl)]! md:[--pe:var(--pe-md)]! lg:[--pe:var(--pe-lg)]! xl:[--pe:var(--pe-xl)]! auto-cols-[calc((100%-var(--peek)-((var(--spv)-1)*var(--gap)))/var(--spv))] scroll-pl-(--ps) scroll-pr-(--pe) gap-(--gap) ps-(--ps) pe-(--pe)" data-ui--slider-target="container">
        <div class="min-w-0 snap-start" id="slide-0">            <div class="relative h-full min-h-[130px] overflow-hidden rounded-lg">
              <div class="absolute top-3 left-3 z-30">
                <a data-save-vacancy-id="2239" data-controller="save-vacancy gtm-favourite-vacancy" data-save-vacancy-url-value="/nl/opgeslagen-vacatures/2239/toggle" data-gtm-favourite-vacancy-id-value="2239" data-gtm-favourite-vacancy-title-value="Start in Lissabon als klantenservicemedewerker voor social media" data-gtm-favourite-vacancy-is-favourite-value="false" data-gtm-favourite-vacancy-request-id-value="save_vacancy_5fab64c6-38c5-4528-a12b-7925dfa3bf8f" data-gtm-favourite-vacancy-categories-value="[16,39]" data-gtm-favourite-vacancy-country-codes-value="[&quot;PT&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_2239" href="/nl/inloggen-aanmelden?saved_vacancy=2239" class="c-save-vacancy-button c-save-vacancy-button--card-icon">
    <svg xmlns="http://www.w3.org/2000/svg" height="20px" width="20px" viewBox="0 0 24 24" role="img" aria-hidden="true" style="fill: currentColor !important;"><g stroke-linecap="round" fill="currentColor" stroke-linejoin="round" class="nc-icon-wrapper"><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-width="2"></path></g></svg>
</a>
              </div>

              <div
                class="z-20 relative tap-highlight-none transition-transform origin-center rounded-lg will-change-transform overflow-hidden shadow h-full active:scale-[.98]" data-ripplet="true"
              >
                <a class="relative block h-full" data-turbo-frame="_top" href="/nl/vacatures-buitenland/werken-in-portugal-lissabon-klantenservicemedewerker-social-media">
                  <img loading="eager" decoding="async" width="330" height="200" class="absolute left-0 top-0 -z-10 block h-full w-full object-cover" src="https://yobbers-assets.imgix.net/media/02-_vacancy-header_tpp_meta_facebook-ewfxirmmq_5bgw-png?ixlib=rails-4.3.1&auto=format%2Ccompress&fit=crop&crop=center&w=330&h=200&s=7e00f7110fc424664497e3938d15e94e" alt="Start in Lissabon als klantenservicemedewerker voor social media" fetchpriority="high" sizes="(max-width: 767px) 85vw, (max-width: 1023px) 45vw, 330px" srcset="https://yobbers-assets.imgix.net/media/02-_vacancy-header_tpp_meta_facebook-ewfxirmmq_5bgw-png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=320&amp;h=194&amp;s=89778789a7c0c64b761679124f0b3de4 320w, https://yobbers-assets.imgix.net/media/02-_vacancy-header_tpp_meta_facebook-ewfxirmmq_5bgw-png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=480&amp;h=291&amp;s=be963754b9226d63e9e2e8bfdb665a17 480w, https://yobbers-assets.imgix.net/media/02-_vacancy-header_tpp_meta_facebook-ewfxirmmq_5bgw-png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=640&amp;h=388&amp;s=aca127f48dbd67850992a65754c366b7 640w, https://yobbers-assets.imgix.net/media/02-_vacancy-header_tpp_meta_facebook-ewfxirmmq_5bgw-png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=800&amp;h=485&amp;s=904060f275136a1f90a14e7137f8ac8d 800w, https://yobbers-assets.imgix.net/media/02-_vacancy-header_tpp_meta_facebook-ewfxirmmq_5bgw-png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=960&amp;h=582&amp;s=f38d77feca099b80c40271001aa0bd4f 960w, https://yobbers-assets.imgix.net/media/02-_vacancy-header_tpp_meta_facebook-ewfxirmmq_5bgw-png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=1200&amp;h=727&amp;s=d3a12a53e385c5c3b942410d8ab7f336 1200w">

                  <div class="dark-gradient-bg"></div>

                  <div class="relative z-20 flex h-full flex-col items-end p-3 text-white">
                    <div class="flex-1">
                      <div class="py-6 lg:py-8">
                        <div></div>
                      </div>
                    </div>

                    <div class="flex-0">
                      <div class="mb-1 leading-snug font-semibold">Start in Lissabon als klantenservicemedewerker voor social media</div>

                      <div class="flex flex-wrap items-center gap-x-1">



                          <div class="flex flex-wrap items-center gap-1.5">
                            <div
                              class="perk-badge bg-perk/75 backdrop-blur backdrop-saturate-150"
                            >
                              Vliegticket inbegrepen 🛩️
                            </div>


                              <div
                                class="perk-badge bg-perk/75 backdrop-blur backdrop-saturate-150"
                              >
                                +3
                              </div>
                          </div>
                      </div>
                    </div>
                  </div>
</a>              </div>
            </div>
</div>
        <div class="min-w-0 snap-start" id="slide-1">            <div class="relative h-full min-h-[130px] overflow-hidden rounded-lg">
              <div class="absolute top-3 left-3 z-30">
                <a data-save-vacancy-id="4776" data-controller="save-vacancy gtm-favourite-vacancy" data-save-vacancy-url-value="/nl/opgeslagen-vacatures/4776/toggle" data-gtm-favourite-vacancy-id-value="4776" data-gtm-favourite-vacancy-title-value="Start als Sales Agent bij 123inkt in Valencia" data-gtm-favourite-vacancy-is-favourite-value="false" data-gtm-favourite-vacancy-request-id-value="save_vacancy_d92a59c1-bbbf-4ca4-ac95-02f8e1b60ea1" data-gtm-favourite-vacancy-categories-value="[16,21]" data-gtm-favourite-vacancy-country-codes-value="[&quot;ES&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_4776" href="/nl/inloggen-aanmelden?saved_vacancy=4776" class="c-save-vacancy-button c-save-vacancy-button--card-icon">
    <svg xmlns="http://www.w3.org/2000/svg" height="20px" width="20px" viewBox="0 0 24 24" role="img" aria-hidden="true" style="fill: currentColor !important;"><g stroke-linecap="round" fill="currentColor" stroke-linejoin="round" class="nc-icon-wrapper"><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-width="2"></path></g></svg>
</a>
              </div>

              <div
                class="z-20 relative tap-highlight-none transition-transform origin-center rounded-lg will-change-transform overflow-hidden shadow h-full active:scale-[.98]" data-ripplet="true"
              >
                <a class="relative block h-full" data-turbo-frame="_top" href="/nl/vacatures-buitenland/werken-in-spanje-valencia-sales-agent-123-inkt">
                  <img loading="lazy" decoding="async" width="330" height="200" class="absolute left-0 top-0 -z-10 block h-full w-full object-cover" src="https://yobbers-assets.imgix.net/vacancyphoto/6918/photo/f72303c555921c6a98f0c5595894e429.png?ixlib=rails-4.3.1&auto=format%2Ccompress&fit=crop&crop=center&w=330&h=200&s=dbc28f48001a76b12103593a075f9368" alt="Meisje naast 123inkt logo met palmbomen en een fontein op de achtergrond " sizes="(max-width: 767px) 85vw, (max-width: 1023px) 45vw, 330px" srcset="https://yobbers-assets.imgix.net/vacancyphoto/6918/photo/f72303c555921c6a98f0c5595894e429.png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=320&amp;h=194&amp;s=2a90d89257dfb9440a3475b7a1659e3c 320w, https://yobbers-assets.imgix.net/vacancyphoto/6918/photo/f72303c555921c6a98f0c5595894e429.png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=480&amp;h=291&amp;s=e9381688e209009f1070cdd5bca6f323 480w, https://yobbers-assets.imgix.net/vacancyphoto/6918/photo/f72303c555921c6a98f0c5595894e429.png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=640&amp;h=388&amp;s=7633577d00c54f560cb0c7ccc59f2ca3 640w, https://yobbers-assets.imgix.net/vacancyphoto/6918/photo/f72303c555921c6a98f0c5595894e429.png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=800&amp;h=485&amp;s=227893b43394ea050172e3e4786666a6 800w, https://yobbers-assets.imgix.net/vacancyphoto/6918/photo/f72303c555921c6a98f0c5595894e429.png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=960&amp;h=582&amp;s=72ef96499907d856c65e7b822724f063 960w, https://yobbers-assets.imgix.net/vacancyphoto/6918/photo/f72303c555921c6a98f0c5595894e429.png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=1200&amp;h=727&amp;s=2290c7f6d4f2fcd5dc8e27ed3aa365a6 1200w">

                  <div class="dark-gradient-bg"></div>

                  <div class="relative z-20 flex h-full flex-col items-end p-3 text-white">
                    <div class="flex-1">
                      <div class="py-6 lg:py-8">
                        <div></div>
                      </div>
                    </div>

                    <div class="flex-0">
                      <div class="mb-1 leading-snug font-semibold">Start als Sales Agent bij 123inkt in Valencia</div>

                      <div class="flex flex-wrap items-center gap-x-1">



                          <div class="flex flex-wrap items-center gap-1.5">
                            <div
                              class="perk-badge bg-perk/75 backdrop-blur backdrop-saturate-150"
                            >
                              Dagelijks ontbijt en lunch van de zaak 😋
                            </div>


                              <div
                                class="perk-badge bg-perk/75 backdrop-blur backdrop-saturate-150"
                              >
                                +3
                              </div>
                          </div>
                      </div>
                    </div>
                  </div>
</a>              </div>
            </div>
</div>
        <div class="min-w-0 snap-start" id="slide-2">            <div class="relative h-full min-h-[130px] overflow-hidden rounded-lg">
              <div class="absolute top-3 left-3 z-30">
                <a data-save-vacancy-id="4778" data-controller="save-vacancy gtm-favourite-vacancy" data-save-vacancy-url-value="/nl/opgeslagen-vacatures/4778/toggle" data-gtm-favourite-vacancy-id-value="4778" data-gtm-favourite-vacancy-title-value="Start in Porto of remote als klantenservicemedewerker voor mobiliteitsproject" data-gtm-favourite-vacancy-is-favourite-value="false" data-gtm-favourite-vacancy-request-id-value="save_vacancy_cdcd5558-e419-4946-85af-844600c35c24" data-gtm-favourite-vacancy-categories-value="[16,39]" data-gtm-favourite-vacancy-country-codes-value="[&quot;PT&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_4778" href="/nl/inloggen-aanmelden?saved_vacancy=4778" class="c-save-vacancy-button c-save-vacancy-button--card-icon">
    <svg xmlns="http://www.w3.org/2000/svg" height="20px" width="20px" viewBox="0 0 24 24" role="img" aria-hidden="true" style="fill: currentColor !important;"><g stroke-linecap="round" fill="currentColor" stroke-linejoin="round" class="nc-icon-wrapper"><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-width="2"></path></g></svg>
</a>
              </div>

              <div
                class="z-20 relative tap-highlight-none transition-transform origin-center rounded-lg will-change-transform overflow-hidden shadow h-full active:scale-[.98]" data-ripplet="true"
              >
                <a class="relative block h-full" data-turbo-frame="_top" href="/nl/vacatures-buitenland/werken-in-portugal-porto-klantenservicemedewerker-mobiliteit">
                  <img loading="lazy" decoding="async" width="330" height="200" class="absolute left-0 top-0 -z-10 block h-full w-full object-cover" src="https://yobbers-assets.imgix.net/vacancyphoto/6575/photo/f644cfbef30a79595cc3488e30028e96.png?ixlib=rails-4.3.1&auto=format%2Ccompress&fit=crop&crop=center&w=330&h=200&s=e8cecdd3e2bfdcf7938cad5a880fb550" alt="Jongen voor een telefoonscherm, een zwarte koptelefoon en Porto op de achtergrond  " sizes="(max-width: 767px) 85vw, (max-width: 1023px) 45vw, 330px" srcset="https://yobbers-assets.imgix.net/vacancyphoto/6575/photo/f644cfbef30a79595cc3488e30028e96.png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=320&amp;h=194&amp;s=25613637435e6c78b38fa12b51f7f9e4 320w, https://yobbers-assets.imgix.net/vacancyphoto/6575/photo/f644cfbef30a79595cc3488e30028e96.png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=480&amp;h=291&amp;s=7bd9d3adf2d40310c339dc7946cb9db3 480w, https://yobbers-assets.imgix.net/vacancyphoto/6575/photo/f644cfbef30a79595cc3488e30028e96.png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=640&amp;h=388&amp;s=468f037dca1c2af430ffe909e194a26f 640w, https://yobbers-assets.imgix.net/vacancyphoto/6575/photo/f644cfbef30a79595cc3488e30028e96.png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=800&amp;h=485&amp;s=7b02483ca8f5cd8d74bdeb03e66cd9c2 800w, https://yobbers-assets.imgix.net/vacancyphoto/6575/photo/f644cfbef30a79595cc3488e30028e96.png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=960&amp;h=582&amp;s=a56a3ed9eec3c883b26edf94c185cad4 960w, https://yobbers-assets.imgix.net/vacancyphoto/6575/photo/f644cfbef30a79595cc3488e30028e96.png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=1200&amp;h=727&amp;s=a4e731cc914a3c9fc5ea51e9e87cf29b 1200w">

                  <div class="dark-gradient-bg"></div>

                  <div class="relative z-20 flex h-full flex-col items-end p-3 text-white">
                    <div class="flex-1">
                      <div class="py-6 lg:py-8">
                        <div></div>
                      </div>
                    </div>

                    <div class="flex-0">
                      <div class="mb-1 leading-snug font-semibold">Start in Porto of remote als klantenservicemedewerker voor mobiliteitsproject</div>

                      <div class="flex flex-wrap items-center gap-x-1">



                          <div class="flex flex-wrap items-center gap-1.5">
                            <div
                              class="perk-badge bg-perk/75 backdrop-blur backdrop-saturate-150"
                            >
                              Accommodatie inbegrepen 🏠
                            </div>


                              <div
                                class="perk-badge bg-perk/75 backdrop-blur backdrop-saturate-150"
                              >
                                +3
                              </div>
                          </div>
                      </div>
                    </div>
                  </div>
</a>              </div>
            </div>
</div>
        <div class="min-w-0 snap-start" id="slide-3">            <div class="relative h-full min-h-[130px] overflow-hidden rounded-lg">
              <div class="absolute top-3 left-3 z-30">
                <a data-save-vacancy-id="4797" data-controller="save-vacancy gtm-favourite-vacancy" data-save-vacancy-url-value="/nl/opgeslagen-vacatures/4797/toggle" data-gtm-favourite-vacancy-id-value="4797" data-gtm-favourite-vacancy-title-value="Klantadviseurs gezocht voor ASN Bank in Alicante" data-gtm-favourite-vacancy-is-favourite-value="false" data-gtm-favourite-vacancy-request-id-value="save_vacancy_71bf690e-fcef-4de0-9653-2b3a21f1f67d" data-gtm-favourite-vacancy-categories-value="[16]" data-gtm-favourite-vacancy-country-codes-value="[&quot;ES&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_4797" href="/nl/inloggen-aanmelden?saved_vacancy=4797" class="c-save-vacancy-button c-save-vacancy-button--card-icon">
    <svg xmlns="http://www.w3.org/2000/svg" height="20px" width="20px" viewBox="0 0 24 24" role="img" aria-hidden="true" style="fill: currentColor !important;"><g stroke-linecap="round" fill="currentColor" stroke-linejoin="round" class="nc-icon-wrapper"><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-width="2"></path></g></svg>
</a>
              </div>

              <div
                class="z-20 relative tap-highlight-none transition-transform origin-center rounded-lg will-change-transform overflow-hidden shadow h-full active:scale-[.98]" data-ripplet="true"
              >
                <a class="relative block h-full" data-turbo-frame="_top" href="/nl/vacatures-buitenland/werken-in-spanje-alicante-klantadviseur-nl-bank">
                  <img loading="lazy" decoding="async" width="330" height="200" class="absolute left-0 top-0 -z-10 block h-full w-full object-cover" src="https://yobbers-assets.imgix.net/vacancyphoto/6697/photo/7c17c01eae7e50164588264d1650c183.png?ixlib=rails-4.3.1&auto=format%2Ccompress&fit=crop&crop=center&w=330&h=200&s=e2d18fcc3a609e40feb5cba95a564e16" alt="Meisje voor telefoonscherm met een rood en groen betaalpasje en op de achtergrond de zee" sizes="(max-width: 767px) 85vw, (max-width: 1023px) 45vw, 330px" srcset="https://yobbers-assets.imgix.net/vacancyphoto/6697/photo/7c17c01eae7e50164588264d1650c183.png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=320&amp;h=194&amp;s=10904ad6bd2bcd5107a97142bee02858 320w, https://yobbers-assets.imgix.net/vacancyphoto/6697/photo/7c17c01eae7e50164588264d1650c183.png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=480&amp;h=291&amp;s=46f32a5c8c67465a52f1a2cfc243e081 480w, https://yobbers-assets.imgix.net/vacancyphoto/6697/photo/7c17c01eae7e50164588264d1650c183.png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=640&amp;h=388&amp;s=83695bef888429fc894f63555ae75faf 640w, https://yobbers-assets.imgix.net/vacancyphoto/6697/photo/7c17c01eae7e50164588264d1650c183.png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=800&amp;h=485&amp;s=a543ee2e76a0cdba5000e1d4afbdf9f3 800w, https://yobbers-assets.imgix.net/vacancyphoto/6697/photo/7c17c01eae7e50164588264d1650c183.png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=960&amp;h=582&amp;s=10a3b996a7634d26c7f82b0a73d26ffe 960w, https://yobbers-assets.imgix.net/vacancyphoto/6697/photo/7c17c01eae7e50164588264d1650c183.png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=1200&amp;h=727&amp;s=b4889fb082561f9458690aa3b7b9ee7b 1200w">

                  <div class="dark-gradient-bg"></div>

                  <div class="relative z-20 flex h-full flex-col items-end p-3 text-white">
                    <div class="flex-1">
                      <div class="py-6 lg:py-8">
                        <div></div>
                      </div>
                    </div>

                    <div class="flex-0">
                      <div class="mb-1 leading-snug font-semibold">Klantadviseurs gezocht voor ASN Bank in Alicante</div>

                      <div class="flex flex-wrap items-center gap-x-1">



                          <div class="flex flex-wrap items-center gap-1.5">
                            <div
                              class="perk-badge bg-perk/75 backdrop-blur backdrop-saturate-150"
                            >
                              €500 signing bonus 💶
                            </div>


                              <div
                                class="perk-badge bg-perk/75 backdrop-blur backdrop-saturate-150"
                              >
                                +5
                              </div>
                          </div>
                      </div>
                    </div>
                  </div>
</a>              </div>
            </div>
</div>
        <div class="min-w-0 snap-start" id="slide-4">            <div class="relative h-full min-h-[130px] overflow-hidden rounded-lg">
              <div class="absolute top-3 left-3 z-30">
                <a data-save-vacancy-id="4381" data-controller="save-vacancy gtm-favourite-vacancy" data-save-vacancy-url-value="/nl/opgeslagen-vacatures/4381/toggle" data-gtm-favourite-vacancy-id-value="4381" data-gtm-favourite-vacancy-title-value="Werk remote in Portugal als klantenservicemedewerker in tech" data-gtm-favourite-vacancy-is-favourite-value="false" data-gtm-favourite-vacancy-request-id-value="save_vacancy_64c493aa-0af6-492b-81ec-3d0912042e32" data-gtm-favourite-vacancy-categories-value="[16,22,33,39]" data-gtm-favourite-vacancy-country-codes-value="[&quot;PT&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_4381" href="/nl/inloggen-aanmelden?saved_vacancy=4381" class="c-save-vacancy-button c-save-vacancy-button--card-icon">
    <svg xmlns="http://www.w3.org/2000/svg" height="20px" width="20px" viewBox="0 0 24 24" role="img" aria-hidden="true" style="fill: currentColor !important;"><g stroke-linecap="round" fill="currentColor" stroke-linejoin="round" class="nc-icon-wrapper"><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-width="2"></path></g></svg>
</a>
              </div>

              <div
                class="z-20 relative tap-highlight-none transition-transform origin-center rounded-lg will-change-transform overflow-hidden shadow h-full active:scale-[.98]" data-ripplet="true"
              >
                <a class="relative block h-full" data-turbo-frame="_top" href="/nl/vacatures-buitenland/werken-in-portugal-remote-klantenservicemedewerker-techbedrijf">
                  <img loading="lazy" decoding="async" width="330" height="200" class="absolute left-0 top-0 -z-10 block h-full w-full object-cover" src="https://yobbers-assets.imgix.net/media/1_-vacancy-header_tpp_apple_cs-utm0n3gis2rumg-png?ixlib=rails-4.3.1&auto=format%2Ccompress&fit=crop&crop=center&w=330&h=200&s=9f116b1cdff2dc4f347561998e795ce6" alt="Werk remote in Portugal als klantenservicemedewerker in tech" sizes="(max-width: 767px) 85vw, (max-width: 1023px) 45vw, 330px" srcset="https://yobbers-assets.imgix.net/media/1_-vacancy-header_tpp_apple_cs-utm0n3gis2rumg-png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=320&amp;h=194&amp;s=c7cd1bb927968bf9e1d8636ccaf9ad6e 320w, https://yobbers-assets.imgix.net/media/1_-vacancy-header_tpp_apple_cs-utm0n3gis2rumg-png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=480&amp;h=291&amp;s=a8f1d7292564f0703e2032a4587ce8f4 480w, https://yobbers-assets.imgix.net/media/1_-vacancy-header_tpp_apple_cs-utm0n3gis2rumg-png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=640&amp;h=388&amp;s=38dc43776437c6e2fe0e616863b29aa3 640w, https://yobbers-assets.imgix.net/media/1_-vacancy-header_tpp_apple_cs-utm0n3gis2rumg-png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=800&amp;h=485&amp;s=35c2b4d6eadf930de0bd7d4e1d74984c 800w, https://yobbers-assets.imgix.net/media/1_-vacancy-header_tpp_apple_cs-utm0n3gis2rumg-png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=960&amp;h=582&amp;s=af1e76f95c18e17cb660a6fd260e6b35 960w, https://yobbers-assets.imgix.net/media/1_-vacancy-header_tpp_apple_cs-utm0n3gis2rumg-png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=1200&amp;h=727&amp;s=fd73531729540a5aab769f0d96058771 1200w">

                  <div class="dark-gradient-bg"></div>

                  <div class="relative z-20 flex h-full flex-col items-end p-3 text-white">
                    <div class="flex-1">
                      <div class="py-6 lg:py-8">
                        <div></div>
                      </div>
                    </div>

                    <div class="flex-0">
                      <div class="mb-1 leading-snug font-semibold">Werk remote in Portugal als klantenservicemedewerker in tech</div>

                      <div class="flex flex-wrap items-center gap-x-1">



                          <div class="flex flex-wrap items-center gap-1.5">
                            <div
                              class="perk-badge bg-perk/75 backdrop-blur backdrop-saturate-150"
                            >
                              Accommodatie inbegrepen 🏠
                            </div>


                              <div
                                class="perk-badge bg-perk/75 backdrop-blur backdrop-saturate-150"
                              >
                                +3
                              </div>
                          </div>
                      </div>
                    </div>
                  </div>
</a>              </div>
            </div>
</div>
        <div class="min-w-0 snap-start" id="slide-5">            <div class="relative h-full min-h-[130px] overflow-hidden rounded-lg">
              <div class="absolute top-3 left-3 z-30">
                <a data-save-vacancy-id="1888" data-controller="save-vacancy gtm-favourite-vacancy" data-save-vacancy-url-value="/nl/opgeslagen-vacatures/1888/toggle" data-gtm-favourite-vacancy-id-value="1888" data-gtm-favourite-vacancy-title-value="Werk voor Odido in Valencia als klantenservicemedewerker" data-gtm-favourite-vacancy-is-favourite-value="false" data-gtm-favourite-vacancy-request-id-value="save_vacancy_cb436d04-c190-42f7-b0ff-7556258427ea" data-gtm-favourite-vacancy-categories-value="[16,21,39]" data-gtm-favourite-vacancy-country-codes-value="[&quot;ES&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_1888" href="/nl/inloggen-aanmelden?saved_vacancy=1888" class="c-save-vacancy-button c-save-vacancy-button--card-icon">
    <svg xmlns="http://www.w3.org/2000/svg" height="20px" width="20px" viewBox="0 0 24 24" role="img" aria-hidden="true" style="fill: currentColor !important;"><g stroke-linecap="round" fill="currentColor" stroke-linejoin="round" class="nc-icon-wrapper"><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-width="2"></path></g></svg>
</a>
              </div>

              <div
                class="z-20 relative tap-highlight-none transition-transform origin-center rounded-lg will-change-transform overflow-hidden shadow h-full active:scale-[.98]" data-ripplet="true"
              >
                <a class="relative block h-full" data-turbo-frame="_top" href="/nl/vacatures-buitenland/werken-in-spanje-valencia-klantenservicemedewerker-odido">
                  <img loading="lazy" decoding="async" width="330" height="200" class="absolute left-0 top-0 -z-10 block h-full w-full object-cover" src="https://yobbers-assets.imgix.net/vacancyphoto/4029/photo/dcf064dadfce71a11ccd46deeecd4ee3.jpg?ixlib=rails-4.3.1&auto=format%2Ccompress&fit=crop&crop=center&w=330&h=200&rect=0%2C4%2C2800%2C926&s=fcb40f7412b0af4b976686ff9ba45d8e" alt="Valencia van boven met Odido logo" sizes="(max-width: 767px) 85vw, (max-width: 1023px) 45vw, 330px" srcset="https://yobbers-assets.imgix.net/vacancyphoto/4029/photo/dcf064dadfce71a11ccd46deeecd4ee3.jpg?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=320&amp;h=194&amp;rect=0%2C4%2C2800%2C926&amp;s=4b40f429e87b8121232e5f6d26fa7163 320w, https://yobbers-assets.imgix.net/vacancyphoto/4029/photo/dcf064dadfce71a11ccd46deeecd4ee3.jpg?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=480&amp;h=291&amp;rect=0%2C4%2C2800%2C926&amp;s=d9240c227dc6410295913a8e9c276ad4 480w, https://yobbers-assets.imgix.net/vacancyphoto/4029/photo/dcf064dadfce71a11ccd46deeecd4ee3.jpg?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=640&amp;h=388&amp;rect=0%2C4%2C2800%2C926&amp;s=f782edf46ea043212e1701a444f6efe2 640w, https://yobbers-assets.imgix.net/vacancyphoto/4029/photo/dcf064dadfce71a11ccd46deeecd4ee3.jpg?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=800&amp;h=485&amp;rect=0%2C4%2C2800%2C926&amp;s=447276b18a609c729678eab40fd1df6a 800w, https://yobbers-assets.imgix.net/vacancyphoto/4029/photo/dcf064dadfce71a11ccd46deeecd4ee3.jpg?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=960&amp;h=582&amp;rect=0%2C4%2C2800%2C926&amp;s=d6d7951edef174bff7273de9bbd92bb5 960w, https://yobbers-assets.imgix.net/vacancyphoto/4029/photo/dcf064dadfce71a11ccd46deeecd4ee3.jpg?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=1200&amp;h=727&amp;rect=0%2C4%2C2800%2C926&amp;s=f3ab604b9cdd2903f3d5d655e805709c 1200w">

                  <div class="dark-gradient-bg"></div>

                  <div class="relative z-20 flex h-full flex-col items-end p-3 text-white">
                    <div class="flex-1">
                      <div class="py-6 lg:py-8">
                        <div></div>
                      </div>
                    </div>

                    <div class="flex-0">
                      <div class="mb-1 leading-snug font-semibold">Werk voor Odido in Valencia als klantenservicemedewerker</div>

                      <div class="flex flex-wrap items-center gap-x-1">



                          <div class="flex flex-wrap items-center gap-1.5">
                            <div
                              class="perk-badge bg-perk/75 backdrop-blur backdrop-saturate-150"
                            >
                              €500 signing bonus 💶
                            </div>


                              <div
                                class="perk-badge bg-perk/75 backdrop-blur backdrop-saturate-150"
                              >
                                +3
                              </div>
                          </div>
                      </div>
                    </div>
                  </div>
</a>              </div>
            </div>
</div>
        <div class="min-w-0 snap-start" id="slide-6">            <div class="relative h-full min-h-[130px] overflow-hidden rounded-lg">
              <div class="absolute top-3 left-3 z-30">
                <a data-save-vacancy-id="4360" data-controller="save-vacancy gtm-favourite-vacancy" data-save-vacancy-url-value="/nl/opgeslagen-vacatures/4360/toggle" data-gtm-favourite-vacancy-id-value="4360" data-gtm-favourite-vacancy-title-value="Werk remote in Griekenland voor een bekend telefoonmerk" data-gtm-favourite-vacancy-is-favourite-value="false" data-gtm-favourite-vacancy-request-id-value="save_vacancy_a6deab01-ada6-482c-a551-8f4991c7d53d" data-gtm-favourite-vacancy-categories-value="[16,33,41]" 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_4360" href="/nl/inloggen-aanmelden?saved_vacancy=4360" class="c-save-vacancy-button c-save-vacancy-button--card-icon">
    <svg xmlns="http://www.w3.org/2000/svg" height="20px" width="20px" viewBox="0 0 24 24" role="img" aria-hidden="true" style="fill: currentColor !important;"><g stroke-linecap="round" fill="currentColor" stroke-linejoin="round" class="nc-icon-wrapper"><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-width="2"></path></g></svg>
</a>
              </div>

              <div
                class="z-20 relative tap-highlight-none transition-transform origin-center rounded-lg will-change-transform overflow-hidden shadow h-full active:scale-[.98]" data-ripplet="true"
              >
                <a class="relative block h-full" data-turbo-frame="_top" href="/nl/vacatures-buitenland/werken-in-griekenland-remote-klantenservicemedewerker-telefoonmerk">
                  <img loading="lazy" decoding="async" width="330" height="200" class="absolute left-0 top-0 -z-10 block h-full w-full object-cover" src="https://yobbers-assets.imgix.net/vacancyphoto/6548/photo/6e7baeafcf9757c534bdd927ca4937eb.png?ixlib=rails-4.3.1&auto=format%2Ccompress&fit=crop&crop=center&w=330&h=200&rect=0%2C0%2C3000%2C900&s=71e3c302d433dbb1b79ceb7b2f353ae7" alt="Laptop met symbool van berichten en een AirPod-case met AirPods en op de achtergrond witte huizen en zee " sizes="(max-width: 767px) 85vw, (max-width: 1023px) 45vw, 330px" srcset="https://yobbers-assets.imgix.net/vacancyphoto/6548/photo/6e7baeafcf9757c534bdd927ca4937eb.png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=320&amp;h=194&amp;rect=0%2C0%2C3000%2C900&amp;s=a0eea57ea67af046f0df44435f05ef8f 320w, https://yobbers-assets.imgix.net/vacancyphoto/6548/photo/6e7baeafcf9757c534bdd927ca4937eb.png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=480&amp;h=291&amp;rect=0%2C0%2C3000%2C900&amp;s=dd5a7e8596407e0f427a7696fb168997 480w, https://yobbers-assets.imgix.net/vacancyphoto/6548/photo/6e7baeafcf9757c534bdd927ca4937eb.png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=640&amp;h=388&amp;rect=0%2C0%2C3000%2C900&amp;s=f68093743d62bf5dc563e51b1fb7d857 640w, https://yobbers-assets.imgix.net/vacancyphoto/6548/photo/6e7baeafcf9757c534bdd927ca4937eb.png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=800&amp;h=485&amp;rect=0%2C0%2C3000%2C900&amp;s=7f3f67b4548c415ae88a37855a075034 800w, https://yobbers-assets.imgix.net/vacancyphoto/6548/photo/6e7baeafcf9757c534bdd927ca4937eb.png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=960&amp;h=582&amp;rect=0%2C0%2C3000%2C900&amp;s=da2d36e6c9beb8495d41c658919459fd 960w, https://yobbers-assets.imgix.net/vacancyphoto/6548/photo/6e7baeafcf9757c534bdd927ca4937eb.png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=1200&amp;h=727&amp;rect=0%2C0%2C3000%2C900&amp;s=3aeab6cb233f88c75238fefae8306fc1 1200w">

                  <div class="dark-gradient-bg"></div>

                  <div class="relative z-20 flex h-full flex-col items-end p-3 text-white">
                    <div class="flex-1">
                      <div class="py-6 lg:py-8">
                        <div></div>
                      </div>
                    </div>

                    <div class="flex-0">
                      <div class="mb-1 leading-snug font-semibold">Werk remote in Griekenland voor een bekend telefoonmerk</div>

                      <div class="flex flex-wrap items-center gap-x-1">



                          <div class="flex flex-wrap items-center gap-1.5">
                            <div
                              class="perk-badge bg-perk/75 backdrop-blur backdrop-saturate-150"
                            >
                              Relocatiebonus 💶
                            </div>


                              <div
                                class="perk-badge bg-perk/75 backdrop-blur backdrop-saturate-150"
                              >
                                +5
                              </div>
                          </div>
                      </div>
                    </div>
                  </div>
</a>              </div>
            </div>
</div>
    </div>
  </div>

  <div class="mt-auto">
    <div class="flex items-center gap-x-3 ps-3 pe-3 md:ps-0 md:pe-0">
        <button class="hidden lg:flex items-center disabled:opacity-0! group justify-center absolute z-50 w-8 h-8 rounded-full bg-white shadow-sm -left-[16px] top-[calc(50%-28px)] ring-1 ring-gray-900/15 transition hover:ring-gray-900/20 hover:bg-gray-50" type="button" data-do="click-&gt;ui--slider#prev" data-ui--slider-target="prevButton">        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="14px" height="14px" role="img" aria-hidden="true" class="text-gray-600 group-disabled:text-gray-300 transition" style="fill: currentColor !important;"><g class="nc-icon-wrapper"><polygon points="6.7,14.7 8.1,13.3 3.8,9 16,9 16,7 3.8,7 8.1,2.7 6.7,1.3 0,8 "></polygon></g></svg>
</button>

        <button class="hidden lg:flex items-center disabled:opacity-0! group justify-center absolute z-50 w-8 h-8 rounded-full bg-white shadow-sm -right-[16px] top-[calc(50%-28px)] ring-1 ring-gray-900/15 transition hover:ring-gray-900/20 hover:bg-gray-50" data-do="click-&gt;ui--slider#next" data-ui--slider-target="nextButton">        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" role="img" aria-hidden="true" class="text-gray-600 group-disabled:text-gray-300 transition" style="fill: currentColor !important;" width="14px" height="14px"><g><polygon points="9.3,1.3 7.9,2.7 12.2,7 0,7 0,9 12.2,9 7.9,13.3 9.3,14.7 16,8 "></polygon></g></svg>
</button>

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


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

    <div>
      <div class="group relative select-none z-50 isolate contents" data-controller="ui--dropdown" data-ui--dropdown-placement-value="bottom-end" data-ui--dropdown-is-open-value="false" data-ui--dropdown-clone-menu-value="false" data-ui--dropdown-searchable-value="false" data-ui--dropdown-wrapper-class="is-open" data-ui--dropdown-open-class="hidden">
    <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 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" type="button" tabindex="0" id="sortVacancies">          Aanbevolen
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" role="img" aria-hidden="true" class="shrink-0" style="fill: currentColor !important;" width="16px" height="16px"><g><polygon points="8,11.4 2.6,6 4,4.6 8,8.6 12,4.6 13.4,6 "></polygon></g></svg></button>

  <div
    class="absolute hidden min-w-45 w-max" id="8ac843c51b" data-ui--dropdown-target="menu"
  >

    <div
      class="rounded-md bg-white shadow-md ring-1 ring-gray-900/15 origin-top" data-ui--dropdown-target="menuWrapper"
    >

      <div
        class="w-full overflow-hidden overflow-y-auto max-h-120 relative y-custom-scrollbar" data-ui--dropdown-target="menuContent"
      >
        <div class="p-1.5 min-w-[180px]">          <div id="ui-action_list-component-e377220638" class="">
  <div class="text-sm p-0 font-medium text-gray-800 gap-1.5 flex flex-col flex-wrap">
        <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:[&amp;_svg]:text-gray-900 hover:bg-gray-100 hover:text-gray-900 active:bg-gray-200 hover:[&amp;amp;_svg]:text-gray-900" href="/nl/vacatures-buitenland">
    <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" 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;" width="16px" height="16px"><g><path 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></g></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:[&amp;_svg]:text-gray-900 hover:bg-gray-100 hover:text-gray-900 active:bg-gray-200 hover:[&amp;amp;_svg]:text-gray-900" href="/nl/vacatures-buitenland?filter_sort_by=DESC">
    <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="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></g></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:[&amp;_svg]:text-gray-900 hover:bg-gray-100 hover:text-gray-900 active:bg-gray-200 hover:[&amp;amp;_svg]:text-gray-900" href="/nl/vacatures-buitenland?filter_sort_by=ASC">
    <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="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></g></svg>
                    Oudste eerst

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


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

      <div class="mx-auto flex max-w-xs flex-col justify-center px-3 py-3 text-center lg:px-0">
    <div class="bg-white ring-1 overflow-hidden rounded-lg ring-gray-900/10 ring-inset">
        <img alt="" loading="lazy" decoding="async" srcset="https://static-files-yobbers.imgix.net/promoted/ha-lissabon?ixlib=rails-4.3.1&auto=format&rect&h=120&w=740&fit=crop&crop=center&dpr=1&q=75 1x,
https://static-files-yobbers.imgix.net/promoted/ha-lissabon?ixlib=rails-4.3.1&auto=format&rect&h=120&w=740&fit=crop&crop=center&dpr=2&q=50 2x,
https://static-files-yobbers.imgix.net/promoted/ha-lissabon?ixlib=rails-4.3.1&auto=format&rect&h=120&w=740&fit=crop&crop=center&dpr=3&q=35 3x,
https://static-files-yobbers.imgix.net/promoted/ha-lissabon?ixlib=rails-4.3.1&auto=format&rect&h=120&w=740&fit=crop&crop=center&dpr=4&q=23 4x,
https://static-files-yobbers.imgix.net/promoted/ha-lissabon?ixlib=rails-4.3.1&auto=format&rect&h=120&w=740&fit=crop&crop=center&dpr=5&q=20 5x" sizes="100vw" src="https://static-files-yobbers.imgix.net/promoted/ha-lissabon?ixlib=rails-4.3.1&auto=format&rect&h=120&w=740&fit=crop&crop=center" />


      <div class="p-6 lg:p-16">
        <h4 class="fs-headline1 mb-3">Sorry, we hebben geen vacatures die overeenkomen met je filters</h4>

        <p class="mb-6 text-gray-600">Helaas komen onze huidige vacatures niet overeen met je filters. We kunnen je op de hoogte stellen wanneer er nieuwe vacatures beschikbaar komen die overeenkomen met je huidige filters.</p>

        <a class="gw-button -notification s-fullwidth -light-border -rounded" data-do="click-&gt;modal#open" data-modal-size="sm" data-turbo-frame="modal" href="/nl/search_queries/nieuw">
          <div class="icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20px" height="20px" role="img" aria-hidden="true" class="text-primary" style="fill: currentColor !important;"><g class="nc-icon-wrapper"><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"></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"></path></g></svg></div>
          <span class="pl-3">Ontvang updates</span>
</a>      </div>
    </div>
  </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" data-turbo-frame="modal" data-do="click-&gt;modal#open" data-modal-size="sm" href="/nl/search_queries/nieuw">
        <div class="icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20px" height="20px" role="img" aria-hidden="true" class="text-primary" style="fill: currentColor !important;"><g class="nc-icon-wrapper"><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"></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"></path></g></svg></div>
        <span class="pl-3">Ontvang updates</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="{}">
    <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" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path 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></g></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" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path 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></g></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" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path 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></g></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" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path 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></g></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" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path 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></g></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="{}">
      <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" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path 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></g></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" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path 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></g></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" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path 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></g></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">Lisbon</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" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path 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></g></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" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path 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></g></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" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path 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></g></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" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path 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></g></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" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path 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></g></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" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path 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></g></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" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path 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></g></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 y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="category_ids" id="category_ids" value="16" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path 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></g></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" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path 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></g></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" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path 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></g></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" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path 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></g></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" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path 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></g></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" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path 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></g></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" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path 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></g></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" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path 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></g></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" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path 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></g></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" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path 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></g></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" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path 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></g></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" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path 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></g></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="41" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path 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></g></svg></span>
</span></span>

    <span class="y-control__label">Telecom</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" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path 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></g></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 (15)</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="{}"
  >
    <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="{}"
  >
    <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-options-value="[&quot;0&quot;,&quot;1&quot;,&quot;2&quot;,&quot;3&quot;,&quot;4&quot;,&quot;5&quot;,&quot;6&quot;]" data-range-slider-multiple-slider="true"
        >
          <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="{}">
    <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="temporary" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path 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></g></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="assistance" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path 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></g></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="positive" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path 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></g></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="negative" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path 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></g></svg></span>
</span></span>

    <span class="y-control__label">Accommodatie niet beschikbaar</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="{}">
      <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" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path 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></g></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" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path 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></g></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" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path 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></g></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" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path 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></g></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" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path 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></g></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" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path 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></g></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" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path 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></g></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" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path 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></g></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" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path 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></g></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" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path 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></g></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"
    >
      <p>Vacatures in het buitenland zijn er in alle vormen, rollen en sectoren. Yobbers biedt een breed scala aan banen in het buitenland, afgestemd op verschillende voorkeuren en carrièrepaden. Kies uit onze verschillende locaties en taalopties om de perfecte uitdaging te vinden! Elke functie biedt een kans op persoonlijke groei en zelfontdekking. Vind dé rol die aansluit bij jouw vaardigheden en interesses, en begin aan een unieke reis naar het buitenland met Yobbers als jouw reispartner. Solliciteer nu voor een baan in het buitenland en open de deuren naar een onvergetelijk avontuur met Yobbers!</p>
    </div>
  </div>
</turbo-frame>
</template></turbo-stream>
  <turbo-stream url="/nl/vacatures-buitenland?search_term=cyprus" title="" state="{}" action="push_state"><template></template></turbo-stream>
  <turbo-stream title="Vind vacatures in het buitenland – Start je internationale carrière | Yobbers" action="set_title"><template></template></turbo-stream>

<turbo-stream text="Toon 0 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;vacanciesFilteredWorkingHours&quot;:null,&quot;vacanciesFilteredResultsCount&quot;:0,&quot;vacanciesFilteredAccommodationType&quot;:null,&quot;vacanciesFilteredEnglishProficiency&quot;:null}" debounce_time="3000" action="track_event"><template></template></turbo-stream>

