<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" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 48 48" role="img" aria-hidden="true" style="fill: currentColor !important;"><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></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_be283691-9e98-46d2-adbc-605b1ad7373e" 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" x="0px" y="0px" width="20px" height="20px" viewBox="0 0 24 24" role="img" aria-hidden="true" style="fill: currentColor !important;"><path d="M20.554,11.889,12,20.778,3.446,11.889A5.265,5.265,0,1,1,12,5.964a5.265,5.265,0,1,1,8.554,5.925Z" fill="none" stroke="currentColor" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"></path></svg>
</a>
              </div>

              <div
                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="Vrouw voor een smartphone-afbeelding met blauwe pictogrammen boven een stadsgezicht met waterkant." 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="1277" data-controller="save-vacancy gtm-favourite-vacancy" data-save-vacancy-url-value="/nl/opgeslagen-vacatures/1277/toggle" data-gtm-favourite-vacancy-id-value="1277" data-gtm-favourite-vacancy-title-value="Werk remote in Portugal als klantenservicemedewerker voor bol" data-gtm-favourite-vacancy-is-favourite-value="false" data-gtm-favourite-vacancy-request-id-value="save_vacancy_2f601a6b-6a72-432f-b77b-b9df0b8abfcc" data-gtm-favourite-vacancy-categories-value="[16,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_1277" href="/nl/inloggen-aanmelden?saved_vacancy=1277" class="c-save-vacancy-button c-save-vacancy-button--card-icon">
    <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20px" height="20px" viewBox="0 0 24 24" role="img" aria-hidden="true" style="fill: currentColor !important;"><path d="M20.554,11.889,12,20.778,3.446,11.889A5.265,5.265,0,1,1,12,5.964a5.265,5.265,0,1,1,8.554,5.925Z" fill="none" stroke="currentColor" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"></path></svg>
</a>
              </div>

              <div
                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-remote-bol">
                  <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/6157/photo/9c45b9b3964c40f5a9c8c89aa564eda1.png?ixlib=rails-4.3.1&auto=format%2Ccompress&fit=crop&crop=center&w=330&h=200&rect=0%2C0%2C3000%2C900&s=127b1cf7b8f6482d4b263407fa851b62" alt="Glimlachende vrouw voor een historisch plein met standbeelden en een grote „bol.“-logo-overlay." sizes="(max-width: 767px) 85vw, (max-width: 1023px) 45vw, 330px" srcset="https://yobbers-assets.imgix.net/vacancyphoto/6157/photo/9c45b9b3964c40f5a9c8c89aa564eda1.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=edb80e61460ed09f9899bdd5928dcb60 320w, https://yobbers-assets.imgix.net/vacancyphoto/6157/photo/9c45b9b3964c40f5a9c8c89aa564eda1.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=1dc1c53be7c3977f6b5a32e60b45128d 480w, https://yobbers-assets.imgix.net/vacancyphoto/6157/photo/9c45b9b3964c40f5a9c8c89aa564eda1.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=d5b156b8d7229de275bf084bebfef4f2 640w, https://yobbers-assets.imgix.net/vacancyphoto/6157/photo/9c45b9b3964c40f5a9c8c89aa564eda1.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=06b1a42fbf57d74bed23e22b997ea6c8 800w, https://yobbers-assets.imgix.net/vacancyphoto/6157/photo/9c45b9b3964c40f5a9c8c89aa564eda1.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=57986e6fb6333d12677f68f582db3af1 960w, https://yobbers-assets.imgix.net/vacancyphoto/6157/photo/9c45b9b3964c40f5a9c8c89aa564eda1.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=7bd8e9adf249666082383830f7ab4dd7 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 voor bol</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">
                              Parttime werken mogelijk 🕗
