<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 mb-3 flex items-center justify-between px-3 text-gray-600">
    <div>4 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-5d7324329e" aria-haspopup="menu" aria-controls="dropdown-5d7324329e" aria-expanded="false" id="sortVacancies" type="button">          Aanbevolen
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" role="img" aria-hidden="true" class="shrink-0" style="fill: currentColor !important;" width="16px" height="16px"><g><polygon points="8,11.4 2.6,6 4,4.6 8,8.6 12,4.6 13.4,6 "></polygon></g></svg></button>

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

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

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

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

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

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

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

  <div id="vacancy_1277">
    
<div
  class="relative block group" 
>
  <div class="flex flex-row">
    <div class="shrink-0">
      <div class="js-loader-el js-loader-el--image relative isolate w-full overflow-hidden rounded-lg">
          <img alt="Werk remote in Portugal als klantenservicemedewerker voor bol" width="250" height="180" style="aspect-ratio: 250 / 180;" class="rounded-lg group-hover:scale-105 transition-transform ease-out-quart duration-500 block max-w-[124px] lg:max-w-full" srcset="https://yobbers-assets.imgix.net/vacancyphoto/3205/photo/6929cfe09962b147f842be25d6d32f3a.jpg?ixlib=rails-4.3.1&auto=format%2Ccompress&rect=0%2C49%2C2800%2C840&fit=crop&crop=center&w=250&h=180&dpr=1&q=75&s=85926a661f1516323c8d84d3fc4ece07 1x,
https://yobbers-assets.imgix.net/vacancyphoto/3205/photo/6929cfe09962b147f842be25d6d32f3a.jpg?ixlib=rails-4.3.1&auto=format%2Ccompress&rect=0%2C49%2C2800%2C840&fit=crop&crop=center&w=250&h=180&dpr=2&q=50&s=6a90b6a10003f5eb7d8702081297bd02 2x,
https://yobbers-assets.imgix.net/vacancyphoto/3205/photo/6929cfe09962b147f842be25d6d32f3a.jpg?ixlib=rails-4.3.1&auto=format%2Ccompress&rect=0%2C49%2C2800%2C840&fit=crop&crop=center&w=250&h=180&dpr=3&q=35&s=f714af4ab8463096cbc3b1604c97cb59 3x,
https://yobbers-assets.imgix.net/vacancyphoto/3205/photo/6929cfe09962b147f842be25d6d32f3a.jpg?ixlib=rails-4.3.1&auto=format%2Ccompress&rect=0%2C49%2C2800%2C840&fit=crop&crop=center&w=250&h=180&dpr=4&q=23&s=270ca22bf2a9dc0a7f8193a69da564c8 4x,
https://yobbers-assets.imgix.net/vacancyphoto/3205/photo/6929cfe09962b147f842be25d6d32f3a.jpg?ixlib=rails-4.3.1&auto=format%2Ccompress&rect=0%2C49%2C2800%2C840&fit=crop&crop=center&w=250&h=180&dpr=5&q=20&s=ed4aa0948b5b7b9d3c0894d1805e25ce 5x" sizes="100vw" src="https://yobbers-assets.imgix.net/vacancyphoto/3205/photo/6929cfe09962b147f842be25d6d32f3a.jpg?ixlib=rails-4.3.1&auto=format%2Ccompress&rect=0%2C49%2C2800%2C840&fit=crop&crop=center&w=250&h=180&s=fb809505827d3c26fa109725dac1ea36" />


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

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

      <div class="flex-0">
        <div class="flex px-4 pb-1.5">
          <div class="text-body-sm leading-tight">
            <div class="text-gray-600">
              <div class="js-loader-el flex min-h-4 items-start gap-x-1.5">
                <svg xmlns="http://www.w3.org/2000/svg" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" class="mt-0.5 shrink-0 text-gray-400" style="fill: currentColor !important;"><g class="nc-icon-wrapper"><path data-color="color-2" d="M15 13h-5c0 .6-.4 1-1 1H7c-.6 0-1-.4-1-1H1v2c0 .6.4 1 1 1h12c.6 0 1-.4 1-1v-2z"></path><path d="M15 4h-3V1c0-.6-.4-1-1-1H5c-.6 0-1 .4-1 1v3H1c-.6 0-1 .4-1 1v6c0 .6.4 1 1 1h5v-1c0-.6.4-1 1-1h2c.6 0 1 .4 1 1v1h5c.6 0 1-.4 1-1V5c0-.6-.4-1-1-1zm-5 0H6V2h4v2z"></path></g></svg>
                <span>Klantenservicemedewerker</span>
              </div>

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

              <div class="js-loader-el flex min-h-4 items-start gap-x-1.5">
                <svg xmlns="http://www.w3.org/2000/svg" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" class="mt-0.5 shrink-0 text-gray-400" style="fill: currentColor !important;"><path d="M8 0C4.1 0 1 3.1 1 7c0 1.9.7 3.7 2.1 5 .1.1 4.1 3.7 4.2 3.8.4.3 1 .3 1.3 0 .1-.1 4.2-3.7 4.2-3.8 1.4-1.3 2.1-3.1 2.1-5 .1-3.9-3-7-6.9-7zm0 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z"></path></svg>
                <span>Lissabon, Portugal</span>
              </div>

            </div>

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

            <div class="js-loader-el hidden leading-snug text-gray-600 lg:block">
              Combineer een internationale baan met het ontspannen Portugese leven. Werk remote in Portugal (parttime mogelijk) als klantenservicemedewerker en ondersteun Nederlandse klanten vanuit een land vol zon en prachtige stranden. 
            </div>

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

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

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

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

  <div class="absolute top-1.5 left-1.5">
    <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_fdd4f2b7-0e80-4115-96af-e9fba5a7bb94" 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__card-icon cursor-pointer c-save-vacancy-button c-save-vacancy-button--card-icon">
    <svg xmlns="http://www.w3.org/2000/svg" height="20px" width="20px" viewBox="0 0 24 24" role="img" aria-hidden="true" style="fill: currentColor !important;"><g stroke-linecap="round" fill="currentColor" stroke-linejoin="round" class="nc-icon-wrapper"><path d="M20.554,11.889,12,20.778,3.446,11.889A5.265,5.265,0,1,1,12,5.964a5.265,5.265,0,1,1,8.554,5.925Z" fill="none" stroke="currentColor" stroke-width="2"></path></g></svg>