</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="2219" data-controller="save-vacancy gtm-favourite-vacancy" data-save-vacancy-url-value="/nl/opgeslagen-vacatures/2219/toggle" data-gtm-favourite-vacancy-id-value="2219" data-gtm-favourite-vacancy-title-value="Word content moderator in Portugal voor populair social media platform" data-gtm-favourite-vacancy-is-favourite-value="false" data-gtm-favourite-vacancy-request-id-value="save_vacancy_5d775086-5bca-4cc4-b2b0-cbeabc3c3622" data-gtm-favourite-vacancy-categories-value="[36,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_2219" href="/nl/inloggen-aanmelden?saved_vacancy=2219" class="c-save-vacancy-button c-save-vacancy-button--card-icon">
    <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20px" height="20px" viewBox="0 0 24 24" role="img" aria-hidden="true" style="fill: currentColor !important;"><path d="M20.554,11.889,12,20.778,3.446,11.889A5.265,5.265,0,1,1,12,5.964a5.265,5.265,0,1,1,8.554,5.925Z" fill="none" stroke="currentColor" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"></path></svg>
</a>
              </div>

              <div
                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-content-moderator">
                  <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/6699/photo/9fe68467ac1fd58a277877ebab647e46.png?ixlib=rails-4.3.1&auto=format%2Ccompress&fit=crop&crop=center&w=330&h=200&rect=0%2C0%2C3000%2C900&s=3deacf15f72e4a3490aa6c8f3f9f6447" alt="Lachende vrouw voor een stadsgezicht, met een zwevende telefoonafbeelding met gespreksbellen voor reacties." sizes="(max-width: 767px) 85vw, (max-width: 1023px) 45vw, 330px" srcset="https://yobbers-assets.imgix.net/vacancyphoto/6699/photo/9fe68467ac1fd58a277877ebab647e46.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=29b5195d3887d5ee56a3bb2153d3bf5a 320w, https://yobbers-assets.imgix.net/vacancyphoto/6699/photo/9fe68467ac1fd58a277877ebab647e46.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=882072c88b9e08ee4d52ce070eac4ff7 480w, https://yobbers-assets.imgix.net/vacancyphoto/6699/photo/9fe68467ac1fd58a277877ebab647e46.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=c9aff742e0e30d7a26ddb53c9058a84f 640w, https://yobbers-assets.imgix.net/vacancyphoto/6699/photo/9fe68467ac1fd58a277877ebab647e46.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=4337bdf3d69e43efee5845dcfc4f7354 800w, https://yobbers-assets.imgix.net/vacancyphoto/6699/photo/9fe68467ac1fd58a277877ebab647e46.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=8f285536fb29259a5ec93ee0c2403b26 960w, https://yobbers-assets.imgix.net/vacancyphoto/6699/photo/9fe68467ac1fd58a277877ebab647e46.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=45744424330e15c525352e571ed5f4a2 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">Word content moderator in Portugal voor populair social media platform</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-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="3051" data-controller="save-vacancy gtm-favourite-vacancy" data-save-vacancy-url-value="/nl/opgeslagen-vacatures/3051/toggle" data-gtm-favourite-vacancy-id-value="3051" data-gtm-favourite-vacancy-title-value="Help Nederlandse klanten van bol remote vanuit Griekenland" data-gtm-favourite-vacancy-is-favourite-value="false" data-gtm-favourite-vacancy-request-id-value="save_vacancy_91234bc5-fdd4-48cf-bcd5-e7e3d9514158" data-gtm-favourite-vacancy-categories-value="[16,33,39]" data-gtm-favourite-vacancy-country-codes-value="[&quot;GR&quot;]" data-do="click-&gt;avo#triggerEvent click-&gt;modal#open" data-avo-event-name="clickedCta" data-avo-event-props="{&quot;platform&quot;:&quot;NL&quot;,&quot;ctaName&quot;:&quot;Create Account&quot;,&quot;ctaLocation&quot;:&quot;Saved Vacancy List&quot;}" data-turbo-frame="modal" data-modal-size="sm" id="save_button_3051" href="/nl/inloggen-aanmelden?saved_vacancy=3051" class="c-save-vacancy-button c-save-vacancy-button--card-icon">
    <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20px" height="20px" viewBox="0 0 24 24" role="img" aria-hidden="true" style="fill: currentColor !important;"><path d="M20.554,11.889,12,20.778,3.446,11.889A5.265,5.265,0,1,1,12,5.964a5.265,5.265,0,1,1,8.554,5.925Z" fill="none" stroke="currentColor" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"></path></svg>