</a>
  </div>
</div>


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


  <div id="vacancy_4778">
    
<div
  class="relative block group" 
>
  <div class="flex flex-row">
    <div class="shrink-0">
      <div class="js-loader-el js-loader-el--image relative isolate w-full overflow-hidden rounded-lg">
          <img alt="Werk in Porto als klantenservicemedewerker in mobiliteit: op kantoor of remote" width="250" height="180" loading="lazy" decoding="async" style="aspect-ratio: 250 / 180;" class="rounded-lg group-hover:scale-105 transition-transform ease-out-quart duration-500 block max-w-[124px] lg:max-w-full" srcset="https://yobbers-assets.imgix.net/vacancyphoto/6576/photo/03a43070fe3f6c192c50b63a500b6688.png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect=0%2C0%2C3000%2C900&fit=crop&crop=center&w=250&h=180&dpr=1&q=75&s=c228e91e81262d211fe80c93fc8dc229 1x,
https://yobbers-assets.imgix.net/vacancyphoto/6576/photo/03a43070fe3f6c192c50b63a500b6688.png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect=0%2C0%2C3000%2C900&fit=crop&crop=center&w=250&h=180&dpr=2&q=50&s=984109f9def4abcf7654dec1a8a29b46 2x,
https://yobbers-assets.imgix.net/vacancyphoto/6576/photo/03a43070fe3f6c192c50b63a500b6688.png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect=0%2C0%2C3000%2C900&fit=crop&crop=center&w=250&h=180&dpr=3&q=35&s=fb6667bd7e0856ec4af4325d2187a607 3x,
https://yobbers-assets.imgix.net/vacancyphoto/6576/photo/03a43070fe3f6c192c50b63a500b6688.png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect=0%2C0%2C3000%2C900&fit=crop&crop=center&w=250&h=180&dpr=4&q=23&s=14f256c39de5c0c716c1e8fbaa0759dd 4x,
https://yobbers-assets.imgix.net/vacancyphoto/6576/photo/03a43070fe3f6c192c50b63a500b6688.png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect=0%2C0%2C3000%2C900&fit=crop&crop=center&w=250&h=180&dpr=5&q=20&s=3315ad62c7249e34a2fc45ff40ca5d3a 5x" sizes="100vw" src="https://yobbers-assets.imgix.net/vacancyphoto/6576/photo/03a43070fe3f6c192c50b63a500b6688.png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect=0%2C0%2C3000%2C900&fit=crop&crop=center&w=250&h=180&s=a03559603513f4eecd0256dcd8942a5c" />


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

    <div class="flex flex-1 flex-col">
      <div class="flex-0">
        <div class="px-4 pt-0.5 pb-2 leading-snug">
          <div class="js-loader-el text-body-lg font-semibold text-gray-800">Werk in Porto als klantenservicemedewerker in mobiliteit: op kantoor of remote</div>
        </div>
      </div>

      <div class="flex-0">
        <div class="flex px-4 pb-1.5">
          <div class="text-body-sm leading-tight">
            <div class="text-gray-600">
              <div class="js-loader-el flex min-h-4 items-start gap-x-1.5">
                <svg xmlns="http://www.w3.org/2000/svg" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" class="mt-0.5 shrink-0 text-gray-400" style="fill: currentColor !important;"><g class="nc-icon-wrapper"><path data-color="color-2" d="M15 13h-5c0 .6-.4 1-1 1H7c-.6 0-1-.4-1-1H1v2c0 .6.4 1 1 1h12c.6 0 1-.4 1-1v-2z"></path><path d="M15 4h-3V1c0-.6-.4-1-1-1H5c-.6 0-1 .4-1 1v3H1c-.6 0-1 .4-1 1v6c0 .6.4 1 1 1h5v-1c0-.6.4-1 1-1h2c.6 0 1 .4 1 1v1h5c.6 0 1-.4 1-1V5c0-.6-.4-1-1-1zm-5 0H6V2h4v2z"></path></g></svg>
                <span>Klantenservicemedewerker</span>
              </div>

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

              <div class="js-loader-el flex min-h-4 items-start gap-x-1.5">
                <svg xmlns="http://www.w3.org/2000/svg" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" class="mt-0.5 shrink-0 text-gray-400" style="fill: currentColor !important;"><path d="M8 0C4.1 0 1 3.1 1 7c0 1.9.7 3.7 2.1 5 .1.1 4.1 3.7 4.2 3.8.4.3 1 .3 1.3 0 .1-.1 4.2-3.7 4.2-3.8 1.4-1.3 2.1-3.1 2.1-5 .1-3.9-3-7-6.9-7zm0 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z"></path></svg>
                <span>Porto, Portugal</span>
              </div>

            </div>

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

            <div class="js-loader-el hidden leading-snug text-gray-600 lg:block">
              Werk als klantenservicemedewerker in Porto voor een Europese speler in mobiliteit en weginfrastructuur. Je werkt op kantoor in Porto of remote vanuit huis in regio Porto. Vliegticket, accommodatie en zorgverzekering zijn geregeld.
            </div>

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

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

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

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

  <div class="absolute top-1.5 left-1.5">
    <a data-save-vacancy-id="4778" data-controller="save-vacancy gtm-favourite-vacancy" data-save-vacancy-url-value="/nl/opgeslagen-vacatures/4778/toggle" data-gtm-favourite-vacancy-id-value="4778" data-gtm-favourite-vacancy-title-value="Werk in Porto als klantenservicemedewerker in mobiliteit: op kantoor of remote" data-gtm-favourite-vacancy-is-favourite-value="false" data-gtm-favourite-vacancy-request-id-value="save_vacancy_325a8be3-24b2-4432-9135-f4468b9851d9" 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_4778" href="/nl/inloggen-aanmelden?saved_vacancy=4778" class="c-save-vacancy-button__card-icon cursor-pointer c-save-vacancy-button c-save-vacancy-button--card-icon">
    <svg xmlns="http://www.w3.org/2000/svg" height="20px" width="20px" viewBox="0 0 24 24" role="img" aria-hidden="true" style="fill: currentColor !important;"><g stroke-linecap="round" fill="currentColor" stroke-linejoin="round" class="nc-icon-wrapper"><path d="M20.554,11.889,12,20.778,3.446,11.889A5.265,5.265,0,1,1,12,5.964a5.265,5.265,0,1,1,8.554,5.925Z" fill="none" stroke="currentColor" stroke-width="2"></path></g></svg>
</a>
  </div>
</div>


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


  <div id="vacancy_2410">
    
<div
  class="relative block group" 
>
  <div class="flex flex-row">
    <div class="shrink-0">
      <div class="js-loader-el js-loader-el--image relative isolate w-full overflow-hidden rounded-lg">
          <img alt="Help klanten van Footlocker remote vanuit Portugal" width="250" height="180" loading="lazy" decoding="async" style="aspect-ratio: 250 / 180;" class="rounded-lg group-hover:scale-105 transition-transform ease-out-quart duration-500 block max-w-[124px] lg:max-w-full" srcset="https://yobbers-assets.imgix.net/vacancyphoto/4348/photo/b335c76f60b5197bbda2b44ff32563e1.jpg?ixlib=rails-4.3.1&auto=format%2Ccompress&rect=0%2C4%2C2800%2C926&fit=crop&crop=center&w=250&h=180&dpr=1&q=75&s=cba11d990e7798070a5fc3e178154e04 1x,
https://yobbers-assets.imgix.net/vacancyphoto/4348/photo/b335c76f60b5197bbda2b44ff32563e1.jpg?ixlib=rails-4.3.1&auto=format%2Ccompress&rect=0%2C4%2C2800%2C926&fit=crop&crop=center&w=250&h=180&dpr=2&q=50&s=f3605d62f1848b80dfb9d562a1c5b3ea 2x,
https://yobbers-assets.imgix.net/vacancyphoto/4348/photo/b335c76f60b5197bbda2b44ff32563e1.jpg?ixlib=rails-4.3.1&auto=format%2Ccompress&rect=0%2C4%2C2800%2C926&fit=crop&crop=center&w=250&h=180&dpr=3&q=35&s=98e0220b9bf3807494d26f22cdf3ee03 3x,
https://yobbers-assets.imgix.net/vacancyphoto/4348/photo/b335c76f60b5197bbda2b44ff32563e1.jpg?ixlib=rails-4.3.1&auto=format%2Ccompress&rect=0%2C4%2C2800%2C926&fit=crop&crop=center&w=250&h=180&dpr=4&q=23&s=f4bf2dcb1d445761b436c83225ab5ae0 4x,
https://yobbers-assets.imgix.net/vacancyphoto/4348/photo/b335c76f60b5197bbda2b44ff32563e1.jpg?ixlib=rails-4.3.1&auto=format%2Ccompress&rect=0%2C4%2C2800%2C926&fit=crop&crop=center&w=250&h=180&dpr=5&q=20&s=44437efe1e5d95e0a0a387761a84e797 5x" sizes="100vw" src="https://yobbers-assets.imgix.net/vacancyphoto/4348/photo/b335c76f60b5197bbda2b44ff32563e1.jpg?ixlib=rails-4.3.1&auto=format%2Ccompress&rect=0%2C4%2C2800%2C926&fit=crop&crop=center&w=250&h=180&s=d00b4e3ef9a02a87e4f9ae06bf4d178e" />


      </div>
    </div>

    <div class="flex flex-1 flex-col">
      <div class="flex-0">
        <div class="px-4 pt-0.5 pb-2 leading-snug">
          <div class="js-loader-el text-body-lg font-semibold text-gray-800">Help klanten van Footlocker remote vanuit Portugal</div>
        </div>
      </div>

      <div class="flex-0">
        <div class="flex px-4 pb-1.5">
          <div class="text-body-sm leading-tight">
            <div class="text-gray-600">
              <div class="js-loader-el flex min-h-4 items-start gap-x-1.5">
                <svg xmlns="http://www.w3.org/2000/svg" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" class="mt-0.5 shrink-0 text-gray-400" style="fill: currentColor !important;"><g class="nc-icon-wrapper"><path data-color="color-2" d="M15 13h-5c0 .6-.4 1-1 1H7c-.6 0-1-.4-1-1H1v2c0 .6.4 1 1 1h12c.6 0 1-.4 1-1v-2z"></path><path d="M15 4h-3V1c0-.6-.4-1-1-1H5c-.6 0-1 .4-1 1v3H1c-.6 0-1 .4-1 1v6c0 .6.4 1 1 1h5v-1c0-.6.4-1 1-1h2c.6 0 1 .4 1 1v1h5c.6 0 1-.4 1-1V5c0-.6-.4-1-1-1zm-5 0H6V2h4v2z"></path></g></svg>
                <span>Klantenservicemedewerker</span>
              </div>

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

              <div class="js-loader-el flex min-h-4 items-start gap-x-1.5">
                <svg xmlns="http://www.w3.org/2000/svg" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" class="mt-0.5 shrink-0 text-gray-400" style="fill: currentColor !important;"><path d="M8 0C4.1 0 1 3.1 1 7c0 1.9.7 3.7 2.1 5 .1.1 4.1 3.7 4.2 3.8.4.3 1 .3 1.3 0 .1-.1 4.2-3.7 4.2-3.8 1.4-1.3 2.1-3.1 2.1-5 .1-3.9-3-7-6.9-7zm0 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z"></path></svg>
                <span>Lissabon, Portugal</span>
              </div>

            </div>

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

            <div class="js-loader-el hidden leading-snug text-gray-600 lg:block">
              Ben jij een echte sneakerliefhebber? Verhuis naar het buitenland en help klanten van Footlocker vanuit het zonnige Portugal. Niet alleen ga je werken bij een tof project, je ontmoet nieuwe mensen én je doet internationale ervaring op. Lees meer!
            </div>

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

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

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

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

  <div class="absolute top-1.5 left-1.5">
    <a data-save-vacancy-id="2410" data-controller="save-vacancy gtm-favourite-vacancy" data-save-vacancy-url-value="/nl/opgeslagen-vacatures/2410/toggle" data-gtm-favourite-vacancy-id-value="2410" data-gtm-favourite-vacancy-title-value="Help klanten van Footlocker remote vanuit Portugal" data-gtm-favourite-vacancy-is-favourite-value="false" data-gtm-favourite-vacancy-request-id-value="save_vacancy_aa0420a7-36f7-4cb2-b9ca-5ae595053855" 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_2410" href="/nl/inloggen-aanmelden?saved_vacancy=2410" class="c-save-vacancy-button__card-icon cursor-pointer c-save-vacancy-button c-save-vacancy-button--card-icon">
    <svg xmlns="http://www.w3.org/2000/svg" height="20px" width="20px" viewBox="0 0 24 24" role="img" aria-hidden="true" style="fill: currentColor !important;"><g stroke-linecap="round" fill="currentColor" stroke-linejoin="round" class="nc-icon-wrapper"><path d="M20.554,11.889,12,20.778,3.446,11.889A5.265,5.265,0,1,1,12,5.964a5.265,5.265,0,1,1,8.554,5.925Z" fill="none" stroke="currentColor" stroke-width="2"></path></g></svg>