</a>
              </div>

              <div
                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-klantenservice-bol">
                  <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/6511/photo/e02c10e5509e48f77e0d2f4ad599be29.png?ixlib=rails-4.3.1&auto=format%2Ccompress&fit=crop&crop=center&w=330&h=200&rect=0%2C0%2C3000%2C900&s=58413f61ddf86e70a23a03b32bbe5b98" alt="Laptop met blauw cirkelpatroon zweeft boven een kustplaats met witte gebouwen en boten." sizes="(max-width: 767px) 85vw, (max-width: 1023px) 45vw, 330px" srcset="https://yobbers-assets.imgix.net/vacancyphoto/6511/photo/e02c10e5509e48f77e0d2f4ad599be29.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=5418ab82adca5c49168863d5859ded2a 320w, https://yobbers-assets.imgix.net/vacancyphoto/6511/photo/e02c10e5509e48f77e0d2f4ad599be29.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=2b648a8957eecbd972c0f2af3868e4bb 480w, https://yobbers-assets.imgix.net/vacancyphoto/6511/photo/e02c10e5509e48f77e0d2f4ad599be29.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=ff9b7f34ef86f9073841706227988e10 640w, https://yobbers-assets.imgix.net/vacancyphoto/6511/photo/e02c10e5509e48f77e0d2f4ad599be29.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=43c5d22dba4ffb8560a09d6f93bacd5a 800w, https://yobbers-assets.imgix.net/vacancyphoto/6511/photo/e02c10e5509e48f77e0d2f4ad599be29.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=7cc99628a6140a3c7d163386764b210f 960w, https://yobbers-assets.imgix.net/vacancyphoto/6511/photo/e02c10e5509e48f77e0d2f4ad599be29.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=bfd9206b1a025ce6d3d88d34d21e1d0f 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">Help Nederlandse klanten van bol remote vanuit Griekenland</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-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="4708" data-controller="save-vacancy gtm-favourite-vacancy" data-save-vacancy-url-value="/nl/opgeslagen-vacatures/4708/toggle" data-gtm-favourite-vacancy-id-value="4708" data-gtm-favourite-vacancy-title-value="Start als Customer Service Specialist bij scale-up 123inkt in Valencia" data-gtm-favourite-vacancy-is-favourite-value="false" data-gtm-favourite-vacancy-request-id-value="save_vacancy_dfa5d137-de19-4a18-88b1-a621048723ea" 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_4708" href="/nl/inloggen-aanmelden?saved_vacancy=4708" class="c-save-vacancy-button c-save-vacancy-button--card-icon">
    <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20px" height="20px" viewBox="0 0 24 24" role="img" aria-hidden="true" style="fill: currentColor !important;"><path d="M20.554,11.889,12,20.778,3.446,11.889A5.265,5.265,0,1,1,12,5.964a5.265,5.265,0,1,1,8.554,5.925Z" fill="none" stroke="currentColor" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"></path></svg>
</a>
              </div>

              <div
                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-customer-support-123inkt">
                  <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/6179/photo/5c5a87e8514ad376be291981525d2e4f.png?ixlib=rails-4.3.1&auto=format%2Ccompress&fit=crop&crop=center&w=330&h=200&rect=0%2C0%2C3000%2C900&s=21850fbf7a33a7d49266d71908377768" alt="Vier mensen lopen buiten langs een modern gebouw met gebogen witte gevel en kleurrijke strepen." sizes="(max-width: 767px) 85vw, (max-width: 1023px) 45vw, 330px" srcset="https://yobbers-assets.imgix.net/vacancyphoto/6179/photo/5c5a87e8514ad376be291981525d2e4f.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=97c6aafe04125c9269b999b26294c0f6 320w, https://yobbers-assets.imgix.net/vacancyphoto/6179/photo/5c5a87e8514ad376be291981525d2e4f.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=78c693b5bf475f3b2c29caf5c891fce2 480w, https://yobbers-assets.imgix.net/vacancyphoto/6179/photo/5c5a87e8514ad376be291981525d2e4f.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=35367a8e5dad8146d2979a114279c918 640w, https://yobbers-assets.imgix.net/vacancyphoto/6179/photo/5c5a87e8514ad376be291981525d2e4f.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=e771a359e8dfb1f203d5eafeef130f86 800w, https://yobbers-assets.imgix.net/vacancyphoto/6179/photo/5c5a87e8514ad376be291981525d2e4f.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=73c13742af3d411a1e9ed6988200e18d 960w, https://yobbers-assets.imgix.net/vacancyphoto/6179/photo/5c5a87e8514ad376be291981525d2e4f.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=f350e4b8d5b878f75e8fbe4aaa44db67 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 Customer Service Specialist bij scale-up 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">
                              Gratis taalcursus 🗣️
</div>

                              <div class="perk-badge bg-perk/75 backdrop-blur backdrop-saturate-150">
                                +2
</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="4702" data-controller="save-vacancy gtm-favourite-vacancy" data-save-vacancy-url-value="/nl/opgeslagen-vacatures/4702/toggle" data-gtm-favourite-vacancy-id-value="4702" data-gtm-favourite-vacancy-title-value="Start direct als CX Specialist bij een internationale scale-up in Valencia" data-gtm-favourite-vacancy-is-favourite-value="false" data-gtm-favourite-vacancy-request-id-value="save_vacancy_049709c7-5917-45d1-ba1d-ab48a535e4e5" 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_4702" href="/nl/inloggen-aanmelden?saved_vacancy=4702" class="c-save-vacancy-button c-save-vacancy-button--card-icon">
    <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20px" height="20px" viewBox="0 0 24 24" role="img" aria-hidden="true" style="fill: currentColor !important;"><path d="M20.554,11.889,12,20.778,3.446,11.889A5.265,5.265,0,1,1,12,5.964a5.265,5.265,0,1,1,8.554,5.925Z" fill="none" stroke="currentColor" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"></path></svg>
</a>
              </div>

              <div
                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-customer-experience-specialist">
                  <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/blog-header_customer-service_-hello-print-ahvqvxb54smyvw-png?ixlib=rails-4.3.1&auto=format%2Ccompress&fit=crop&crop=center&w=330&h=200&s=b297600deed1b3f3fdceb2e1c00b002b" alt="Glimlachende vrouw houdt een kleurenwaaier en een tablet vast, buiten met stadsgebouwen en een fortmuur op de achtergrond." sizes="(max-width: 767px) 85vw, (max-width: 1023px) 45vw, 330px" srcset="https://yobbers-assets.imgix.net/media/blog-header_customer-service_-hello-print-ahvqvxb54smyvw-png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=320&amp;h=194&amp;s=4e916ef7097df632c039f78230c9550a 320w, https://yobbers-assets.imgix.net/media/blog-header_customer-service_-hello-print-ahvqvxb54smyvw-png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=480&amp;h=291&amp;s=11c32348834824285db9a5cdb60af8ec 480w, https://yobbers-assets.imgix.net/media/blog-header_customer-service_-hello-print-ahvqvxb54smyvw-png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=640&amp;h=388&amp;s=1860fbabb3ddfa82bdde19ddffdb294a 640w, https://yobbers-assets.imgix.net/media/blog-header_customer-service_-hello-print-ahvqvxb54smyvw-png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=800&amp;h=485&amp;s=bfaa84f57ec615c56a0362c830e26787 800w, https://yobbers-assets.imgix.net/media/blog-header_customer-service_-hello-print-ahvqvxb54smyvw-png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=960&amp;h=582&amp;s=c692127692ed46bef74fa088a24198cc 960w, https://yobbers-assets.imgix.net/media/blog-header_customer-service_-hello-print-ahvqvxb54smyvw-png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=1200&amp;h=727&amp;s=f7061000067f908a5eb2b8682779c39e 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 direct als CX Specialist bij een internationale scale-up 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">
                              €2.000 signing bonus 💶