</a>
  </div>
</div>


  </div>


  <div id="vacancy_4762">
    
<div
  class="relative block group" 
>
  <div class="flex flex-row">
    <div class="shrink-0">
      <div class="js-loader-el js-loader-el--image relative isolate w-full overflow-hidden rounded-lg">
          <img alt="Werk via Yobbers in Lissabon of Porto" width="250" height="180" loading="lazy" decoding="async" style="aspect-ratio: 250 / 180;" class="rounded-lg group-hover:scale-105 transition-transform ease-out-quart duration-500 block max-w-[124px] lg:max-w-full" srcset="https://yobbers-assets.imgix.net/vacancyphoto/6812/photo/01b1a59fdb8d1ac250bb2f89f3184d49.png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=1&q=75&s=7574070e4029df25680e4cc585ff690c 1x,
https://yobbers-assets.imgix.net/vacancyphoto/6812/photo/01b1a59fdb8d1ac250bb2f89f3184d49.png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=2&q=50&s=21c4a2fec603bbf3606b56bd83c28d5d 2x,
https://yobbers-assets.imgix.net/vacancyphoto/6812/photo/01b1a59fdb8d1ac250bb2f89f3184d49.png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=3&q=35&s=4978a2f267a0edfb5908c222cbcb40e4 3x,
https://yobbers-assets.imgix.net/vacancyphoto/6812/photo/01b1a59fdb8d1ac250bb2f89f3184d49.png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=4&q=23&s=33dbe1fd6c9c95db5673b9b5b9d8c386 4x,
https://yobbers-assets.imgix.net/vacancyphoto/6812/photo/01b1a59fdb8d1ac250bb2f89f3184d49.png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=5&q=20&s=91508ad7dd330a844f1145d6219b8ef5 5x" sizes="100vw" src="https://yobbers-assets.imgix.net/vacancyphoto/6812/photo/01b1a59fdb8d1ac250bb2f89f3184d49.png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&s=b4b5269e1ab45e457f3336a05913d1db" />


      </div>
    </div>

    <div class="flex flex-1 flex-col">
      <div class="flex-0">
        <div class="px-4 pt-0.5 pb-2 leading-snug">
          <div class="js-loader-el text-body-lg font-semibold text-gray-800">Werk via Yobbers in Lissabon of Porto</div>
        </div>
      </div>

      <div class="flex-0">
        <div class="flex px-4 pb-1.5">
          <div class="text-body-sm leading-tight">
            <div class="text-gray-600">
              <div class="js-loader-el flex min-h-4 items-start gap-x-1.5">
                <svg xmlns="http://www.w3.org/2000/svg" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" class="mt-0.5 shrink-0 text-gray-400" style="fill: currentColor !important;"><g class="nc-icon-wrapper"><path data-color="color-2" d="M15 13h-5c0 .6-.4 1-1 1H7c-.6 0-1-.4-1-1H1v2c0 .6.4 1 1 1h12c.6 0 1-.4 1-1v-2z"></path><path d="M15 4h-3V1c0-.6-.4-1-1-1H5c-.6 0-1 .4-1 1v3H1c-.6 0-1 .4-1 1v6c0 .6.4 1 1 1h5v-1c0-.6.4-1 1-1h2c.6 0 1 .4 1 1v1h5c.6 0 1-.4 1-1V5c0-.6-.4-1-1-1zm-5 0H6V2h4v2z"></path></g></svg>
                <span>Klantenservice / Sales / Content Moderation</span>
              </div>

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

              <div class="js-loader-el flex min-h-4 items-start gap-x-1.5">
                <svg xmlns="http://www.w3.org/2000/svg" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" class="mt-0.5 shrink-0 text-gray-400" style="fill: currentColor !important;"><path d="M8 0C4.1 0 1 3.1 1 7c0 1.9.7 3.7 2.1 5 .1.1 4.1 3.7 4.2 3.8.4.3 1 .3 1.3 0 .1-.1 4.2-3.7 4.2-3.8 1.4-1.3 2.1-3.1 2.1-5 .1-3.9-3-7-6.9-7zm0 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z"></path></svg>
                <span>Lissabon, Portugal</span>
              </div>

            </div>

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

            <div class="js-loader-el hidden leading-snug text-gray-600 lg:block">
              Wil jij wonen en werken in Portugal? Met Yobbers vind je de juiste baan in Lissabon of Porto en ondersteunen wij je bij de start van je avontuur. Ontdek de stad, werk voor internationale bedrijven en leer nieuwe culturen kennen.
            </div>

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

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

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

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

  <div class="absolute top-1.5 left-1.5">
    <a data-save-vacancy-id="4762" data-controller="save-vacancy gtm-favourite-vacancy" data-save-vacancy-url-value="/nl/opgeslagen-vacatures/4762/toggle" data-gtm-favourite-vacancy-id-value="4762" data-gtm-favourite-vacancy-title-value="Werk via Yobbers in Lissabon of Porto" data-gtm-favourite-vacancy-is-favourite-value="false" data-gtm-favourite-vacancy-request-id-value="save_vacancy_8b1643e1-16c9-43d4-aa1a-7980ae79623c" data-gtm-favourite-vacancy-categories-value="[16,21,33,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_4762" href="/nl/inloggen-aanmelden?saved_vacancy=4762" class="c-save-vacancy-button__card-icon cursor-pointer c-save-vacancy-button c-save-vacancy-button--card-icon">
    <svg xmlns="http://www.w3.org/2000/svg" height="20px" width="20px" viewBox="0 0 24 24" role="img" aria-hidden="true" style="fill: currentColor !important;"><g stroke-linecap="round" fill="currentColor" stroke-linejoin="round" class="nc-icon-wrapper"><path d="M20.554,11.889,12,20.778,3.446,11.889A5.265,5.265,0,1,1,12,5.964a5.265,5.265,0,1,1,8.554,5.925Z" fill="none" stroke="currentColor" stroke-width="2"></path></g></svg>