</div>

                              <div class="perk-badge bg-perk/75 backdrop-blur backdrop-saturate-150">
                                +2
</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="3882" data-controller="save-vacancy gtm-favourite-vacancy" data-save-vacancy-url-value="/nl/opgeslagen-vacatures/3882/toggle" data-gtm-favourite-vacancy-id-value="3882" data-gtm-favourite-vacancy-title-value="Ga wonen en werken in Athene voor de klantenservice van Netflix" data-gtm-favourite-vacancy-is-favourite-value="false" data-gtm-favourite-vacancy-request-id-value="save_vacancy_5628fa0f-6648-44f0-95b7-aa7e5235beea" data-gtm-favourite-vacancy-categories-value="[16,39]" data-gtm-favourite-vacancy-country-codes-value="[&quot;GR&quot;]" data-do="click-&gt;avo#triggerEvent click-&gt;modal#open" data-avo-event-name="clickedCta" data-avo-event-props="{&quot;platform&quot;:&quot;NL&quot;,&quot;ctaName&quot;:&quot;Create Account&quot;,&quot;ctaLocation&quot;:&quot;Saved Vacancy List&quot;}" data-turbo-frame="modal" data-modal-size="sm" id="save_button_3882" href="/nl/inloggen-aanmelden?saved_vacancy=3882" class="c-save-vacancy-button c-save-vacancy-button--card-icon">
    <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20px" height="20px" viewBox="0 0 24 24" role="img" aria-hidden="true" style="fill: currentColor !important;"><path d="M20.554,11.889,12,20.778,3.446,11.889A5.265,5.265,0,1,1,12,5.964a5.265,5.265,0,1,1,8.554,5.925Z" fill="none" stroke="currentColor" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"></path></svg>
</a>
              </div>

              <div
                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-klantenservicemedewerker-netflix">
                  <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/6720/photo/ed9f4c855f875a2b2ba98b7a8ef346bc.png?ixlib=rails-4.3.1&auto=format%2Ccompress&fit=crop&crop=center&w=330&h=200&rect=0%2C0%2C3000%2C900&s=45e0acbfc54e6bb8dd334097e53358db" alt="Vrouw in rode trui houdt popcorn vast en draagt een koptelefoon, poseert naast een grote tablet, met een stad bij zonsondergang." sizes="(max-width: 767px) 85vw, (max-width: 1023px) 45vw, 330px" srcset="https://yobbers-assets.imgix.net/vacancyphoto/6720/photo/ed9f4c855f875a2b2ba98b7a8ef346bc.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=2fa6670da1738784fe14875e9ec1a495 320w, https://yobbers-assets.imgix.net/vacancyphoto/6720/photo/ed9f4c855f875a2b2ba98b7a8ef346bc.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=000f38734ae2bdc6d4ce7f3ef46e4734 480w, https://yobbers-assets.imgix.net/vacancyphoto/6720/photo/ed9f4c855f875a2b2ba98b7a8ef346bc.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=64e895b4176bef0e78fdbc87f9385bf7 640w, https://yobbers-assets.imgix.net/vacancyphoto/6720/photo/ed9f4c855f875a2b2ba98b7a8ef346bc.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=cc34668be18aa4fab1610cc73a6b5fc6 800w, https://yobbers-assets.imgix.net/vacancyphoto/6720/photo/ed9f4c855f875a2b2ba98b7a8ef346bc.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=637994a88b59b1a9cb9bfb29f45a7cff 960w, https://yobbers-assets.imgix.net/vacancyphoto/6720/photo/ed9f4c855f875a2b2ba98b7a8ef346bc.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=c37e5e35ed300c595f7ddbab090b1923 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">Ga wonen en werken in Athene voor de klantenservice van Netflix</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">
                                +4
</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" x="0px" y="0px" width="14px" height="14px" viewBox="0 0 16 16" role="img" aria-hidden="true" class="text-gray-600 group-disabled:text-gray-300 transition" style="fill: currentColor !important;"><path d="M15,7H3.414L6.707,3.707A1,1,0,0,0,5.293,2.293l-5,5a1,1,0,0,0,0,1.414l5,5a1,1,0,1,0,1.414-1.414L3.414,9H15a1,1,0,0,0,0-2Z" fill="currentColor"></path></svg>
</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" x="0px" y="0px" width="14px" height="14px" viewBox="0 0 16 16" role="img" aria-hidden="true" class="text-gray-600 group-disabled:text-gray-300 transition" style="fill: currentColor !important;"><path d="M10.707,2.293A1,1,0,0,0,9.293,3.707L12.586,7H1A1,1,0,0,0,1,9H12.586L9.293,12.293a1,1,0,1,0,1.414,1.414l5-5a1,1,0,0,0,0-1.414Z" fill="currentColor"></path></svg>
</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-is-open-value="false" data-ui--dropdown-placement-value="bottom-end" data-ui--dropdown-searchable-value="false" data-ui--dropdown-wrapper-class="is-open">
    <button class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 duration-(--duration-hover) ease-linear cursor-pointer [&amp;_svg]:pointer-events-none shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 aria-invalid:border-destructive hover:bg-accent hover:text-accent-foreground aria-expanded:bg-accent aria-expanded:text-accent-foreground dark:hover:bg-accent/50 h-input-sm rounded-md gap-1.5 px-3 has-[&gt;svg]:px-2.5 [&amp;_svg:not([class*=&quot;size-&quot;])]:size-[14px]" data-ripplet="true" data-slot="button" data-ui--dropdown-target="trigger" popovertarget="dropdown-6087fe0ac1" aria-haspopup="menu" aria-controls="dropdown-6087fe0ac1" aria-expanded="false" id="sortVacancies" type="button">          Aanbevolen
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="16px" height="16px" viewBox="0 0 16 16" role="img" aria-hidden="true" class="shrink-0" style="fill: currentColor !important;"><path d="M8,11a1,1,0,0,1-.707-.293l-4-4A1,1,0,0,1,4.707,5.293L8,8.586l3.293-3.293a1,1,0,1,1,1.414,1.414l-4,4A1,1,0,0,1,8,11Z" fill="currentColor"></path></svg></button>

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

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

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

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

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


  <div class="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="items-center justify-center gap-2 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 bg-primary text-white shadow-xs hover:bg-primary/90 h-input-lg rounded-md px-6 has-[&gt;svg]:px-4 [&amp;_svg:not([class*=&quot;size-&quot;])]:size-4 flex w-full" data-ripplet="true" data-slot="button" data-do="click-&gt;modal#open" data-modal-size="sm" data-turbo-frame="modal" href="/nl/search_queries/nieuw"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="16px" height="16px" viewBox="0 0 24 24" role="img" aria-hidden="true" class="shrink-0" style="fill: currentColor !important;"><path d="M21.855,18.482A12.85,12.85,0,0,1,20,11.994V8.006a8,8,0,0,0-16,0v3.982a12.851,12.851,0,0,1-1.855,6.494A1,1,0,0,0,3,20H21a1,1,0,0,0,.855-1.518Z" fill="currentColor"></path> <path data-color="color-2" d="M13.007,23.825a3,3,0,0,0,1.819-1.819H9.174A3,3,0,0,0,13.007,23.825Z" fill="currentColor"></path></svg>Maak een job alerts aan</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 border-gray-300! bg-white! shadow-md! hover:border-gray-400! hover:bg-gray-50!" data-turbo-frame="modal" data-do="click-&gt;modal#open" data-modal-size="sm" href="/nl/search_queries/nieuw">
        <div class="icon relative">
          <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20px" height="20px" viewBox="0 0 24 24" role="img" aria-hidden="true" class="origin-top motion-safe:animate-job-alert-ring text-primary" style="fill: currentColor !important;"><path d="M21.855,18.482A12.85,12.85,0,0,1,20,11.994V8.006a8,8,0,0,0-16,0v3.982a12.851,12.851,0,0,1-1.855,6.494A1,1,0,0,0,3,20H21a1,1,0,0,0,.855-1.518Z" fill="currentColor"></path> <path data-color="color-2" d="M13.007,23.825a3,3,0,0,0,1.819-1.819H9.174A3,3,0,0,0,13.007,23.825Z" fill="currentColor"></path></svg>

        </div>

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

      <turbo-frame id="filter_countries">

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


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

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


          </div>

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

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


          </div>

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

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


          </div>

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

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


          </div>

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

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


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

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

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


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

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


            </div>

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

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


            </div>

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

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


            </div>

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

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


            </div>

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

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


            </div>

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

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


            </div>

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

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


            </div>

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

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


            </div>

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

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


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

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

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


          <label data-ripple-target="item" class="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 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" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></svg></span>