</a>
  </div>
</div>


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

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


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

      <turbo-frame id="filter_countries">

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


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

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


          </div>

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

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


          </div>

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

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


          </div>

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

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


          </div>

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

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


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

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

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


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

    <span class="y-control__label"><span class="flex min-w-0 items-center"><span class="min-w-0 flex-1"><span class="block truncate font-medium text-gray-800">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="11" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></g></svg></span>
</span></span>

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


            </div>
        </div>
</form>
</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="{&quot;country_code&quot;:&quot;PT&quot;}">
    <form data-vacancy-filter-target="form" data-do="change-&gt;vacancy-filter#submit" action="/nl/vacatures-buitenland" accept-charset="UTF-8" method="get">
      <div>
        <div class="text-paragraph-sm px-1.5 py-3 font-semibold">Categorieën</div>

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

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


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

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


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

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


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

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


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

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


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

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


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

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


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

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


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

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


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

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


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

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


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

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


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

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


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

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


      </div>
</form>

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

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

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

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

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

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

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

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

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


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

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


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

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


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

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


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

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

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


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

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


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

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


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

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


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

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


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

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


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

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


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

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


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

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


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

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


          </div>
</form></div></turbo-frame>
  </div>
</turbo-frame>
</template></turbo-stream>
<turbo-stream action="replace" target="vacancies_footer"><template>
  <turbo-frame id="vacancies_footer">
  <div class="bg-primaryBg" id="information">
    <div class="px-6 md:px-16 py-16 text-gray-700 prose prose-sm max-w-screen-lg mx-auto prose-p:text-gray-900">
      <p>Vacatures in het buitenland zijn er in alle vormen, rollen en sectoren. Yobbers biedt een breed scala aan banen in het buitenland, afgestemd op verschillende voorkeuren en carrièrepaden. Kies uit onze verschillende locaties en taalopties om de perfecte uitdaging te vinden! Elke functie biedt een kans op persoonlijke groei en zelfontdekking. Vind dé rol die aansluit bij jouw vaardigheden en interesses, en begin aan een unieke reis naar het buitenland met Yobbers als jouw reispartner. Solliciteer nu voor een baan in het buitenland en open de deuren naar een onvergetelijk avontuur met Yobbers!</p>
</div></div></turbo-frame>
</template></turbo-stream>
  <turbo-stream url="/nl/vacatures-buitenland?category_ids=33&amp;country_code=PT" 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 4 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;:[&quot;PT&quot;],&quot;vacanciesFilteredLocations&quot;:[],&quot;vacanciesFilteredJobPerkCategories&quot;:[],&quot;vacanciesFilteredCategories&quot;:[&quot;Remote&quot;],&quot;vacanciesFilteredWorkingHours&quot;:null,&quot;vacanciesFilteredResultsCount&quot;:4,&quot;vacanciesFilteredAccommodationType&quot;:null,&quot;vacanciesFilteredEnglishProficiency&quot;:null}" debounce_time="3000" action="track_event"><template></template></turbo-stream>