</span></span>

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


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

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


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

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


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

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


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

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


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

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


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

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


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

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


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

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


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

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


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

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


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

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


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

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


      </div>
</form>

      <div class="px-1.5">
        <div class="my-3">
          <form class="button_to" method="get" action="/nl/vacancy_filters/categories"><button class="link-text cursor-pointer" data-do="click-&gt;modal#open" data-turbo-frame="modal" type="submit">Meer bekijken (14)</button></form>
        </div>
      </div>
</div></turbo-frame>
      <turbo-frame id="filter_working_hours">
  <div id="workingHours" data-controller="vacancy-filter" data-turbo-frame="modal" data-vacancy-filter-id-value="working_hours" data-vacancy-filter-url-value="https://www.yobbers.com/nl/vacatures-buitenland" data-vacancy-filter-params-value="{}">
    <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-multiple-slider="true" data-range-slider-options-value="[&quot;0&quot;,&quot;1&quot;,&quot;2&quot;,&quot;3&quot;,&quot;4&quot;,&quot;5&quot;,&quot;6&quot;]"
        >
          <div class="mx-3">

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

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

                <div class="marker" style="left: 0%"><span>A1</span></div>
                <div class="marker" style="left: 20%"><span>A2</span></div>
                <div class="marker" style="left: 40%"><span>B1</span></div>
                <div class="marker" style="left: 60%"><span>B2</span></div>
                <div class="marker" style="left: 80%"><span>C1</span></div>
                <div class="marker" style="left: 100%"><span>C2</span></div>
            </div>
          </div>
        </div>
      </div>
</form></div></turbo-frame>
      <turbo-frame id="filter_accommodation">
  <div data-controller="vacancy-filter" data-turbo-frame="modal" data-vacancy-filter-id-value="accommodation" data-vacancy-filter-url-value="https://www.yobbers.com/nl/vacatures-buitenland" data-vacancy-filter-params-value="{}">
    <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" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></svg></span>
</span></span>

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


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

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


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

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


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

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


          </div>
      </div>
</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" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></svg></span>
</span></span>

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


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

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


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

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


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

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


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

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


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

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


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

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


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

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


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

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


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

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


          </div>
</form></div></turbo-frame>
  </div>
</turbo-frame>
</template></turbo-stream>
<turbo-stream action="replace" target="vacancies_footer"><template>
  <turbo-frame id="vacancies_footer">
  <div class="bg-primaryBg" id="information">
    <div class="px-6 md:px-16 py-16 text-gray-700 prose prose-sm max-w-screen-lg mx-auto prose-p:text-gray-900">
      <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" action="push_vacancy_index_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>

