<turbo-stream url="https://www.yseasonal.com/nl/seizoenswerk?page=2" title="" state="{}" action="replace_state"><template></template></turbo-stream><turbo-stream action="replace" target="filters_wrapper"><template><turbo-stream url="https://www.yseasonal.com/nl/seizoenswerk?page=2" title="" state="{}" action="replace_state"><template></template></turbo-stream>
<turbo-frame id="filters_wrapper">
  <aside id="filters" data-drawer-backdrop="true" class="top-0 left-0 z-90 fixed w-full h-screen max-h-screen transition-transform -translate-x-full">
  <div class="flex flex-col justify-between bg-gray-50 h-full overflow-y-auto">
    <div class="flex flex-row justify-between items-center mb-4 p-4 border-gray-200 border-b">
      <p class="font-medium text-gray-900 text-lg">
        Filters
      </p>
      <button type="button" class="inline-flex justify-center items-center bg-transparent hover:bg-gray-200 ms-auto rounded-lg w-8 h-8 text-gray-400 hover:text-gray-900 text-sm" data-drawer-hide="filters">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18 17.94 6M18 18 6.06 6"></path>
</svg>

      </button>
    </div>

    <div class="flex flex-col px-4 h-full overflow-y-auto grow">
      <div class="flex flex-col justify-start h-full overflow-y-auto">

        <form data-controller="autosubmit" data-turbo-method="get" data-turbo-stream="true" data-turbo-frame="_top" action="/nl/seizoenswerk" accept-charset="UTF-8" method="get">
          <input autocomplete="off" value="drawer" type="hidden" name="from_display" id="from_display" />
          

          
  <div class="py-6 border-gray-200 border-b">
    <div class="flow-root -my-3">
        <p class="font-medium text-gray-900">
          Actieve filters
       </p>

      <div id="drawer-actieve-filters" class="space-y-1 pb-2 px-2 ">
        
            <turbo-frame id="filters_drawer_active">
              <ul class="flex flex-row flex-wrap gap-2 mb-2 pt-6">
    <li class="text-gray-500 text-sm">Geen filters ingesteld</li>
</ul>

</turbo-frame>
      </div>
    </div>
  </div>

            <turbo-frame id="filters_drawer_sections">
                
  <div class="py-6 border-gray-200 border-b">
    <div class="flow-root -my-3">
        <button type="button" class="group flex items-center py-4 rounded-lg w-full text-gray-900 text-base transition duration-75" data-collapse-toggle="drawer-landen">
          <span class="flex-1 font-medium text-left whitespace-nowrap">
            Landen
          </span>
          <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="h-5 w-5">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 9-7 7-7-7"></path>
</svg>

        </button>

      <div id="drawer-landen" class="space-y-1 pb-2 px-2 hidden">
        
                    <div class="flex items-center py-2">
      <input type="checkbox" value="australie" name="countries[]" id="drawer-countries-australie" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="drawer-countries-australie" class="ms-2 w-full text-gray-900 text-sm">Australië</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="cyprus" name="countries[]" id="drawer-countries-cyprus" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="drawer-countries-cyprus" class="ms-2 w-full text-gray-900 text-sm">Cyprus</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="duitsland" name="countries[]" id="drawer-countries-duitsland" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="drawer-countries-duitsland" class="ms-2 w-full text-gray-900 text-sm">Duitsland</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="frankrijk" name="countries[]" id="drawer-countries-frankrijk" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="drawer-countries-frankrijk" class="ms-2 w-full text-gray-900 text-sm">Frankrijk</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="griekenland" name="countries[]" id="drawer-countries-griekenland" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="drawer-countries-griekenland" class="ms-2 w-full text-gray-900 text-sm">Griekenland</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="italie" name="countries[]" id="drawer-countries-italie" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="drawer-countries-italie" class="ms-2 w-full text-gray-900 text-sm">Italië</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="kroatie" name="countries[]" id="drawer-countries-kroatie" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="drawer-countries-kroatie" class="ms-2 w-full text-gray-900 text-sm">Kroatië</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="oostenrijk" name="countries[]" id="drawer-countries-oostenrijk" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="drawer-countries-oostenrijk" class="ms-2 w-full text-gray-900 text-sm">Oostenrijk</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="sint-maarten" name="countries[]" id="drawer-countries-sint-maarten" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="drawer-countries-sint-maarten" class="ms-2 w-full text-gray-900 text-sm">Sint Maarten</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="spanje" name="countries[]" id="drawer-countries-spanje" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="drawer-countries-spanje" class="ms-2 w-full text-gray-900 text-sm">Spanje</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="turkije" name="countries[]" id="drawer-countries-turkije" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="drawer-countries-turkije" class="ms-2 w-full text-gray-900 text-sm">Turkije</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="verenigde-staten" name="countries[]" id="drawer-countries-verenigde-staten" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="drawer-countries-verenigde-staten" class="ms-2 w-full text-gray-900 text-sm">Verenigde Staten</label>
  </div>


      </div>
    </div>
  </div>
                
  <div class="py-6 border-gray-200 border-b">
    <div class="flow-root -my-3">
        <button type="button" class="group flex items-center py-4 rounded-lg w-full text-gray-900 text-base transition duration-75" data-collapse-toggle="drawer-categorieen">
          <span class="flex-1 font-medium text-left whitespace-nowrap">
            Categorieën
          </span>
          <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="h-5 w-5">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 9-7 7-7-7"></path>
</svg>

        </button>

      <div id="drawer-categorieen" class="space-y-1 pb-2 px-2 hidden">
        
                    <div class="flex items-center py-2">
      <input type="checkbox" value="agrarisch" name="categories[]" id="drawer-categories-agrarisch" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="drawer-categories-agrarisch" class="ms-2 w-full text-gray-900 text-sm">Agrarisch</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="animatie" name="categories[]" id="drawer-categories-animatie" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="drawer-categories-animatie" class="ms-2 w-full text-gray-900 text-sm">Animatie</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="camping" name="categories[]" id="drawer-categories-camping" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="drawer-categories-camping" class="ms-2 w-full text-gray-900 text-sm">Camping</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="horeca" name="categories[]" id="drawer-categories-horeca" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="drawer-categories-horeca" class="ms-2 w-full text-gray-900 text-sm">Horeca</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="hotel" name="categories[]" id="drawer-categories-hotel" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="drawer-categories-hotel" class="ms-2 w-full text-gray-900 text-sm">Hotel</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="kinderopvang+en+au+pair" name="categories[]" id="drawer-categories-kinderopvang+en+au+pair" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="drawer-categories-kinderopvang+en+au+pair" class="ms-2 w-full text-gray-900 text-sm">Kinderopvang en Au Pair</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="kok" name="categories[]" id="drawer-categories-kok" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="drawer-categories-kok" class="ms-2 w-full text-gray-900 text-sm">Kok</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="onderwijs" name="categories[]" id="drawer-categories-onderwijs" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="drawer-categories-onderwijs" class="ms-2 w-full text-gray-900 text-sm">Onderwijs</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="receptie" name="categories[]" id="drawer-categories-receptie" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="drawer-categories-receptie" class="ms-2 w-full text-gray-900 text-sm">Receptie</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="schoonmaak" name="categories[]" id="drawer-categories-schoonmaak" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="drawer-categories-schoonmaak" class="ms-2 w-full text-gray-900 text-sm">Schoonmaak</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="sport+en+fitness" name="categories[]" id="drawer-categories-sport+en+fitness" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="drawer-categories-sport+en+fitness" class="ms-2 w-full text-gray-900 text-sm">Sport en fitness</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="techniek+%26+engineering" name="categories[]" id="drawer-categories-techniek+%26+engineering" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="drawer-categories-techniek+%26+engineering" class="ms-2 w-full text-gray-900 text-sm">Techniek &amp; Engineering</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="toerisme" name="categories[]" id="drawer-categories-toerisme" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="drawer-categories-toerisme" class="ms-2 w-full text-gray-900 text-sm">Toerisme</label>
  </div>


      </div>
    </div>
  </div>
                
  <div class="py-6 border-gray-200 border-b">
    <div class="flow-root -my-3">
        <button type="button" class="group flex items-center py-4 rounded-lg w-full text-gray-900 text-base transition duration-75" data-collapse-toggle="drawer-seizoenen">
          <span class="flex-1 font-medium text-left whitespace-nowrap">
            Seizoenen
          </span>
          <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="h-5 w-5">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 9-7 7-7-7"></path>
</svg>

        </button>

      <div id="drawer-seizoenen" class="space-y-1 pb-2 px-2 hidden">
        
                    <ul class="items-stretch gap-2 grid grid-cols-2 mb-4 px-4 py-2 w-full">
      <li class="h-full">
          <input type="checkbox" value="spring" name="season[]" id="drawer-season-spring" class="peer hidden" data-autosubmit-target="input">
        <label for="drawer-season-spring" class="flex flex-col justify-center items-center bg-white hover:bg-gray-50 p-4 border border-gray-200 peer-checked:border-endeavour-600 rounded-lg w-full h-full min-h-[120px] text-gray-700 hover:text-gray-800 peer-checked:text-gray-800 cursor-pointer">
          <div class="text-center">
            <svg id="Layer_1" enable-background="new 0 0 512 512" height="300" viewbox="0 0 512 512" width="300" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.dev/svgjs" class="mx-auto mb-2 w-12 h-12">
  <g width="100%" height="100%" transform="matrix(1,0,0,1,0,0)">
    <g>
      <path d="m482.0911 61.4016h-452.1543c-16.5132 0-29.9478 13.4219-29.9478 29.9194v367.087c0 16.5132 13.4346 29.9478 29.9478 29.9478h452.1543c16.498 0 29.9199-13.4346 29.9199-29.9478v-367.087c0-16.4975-13.4219-29.9194-29.9199-29.9194z" fill="#edebeb" fill-opacity="1" data-original-color="#edebebff" stroke="none" stroke-opacity="1"></path>
      <path d="m310.5718 324.9872c-14.5133-5.1591-27.2408-5.4425-37.9558-.4252-3.2063 1.4948-6.063 3.3909-8.6174 5.5914v-12.5906c-.4282-.175-.8616-.3547-1.3038-.541-3.8834-1.6441-5.8395-2.4662-6.6898-2.4662s-2.8063.8221-6.718 2.4945c-.4321.1809-.8564.3559-1.2756.5262v22.8069c-2.6534-2.2925-5.5222-4.1711-8.6173-5.6166-10.7433-5.0173-23.4425-4.7339-37.9843.4252-4.167 1.474-6.3496 6.0378-4.8756 10.1764 4.6205 12.5858 10.715 23.7543 23.1591 30.0189 8.0525 4.0585 17.4739 5.1152 28.3181 2.9888v16.4852c0 4.3937 3.5717 7.9937 7.9937 7.9937 4.4221 0 7.9937-3.6 7.9937-7.9937v-26.6981c10.842 2.1174 20.2415 1.076 28.2898-2.9805 12.4158-6.2362 18.5953-17.4897 23.1592-30.0189 1.4736-4.1669-.709-8.7024-4.876-10.1764z" fill="#4cd3aa" fill-opacity="1" data-original-color="#4cd3aaff" stroke="none" stroke-opacity="1"></path>
      <path d="m315.1356 264.6093c-1.6725-3.9118-2.4945-5.8677-2.4945-6.6898 0-.8504.822-2.8063 2.4662-6.7181 2.7213-6.4346 4.3654-11.3102 1.4457-18.3401-2.8914-6.9449-7.4551-9.3827-14.0032-12.0472-3.9119-1.5874-5.8677-2.3811-6.463-2.9764-.6237-.6237-1.4174-2.5795-3.0048-6.463-2.6646-6.5764-5.1023-11.1401-12.0471-14.0032-7.03-2.9197-11.9055-1.3039-18.3402 1.4174-3.9117 1.6441-5.8678 2.4661-6.6898 2.4661-.8503 0-2.8063-.822-6.718-2.4661-6.4347-2.7213-11.3103-4.337-18.3402-1.4174-4.6488 1.9276-8.5607 5.6126-10.63 10.6016-.8503 2.0126-3.4866 8.9575-4.3936 9.8646-.8788.907-7.8521 3.5717-9.8646 4.3937-4.989 2.0693-8.7024 5.9811-10.6016 10.6299-2.9198 7.0582-1.304 11.9055 1.4174 18.3401 1.644 3.9118 2.4661 5.8677 2.4661 6.7181 0 .8503-.822 2.8063-2.4661 6.6898-2.7213 6.463-4.3372 11.3102-1.4174 18.3685 2.8629 6.9166 7.4268 9.3543 14.0031 12.0189 1.1624.4819 5.641 2.1543 6.4915 3.0047.5669.5386 1.3606 2.5228 2.948 6.463 2.6646 6.548 5.1306 11.1401 12.0472 14.0031 7.0299 2.9197 11.9055 1.2756 18.3402-1.4173 3.9117-1.6724 5.8677-2.4945 6.718-2.4945s2.8064.8221 6.6898 2.4662c6.463 2.7213 11.3102 4.3654 18.3685 1.4456 6.9165-2.863 9.3542-7.4551 12.0188-14.0031.4819-1.1906 2.1543-5.6126 2.9764-6.4913.6237-.5953 2.5795-1.389 6.4913-2.9764 6.5764-2.6646 11.1401-5.1024 14.0032-12.0189 2.9198-7.0582 1.2757-11.9339-1.4173-18.3685z" fill="#f15d5b" fill-opacity="1" data-original-color="#f15d5bff" stroke="none" stroke-opacity="1"></path>
      <path d="m315.1356 264.6093c-1.6725-3.9118-2.4945-5.8677-2.4945-6.6898 0-.8504.822-2.8063 2.4662-6.7181 2.7213-6.4346 4.3654-11.3102 1.4457-18.3401-2.8914-6.9449-7.4551-9.3827-14.0032-12.0472-3.9119-1.5874-5.8677-2.3811-6.463-2.9764-.6237-.6237-1.4174-2.5795-3.0048-6.463-2.6646-6.5764-5.1023-11.1401-12.0471-14.0032-4.2662-1.7719-7.7391-1.8674-11.2484-1.0652 1.0416.2495 2.1195.5922 3.2584 1.0652 6.9448 2.863 9.3826 7.4268 12.0471 14.0032 1.5874 3.8835 2.3811 5.8394 3.0048 6.463.5953.5953 2.5511 1.389 6.463 2.9764 6.5481 2.6646 11.1118 5.1024 14.0032 12.0472 2.9197 7.0299 1.2756 11.9055-1.4457 18.3401-1.6442 3.9118-2.4662 5.8677-2.4662 6.7181 0 .822.822 2.778 2.4945 6.6898 2.693 6.4346 4.337 11.3102 1.4174 18.3685-2.863 6.9166-7.4268 9.3543-14.0032 12.0189-3.9119 1.5874-5.8677 2.3811-6.4913 2.9764-.8221.8787-2.4945 5.3008-2.9764 6.4913-2.6646 6.548-5.1023 11.1401-12.0188 14.0031-1.1313.468-2.2012.8071-3.2346 1.055 3.4971.801 6.9568.7104 11.2246-1.055 6.9165-2.863 9.3542-7.4551 12.0188-14.0031.4819-1.1906 2.1543-5.6126 2.9764-6.4913.6237-.5953 2.5795-1.389 6.4913-2.9764 6.5764-2.6646 11.1401-5.1024 14.0032-12.0189 2.9197-7.0582 1.2756-11.9339-1.4174-18.3685z" fill="#e55a5a" fill-opacity="1" data-original-color="#e55a5aff" stroke="none" stroke-opacity="1"></path>
      <path d="m256.0049 228.0707c-16.4692 0-29.8488 13.3796-29.8488 29.8489 0 16.4692 13.3795 29.8204 29.8488 29.8204s29.8206-13.3512 29.8206-29.8204c-.0001-16.4693-13.3514-29.8489-29.8206-29.8489z" fill="#fdca03" fill-opacity="1" data-original-color="#fdca03ff" stroke="none" stroke-opacity="1"></path>
      <path d="m256.0049 228.0707c-1.027 0-2.042.0522-3.0425.1537 15.0404 1.5272 26.7786 14.2529 26.7786 29.6951s-11.7382 28.1431-26.7786 29.6671c1.0005.1014 2.0155.1534 3.0425.1534 16.4692 0 29.8206-13.3512 29.8206-29.8204-.0001-16.4693-13.3514-29.8489-29.8206-29.8489z" fill="#f4bb06" fill-opacity="1" data-original-color="#f4bb06ff" stroke="none" stroke-opacity="1"></path>
      <path d="m404.2839 443.3269 75.3164-44.6743c2.4254-1.4384 3.9127-4.0465 3.918-6.8655 0-.0046 0-.0099 0-.0144l-76.2881-27.377c-2.4106-.6729-4.9956-.1797-6.9883 1.3325-1.9932 1.5127-2.9895 3.8766-3.1636 6.3726-5.9263 84.9785-47.1658 87.7373-70.0938 87.7373h17.1206c22.0494 0 41.171-5.2461 60.1788-16.5112z" fill="#dbdcdd" fill-opacity="1" data-original-color="#dbdcddff" stroke="none" stroke-opacity="1"></path>
      <path d="m482.0911 61.4016h-452.1543c-16.5132 0-29.9478 13.4219-29.9478 29.9194v55.5308h512.022v-55.5308c0-16.4975-13.4219-29.9194-29.9199-29.9194z" fill="#f15d5b" fill-opacity="1" data-original-color="#686bdfff" stroke="none" stroke-opacity="1"></path>
      <path d="m483.5227 391.7654c0 2.8271-1.4907 5.4453-3.9224 6.8877l-75.3164 44.6738c-18.9878 11.2651-38.1206 16.5122-60.2114 16.5122h-285.6475c-16.4976 0-29.9194-13.4219-29.9194-29.9194v-283.0679h-28.5166v311.5562c0 16.5132 13.4346 29.9478 29.9478 29.9478h452.1543c16.498 0 29.9199-13.4346 29.9199-29.9478v-311.5562h-28.4883z" fill="#ced4df" fill-opacity="1" data-original-color="#ced4dfff" stroke="none" stroke-opacity="1"></path>
      <path d="m-.011 134.706h512.022v12.146h-512.022z" fill="#e55a5a" fill-opacity="1" data-original-color="#626accff" stroke="none" stroke-opacity="1"></path>
      <path d="m409.4675 92.6394c-5.0093 0-8.1255-1.937-8.7734-2.8799v-47.2197c.6479-.9429 3.7642-2.8799 8.7734-2.8799 5.0181 0 8.1313 1.9341 8.7734 2.8735v18.8682h16.0156v-19.1479c0-10.4351-10.8887-18.6094-24.7891-18.6094s-24.7891 8.1743-24.7891 18.6094v47.792c0 10.4351 10.8887 18.6094 24.7891 18.6094 4.4229 0 8.0078-3.585 8.0078-8.0078s-3.5848-8.0079-8.0077-8.0079z" fill="#666666" fill-opacity="1" data-original-color="#666666ff" stroke="none" stroke-opacity="1"></path>
      <path d="m307.1653 92.6394c-5.0181 0-8.1313-1.9341-8.7734-2.8735v-47.2325c.6421-.9395 3.7554-2.8735 8.7734-2.8735 5.0093 0 8.1255 1.937 8.7734 2.8799v18.8618h16.0156v-19.1479c0-10.4351-10.8887-18.6094-24.7891-18.6094s-24.7891 8.1743-24.7891 18.6094v47.792c0 10.4351 10.8887 18.6094 24.7891 18.6094 4.4229 0 8.0078-3.585 8.0078-8.0078s-3.5849-8.0079-8.0077-8.0079z" fill="#666666" fill-opacity="1" data-original-color="#666666ff" stroke="none" stroke-opacity="1"></path>
      <path d="m204.863 92.6394c-5.0181 0-8.1313-1.9341-8.7734-2.8735v-47.2325c.6421-.9395 3.7554-2.8735 8.7734-2.8735 5.0088 0 8.125 1.937 8.7729 2.8794v18.8623h16.0156v-19.1479c0-10.4351-10.8882-18.6094-24.7886-18.6094s-24.7891 8.1743-24.7891 18.6094v47.792c0 10.4351 10.8887 18.6094 24.7891 18.6094 4.4229 0 8.0078-3.585 8.0078-8.0078s-3.5848-8.0079-8.0077-8.0079z" fill="#666666" fill-opacity="1" data-original-color="#666666ff" stroke="none" stroke-opacity="1"></path>
      <path d="m102.532 92.6394c-5.0088 0-8.125-1.937-8.7729-2.8794v-47.2207c.6479-.9424 3.7642-2.8794 8.7729-2.8794 5.0181 0 8.1313 1.9341 8.7734 2.8735v18.8682h16.0156v-19.1479c0-10.4351-10.8887-18.6094-24.7891-18.6094s-24.7886 8.1743-24.7886 18.6094v47.792c0 10.4351 10.8882 18.6094 24.7886 18.6094 4.4229 0 8.0078-3.585 8.0078-8.0078s-3.5849-8.0079-8.0077-8.0079z" fill="#666666" fill-opacity="1" data-original-color="#666666ff" stroke="none" stroke-opacity="1"></path>
      <g fill="#626acc">
        <path d="m409.4675 85.4067c-3.2695 0-6.2913 1.0389-8.7734 2.7916v1.5612c.6479.9429 3.7642 2.8799 8.7734 2.8799 4.4229 0 8.0078 3.585 8.0078 8.0078s-3.585 8.0078-8.0078 8.0078c-5.4789 0-10.4858-1.274-14.5466-3.4518 1.9372 6.1913 7.7167 10.6845 14.5466 10.6845 8.4171 0 15.2405-6.8234 15.2405-15.2405s-6.8234-15.2405-15.2405-15.2405z" fill="#e55a5a" fill-opacity="1" data-original-color="#626accff" stroke="none" stroke-opacity="1"></path>
        <path d="m307.1653 85.4067c-3.2695 0-6.2913 1.0389-8.7734 2.7916v1.5676c.6421.9395 3.7554 2.8735 8.7734 2.8735 4.4229 0 8.0078 3.585 8.0078 8.0078s-3.585 8.0078-8.0078 8.0078c-5.4789 0-10.4858-1.274-14.5466-3.4518 1.9372 6.1913 7.7167 10.6845 14.5466 10.6845 8.4171 0 15.2405-6.8234 15.2405-15.2405s-6.8235-15.2405-15.2405-15.2405z" fill="#e55a5a" fill-opacity="1" data-original-color="#626accff" stroke="none" stroke-opacity="1"></path>
        <path d="m204.8628 85.4067c-3.2695 0-6.2911 1.0389-8.7732 2.7914v1.5677c.6421.9395 3.7554 2.8735 8.7734 2.8735 4.4229 0 8.0078 3.585 8.0078 8.0078s-3.585 8.0078-8.0078 8.0078c-5.4791 0-10.486-1.2741-14.5469-3.452 1.9371 6.1914 7.7167 10.6847 14.5466 10.6847 8.4171 0 15.2405-6.8234 15.2405-15.2405s-6.8234-15.2404-15.2404-15.2404z" fill="#e55a5a" fill-opacity="1" data-original-color="#626accff" stroke="none" stroke-opacity="1"></path>
        <path d="m102.532 85.4067c-3.2693 0-6.291 1.0388-8.7729 2.7912v1.5621c.6479.9424 3.7642 2.8794 8.7729 2.8794 4.4229 0 8.0078 3.585 8.0078 8.0078s-3.585 8.0078-8.0078 8.0078c-5.4791 0-10.4858-1.2741-14.5466-3.452 1.9372 6.1913 7.7167 10.6846 14.5466 10.6846 8.4171 0 15.2405-6.8234 15.2405-15.2405s-6.8235-15.2404-15.2405-15.2404z" fill="#e55a5a" fill-opacity="1" data-original-color="#626accff" stroke="none" stroke-opacity="1"></path>
      </g>
      <path d="m248.0076 365.4919-51.2476-25.9821c-.7913 1.793-.9331 3.8731-.226 5.8585 4.6205 12.5858 10.715 23.7543 23.1591 30.0189 8.0515 4.0581 17.4717 5.115 28.3145 2.9896z" fill="#4bc49b" fill-opacity="1" data-original-color="#4bc49bff" stroke="none" stroke-opacity="1"></path>
      <path d="m315.1128 329.0431-51.1143 24.6688v-23.5584-12.5906c-.4282-.175-.8616-.3547-1.3038-.541-3.8834-1.6441-5.8395-2.4662-6.6898-2.4662s-2.8063.8221-6.718 2.4945c-.4321.1809-.8564.3559-1.2756.5262v1.6348h3.9701c2.2222 0 4.0236 1.8014 4.0236 4.0236v79.6202c4.4221 0 7.9937-3.6 7.9937-7.9937v-26.6983c10.842 2.1174 20.2415 1.076 28.2898-2.9805 12.4158-6.2362 18.5953-17.4897 23.1592-30.0189.7398-2.0921.5571-4.2767-.3349-6.1205z" fill="#4bc49b" fill-opacity="1" data-original-color="#4bc49bff" stroke="none" stroke-opacity="1"></path>
    </g>
  </g>
</svg>

            <div class="font-medium">
              Lente
            </div>
            <div class="text-sm">
              
            </div>
          </div>
        </label>
      </li>
      <li class="h-full">
          <input type="checkbox" value="summer" name="season[]" id="drawer-season-summer" class="peer hidden" data-autosubmit-target="input">
        <label for="drawer-season-summer" class="flex flex-col justify-center items-center bg-white hover:bg-gray-50 p-4 border border-gray-200 peer-checked:border-endeavour-600 rounded-lg w-full h-full min-h-[120px] text-gray-700 hover:text-gray-800 peer-checked:text-gray-800 cursor-pointer">
          <div class="text-center">
            <svg id="Layer_1" enable-background="new 0 0 512 512" height="300" viewbox="0 0 512 512" width="300" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.dev/svgjs" class="mx-auto mb-2 w-12 h-12">
  <g width="100%" height="100%" transform="matrix(1,0,0,1,0,0)">
    <g>
      <path d="m482.0867 61.4116h-452.1484c-16.5088 0-29.9399 13.4185-29.9399 29.9116v367.082c0 16.5088 13.4312 29.9399 29.9399 29.9399h452.1484c16.4932 0 29.9116-13.4312 29.9116-29.9399v-367.082c0-16.4931-13.4184-29.9116-29.9116-29.9116z" fill="#edebeb" fill-opacity="1" data-original-color="#edebebff" stroke="none" stroke-opacity="1"></path>
      <path d="m482.0867 61.4116h-452.1484c-16.5088 0-29.9399 13.4185-29.9399 29.9116v55.5303h512v-55.5303c-.0001-16.4931-13.4185-29.9116-29.9117-29.9116z" fill="#f15d5b" fill-opacity="1" data-original-color="#4679e1ff" stroke="none" stroke-opacity="1"></path>
      <path d="m508.0794 390.2822-75.3154 44.6733c-18.9546 11.2637-38.0781 16.5112-60.1782 16.5112h-342.6475c-16.4232 0-29.7953-13.2806-29.9335-29.6563h-.0065v36.5947c0 16.5088 13.4312 29.9399 29.9399 29.9399h452.1484c16.4932 0 29.9116-13.4312 29.9116-29.9399v-75.0039c.0001 2.8249-1.4891 5.4396-3.9188 6.881z" fill="#ced4df" fill-opacity="1" data-original-color="#ced4dfff" stroke="none" stroke-opacity="1"></path>
      <path d="m-.002 134.68h512v12.174h-512z" fill="#e55a5a" fill-opacity="1" data-original-color="#4271c6ff" stroke="none" stroke-opacity="1"></path>
      <path d="m102.5325 92.6494c-5.0171 0-8.1348-1.9409-8.7808-2.8848v-47.225c.646-.9438 3.7637-2.8848 8.7808-2.8848 5.0259 0 8.1406 1.938 8.7808 2.8784v18.8784h16v-19.1553c0-10.4307-10.8853-18.6016-24.7808-18.6016s-24.7808 8.1709-24.7808 18.6016v47.7915c0 10.4307 10.8853 18.6016 24.7808 18.6016 4.4185 0 8-3.5815 8-8s-3.5815-8-8-8z" fill="#666666" fill-opacity="1" data-original-color="#666666ff" stroke="none" stroke-opacity="1"></path>
      <path d="m409.4641 92.6494c-5.0171 0-8.1348-1.9409-8.7808-2.8848v-47.225c.646-.9438 3.7637-2.8848 8.7808-2.8848 5.0259 0 8.1406 1.938 8.7808 2.8784v18.8784h16v-19.1553c0-10.4307-10.8853-18.6016-24.7808-18.6016s-24.7808 8.1709-24.7808 18.6016v47.7915c0 10.4307 10.8853 18.6016 24.7808 18.6016 4.4185 0 8-3.5815 8-8s-3.5815-8-8-8z" fill="#666666" fill-opacity="1" data-original-color="#666666ff" stroke="none" stroke-opacity="1"></path>
      <path d="m307.1629 92.6494c-5.0264 0-8.1411-1.9385-8.7808-2.8789v-47.2368c.6396-.9404 3.7544-2.8789 8.7808-2.8789 5.0176 0 8.1353 1.9409 8.7813 2.8848v18.8721h16v-19.1554c0-10.4307-10.8853-18.6016-24.7813-18.6016s-24.7808 8.1709-24.7808 18.6016v47.7915c0 10.4307 10.8848 18.6016 24.7808 18.6016 4.4185 0 8-3.5815 8-8s-3.5816-8-8-8z" fill="#666666" fill-opacity="1" data-original-color="#666666ff" stroke="none" stroke-opacity="1"></path>
      <path d="m204.8621 92.6494c-5.0264 0-8.1411-1.9385-8.7813-2.8789v-47.2368c.6401-.9404 3.7549-2.8789 8.7813-2.8789 5.0171 0 8.1348 1.9409 8.7808 2.8848v18.8721h16v-19.1554c0-10.4307-10.8848-18.6016-24.7808-18.6016s-24.7813 8.1709-24.7813 18.6016v47.7915c0 10.4307 10.8853 18.6016 24.7813 18.6016 4.4185 0 8-3.5815 8-8s-3.5816-8-8-8z" fill="#666666" fill-opacity="1" data-original-color="#666666ff" stroke="none" stroke-opacity="1"></path>
      <g fill="#4271c6">
        <path d="m102.5325 85.4089c-3.2728 0-6.2972 1.0412-8.7808 2.7971v1.5587c.646.9438 3.7637 2.8848 8.7808 2.8848 4.4185 0 8 3.5815 8 8s-3.5815 8-8 8c-5.4811 0-10.4895-1.2753-14.5505-3.4552 1.9336 6.1971 7.7166 10.6957 14.5505 10.6957 8.417 0 15.2405-6.8234 15.2405-15.2405s-6.8235-15.2406-15.2405-15.2406z" fill="#e55a5a" fill-opacity="1" data-original-color="#4271c6ff" stroke="none" stroke-opacity="1"></path>
        <path d="m409.4641 85.4089c-3.2728 0-6.2972 1.0412-8.7808 2.7971v1.5587c.646.9438 3.7637 2.8848 8.7808 2.8848 4.4185 0 8 3.5815 8 8s-3.5815 8-8 8c-5.4811 0-10.4895-1.2753-14.5505-3.4552 1.9336 6.1971 7.7166 10.6957 14.5505 10.6957 8.417 0 15.2405-6.8234 15.2405-15.2405s-6.8235-15.2406-15.2405-15.2406z" fill="#e55a5a" fill-opacity="1" data-original-color="#4271c6ff" stroke="none" stroke-opacity="1"></path>
        <path d="m307.1631 85.4089c-3.2729 0-6.2974 1.0413-8.781 2.7972v1.5643c.6396.9404 3.7544 2.8789 8.7808 2.8789 4.4185 0 8 3.5815 8 8s-3.5815 8-8 8c-5.481 0-10.4894-1.2752-14.5503-3.4549 1.9338 6.197 7.7166 10.6954 14.5505 10.6954 8.417 0 15.2405-6.8234 15.2405-15.2405s-6.8235-15.2404-15.2405-15.2404z" fill="#e55a5a" fill-opacity="1" data-original-color="#4271c6ff" stroke="none" stroke-opacity="1"></path>
        <path d="m204.8477 85.4089c-3.2666 0-6.2859 1.0369-8.7668 2.7866v1.575c.6401.9404 3.7549 2.8789 8.7813 2.8789 4.4185 0 8 3.5815 8 8s-3.5815 8-8 8c-5.489 0-10.5043-1.2789-14.5684-3.4644 1.9307 6.202 7.7164 10.7049 14.554 10.7049 8.417 0 15.2405-6.8234 15.2405-15.2405s-6.8236-15.2405-15.2406-15.2405z" fill="#e55a5a" fill-opacity="1" data-original-color="#4271c6ff" stroke="none" stroke-opacity="1"></path>
      </g>
      <g fill="#dbdcdd">
        <path d="m428.722 357.3569c-1.9932 1.5127-2.9895 3.8766-3.1636 6.3726-5.9263 84.9785-47.1658 87.7373-70.0938 87.7373h17.1211c22.1001 0 41.2236-5.2476 60.1782-16.5112l75.3154-44.6733c2.4297-1.4414 3.9189-4.0562 3.9189-6.8809l-76.2881-27.377c-2.4105-.6728-4.9955-.1797-6.9881 1.3325z" fill="#dbdcdd" fill-opacity="1" data-original-color="#dbdcddff" stroke="none" stroke-opacity="1"></path>
        <path d="m511.9983 383.4014v1.1068c.0076-.1416 0-.9641 0-1.1068z" fill="#dbdcdd" fill-opacity="1" data-original-color="#dbdcddff" stroke="none" stroke-opacity="1"></path>
      </g>
      <circle cx="256" cy="295.161" fill="#fdca03" r="50.18" fill-opacity="1" data-original-color="#fdca03ff" stroke="none" stroke-opacity="1"></circle>
      <path d="m256 244.981c-2.0798 0-4.126.1422-6.1401.3892 24.7813 3.0392 44.0396 24.2014 44.0396 49.7905s-19.2583 46.7513-44.0396 49.7905c2.0142.247 4.0603.3892 6.1401.3892 27.6689 0 50.1797-22.5107 50.1797-50.1797s-22.5108-50.1797-50.1797-50.1797z" fill="#f4bb06" fill-opacity="1" data-original-color="#f4bb06ff" stroke="none" stroke-opacity="1"></path>
      <g>
        <g fill="#f4bb06">
          <path d="m256 191.6616c-4.4185 0-8 3.5815-8 8v28.2329c0 4.4185 3.5815 8 8 8s8-3.5815 8-8v-28.2329c0-4.4184-3.5815-8-8-8z" fill="#f4bb06" fill-opacity="1" data-original-color="#f4bb06ff" stroke="none" stroke-opacity="1"></path>
          <path d="m169.2808 254.3228 24.4629 14.1445c1.2612.729 2.6377 1.0757 3.9971 1.0757 2.7627 0 5.4507-1.4331 6.9331-3.9971 2.2114-3.8247.9038-8.7183-2.9214-10.9302l-24.4629-14.1445c-3.8247-2.2114-8.7188-.9038-10.9302 2.9214-2.2115 3.8247-.9038 8.7182 2.9214 10.9302z" fill="#f4bb06" fill-opacity="1" data-original-color="#f4bb06ff" stroke="none" stroke-opacity="1"></path>
          <path d="m193.7495 321.8501-24.4629 14.1167c-3.8267 2.2085-5.1387 7.1011-2.9307 10.9277 1.4819 2.5674 4.1714 4.0029 6.9365 4.0029 1.3569 0 2.7319-.3457 3.9912-1.0723l24.4629-14.1167c3.8267-2.2085 5.1387-7.1011 2.9307-10.9277-2.2099-3.8276-7.103-5.1376-10.9277-2.9306z" fill="#f4bb06" fill-opacity="1" data-original-color="#f4bb06ff" stroke="none" stroke-opacity="1"></path>
          <path d="m256 354.3984c-4.4185 0-8 3.5815-8 8v28.2612c0 4.4185 3.5815 8 8 8s8-3.5815 8-8v-28.2612c0-4.4184-3.5815-8-8-8z" fill="#f4bb06" fill-opacity="1" data-original-color="#f4bb06ff" stroke="none" stroke-opacity="1"></path>
          <path d="m342.6851 335.9668-24.4629-14.1167c-3.8271-2.2065-8.7192-.8965-10.9277 2.9307-2.208 3.8267-.896 8.7192 2.9307 10.9277l24.4629 14.1167c1.2598.7266 2.6343 1.0723 3.9912 1.0723 2.7651 0 5.4551-1.4355 6.9365-4.0029 2.2079-3.8267.8959-8.7193-2.9307-10.9278z" fill="#f4bb06" fill-opacity="1" data-original-color="#f4bb06ff" stroke="none" stroke-opacity="1"></path>
          <path d="m314.231 269.543c1.3589 0 2.7363-.3467 3.9971-1.0757l24.4629-14.1445c3.8252-2.2119 5.1328-7.1055 2.9214-10.9302-2.2114-3.8252-7.1045-5.1328-10.9302-2.9214l-24.4629 14.1445c-3.8252 2.2119-5.1328 7.1055-2.9214 10.9302 1.4829 2.564 4.1699 3.9971 6.9331 3.9971z" fill="#f4bb06" fill-opacity="1" data-original-color="#f4bb06ff" stroke="none" stroke-opacity="1"></path>
          <path d="m215.4224 240.9048c1.481 2.5688 4.1709 4.0054 6.9375 4.0054 1.356 0 2.73-.3452 3.9888-1.0713 3.8276-2.207 5.1411-7.0986 2.9341-10.9263l-8.5322-14.7969c-2.207-3.8281-7.0991-5.1421-10.9263-2.9341-3.8276 2.207-5.1411 7.0986-2.9341 10.9263z" fill="#f4bb06" fill-opacity="1" data-original-color="#f4bb06ff" stroke="none" stroke-opacity="1"></path>
          <path d="m171.6406 303.1606h17.0933c4.4185 0 8-3.5815 8-8s-3.5815-8-8-8h-17.0933c-4.4185 0-8 3.5815-8 8s3.5816 8 8 8z" fill="#f4bb06" fill-opacity="1" data-original-color="#f4bb06ff" stroke="none" stroke-opacity="1"></path>
          <path d="m226.3433 346.4507c-3.8301-2.2036-8.7207-.8857-10.9243 2.9429l-8.5322 14.8252c-2.2041 3.8296-.8862 8.7207 2.9429 10.9243 1.2578.7241 2.6294 1.0679 3.9834 1.0679 2.7681 0 5.4609-1.4395 6.9409-4.0107l8.5322-14.8252c2.204-3.8297.8862-8.7208-2.9429-10.9244z" fill="#f4bb06" fill-opacity="1" data-original-color="#f4bb06ff" stroke="none" stroke-opacity="1"></path>
          <path d="m296.5469 349.3838c-2.2085-3.8262-7.1025-5.1357-10.9282-2.9272-3.8262 2.209-5.1367 7.1021-2.9272 10.9282l8.5605 14.8252c1.4814 2.5664 4.1704 4.001 6.9351 4.001 1.3574 0 2.7334-.3462 3.9932-1.0737 3.8262-2.209 5.1367-7.1021 2.9272-10.9282z" fill="#f4bb06" fill-opacity="1" data-original-color="#f4bb06ff" stroke="none" stroke-opacity="1"></path>
          <path d="m340.3594 287.1606h-17.1216c-4.4185 0-8 3.5815-8 8s3.5815 8 8 8h17.1216c4.4185 0 8-3.5815 8-8s-3.5816-8-8-8z" fill="#f4bb06" fill-opacity="1" data-original-color="#f4bb06ff" stroke="none" stroke-opacity="1"></path>
          <path d="m302.186 215.187c-3.8242-2.2114-8.7188-.9063-10.9312 2.9185l-8.5605 14.7969c-2.2124 3.8247-.9058 8.7183 2.9185 10.9312 1.2617.7295 2.6392 1.0767 3.999 1.0767 2.7622 0 5.4492-1.4321 6.9321-3.9951l8.5605-14.7969c2.2125-3.8248.9059-8.7184-2.9184-10.9313z" fill="#f4bb06" fill-opacity="1" data-original-color="#f4bb06ff" stroke="none" stroke-opacity="1"></path>
        </g>
      </g>
    </g>
  </g>
</svg>

            <div class="font-medium">
              Zomer
            </div>
            <div class="text-sm">
              
            </div>
          </div>
        </label>
      </li>
      <li class="h-full">
          <input type="checkbox" value="autumn" name="season[]" id="drawer-season-autumn" class="peer hidden" data-autosubmit-target="input">
        <label for="drawer-season-autumn" class="flex flex-col justify-center items-center bg-white hover:bg-gray-50 p-4 border border-gray-200 peer-checked:border-endeavour-600 rounded-lg w-full h-full min-h-[120px] text-gray-700 hover:text-gray-800 peer-checked:text-gray-800 cursor-pointer">
          <div class="text-center">
            <svg id="Layer_1" enable-background="new 0 0 512 512" height="300" viewbox="0 0 512 512" width="300" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.dev/svgjs" class="mx-auto mb-2 w-12 h-12">
  <g width="100%" height="100%" transform="matrix(1,0,0,1,0,0)">
    <g>
      <path d="m482.0913 61.4094h-452.1543c-16.5088 0-29.9399 13.4185-29.9399 29.9121v367.0865c0 16.5088 13.4312 29.9399 29.9399 29.9399h452.1543c16.4932 0 29.9116-13.4312 29.9116-29.9399v-26.249-340.8375c0-16.4936-13.4184-29.9121-29.9116-29.9121z" fill="#edebeb" fill-opacity="1" data-original-color="#edebebff" stroke="none" stroke-opacity="1"></path>
      <path d="m482.0913 61.4094h-452.1543c-16.5088 0-29.9399 13.4185-29.9399 29.9121v55.5303h512.0059v-55.5303c-.0001-16.4936-13.4185-29.9121-29.9117-29.9121z" fill="#f15d5b" fill-opacity="1" data-original-color="#4679e1ff" stroke="none" stroke-opacity="1"></path>
      <path d="m508.084 374.6365-75.3164 44.6743c-19.0078 11.2651-38.1294 16.5112-60.1787 16.5112h-342.6519c-16.5088 0-29.9399-13.4312-29.9399-29.9399v26.2769c0 16.4937 13.4312 29.9121 29.9399 29.9121h452.1543c16.4932 0 29.9116-13.4185 29.9116-29.9121v-64.4028c0 2.8246-1.4892 5.4394-3.9189 6.8803z" fill="#ced4df" fill-opacity="1" data-original-color="#ced4dfff" stroke="none" stroke-opacity="1"></path>
      <path d="m432.7676 419.3108 75.3164-44.6743c2.4254-1.4384 3.9127-4.0465 3.918-6.8655 0-.0046 0-.0099 0-.0144l-76.2881-27.377c-2.4106-.6729-4.9956-.1797-6.9883 1.3325-1.9932 1.5127-2.9895 3.8766-3.1636 6.3726-5.9263 84.9785-47.1658 87.7373-70.0938 87.7373h17.1206c22.0494 0 41.171-5.2461 60.1788-16.5112z" fill="#dbdcdd" fill-opacity="1" data-original-color="#dbdcddff" stroke="none" stroke-opacity="1"></path>
      <path d="m482.0913 462.071h-452.1543c-16.5088 0-29.9399-13.4185-29.9399-29.9121v26.249c0 16.5088 13.4312 29.9399 29.9399 29.9399h452.1543c16.4932 0 29.9116-13.4312 29.9116-29.9399v-26.249c0 16.4937-13.4184 29.9121-29.9116 29.9121z" fill="#c5cbd3" fill-opacity="1" data-original-color="#c5cbd3ff" stroke="none" stroke-opacity="1"></path>
      <path d="m-.003 134.683h512.006v12.169h-512.006z" fill="#e55a5a" fill-opacity="1" data-original-color="#4271c6ff" stroke="none" stroke-opacity="1"></path>
      <path d="m409.4678 92.6472c-5.0176 0-8.1353-1.9409-8.7813-2.8848v-47.2255c.646-.9438 3.7637-2.8848 8.7813-2.8848 5.0264 0 8.1411 1.9385 8.7813 2.8789v18.8784h16v-19.1557c0-10.4307-10.8853-18.6016-24.7813-18.6016s-24.7813 8.1709-24.7813 18.6016v47.792c0 10.4307 10.8853 18.6016 24.7813 18.6016 4.4185 0 8-3.5815 8-8s-3.5816-8.0001-8-8.0001z" fill="#666666" fill-opacity="1" data-original-color="#666666ff" stroke="none" stroke-opacity="1"></path>
      <path d="m307.1655 92.6472c-5.0264 0-8.1411-1.938-8.7813-2.8789v-47.2373c.6401-.9409 3.7549-2.8789 8.7813-2.8789 5.0171 0 8.1348 1.9409 8.7808 2.8848v18.8726h16v-19.1558c0-10.4307-10.8848-18.6016-24.7808-18.6016s-24.7813 8.1709-24.7813 18.6016v47.792c0 10.4307 10.8853 18.6016 24.7813 18.6016 4.4185 0 8-3.5815 8-8s-3.5815-8.0001-8-8.0001z" fill="#666666" fill-opacity="1" data-original-color="#666666ff" stroke="none" stroke-opacity="1"></path>
      <path d="m204.8628 92.6472c-5.0264 0-8.1411-1.9385-8.7808-2.8789v-47.2373c.6396-.9404 3.7544-2.8789 8.7808-2.8789 5.0176 0 8.1353 1.9409 8.7813 2.8848v18.8726h16v-19.1558c0-10.4307-10.8853-18.6016-24.7813-18.6016s-24.7808 8.1709-24.7808 18.6016v47.792c0 10.4307 10.8848 18.6016 24.7808 18.6016 4.4185 0 8-3.5815 8-8s-3.5815-8.0001-8-8.0001z" fill="#666666" fill-opacity="1" data-original-color="#666666ff" stroke="none" stroke-opacity="1"></path>
      <path d="m102.5322 92.6472c-5.0176 0-8.1353-1.9409-8.7813-2.8848v-47.2255c.646-.9438 3.7637-2.8848 8.7813-2.8848 5.0264 0 8.1411 1.9385 8.7813 2.8789v18.8784h16v-19.1557c0-10.4307-10.8853-18.6016-24.7813-18.6016s-24.7812 8.1709-24.7812 18.6016v47.792c0 10.4307 10.8853 18.6016 24.7813 18.6016 4.4185 0 8-3.5815 8-8s-3.5816-8.0001-8.0001-8.0001z" fill="#666666" fill-opacity="1" data-original-color="#666666ff" stroke="none" stroke-opacity="1"></path>
      <g fill="#4271c6">
        <path d="m409.4678 85.4116c-3.2731 0-6.2977 1.0414-8.7813 2.7974v1.5534c.646.9438 3.7637 2.8848 8.7813 2.8848 4.4185 0 8 3.5815 8 8s-3.5815 8-8 8c-5.4821 0-10.4913-1.2757-14.5527-3.4561 1.9318 6.2003 7.7165 10.7015 14.5527 10.7015 8.4171 0 15.2405-6.8234 15.2405-15.2405s-6.8235-15.2405-15.2405-15.2405z" fill="#e55a5a" fill-opacity="1" data-original-color="#4271c6ff" stroke="none" stroke-opacity="1"></path>
        <path d="m307.1653 85.4116c-3.2729 0-6.2974 1.0413-8.781 2.7972v1.5594c.6401.9409 3.7549 2.8789 8.7813 2.8789 4.4185 0 8 3.5815 8 8s-3.5815 8-8 8c-5.4822 0-10.4916-1.2758-14.553-3.4563 1.9318 6.2003 7.7165 10.7017 14.5528 10.7017 8.4171 0 15.2405-6.8234 15.2405-15.2405-.0001-8.417-6.8236-15.2404-15.2406-15.2404z" fill="#e55a5a" fill-opacity="1" data-original-color="#4271c6ff" stroke="none" stroke-opacity="1"></path>
        <path d="m204.863 85.4116c-3.2729 0-6.2974 1.0413-8.781 2.7972v1.5594c.6396.9404 3.7544 2.8789 8.7808 2.8789 4.4185 0 8 3.5815 8 8s-3.5815 8-8 8c-5.482 0-10.4912-1.2757-14.5525-3.4561 1.9318 6.2002 7.7165 10.7014 14.5527 10.7014 8.4171 0 15.2405-6.8234 15.2405-15.2405 0-8.4169-6.8234-15.2403-15.2405-15.2403z" fill="#e55a5a" fill-opacity="1" data-original-color="#4271c6ff" stroke="none" stroke-opacity="1"></path>
        <path d="m102.5322 85.4067c-3.2731 0-6.2977 1.0414-8.7813 2.7974v1.5583c.646.9438 3.7637 2.8848 8.7813 2.8848 4.4185 0 8 3.5815 8 8s-3.5815 8-8 8c-5.4811 0-10.4895-1.2753-14.5505-3.455 1.9337 6.197 7.7166 10.6954 14.5505 10.6954 8.4171 0 15.2405-6.8234 15.2405-15.2405s-6.8234-15.2404-15.2405-15.2404z" fill="#e55a5a" fill-opacity="1" data-original-color="#4271c6ff" stroke="none" stroke-opacity="1"></path>
      </g>
      <path d="m356.6855 261.8936c-1.5464-2.6162-4.4478-4.1416-7.4702-3.9082l-23.1299 1.6904 2.1372-4.8027c1.3472-3.0273.6885-6.5728-1.6567-8.9141-2.3457-2.3418-5.8926-2.9937-8.917-1.6421l-21.0957 9.4302 10.5781-37.8438c.7808-2.793-.0112-5.79-2.0698-7.8325s-5.0601-2.8105-7.8477-2.0093l-22.0522 6.3481-11.998-24.1333c-1.3521-2.7192-4.127-4.4385-7.1636-4.4385-.001 0-.002 0-.0029 0-3.0381.001-5.813 1.7227-7.1631 4.4438l-11.9722 24.1265-22.0474-6.3467c-2.7847-.8013-5.7876-.0337-7.8467 2.0078-2.0581 2.042-2.8511 5.0376-2.0718 7.8301l10.5605 37.8521-21.1055-9.4346c-3.0264-1.3525-6.5752-.6982-8.9209 1.646-2.3447 2.3447-3.0005 5.8926-1.6479 8.9204l2.1396 4.791-23.1089-1.689c-3.0298-.2271-5.9224 1.2915-7.4688 3.9058s-1.4785 5.8789.1743 8.4268l12.8252 19.769-7.2988 3.4565c-2.8457 1.3477-4.6362 4.2397-4.5742 7.3882.0625 3.1484 1.9658 5.9678 4.8633 7.2017l28.5742 12.1729-11.0713 5.6973c-2.9365 1.5112-4.6431 4.6719-4.2949 7.9561.3481 3.2847 2.6787 6.0176 5.8672 6.8799l48.5293 13.124c1.8618.5039 3.8418.3174 5.5776-.5234l21.4858-10.4136 21.5137 10.415c1.0947.5303 2.2871.7993 3.4858.7993.7002 0 1.4023-.0918 2.0884-.2773l48.5293-13.124c3.1885-.8623 5.519-3.5952 5.8672-6.8799.3481-3.2842-1.3584-6.4448-4.2949-7.9561l-11.0713-5.6973 28.5742-12.1729c2.8979-1.2344 4.8022-4.0547 4.8633-7.2041.061-3.1499-1.7314-6.042-4.5796-7.3882l-7.312-3.457 12.8403-19.7612c1.656-2.5478 1.7253-5.8134.1794-8.4291z" fill="#fdca03" fill-opacity="1" data-original-color="#fdca03ff" stroke="none" stroke-opacity="1"></path>
      <path d="m253.3813 190.3884 10.8552 21.8346c.8393 1.6883 2.7651 2.5357 4.5769 2.0142l6.3482-1.8275-11.998-24.1331c-1.3519-2.7193-4.1269-4.4387-7.1637-4.4387h-.0029c-2.4423.0008-4.7007 1.1266-6.1993 2.9767 1.521.7635 2.7971 1.992 3.5836 3.5738z" fill="#f4bb06" fill-opacity="1" data-original-color="#f4bb06ff" stroke="none" stroke-opacity="1"></path>
      <path d="m296.7337 212.1461c.9865 1.854 1.1249 4.0463.5596 6.0688l-9.8363 35.1899c-.56 2.0033 1.4684 3.752 3.3674 2.9032l5.7288-2.5609 10.5165-37.6233c.6229-2.2285.3797-4.6565-.8551-6.6134-1.9521-3.0939-5.6326-4.417-9.0008-3.4488l-6.5166 1.8759c2.4648.3277 4.7481 1.7872 6.0365 4.2086z" fill="#f4bb06" fill-opacity="1" data-original-color="#f4bb06ff" stroke="none" stroke-opacity="1"></path>
      <path d="m303.1685 289.4893c-1.9893-3.9453-6.7998-5.5317-10.7451-3.541l-28.4234 14.3323v-47.6961c0-4.4185-3.5815-8-8-8s-8 3.5815-8 8v47.692l-28.3931-14.3272c-3.9448-1.9922-8.7559-.4067-10.7461 3.5381-1.9907 3.9443-.4063 8.7559 3.5381 10.7461l35.6011 17.9643v64.6386c0 4.4185 3.5815 8 8 8s8-3.5815 8-8v-64.6371l35.6274-17.965c3.9449-1.9892 5.5303-6.7997 3.5411-10.745z" fill="#edb107" fill-opacity="1" data-original-color="#edb107ff" stroke="none" stroke-opacity="1"></path>
      <g fill="#f4bb06">
        <path d="m318.321 257.2533-.8695 1.954c-.2323.5219.1767 1.1028.7464 1.0601l7.8875-.5916 2.0641-4.6385c1.0822-2.4319 1.0099-5.2765-.3791-7.5472-2.171-3.5493-6.5173-4.7839-10.1216-3.1732l-4.0566 1.8134c1.8001.582 3.4177 1.7868 4.4712 3.612 1.3187 2.2846 1.3301 5.1011.2576 7.511z" fill="#f4bb06" fill-opacity="1" data-original-color="#f4bb06ff" stroke="none" stroke-opacity="1"></path>
        <path d="m357.468 263.6763c-1.1178-3.6823-4.5966-5.9733-8.2527-5.691l-10.4337.7625s4.9097-.0433 8.082 5.1919c1.5911 2.6258 1.52 5.9411-.1529 8.5156l-11.3337 17.4426c-.7902 1.216-.3266 2.8498.9845 3.4696l4.6229 2.1856c2.2914 1.0834 4.0666 3.1137 4.6043 5.5907.84 3.8693-1.2056 7.6231-4.6766 9.1016l-23.8824 10.1741c-1.8658.7949-1.9605 3.4043-.1572 4.3323l6.3331 3.259c2.3852 1.2274 4.0818 3.5096 4.4776 6.1627.9858 6.6083-5.7262 9.2789-5.7262 9.2789l9.4373-2.5522c2.5898-.7003 4.7847-2.555 5.6727-5.0866 1.3653-3.8924-.3874-8.015-3.8756-9.8102l-11.0713-5.6973 28.3646-12.0835c2.3315-.9932 4.1827-2.9541 4.8141-5.4084.9862-3.8333-.9106-7.6614-4.3208-9.2733l-7.312-3.457 12.7077-19.557c1.3164-2.026 1.7961-4.5386 1.0943-6.8506z" fill="#f4bb06" fill-opacity="1" data-original-color="#f4bb06ff" stroke="none" stroke-opacity="1"></path>
      </g>
    </g>
  </g>
</svg>

            <div class="font-medium">
              Herfst
            </div>
            <div class="text-sm">
              
            </div>
          </div>
        </label>
      </li>
      <li class="h-full">
          <input type="checkbox" value="winter" name="season[]" id="drawer-season-winter" class="peer hidden" data-autosubmit-target="input">
        <label for="drawer-season-winter" class="flex flex-col justify-center items-center bg-white hover:bg-gray-50 p-4 border border-gray-200 peer-checked:border-endeavour-600 rounded-lg w-full h-full min-h-[120px] text-gray-700 hover:text-gray-800 peer-checked:text-gray-800 cursor-pointer">
          <div class="text-center">
            <svg id="Layer_1" enable-background="new 0 0 512 512" height="512" viewbox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg" class="mx-auto mb-2 w-12 h-12">
  <g>
    <path d="m482.0867 61.4116h-452.1484c-16.5088 0-29.9399 13.4185-29.9399 29.9116v367.082c0 16.5088 13.4312 29.9399 29.9399 29.9399h452.1484c16.4932 0 29.9116-13.4312 29.9116-29.9399v-367.082c0-16.4931-13.4184-29.9116-29.9116-29.9116z" fill="#edebeb"></path>
    <path d="m482.0867 61.4116h-452.1484c-16.5088 0-29.9399 13.4185-29.9399 29.9116v55.5303h512v-55.5303c-.0001-16.4931-13.4185-29.9116-29.9117-29.9116z" fill="#f15d5b"></path>
    <path d="m508.0794 390.2822-75.3154 44.6733c-18.9546 11.2637-38.0781 16.5112-60.1782 16.5112h-342.6475c-16.4232 0-29.7953-13.2806-29.9335-29.6563h-.0065v36.5947c0 16.5088 13.4312 29.9399 29.9399 29.9399h452.1484c16.4932 0 29.9116-13.4312 29.9116-29.9399v-75.0039c.0001 2.8249-1.4891 5.4396-3.9188 6.881z" fill="#ced4df"></path>
    <path d="m-.002 134.68h512v12.174h-512z" fill="#e55a5a"></path>
    <path d="m102.5325 92.6494c-5.0171 0-8.1348-1.9409-8.7808-2.8848v-47.225c.646-.9438 3.7637-2.8848 8.7808-2.8848 5.0259 0 8.1406 1.938 8.7808 2.8784v18.8784h16v-19.1553c0-10.4307-10.8853-18.6016-24.7808-18.6016s-24.7808 8.1709-24.7808 18.6016v47.7915c0 10.4307 10.8853 18.6016 24.7808 18.6016 4.4185 0 8-3.5815 8-8s-3.5815-8-8-8z" fill="#666"></path>
    <path d="m409.4641 92.6494c-5.0171 0-8.1348-1.9409-8.7808-2.8848v-47.225c.646-.9438 3.7637-2.8848 8.7808-2.8848 5.0259 0 8.1406 1.938 8.7808 2.8784v18.8784h16v-19.1553c0-10.4307-10.8853-18.6016-24.7808-18.6016s-24.7808 8.1709-24.7808 18.6016v47.7915c0 10.4307 10.8853 18.6016 24.7808 18.6016 4.4185 0 8-3.5815 8-8s-3.5815-8-8-8z" fill="#666"></path>
    <path d="m307.1629 92.6494c-5.0264 0-8.1411-1.9385-8.7808-2.8789v-47.2368c.6396-.9404 3.7544-2.8789 8.7808-2.8789 5.0176 0 8.1353 1.9409 8.7813 2.8848v18.8721h16v-19.1554c0-10.4307-10.8853-18.6016-24.7813-18.6016s-24.7808 8.1709-24.7808 18.6016v47.7915c0 10.4307 10.8848 18.6016 24.7808 18.6016 4.4185 0 8-3.5815 8-8s-3.5816-8-8-8z" fill="#666"></path>
    <path d="m204.8621 92.6494c-5.0264 0-8.1411-1.9385-8.7813-2.8789v-47.2368c.6401-.9404 3.7549-2.8789 8.7813-2.8789 5.0171 0 8.1348 1.9409 8.7808 2.8848v18.8721h16v-19.1554c0-10.4307-10.8848-18.6016-24.7808-18.6016s-24.7813 8.1709-24.7813 18.6016v47.7915c0 10.4307 10.8853 18.6016 24.7813 18.6016 4.4185 0 8-3.5815 8-8s-3.5816-8-8-8z" fill="#666"></path>
    <g fill="#e55a5a">
      <path d="m102.5325 85.4089c-3.2728 0-6.2972 1.0412-8.7808 2.7971v1.5587c.646.9438 3.7637 2.8848 8.7808 2.8848 4.4185 0 8 3.5815 8 8s-3.5815 8-8 8c-5.4811 0-10.4895-1.2753-14.5505-3.4552 1.9336 6.1971 7.7166 10.6957 14.5505 10.6957 8.417 0 15.2405-6.8234 15.2405-15.2405s-6.8235-15.2406-15.2405-15.2406z"></path>
      <path d="m409.4641 85.4089c-3.2728 0-6.2972 1.0412-8.7808 2.7971v1.5587c.646.9438 3.7637 2.8848 8.7808 2.8848 4.4185 0 8 3.5815 8 8s-3.5815 8-8 8c-5.4811 0-10.4895-1.2753-14.5505-3.4552 1.9336 6.1971 7.7166 10.6957 14.5505 10.6957 8.417 0 15.2405-6.8234 15.2405-15.2405s-6.8235-15.2406-15.2405-15.2406z"></path>
      <path d="m307.1631 85.4089c-3.2729 0-6.2974 1.0413-8.781 2.7972v1.5643c.6396.9404 3.7544 2.8789 8.7808 2.8789 4.4185 0 8 3.5815 8 8s-3.5815 8-8 8c-5.481 0-10.4894-1.2752-14.5503-3.4549 1.9338 6.197 7.7166 10.6954 14.5505 10.6954 8.417 0 15.2405-6.8234 15.2405-15.2405s-6.8235-15.2404-15.2405-15.2404z"></path>
      <path d="m204.8477 85.4089c-3.2666 0-6.2859 1.0369-8.7668 2.7866v1.575c.6401.9404 3.7549 2.8789 8.7813 2.8789 4.4185 0 8 3.5815 8 8s-3.5815 8-8 8c-5.489 0-10.5043-1.2789-14.5684-3.4644 1.9307 6.202 7.7164 10.7049 14.554 10.7049 8.417 0 15.2405-6.8234 15.2405-15.2405s-6.8236-15.2405-15.2406-15.2405z"></path>
    </g>
    <g fill="#dbdcdd">
      <path d="m428.722 357.3569c-1.9932 1.5127-2.9895 3.8766-3.1636 6.3726-5.9263 84.9785-47.1658 87.7373-70.0938 87.7373h17.1211c22.1001 0 41.2236-5.2476 60.1782-16.5112l75.3154-44.6733c2.4297-1.4414 3.9189-4.0562 3.9189-6.8809l-76.2881-27.377c-2.4105-.6728-4.9955-.1797-6.9881 1.3325z"></path>
      <path d="m511.9983 383.4014v1.1068c.0076-.1416 0-.9641 0-1.1068z"></path>
    </g>
    <path d="m351.499 287.1606h-15.7289l6.8348-7.5513c2.9648-3.2759 2.7129-8.335-.5625-11.2998-3.2754-2.9639-8.3345-2.7134-11.2998.5625l-16.5533 18.2886h-38.876l27.489-27.4889 24.6337 1.2145c.1343.0068.2676.0098.4004.0098 4.2378 0 7.7729-3.3271 7.9839-7.606.2178-4.4131-3.1836-8.167-7.5962-8.3843l-10.1552-.5007 11.1093-11.1092c3.1245-3.124 3.1245-8.1895 0-11.3135-3.124-3.124-8.1895-3.124-11.3135 0l-11.1094 11.1093-.5005-10.1552c-.2173-4.4126-3.9502-7.8169-8.3843-7.5962-4.4126.2173-7.814 3.9712-7.5962 8.3843l1.2141 24.634-27.4884 27.4885v-38.8757l18.2886-16.5533c3.2754-2.9648 3.5273-8.0239.5625-11.2998-2.9648-3.2754-8.0239-3.5278-11.2998-.5625l-7.5513 6.8348v-15.7289c0-4.4185-3.5815-8-8-8s-8 3.5815-8 8v15.7289l-7.5513-6.8348c-3.2754-2.9639-8.334-2.7134-11.2998.5625-2.9648 3.2759-2.7129 8.335.5625 11.2998l18.2886 16.5533v38.8757l-27.4852-27.4851 1.2386-24.6295c.2222-4.4126-3.1753-8.1699-7.5879-8.3916-4.3936-.2178-8.1699 3.1748-8.3916 7.5879l-.512 10.1804-11.1267-11.1266c-3.124-3.124-8.1895-3.124-11.3135 0-3.1245 3.124-3.1245 8.1895 0 11.3135l11.1093 11.1092-10.1552.5007c-4.4126.2173-7.814 3.9712-7.5962 8.3843.2109 4.2788 3.7461 7.606 7.9839 7.606.1323 0 .2666-.0029.4004-.0098l24.6337-1.2145 27.489 27.4889h-38.8725l-16.5247-18.2842c-2.9619-3.2773-8.02-3.5332-11.2993-.5708-3.2778 2.9624-3.5337 8.021-.5708 11.2993l6.8286 7.5557h-15.747c-4.4185 0-8 3.5815-8 8s3.5815 8 8 8h15.7468l-6.8283 7.5552c-2.9624 3.2778-2.707 8.3369.5708 11.2993 1.5308 1.3833 3.4492 2.0649 5.3618 2.0649 2.1831 0 4.3584-.8887 5.9375-2.6357l16.5246-18.2837h38.8721l-27.4852 27.4852-24.6292-1.2386c-4.394-.2153-8.1699 3.1748-8.3916 7.5879-.2222 4.4126 3.1753 8.1699 7.5879 8.3916l10.18.512-11.1263 11.1262c-3.1245 3.124-3.1245 8.1895 0 11.3135 1.562 1.5625 3.6089 2.3433 5.6567 2.3433 2.0474 0 4.0947-.7813 5.6567-2.3433l11.1267-11.1266.512 10.1808c.2148 4.2759 3.749 7.5981 7.9829 7.5981.1353 0 .272-.0034.4087-.0103 4.4126-.2217 7.8101-3.979 7.5879-8.3916l-1.2386-24.6299 27.4852-27.4853v38.8726l-18.2842 16.5247c-3.2778 2.9624-3.5337 8.021-.5708 11.2993 1.5791 1.7476 3.7539 2.6357 5.9375 2.6357 1.9121 0 3.8311-.6816 5.3618-2.0649l7.5557-6.8285v15.747c0 4.4185 3.5815 8 8 8s8-3.5815 8-8v-15.747l7.5557 6.8286c1.5308 1.3833 3.4492 2.0649 5.3618 2.0649 2.1831 0 4.3584-.8887 5.9375-2.6357 2.9629-3.2783 2.707-8.3369-.5708-11.2993l-18.2842-16.5248v-38.8726l27.4885 27.4884-1.2141 24.6349c-.2178 4.4126 3.1836 8.1665 7.5962 8.3838.1343.0068.2676.0098.4004.0098 4.2373 0 7.7729-3.3276 7.9839-7.606l.5005-10.1557 11.1094 11.1093c1.562 1.562 3.6094 2.3433 5.6567 2.3433s4.0947-.7813 5.6567-2.3433c3.1245-3.124 3.1245-8.1895 0-11.3135l-11.1263-11.1262 10.18-.512c4.4126-.2217 7.8101-3.979 7.5879-8.3916-.2217-4.4121-3.9814-7.8154-8.3916-7.5879l-24.6292 1.2386-27.4852-27.4852h38.8755l16.5533 18.2881c1.5791 1.7446 3.752 2.6313 5.9336 2.6313 1.9141 0 3.8354-.6831 5.3662-2.0688 3.2754-2.9648 3.5273-8.0239.5625-11.2998l-6.8345-7.5508h15.7286c4.4185 0 8-3.5815 8-8s-3.5815-7.9999-8-7.9999z" fill="#c3e3fe"></path>
    <path d="m351.499 287.1606h-15.7289l6.8348-7.5513c2.9648-3.2759 2.7129-8.335-.5625-11.2998-3.2754-2.9639-8.3345-2.7134-11.2998.5625l-16.5533 18.2886h-38.876l27.489-27.4889 24.6337 1.2145c.1343.0068.2676.0098.4004.0098 4.2378 0 7.7729-3.3271 7.9839-7.606.2178-4.4131-3.1836-8.167-7.5962-8.3843l-10.1552-.5007 11.1093-11.1092c3.1245-3.124 3.1245-8.1895 0-11.3135-3.124-3.124-8.1895-3.124-11.3135 0l-11.1094 11.1093-.5005-10.1552c-.2173-4.4126-3.9502-7.8169-8.3843-7.5962-4.4126.2173-7.814 3.9712-7.5962 8.3843l1.2141 24.634-27.4884 27.4885v-38.8757l18.2886-16.5533c3.2754-2.9648 3.5273-8.0239.5625-11.2998-2.9648-3.2754-8.0239-3.5278-11.2998-.5625l-7.5513 6.8348v-15.7289c0-4.4185-3.5815-8-8-8-.0005 0-.0012.0001-.0017.0001v206.9979c.0005 0 .0012.0001.0017.0001 4.4185 0 8-3.5815 8-8v-15.747l7.5557 6.8286c1.5308 1.3833 3.4492 2.0649 5.3618 2.0649 2.1831 0 4.3584-.8887 5.9375-2.6357 2.9629-3.2783 2.707-8.3369-.5708-11.2993l-18.2842-16.5248v-38.8726l27.4885 27.4884-1.2141 24.6349c-.2178 4.4126 3.1836 8.1665 7.5962 8.3838.1343.0068.2676.0098.4004.0098 4.2373 0 7.7729-3.3276 7.9839-7.606l.5005-10.1557 11.1094 11.1093c1.562 1.562 3.6094 2.3433 5.6567 2.3433s4.0947-.7813 5.6567-2.3433c3.1245-3.124 3.1245-8.1895 0-11.3135l-11.1263-11.1262 10.18-.512c4.4126-.2217 7.8101-3.979 7.5879-8.3916-.2217-4.4121-3.9814-7.8154-8.3916-7.5879l-24.6292 1.2386-27.4852-27.4852h38.8755l16.5533 18.2881c1.5791 1.7446 3.752 2.6313 5.9336 2.6313 1.9141 0 3.8354-.6831 5.3662-2.0688 3.2754-2.9648 3.5273-8.0239.5625-11.2998l-6.8345-7.5508h15.7286c4.4185 0 8-3.5815 8-8s-3.5815-7.9999-8-7.9999z" fill="#accbe2"></path>
  </g>
</svg>

            <div class="font-medium">
              Winter
            </div>
            <div class="text-sm">
              
            </div>
          </div>
        </label>
      </li>
  </ul>


      </div>
    </div>
  </div>
                
  <div class="py-6 border-gray-200 border-b">
    <div class="flow-root -my-3">
        <button type="button" class="group flex items-center py-4 rounded-lg w-full text-gray-900 text-base transition duration-75" data-collapse-toggle="drawer-beschikbaarheid">
          <span class="flex-1 font-medium text-left whitespace-nowrap">
            Beschikbaarheid
          </span>
          <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="h-5 w-5">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 9-7 7-7-7"></path>
</svg>

        </button>

      <div id="drawer-beschikbaarheid" class="space-y-1 pb-2 px-2 hidden">
        
                    <div class="flex items-center py-2">
      <input type="checkbox" value="0-3-month" name="availability[]" id="drawer-availability-0-3-month" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="drawer-availability-0-3-month" class="ms-2 w-full text-gray-900 text-sm">1-3 Maanden</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="4-9-months" name="availability[]" id="drawer-availability-4-9-months" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="drawer-availability-4-9-months" class="ms-2 w-full text-gray-900 text-sm">4-9 Maanden</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="9-months" name="availability[]" id="drawer-availability-9-months" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="drawer-availability-9-months" class="ms-2 w-full text-gray-900 text-sm">9+ Maanden</label>
  </div>


      </div>
    </div>
  </div>
                
  <div class="py-6 border-gray-200 border-b">
    <div class="flow-root -my-3">
        <button type="button" class="group flex items-center py-4 rounded-lg w-full text-gray-900 text-base transition duration-75" data-collapse-toggle="drawer-accommodatie">
          <span class="flex-1 font-medium text-left whitespace-nowrap">
            Accommodatie
          </span>
          <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="h-5 w-5">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 9-7 7-7-7"></path>
</svg>

        </button>

      <div id="drawer-accommodatie" class="space-y-1 pb-2 px-2 hidden">
        
                    <ul class="items-stretch gap-2 grid grid-cols-2 mb-4 px-4 py-2 w-full">
      <li class="h-full">
          <input type="checkbox" value="unknown" name="accommodation[]" id="drawer-accommodation-unknown" class="peer hidden" data-autosubmit-target="input">
        <label for="drawer-accommodation-unknown" class="flex flex-col justify-center items-center bg-white hover:bg-gray-50 p-4 border border-gray-200 peer-checked:border-endeavour-600 rounded-lg w-full h-full min-h-[120px] text-gray-700 hover:text-gray-800 peer-checked:text-gray-800 cursor-pointer">
          <div class="text-center">
            <svg id="Layer_1" enable-background="new 0 0 512 512" height="512" viewbox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg" class="mx-auto mb-2 w-12 h-12">
  <g>
    <path d="m393.32 247.91v-61.59l40.4 29.45c2.26 1.64 5.42 1.15 7.07-1.1l22.41-30.67c1.65-2.26 1.16-5.43-1.1-7.08l-227.01-165.54c-1.78-1.3-4.19-1.3-5.96 0l-59.21 43.17v-23.4c0-2.79-2.27-5.06-5.06-5.06h-79.73c-2.79 0-5.06 2.27-5.06 5.06v25.31c0 2.79 2.27 5.06 5.06 5.06h8.32v48.77l-91.37 66.64c-2.26 1.65-2.75 4.82-1.1 7.08l22.43 30.66c1.65 2.25 4.81 2.75 7.07 1.1l40.43-29.47v232.09c0 3.2 2.27 5.79 5.06 5.79h191.83c19.38 45.46 64.56 77.42 117.07 77.42 70.1 0 127.14-56.97 127.14-126.99-.01-67.19-52.52-122.34-118.69-126.7z" fill="#eceff1"></path>
    <path d="m384.86 247.62c-70.12 0-127.17 56.97-127.17 126.99s57.05 126.99 127.17 126.99c70.1 0 127.14-56.97 127.14-126.99s-57.03-126.99-127.14-126.99z" fill="#4a90e2"></path>
    <path d="m384.86 247.62c-2.96 0-5.89.11-8.8.31c66.01 4.53 118.34 59.61 118.34 126.68s-52.32 122.15-118.34 126.68c2.91.2 5.84.31 8.8.31 70.1 0 127.14-56.97 127.14-126.99s-57.03-126.99-127.14-126.99z" fill="#357abd"></path>
    <path d="m229.12 11.38-227.04 165.55c-2.26 1.65-2.75 4.82-1.1 7.08l22.42 30.66c1.65 2.25 4.81 2.75 7.07 1.1l201.64-147 201.61 147c2.26 1.64 5.42 1.15 7.07-1.1l22.41-30.67c1.65-2.26 1.16-5.43-1.1-7.08l-227.01-165.54c-1.78-1.3-4.19-1.3-5.97 0z" fill="#ff4c4c"></path>
    <path d="m462.1 176.93-7.64-5.57-13.68 18.71c-1.65 2.25-4.81 2.75-7.07 1.1l-201.61-147-201.64 147c-2.26 1.64-5.42 1.15-7.07-1.1l-13.67-18.71-7.64 5.57c-2.26 1.65-2.75 4.82-1.1 7.08l22.43 30.66c1.65 2.25 4.81 2.75 7.07 1.1l201.64-147 201.61 147c2.26 1.64 5.42 1.15 7.07-1.1l22.4-30.67c1.66-2.25 1.16-5.42-1.1-7.07z" fill="#f33939"></path>
    <path d="m93.46 61.52v48.77l66.89-48.77z" fill="#de9252"></path>
    <path d="m85.13 61.52h75.22l9.57-6.97v-23.4c0-2.79-2.27-5.06-5.06-5.06h-79.73c-2.79 0-5.06 2.27-5.06 5.06v25.31c0 2.8 2.27 5.06 5.06 5.06z" fill="#f1ba84"></path>
    <path d="m257.69 374.61c0-31.31 11.41-60 30.29-82.16v-35.75c0-2.79-2.27-5.06-5.06-5.06h-101.63c-2.79 0-5.06 2.27-5.06 5.06v167.48h40.3 51.26c-6.5-15.24-10.1-32-10.1-49.57z" fill="#f1ba84"></path>
    <path d="m267.79 424.18c-6.49-15.24-10.09-31.99-10.09-49.57 0-31.31 11.41-60 30.29-82.16v-35.75c0-2.79-2.27-5.06-5.06-5.06h-49.33c2.79 0 5.06 2.27 5.06 5.06v167.48z" fill="#de9252"></path>
    <path d="m362.16 249.65c7.37-1.33 14.95-2.03 22.7-2.03 2.84 0 5.66.1 8.46.29v-61.59l-161.22-117.55-15.58 11.36 145.64 106.19z" fill="#ccdfed"></path>
    <g fill="#eceff1">
      <circle cx="384.86" cy="450" r="12"></circle>
      <path d="m391.02 420.92h-12.32c-2.43 0-4.4-1.97-4.4-4.4v-27.2c0-5.81 4.68-10.62 10.49-10.59 18.88.04 34.18-15.65 33.5-34.67-.61-17.2-14.41-31.26-31.61-32.18-19.28-1.03-35.29 14.35-35.29 33.4v4.4c0 2.43-1.97 4.4-4.4 4.4h-12.32c-2.43 0-4.4-1.97-4.4-4.4v-3.8c0-30.11 24.15-55.01 54.25-55.18 30.25-.17 54.9 24.38 54.9 54.61 0 26.48-18.96 48.63-44.04 53.57v17.74c0 2.43-1.97 4.4-4.4 4.4z"></path>
    </g>
  </g>
</svg>
            <div class="font-medium">
              Onbekend
            </div>
            <div class="text-sm">
              
            </div>
          </div>
        </label>
      </li>
      <li class="h-full">
          <input type="checkbox" value="unavailable" name="accommodation[]" id="drawer-accommodation-unavailable" class="peer hidden" data-autosubmit-target="input">
        <label for="drawer-accommodation-unavailable" class="flex flex-col justify-center items-center bg-white hover:bg-gray-50 p-4 border border-gray-200 peer-checked:border-endeavour-600 rounded-lg w-full h-full min-h-[120px] text-gray-700 hover:text-gray-800 peer-checked:text-gray-800 cursor-pointer">
          <div class="text-center">
            <svg id="Layer_1" enable-background="new 0 0 512 512" height="512" viewbox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg" class="mx-auto mb-2 w-12 h-12">
  <g>
    <path d="m393.32 247.91v-61.59l40.4 29.45c2.26 1.64 5.42 1.15 7.07-1.1l22.41-30.67c1.65-2.26 1.16-5.43-1.1-7.08l-227.01-165.54c-1.78-1.3-4.19-1.3-5.96 0l-59.21 43.17v-23.4c0-2.79-2.27-5.06-5.06-5.06h-79.73c-2.79 0-5.06 2.27-5.06 5.06v25.31c0 2.79 2.27 5.06 5.06 5.06h8.32v48.77l-91.37 66.64c-2.26 1.65-2.75 4.82-1.1 7.08l22.43 30.66c1.65 2.25 4.81 2.75 7.07 1.1l40.43-29.47v232.09c0 3.2 2.27 5.79 5.06 5.79h191.83c19.38 45.46 64.56 77.42 117.07 77.42 70.1 0 127.14-56.97 127.14-126.99-.01-67.19-52.52-122.34-118.69-126.7z" fill="#eceff1"></path>
    <path d="m384.86 247.62c-70.12 0-127.17 56.97-127.17 126.99s57.05 126.99 127.17 126.99c70.1 0 127.14-56.97 127.14-126.99s-57.03-126.99-127.14-126.99z" fill="#ff4c4c"></path>
    <path d="m384.86 247.62c-2.96 0-5.89.11-8.8.31 66.01 4.53 118.34 59.61 118.34 126.68s-52.32 122.15-118.34 126.68c2.91.2 5.84.31 8.8.31 70.1 0 127.14-56.97 127.14-126.99s-57.03-126.99-127.14-126.99z" fill="#f33939"></path>
    <path d="m229.12 11.38-227.04 165.55c-2.26 1.65-2.75 4.82-1.1 7.08l22.42 30.66c1.65 2.25 4.81 2.75 7.07 1.1l201.64-147 201.61 147c2.26 1.64 5.42 1.15 7.07-1.1l22.41-30.67c1.65-2.26 1.16-5.43-1.1-7.08l-227.01-165.54c-1.78-1.3-4.19-1.3-5.97 0z" fill="#ff4c4c"></path>
    <path d="m462.1 176.93-7.64-5.57-13.68 18.71c-1.65 2.25-4.81 2.75-7.07 1.1l-201.61-147-201.64 147c-2.26 1.64-5.42 1.15-7.07-1.1l-13.67-18.71-7.64 5.57c-2.26 1.65-2.75 4.82-1.1 7.08l22.43 30.66c1.65 2.25 4.81 2.75 7.07 1.1l201.64-147 201.61 147c2.26 1.64 5.42 1.15 7.07-1.1l22.4-30.67c1.66-2.25 1.16-5.42-1.1-7.07z" fill="#f33939"></path>
    <path d="m93.46 61.52v48.77l66.89-48.77z" fill="#de9252"></path>
    <path d="m85.13 61.52h75.22l9.57-6.97v-23.4c0-2.79-2.27-5.06-5.06-5.06h-79.73c-2.79 0-5.06 2.27-5.06 5.06v25.31c0 2.8 2.27 5.06 5.06 5.06z" fill="#f1ba84"></path>
    <path d="m257.69 374.61c0-31.31 11.41-60 30.29-82.16v-35.75c0-2.79-2.27-5.06-5.06-5.06h-101.63c-2.79 0-5.06 2.27-5.06 5.06v167.48h40.3 51.26c-6.5-15.24-10.1-32-10.1-49.57z" fill="#f1ba84"></path>
    <path d="m267.79 424.18c-6.49-15.24-10.09-31.99-10.09-49.57 0-31.31 11.41-60 30.29-82.16v-35.75c0-2.79-2.27-5.06-5.06-5.06h-49.33c2.79 0 5.06 2.27 5.06 5.06v167.48z" fill="#de9252"></path>
    <path d="m362.16 249.65c7.37-1.33 14.95-2.03 22.7-2.03 2.84 0 5.66.1 8.46.29v-61.59l-161.22-117.55-15.58 11.36 145.64 106.19z" fill="#ccdfed"></path>
    <path d="m338.01 349.21c-5.9-5.92-5.9-15.49 0-21.4 5.92-5.92 15.51-5.92 21.43 0l25.4 25.37 25.43-25.37c5.9-5.92 15.51-5.92 21.43 0 5.9 5.92 5.9 15.49 0 21.4l-25.43 25.37 25.43 25.39c5.9 5.89 5.9 15.49 0 21.37-5.92 5.92-15.53 5.92-21.43 0l-25.43-25.37-25.4 25.37c-5.92 5.92-15.51 5.92-21.43 0-5.9-5.89-5.9-15.49 0-21.37l25.43-25.39z" fill="#eceff1"></path>
  </g>
</svg>

            <div class="font-medium">
              Niet beschikbaar
            </div>
            <div class="text-sm">
              
            </div>
          </div>
        </label>
      </li>
      <li class="h-full">
          <input type="checkbox" value="available" name="accommodation[]" id="drawer-accommodation-available" class="peer hidden" data-autosubmit-target="input">
        <label for="drawer-accommodation-available" class="flex flex-col justify-center items-center bg-white hover:bg-gray-50 p-4 border border-gray-200 peer-checked:border-endeavour-600 rounded-lg w-full h-full min-h-[120px] text-gray-700 hover:text-gray-800 peer-checked:text-gray-800 cursor-pointer">
          <div class="text-center">
            <svg id="Layer_1" enable-background="new 0 0 512 512" height="512" viewbox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg" class="mx-auto mb-2 w-12 h-12">
  <g>
    <path d="m505.36 285.09c-26.46-4.56-47.13-16.58-58.21-33.84-1.47-2.29-4.01-3.68-6.73-3.68h-27.29v-63.99l42.43 30.44c2.37 1.7 5.69 1.19 7.42-1.14l23.55-31.7c1.73-2.33 1.22-5.61-1.16-7.31l-238.44-171.11c-1.87-1.34-4.4-1.34-6.26 0l-62.19 44.62v-24.18c0-2.89-2.38-5.23-5.31-5.23h-83.75c-2.94 0-5.31 2.34-5.31 5.23v26.16c0 2.89 2.38 5.23 5.31 5.23h8.74v50.41l-95.98 68.88c-2.37 1.7-2.89 4.98-1.16 7.31l23.55 31.7c1.73 2.33 5.05 2.84 7.42 1.14l42.46-30.46v239.9c0 3.3 2.38 5.98 5.32 5.98h221.71c7.51 13.53 17.56 26.43 30.03 38.44 15.46 14.89 41.36 33.62 64.36 41.88.87.31 1.79.47 2.7.47s1.83-.16 2.7-.47c23-8.26 48.89-26.99 64.35-41.88 30.33-29.18 46.36-63.66 46.36-99.73v-75.19c.02-3.89-2.78-7.22-6.62-7.88z" fill="#eceff1"></path>
    <path d="m240.66 2.76-238.48 171.12c-2.37 1.7-2.89 4.98-1.16 7.31l23.55 31.7c1.73 2.33 5.05 2.84 7.42 1.14l211.8-151.95 211.76 151.94c2.37 1.7 5.69 1.19 7.42-1.14l23.55-31.7c1.73-2.33 1.22-5.61-1.16-7.31l-238.43-171.11c-1.87-1.34-4.4-1.34-6.27 0z" fill="#ff4c4c"></path>
    <path d="m485.37 173.88-8.02-5.76-14.37 19.34c-1.73 2.33-5.05 2.84-7.42 1.14l-211.77-151.94-211.79 151.94c-2.37 1.7-5.69 1.19-7.42-1.14l-14.37-19.34-8.02 5.76c-2.37 1.7-2.89 4.98-1.16 7.31l23.55 31.7c1.73 2.33 5.05 2.84 7.42 1.14l211.79-151.95 211.76 151.94c2.37 1.7 5.69 1.19 7.42-1.14l23.55-31.7c1.75-2.32 1.23-5.6-1.15-7.3z" fill="#f33939"></path>
    <path d="m98.16 54.59v50.41l70.27-50.41z" fill="#de9252"></path>
    <path d="m89.42 54.59h79.01l10.05-7.21v-24.18c0-2.89-2.38-5.23-5.32-5.23h-83.74c-2.94 0-5.31 2.34-5.31 5.23v26.16c-.01 2.89 2.37 5.23 5.31 5.23z" fill="#f1ba84"></path>
    <path d="m505.36 285.09c-26.46-4.56-47.13-16.58-58.21-33.84-1.47-2.29-4.01-3.68-6.73-3.68h-83.65c-2.72 0-5.26 1.38-6.73 3.67-11.11 17.27-31.79 29.29-58.24 33.84-3.84.66-6.64 3.99-6.64 7.88v75.19c0 36.03 16.03 70.52 46.36 99.72 15.46 14.89 41.36 33.62 64.36 41.88.87.31 1.79.47 2.7.47s1.83-.16 2.7-.47c23-8.26 48.89-26.99 64.35-41.88 30.33-29.18 46.36-63.66 46.36-99.73v-75.19c.01-3.87-2.79-7.2-6.63-7.86z" fill="#4caf50"></path>
    <path d="m285.16 368.16v-75.19c0-3.89 2.8-7.22 6.64-7.88 3.68-.63 7.24-1.43 10.68-2.34v-26.42c0-2.89-2.38-5.23-5.32-5.23h-106.74c-2.94 0-5.31 2.34-5.31 5.23v173.12h42.33 74.06c-10.77-19.39-16.34-40.07-16.34-61.29z" fill="#f1ba84"></path>
    <path d="m301.49 429.45c-10.76-19.38-16.33-40.06-16.33-61.28v-75.19c0-3.89 2.8-7.22 6.64-7.88 3.68-.63 7.24-1.43 10.68-2.34v-26.42c0-2.89-2.38-5.23-5.32-5.23h-51.8c2.94 0 5.32 2.34 5.32 5.23v173.12h50.81z" fill="#de9252"></path>
    <path d="m380.4 247.58h32.73v-64l-169.34-121.5-16.36 11.74 152.97 109.76z" fill="#ccdfed"></path>
    <path d="m505.36 285.09c-26.46-4.56-47.13-16.58-58.21-33.84-1.47-2.29-4.01-3.68-6.73-3.68h-41.84v262.67c.92 0 1.83-.16 2.7-.47 23-8.26 48.89-26.99 64.35-41.88 30.33-29.18 46.36-63.66 46.36-99.73v-75.19c.01-3.89-2.79-7.22-6.63-7.88z" fill="#388e3c"></path>
    <path d="m345.63 389.34c-6.21-6.03-6.35-15.94-.31-22.14s15.96-6.34 22.17-.31l17.94 17.41 44.16-43.8c6.12-6.09 16.04-6.06 22.17.06 6.09 6.14 6.07 16.05-.09 22.14l-55.08 54.61c-6.07 6.03-15.85 6.11-22 .14z" fill="#eceff1"></path>
    <path d="m429.59 340.51-31.01 30.75v44.09l53.09-52.64c6.15-6.09 6.18-16 .08-22.14-6.11-6.12-16.04-6.15-22.16-.06z" fill="#dfe6ea"></path>
  </g>
</svg>

            <div class="font-medium">
              Beschikbaar
            </div>
            <div class="text-sm">
              
            </div>
          </div>
        </label>
      </li>
      <li class="h-full">
          <input type="checkbox" value="temporary" name="accommodation[]" id="drawer-accommodation-temporary" class="peer hidden" data-autosubmit-target="input">
        <label for="drawer-accommodation-temporary" class="flex flex-col justify-center items-center bg-white hover:bg-gray-50 p-4 border border-gray-200 peer-checked:border-endeavour-600 rounded-lg w-full h-full min-h-[120px] text-gray-700 hover:text-gray-800 peer-checked:text-gray-800 cursor-pointer">
          <div class="text-center">
            <svg id="Layer_1" enable-background="new 0 0 512 512" height="512" viewbox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg" xmlns:bx="https://boxy-svg.com" class="mx-auto mb-2 w-12 h-12">
  <defs>
    <bx:export>
      <bx:file format="svg"></bx:file>
    </bx:export>
  </defs>
  <g>
    <path d="M 393.32 247.91 L 393.32 186.32 L 433.72 215.77 C 435.98 217.41 439.14 216.92 440.79 214.67 L 463.2 184 C 464.85 181.74 464.36 178.57 462.1 176.92 L 235.09 11.38 C 233.31 10.08 230.9 10.08 229.13 11.38 L 169.92 54.55 L 169.92 31.15 C 169.92 28.36 167.65 26.09 164.86 26.09 L 85.13 26.09 C 82.34 26.09 80.07 28.36 80.07 31.15 L 80.07 56.46 C 80.07 59.25 82.34 61.52 85.13 61.52 L 93.45 61.52 L 93.45 110.29 L 2.08 176.93 C -0.18 178.58 -0.67 181.75 0.98 184.01 L 23.41 214.67 C 25.06 216.92 28.22 217.42 30.48 215.77 L 70.91 186.3 L 70.91 418.39 C 70.91 421.59 73.18 424.18 75.97 424.18 L 267.8 424.18 C 389.127 424.18 390.854 426.05 391.378 424.497 C 391.554 423.975 393.32 294.328 393.32 247.91 Z" fill="#eceff1"></path>
    <path d="m229.12 11.38-227.04 165.55c-2.26 1.65-2.75 4.82-1.1 7.08l22.42 30.66c1.65 2.25 4.81 2.75 7.07 1.1l201.64-147 201.61 147c2.26 1.64 5.42 1.15 7.07-1.1l22.41-30.67c1.65-2.26 1.16-5.43-1.1-7.08l-227.01-165.54c-1.78-1.3-4.19-1.3-5.97 0z" fill="#ff4c4c"></path>
    <path d="m462.1 176.93-7.64-5.57-13.68 18.71c-1.65 2.25-4.81 2.75-7.07 1.1l-201.61-147-201.64 147c-2.26 1.64-5.42 1.15-7.07-1.1l-13.67-18.71-7.64 5.57c-2.26 1.65-2.75 4.82-1.1 7.08l22.43 30.66c1.65 2.25 4.81 2.75 7.07 1.1l201.64-147 201.61 147c2.26 1.64 5.42 1.15 7.07-1.1l22.4-30.67c1.66-2.25 1.16-5.42-1.1-7.07z" fill="#f33939"></path>
    <path d="m93.46 61.52v48.77l66.89-48.77z" fill="#de9252"></path>
    <path d="m85.13 61.52h75.22l9.57-6.97v-23.4c0-2.79-2.27-5.06-5.06-5.06h-79.73c-2.79 0-5.06 2.27-5.06 5.06v25.31c0 2.8 2.27 5.06 5.06 5.06z" fill="#f1ba84"></path>
    <path d="m257.69 374.61c0-31.31 11.41-60 30.29-82.16v-35.75c0-2.79-2.27-5.06-5.06-5.06h-101.63c-2.79 0-5.06 2.27-5.06 5.06v167.48h40.3 51.26c-6.5-15.24-10.1-32-10.1-49.57z" fill="#f1ba84"></path>
    <path d="M 286.686 424.393 C 288.955 424.012 287.99 256.7 287.99 256.7 C 287.99 253.91 285.72 251.64 282.93 251.64 L 233.6 251.64 C 236.39 251.64 238.66 253.91 238.66 256.7 L 238.66 424.18 L 286.686 424.393 Z" fill="#de9252"></path>
    <path d="m362.16 249.65c7.37-1.33 14.95-2.03 22.7-2.03 2.84 0 5.66.1 8.46.29v-61.59l-161.22-117.55-15.58 11.36 145.64 106.19z" fill="#ccdfed"></path>
  </g>
  <g style="" transform="matrix(0.469946, 0, 0, 0.469946, 175.864151, 307.463928)">
    <g>
      <g transform="matrix(1, 0, 0, 1, 189.534103, -147.379608)">
        <path d="m286.259 230.322 100.671-81.677c6.131-12.362 9.457-26.14 9.457-40.357v-58.74l-22.693-9.409h-185.918v68.148c0 69.987 59.511 106.476 59.511 147.712l-46.262 109.931 195.362 58.962v-21.181c0-30.372-15.179-58.735-40.451-75.583l-69.678-46.452c-8.586-5.723-13.742-15.359-13.742-25.677s5.157-19.953 13.743-25.677z" fill="#eaf3ff"></path>
        <path d="m237.085 243.947c5.865 14.359.552 29.8-11.344 37.73l-69.678 46.452c-25.271 16.848-40.451 45.21-40.451 75.583v21.181l98.91-21.181c0-30.372 5.203-58.735 13.864-75.583l23.882-46.452c2.943-5.723 4.71-15.359 4.71-25.677z" fill="#d5eaff"></path>
        <path d="m115.613 16.516v91.772c0 14.218 3.326 27.995 9.457 40.357l71.829 33.974 20.87-33.966c-2.103-12.363-3.245-26.143-3.245-40.365v-33.965c0-13.682 11.092-24.774 24.774-24.774h157.09v-33.033z" fill="#d5eaff"></path>
        <path d="m377.138 394.874-80.56-36.988c-14.663-6.732-24.062-21.389-24.062-37.524v-64.362c0-10.319 5.157-19.954 13.742-25.678l69.678-46.452c13.424-8.949 24.027-21.202 30.993-35.225h-169.161l-7.621 40.381 38.118 62.226-8.781 55.292v13.817c0 14.709-7.81 28.189-20.299 35.558l-23.156 24.346v90.57h176.688l23.67-8.384v-37.559c0-12.907-7.519-24.632-19.249-30.018z" fill="#ffd18d"></path>
        <path d="m239.484 256v50.544l12.784-24.867c2.943-5.723 4.71-15.359 4.71-25.677 0-10.319-1.768-19.954-4.71-25.678l-23.882-46.452c-4.601-8.949-8.231-21.202-10.619-35.225h-92.698c6.966 14.023 17.57 26.276 30.994 35.225l69.678 46.452c8.586 5.724 13.743 15.359 13.743 25.678z" fill="#fbbd80"></path>
        <path d="m396.387 462.452h-157.09c-13.682 0-24.774-11.092-24.774-24.774v-33.965c0-17.238 1.629-33.588 4.662-47.793-1.256.748-2.414 1.348-3.762 1.967l-80.56 36.988c-11.73 5.386-19.249 17.111-19.249 30.019v70.591h280.774v-33.033z" fill="#fbbd80"></path>
        <path d="m396.387 27.542h-220.557s-10.669-1.905-10.669-11.026c0-9.121 7.395-16.516 16.516-16.516h214.71c9.122 0 16.516 7.395 16.516 16.516z" fill="#e29a6c"></path>
        <path d="m181.677 0h-66.065c-9.121 0-16.516 7.394-16.516 16.516 0 9.121 7.395 16.516 16.516 16.516h280.774c9.121 0 16.516-7.395 16.516-16.516h-214.71c-9.12 0-16.515-7.395-16.515-16.516z" fill="#d48c64"></path>
        <path d="m396.387 506.51h-220.557s-10.669-1.905-10.669-11.026c0-9.122 7.395-16.516 16.516-16.516h214.71c9.122 0 16.516 7.395 16.516 16.516z" fill="#e29a6c"></path>
        <path d="m181.677 478.968h-66.065c-9.121 0-16.516 7.394-16.516 16.516 0 9.121 7.395 16.516 16.516 16.516h280.774c9.121 0 16.516-7.395 16.516-16.516h-214.71c-9.12 0-16.515-7.395-16.515-16.516z" fill="#d48c64"></path>
      </g>
    </g>
  </g>
</svg>

            <div class="font-medium">
              Tijdelijk beschikbaar
            </div>
            <div class="text-sm">
              
            </div>
          </div>
        </label>
      </li>
  </ul>


      </div>
    </div>
  </div>
</turbo-frame>
</form>
      </div>
    </div>
    <div class="flex flex-row justify-between items-center p-4 border-gray-200 border-t shrink-0">
      <button type="button" class="text-white bg-endeavour-default hover:bg-endeavour-600 focus:ring-4 focus:outline-none focus:ring-endeavour-400 font-medium rounded-lg px-5 py-2.5 text-center cursor-pointer" data-drawer-hide="filters">
        Bekijk resultaten
      </button>
    </div>
  </div>
</aside>

  <div class="hidden md:block min-w-[340px] w-[340px] shrink-0">
    <form data-controller="autosubmit" data-turbo-method="get" data-turbo-stream="true" data-turbo-frame="_top" action="/nl/seizoenswerk" accept-charset="UTF-8" method="get">
      <input autocomplete="off" value="sidebar" type="hidden" name="from_display" id="from_display" />
      
      
  <div class="py-6 border-gray-200 border-b">
    <div class="flow-root -my-3">
        <p class="font-medium text-gray-900">
          Actieve filters
       </p>

      <div id="sidebar-actieve-filters" class="space-y-1 pb-2 px-2 ">
        
        <turbo-frame id="filters_sidebar_active">
          <ul class="flex flex-row flex-wrap gap-2 mb-2 pt-6">
    <li class="text-gray-500 text-sm">Geen filters ingesteld</li>
</ul>

</turbo-frame>
      </div>
    </div>
  </div>
        <turbo-frame id="filters_sidebar_sections">
            
  <div class="py-6 border-gray-200 border-b">
    <div class="flow-root -my-3">
        <button type="button" class="group flex items-center py-4 rounded-lg w-full text-gray-900 text-base transition duration-75" data-collapse-toggle="sidebar-landen">
          <span class="flex-1 font-medium text-left whitespace-nowrap">
            Landen
          </span>
          <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="h-5 w-5">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 9-7 7-7-7"></path>
</svg>

        </button>

      <div id="sidebar-landen" class="space-y-1 pb-2 px-2 hidden">
        
                <div class="flex items-center py-2">
      <input type="checkbox" value="australie" name="countries[]" id="sidebar-countries-australie" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="sidebar-countries-australie" class="ms-2 w-full text-gray-900 text-sm">Australië</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="cyprus" name="countries[]" id="sidebar-countries-cyprus" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="sidebar-countries-cyprus" class="ms-2 w-full text-gray-900 text-sm">Cyprus</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="duitsland" name="countries[]" id="sidebar-countries-duitsland" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="sidebar-countries-duitsland" class="ms-2 w-full text-gray-900 text-sm">Duitsland</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="frankrijk" name="countries[]" id="sidebar-countries-frankrijk" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="sidebar-countries-frankrijk" class="ms-2 w-full text-gray-900 text-sm">Frankrijk</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="griekenland" name="countries[]" id="sidebar-countries-griekenland" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="sidebar-countries-griekenland" class="ms-2 w-full text-gray-900 text-sm">Griekenland</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="italie" name="countries[]" id="sidebar-countries-italie" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="sidebar-countries-italie" class="ms-2 w-full text-gray-900 text-sm">Italië</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="kroatie" name="countries[]" id="sidebar-countries-kroatie" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="sidebar-countries-kroatie" class="ms-2 w-full text-gray-900 text-sm">Kroatië</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="oostenrijk" name="countries[]" id="sidebar-countries-oostenrijk" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="sidebar-countries-oostenrijk" class="ms-2 w-full text-gray-900 text-sm">Oostenrijk</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="sint-maarten" name="countries[]" id="sidebar-countries-sint-maarten" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="sidebar-countries-sint-maarten" class="ms-2 w-full text-gray-900 text-sm">Sint Maarten</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="spanje" name="countries[]" id="sidebar-countries-spanje" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="sidebar-countries-spanje" class="ms-2 w-full text-gray-900 text-sm">Spanje</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="turkije" name="countries[]" id="sidebar-countries-turkije" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="sidebar-countries-turkije" class="ms-2 w-full text-gray-900 text-sm">Turkije</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="verenigde-staten" name="countries[]" id="sidebar-countries-verenigde-staten" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="sidebar-countries-verenigde-staten" class="ms-2 w-full text-gray-900 text-sm">Verenigde Staten</label>
  </div>


      </div>
    </div>
  </div>
            
  <div class="py-6 border-gray-200 border-b">
    <div class="flow-root -my-3">
        <button type="button" class="group flex items-center py-4 rounded-lg w-full text-gray-900 text-base transition duration-75" data-collapse-toggle="sidebar-categorieen">
          <span class="flex-1 font-medium text-left whitespace-nowrap">
            Categorieën
          </span>
          <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="h-5 w-5">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 9-7 7-7-7"></path>
</svg>

        </button>

      <div id="sidebar-categorieen" class="space-y-1 pb-2 px-2 hidden">
        
                <div class="flex items-center py-2">
      <input type="checkbox" value="agrarisch" name="categories[]" id="sidebar-categories-agrarisch" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="sidebar-categories-agrarisch" class="ms-2 w-full text-gray-900 text-sm">Agrarisch</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="animatie" name="categories[]" id="sidebar-categories-animatie" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="sidebar-categories-animatie" class="ms-2 w-full text-gray-900 text-sm">Animatie</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="camping" name="categories[]" id="sidebar-categories-camping" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="sidebar-categories-camping" class="ms-2 w-full text-gray-900 text-sm">Camping</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="horeca" name="categories[]" id="sidebar-categories-horeca" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="sidebar-categories-horeca" class="ms-2 w-full text-gray-900 text-sm">Horeca</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="hotel" name="categories[]" id="sidebar-categories-hotel" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="sidebar-categories-hotel" class="ms-2 w-full text-gray-900 text-sm">Hotel</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="kinderopvang+en+au+pair" name="categories[]" id="sidebar-categories-kinderopvang+en+au+pair" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="sidebar-categories-kinderopvang+en+au+pair" class="ms-2 w-full text-gray-900 text-sm">Kinderopvang en Au Pair</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="kok" name="categories[]" id="sidebar-categories-kok" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="sidebar-categories-kok" class="ms-2 w-full text-gray-900 text-sm">Kok</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="onderwijs" name="categories[]" id="sidebar-categories-onderwijs" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="sidebar-categories-onderwijs" class="ms-2 w-full text-gray-900 text-sm">Onderwijs</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="receptie" name="categories[]" id="sidebar-categories-receptie" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="sidebar-categories-receptie" class="ms-2 w-full text-gray-900 text-sm">Receptie</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="schoonmaak" name="categories[]" id="sidebar-categories-schoonmaak" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="sidebar-categories-schoonmaak" class="ms-2 w-full text-gray-900 text-sm">Schoonmaak</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="sport+en+fitness" name="categories[]" id="sidebar-categories-sport+en+fitness" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="sidebar-categories-sport+en+fitness" class="ms-2 w-full text-gray-900 text-sm">Sport en fitness</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="techniek+%26+engineering" name="categories[]" id="sidebar-categories-techniek+%26+engineering" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="sidebar-categories-techniek+%26+engineering" class="ms-2 w-full text-gray-900 text-sm">Techniek &amp; Engineering</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="toerisme" name="categories[]" id="sidebar-categories-toerisme" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="sidebar-categories-toerisme" class="ms-2 w-full text-gray-900 text-sm">Toerisme</label>
  </div>


      </div>
    </div>
  </div>
            
  <div class="py-6 border-gray-200 border-b">
    <div class="flow-root -my-3">
        <button type="button" class="group flex items-center py-4 rounded-lg w-full text-gray-900 text-base transition duration-75" data-collapse-toggle="sidebar-seizoenen">
          <span class="flex-1 font-medium text-left whitespace-nowrap">
            Seizoenen
          </span>
          <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="h-5 w-5">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 9-7 7-7-7"></path>
</svg>

        </button>

      <div id="sidebar-seizoenen" class="space-y-1 pb-2 px-2 hidden">
        
                  <div class="flex items-center py-2">
        <input type="checkbox" value="spring" name="season[]" id="sidebar-season-spring" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
      <label for="sidebar-season-spring" class="ms-2 w-full text-gray-900 text-sm">Lente</label>
    </div>
    <div class="flex items-center py-2">
        <input type="checkbox" value="summer" name="season[]" id="sidebar-season-summer" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
      <label for="sidebar-season-summer" class="ms-2 w-full text-gray-900 text-sm">Zomer</label>
    </div>
    <div class="flex items-center py-2">
        <input type="checkbox" value="autumn" name="season[]" id="sidebar-season-autumn" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
      <label for="sidebar-season-autumn" class="ms-2 w-full text-gray-900 text-sm">Herfst</label>
    </div>
    <div class="flex items-center py-2">
        <input type="checkbox" value="winter" name="season[]" id="sidebar-season-winter" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
      <label for="sidebar-season-winter" class="ms-2 w-full text-gray-900 text-sm">Winter</label>
    </div>


      </div>
    </div>
  </div>
            
  <div class="py-6 border-gray-200 border-b">
    <div class="flow-root -my-3">
        <button type="button" class="group flex items-center py-4 rounded-lg w-full text-gray-900 text-base transition duration-75" data-collapse-toggle="sidebar-beschikbaarheid">
          <span class="flex-1 font-medium text-left whitespace-nowrap">
            Beschikbaarheid
          </span>
          <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="h-5 w-5">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 9-7 7-7-7"></path>
</svg>

        </button>

      <div id="sidebar-beschikbaarheid" class="space-y-1 pb-2 px-2 hidden">
        
                <div class="flex items-center py-2">
      <input type="checkbox" value="0-3-month" name="availability[]" id="sidebar-availability-0-3-month" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="sidebar-availability-0-3-month" class="ms-2 w-full text-gray-900 text-sm">1-3 Maanden</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="4-9-months" name="availability[]" id="sidebar-availability-4-9-months" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="sidebar-availability-4-9-months" class="ms-2 w-full text-gray-900 text-sm">4-9 Maanden</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="9-months" name="availability[]" id="sidebar-availability-9-months" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="sidebar-availability-9-months" class="ms-2 w-full text-gray-900 text-sm">9+ Maanden</label>
  </div>


      </div>
    </div>
  </div>
            
  <div class="py-6 border-gray-200 border-b">
    <div class="flow-root -my-3">
        <button type="button" class="group flex items-center py-4 rounded-lg w-full text-gray-900 text-base transition duration-75" data-collapse-toggle="sidebar-accommodatie">
          <span class="flex-1 font-medium text-left whitespace-nowrap">
            Accommodatie
          </span>
          <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="h-5 w-5">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 9-7 7-7-7"></path>
</svg>

        </button>

      <div id="sidebar-accommodatie" class="space-y-1 pb-2 px-2 hidden">
        
                  <div class="flex items-center py-2">
        <input type="checkbox" value="unknown" name="accommodation[]" id="sidebar-accommodation-unknown" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
      <label for="sidebar-accommodation-unknown" class="ms-2 w-full text-gray-900 text-sm">Onbekend</label>
    </div>
    <div class="flex items-center py-2">
        <input type="checkbox" value="unavailable" name="accommodation[]" id="sidebar-accommodation-unavailable" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
      <label for="sidebar-accommodation-unavailable" class="ms-2 w-full text-gray-900 text-sm">Niet beschikbaar</label>
    </div>
    <div class="flex items-center py-2">
        <input type="checkbox" value="available" name="accommodation[]" id="sidebar-accommodation-available" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
      <label for="sidebar-accommodation-available" class="ms-2 w-full text-gray-900 text-sm">Beschikbaar</label>
    </div>
    <div class="flex items-center py-2">
        <input type="checkbox" value="temporary" name="accommodation[]" id="sidebar-accommodation-temporary" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
      <label for="sidebar-accommodation-temporary" class="ms-2 w-full text-gray-900 text-sm">Tijdelijk beschikbaar</label>
    </div>


      </div>
    </div>
  </div>
</turbo-frame></form>  </div>
</turbo-frame></template></turbo-stream><turbo-stream action="replace" target="seasonal_jobs_list"><template><turbo-frame id="seasonal_jobs_list">
  <div class="flex flex-col gap-y-12 md:gap-y-10">
        <a id="seasonal_job_animatie-_en_sportmedewerker_gezocht_in_het_zonnige_frankrijk" data-turbo-frame="_top" class="bg-white flex flex-col md:flex-row w-full rounded-t-lg md:rounded-lg overflow-hidden group" href="/nl/seizoenswerk/vakantiewerk-in-frankrijk-animatie-medewerker">
  <div class="relative rounded-lg w-full md:max-w-sm overflow-hidden">
      <img class="object-cover h-full w-full group-hover:scale-105 transition-transform ease-in-out duration-300 aspect-[2/1]" srcset="https://cdn1.yseasonal.com/qe5svws8mtdab299cs9ppmxx6eko.jpg?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/qe5svws8mtdab299cs9ppmxx6eko.jpg?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/qe5svws8mtdab299cs9ppmxx6eko.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/qe5svws8mtdab299cs9ppmxx6eko.jpg?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/qe5svws8mtdab299cs9ppmxx6eko.jpg?width=600&amp;quality=80&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="Uitzicht op zee en bergen in Frankrijk" width="400" height="200" src="https://cdn1.yseasonal.com/qe5svws8mtdab299cs9ppmxx6eko.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp" />
      <div class="md:hidden inline-flex bottom-2 left-2 z-20 absolute flex-grow-0 flex-shrink-0">
        <div class="inline-flex items-center bg-emerald-default px-6 py-2 rounded font-semibold text-emerald-100 text-sm antialiased">
  Topjob
</div>

      </div>
  </div>
  <div class="md:px-4 md:py-0 pt-2 pb-4 w-full md:min-w-2/3">
    <div class="flex flex-row justify-between items-start gap-x-4 mb-2 md:mb-4">
      <h3 class="font-semibold text-gray-900 text-lg antialiased">
        Animatie- en sportmedewerker gezocht in het zonnige Frankrijk!
      </h3>
        <div class="hidden md:inline-flex flex-grow-0 flex-shrink-0">
          <div class="inline-flex items-center bg-emerald-default px-6 py-2 rounded font-semibold text-emerald-100 text-sm antialiased">
  Topjob
</div>

        </div>
    </div>
    <dl class="gap-y-2 grid grid-cols-11 mb-2 md:mb-4 w-full">
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm0 0v6M9.5 9A2.5 2.5 0 0 1 12 6.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Locaties
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Frankrijk
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7H5a2 2 0 0 0-2 2v4m5-6h8M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2m0 0h3a2 2 0 0 1 2 2v4m0 0v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-6m18 0s-4 2-9 2-9-2-9-2m9-2h.01"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Categorieën
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Animatie, Sport en fitness en Camping
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m4 12 8-8 8 8M6 10.5V19a1 1 0 0 0 1 1h3v-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3h3a1 1 0 0 0 1-1v-8.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Accommodatie
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Beschikbaar
      </dd>
    </dl>
    <p class="text-gray-400 text-sm line-clamp-2">
      Hoe klinkt een avontuur als animatie- en sportmedewerker in Frankrijk? Precies! Lees de vacature door en ga binnenkort een fantastisch avontuur tegemoet.
    </p>
  </div>
</a>
        <a id="seasonal_job_bedieningsmedewerker_voor_een_ristorante_en_apres-ski_zaak_in_selva" data-turbo-frame="_top" class="bg-white flex flex-col md:flex-row w-full rounded-t-lg md:rounded-lg overflow-hidden group" href="/nl/seizoenswerk/seizoenswerk-in-italie-bedieningsmedewerker%20apres-ski">
  <div class="relative rounded-lg w-full md:max-w-sm overflow-hidden">
      <img class="object-cover h-full w-full group-hover:scale-105 transition-transform ease-in-out duration-300 aspect-[2/1]" srcset="https://cdn1.yseasonal.com/9ty3q7l7mey4h49fi21529befcr4.jpg?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/9ty3q7l7mey4h49fi21529befcr4.jpg?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/9ty3q7l7mey4h49fi21529befcr4.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/9ty3q7l7mey4h49fi21529befcr4.jpg?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/9ty3q7l7mey4h49fi21529befcr4.jpg?width=600&amp;quality=80&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="Voorkant van een restaurant in Italie wintersportgebied" width="400" height="200" src="https://cdn1.yseasonal.com/9ty3q7l7mey4h49fi21529befcr4.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp" />
      <div class="md:hidden inline-flex bottom-2 left-2 z-20 absolute flex-grow-0 flex-shrink-0">
        <div class="inline-flex items-center bg-emerald-default px-6 py-2 rounded font-semibold text-emerald-100 text-sm antialiased">
  Topjob
</div>

      </div>
  </div>
  <div class="md:px-4 md:py-0 pt-2 pb-4 w-full md:min-w-2/3">
    <div class="flex flex-row justify-between items-start gap-x-4 mb-2 md:mb-4">
      <h3 class="font-semibold text-gray-900 text-lg antialiased">
        Bedieningsmedewerker voor een ristorante en apres-ski zaak in Selva
      </h3>
        <div class="hidden md:inline-flex flex-grow-0 flex-shrink-0">
          <div class="inline-flex items-center bg-emerald-default px-6 py-2 rounded font-semibold text-emerald-100 text-sm antialiased">
  Topjob
</div>

        </div>
    </div>
    <dl class="gap-y-2 grid grid-cols-11 mb-2 md:mb-4 w-full">
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm0 0v6M9.5 9A2.5 2.5 0 0 1 12 6.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Locaties
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Italië
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7H5a2 2 0 0 0-2 2v4m5-6h8M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2m0 0h3a2 2 0 0 1 2 2v4m0 0v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-6m18 0s-4 2-9 2-9-2-9-2m9-2h.01"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Categorieën
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Horeca
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m4 12 8-8 8 8M6 10.5V19a1 1 0 0 0 1 1h3v-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3h3a1 1 0 0 0 1-1v-8.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Accommodatie
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Beschikbaar
      </dd>
    </dl>
    <p class="text-gray-400 text-sm line-clamp-2">
      Ben jij klaar voor een winter vol sneeuw, gezelligheid, muziek en après-ski? Dan zoeken we jou!

Ristorante La Stua in Wolkenstein zoekt voor het aankomende winterseizoen enthousiaste medewerkers voor de bediening met horecaervaring.
    </p>
  </div>
</a>
        <a id="seasonal_job_bartenders_gezocht_op_het_tropische_sint_maarten" data-turbo-frame="_top" class="bg-white flex flex-col md:flex-row w-full rounded-t-lg md:rounded-lg overflow-hidden group" href="/nl/seizoenswerk/seizoenswerk-op-sint-maarten-bartender">
  <div class="relative rounded-lg w-full md:max-w-sm overflow-hidden">
      <img class="object-cover h-full w-full group-hover:scale-105 transition-transform ease-in-out duration-300 aspect-[2/1]" srcset="https://cdn1.yseasonal.com/gji0php4macimj3i43e7rho6bzch.jpg?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/gji0php4macimj3i43e7rho6bzch.jpg?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/gji0php4macimj3i43e7rho6bzch.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/gji0php4macimj3i43e7rho6bzch.jpg?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/gji0php4macimj3i43e7rho6bzch.jpg?width=600&amp;quality=80&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="Terras van een hotel op Sint Maarten" width="400" height="200" src="https://cdn1.yseasonal.com/gji0php4macimj3i43e7rho6bzch.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp" />
      <div class="md:hidden inline-flex bottom-2 left-2 z-20 absolute flex-grow-0 flex-shrink-0">
        <div class="inline-flex items-center bg-emerald-default px-6 py-2 rounded font-semibold text-emerald-100 text-sm antialiased">
  Topjob
</div>

      </div>
  </div>
  <div class="md:px-4 md:py-0 pt-2 pb-4 w-full md:min-w-2/3">
    <div class="flex flex-row justify-between items-start gap-x-4 mb-2 md:mb-4">
      <h3 class="font-semibold text-gray-900 text-lg antialiased">
        Bartenders gezocht op het tropische Sint Maarten
      </h3>
        <div class="hidden md:inline-flex flex-grow-0 flex-shrink-0">
          <div class="inline-flex items-center bg-emerald-default px-6 py-2 rounded font-semibold text-emerald-100 text-sm antialiased">
  Topjob
</div>

        </div>
    </div>
    <dl class="gap-y-2 grid grid-cols-11 mb-2 md:mb-4 w-full">
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm0 0v6M9.5 9A2.5 2.5 0 0 1 12 6.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Locaties
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Sint Maarten
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7H5a2 2 0 0 0-2 2v4m5-6h8M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2m0 0h3a2 2 0 0 1 2 2v4m0 0v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-6m18 0s-4 2-9 2-9-2-9-2m9-2h.01"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Categorieën
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Horeca, Toerisme en Hotel
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m4 12 8-8 8 8M6 10.5V19a1 1 0 0 0 1 1h3v-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3h3a1 1 0 0 0 1-1v-8.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Accommodatie
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Beschikbaar
      </dd>
    </dl>
    <p class="text-gray-400 text-sm line-clamp-2">
      Ben jij een gepassioneerde bartender klaar voor het avontuur van je leven? Werk in het hart van het Caribisch gebied op Sint-Maarten en breng je cocktailkunsten naar tropische hoogtes. 
    </p>
  </div>
</a>
        <a id="seasonal_job_enthousiaste_hulp-skileraren_voor_de_beginnerspiste_in_winterberg_gezocht_-_alleen_duitssprekend" data-turbo-frame="_top" class="bg-white flex flex-col md:flex-row w-full rounded-t-lg md:rounded-lg overflow-hidden group" href="/nl/seizoenswerk/werken-in-duitsland-ski-leraar">
  <div class="relative rounded-lg w-full md:max-w-sm overflow-hidden">
      <img class="object-cover h-full w-full group-hover:scale-105 transition-transform ease-in-out duration-300 aspect-[2/1]" srcset="https://cdn1.yseasonal.com/ufd40cynjobk2g5831y8kruwvipg.jpg?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/ufd40cynjobk2g5831y8kruwvipg.jpg?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/ufd40cynjobk2g5831y8kruwvipg.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/ufd40cynjobk2g5831y8kruwvipg.jpg?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/ufd40cynjobk2g5831y8kruwvipg.jpg?width=600&amp;quality=80&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="Vrouw boven op de pistes" width="400" height="200" src="https://cdn1.yseasonal.com/ufd40cynjobk2g5831y8kruwvipg.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp" />
      <div class="md:hidden inline-flex bottom-2 left-2 z-20 absolute flex-grow-0 flex-shrink-0">
        <div class="inline-flex items-center bg-emerald-default px-6 py-2 rounded font-semibold text-emerald-100 text-sm antialiased">
  Topjob
</div>

      </div>
  </div>
  <div class="md:px-4 md:py-0 pt-2 pb-4 w-full md:min-w-2/3">
    <div class="flex flex-row justify-between items-start gap-x-4 mb-2 md:mb-4">
      <h3 class="font-semibold text-gray-900 text-lg antialiased">
        Enthousiaste hulp-skileraren voor de beginnerspiste in Winterberg gezocht! - alleen Duitssprekend
      </h3>
        <div class="hidden md:inline-flex flex-grow-0 flex-shrink-0">
          <div class="inline-flex items-center bg-emerald-default px-6 py-2 rounded font-semibold text-emerald-100 text-sm antialiased">
  Topjob
</div>

        </div>
    </div>
    <dl class="gap-y-2 grid grid-cols-11 mb-2 md:mb-4 w-full">
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm0 0v6M9.5 9A2.5 2.5 0 0 1 12 6.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Locaties
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Duitsland
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7H5a2 2 0 0 0-2 2v4m5-6h8M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2m0 0h3a2 2 0 0 1 2 2v4m0 0v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-6m18 0s-4 2-9 2-9-2-9-2m9-2h.01"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Categorieën
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Sport en fitness
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m4 12 8-8 8 8M6 10.5V19a1 1 0 0 0 1 1h3v-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3h3a1 1 0 0 0 1-1v-8.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Accommodatie
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Beschikbaar
      </dd>
    </dl>
    <p class="text-gray-400 text-sm line-clamp-2">
      Droom jij ervan om de winter door te brengen in een betoverend skigebied en te werken met kinderen? Dan hebben wij de perfecte kans voor jou in Winterberg-Schlossberg! Hier kun je niet alleen jouw passie voor skiën kwijt maar ook een flinke dosis plezier beleven aan het lesgeven aan beginnende skiers. 🏔️
    </p>
  </div>
</a>
        <a id="seasonal_job_werk_als_activiteitenbegeleider_bij_een_prachtige_beachclub" data-turbo-frame="_top" class="bg-white flex flex-col md:flex-row w-full rounded-t-lg md:rounded-lg overflow-hidden group" href="/nl/seizoenswerk/seizoenswerk-buitenland-neilson-activiteitenleider">
  <div class="relative rounded-lg w-full md:max-w-sm overflow-hidden">
      <img class="object-cover h-full w-full group-hover:scale-105 transition-transform ease-in-out duration-300 aspect-[2/1]" srcset="https://cdn1.yseasonal.com/5z8o229oh9jx74ffbezackfqjrn7.jpg?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/5z8o229oh9jx74ffbezackfqjrn7.jpg?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/5z8o229oh9jx74ffbezackfqjrn7.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/5z8o229oh9jx74ffbezackfqjrn7.jpg?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/5z8o229oh9jx74ffbezackfqjrn7.jpg?width=600&amp;quality=80&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="Teamfoto van hotel entertainers op een zonnige dag" width="400" height="200" src="https://cdn1.yseasonal.com/5z8o229oh9jx74ffbezackfqjrn7.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp" />
      <div class="md:hidden inline-flex bottom-2 left-2 z-20 absolute flex-grow-0 flex-shrink-0">
        <div class="inline-flex items-center bg-emerald-default px-6 py-2 rounded font-semibold text-emerald-100 text-sm antialiased">
  Topjob
</div>

      </div>
  </div>
  <div class="md:px-4 md:py-0 pt-2 pb-4 w-full md:min-w-2/3">
    <div class="flex flex-row justify-between items-start gap-x-4 mb-2 md:mb-4">
      <h3 class="font-semibold text-gray-900 text-lg antialiased">
        Werk als activiteitenbegeleider bij een prachtige beachclub!
      </h3>
        <div class="hidden md:inline-flex flex-grow-0 flex-shrink-0">
          <div class="inline-flex items-center bg-emerald-default px-6 py-2 rounded font-semibold text-emerald-100 text-sm antialiased">
  Topjob
</div>

        </div>
    </div>
    <dl class="gap-y-2 grid grid-cols-11 mb-2 md:mb-4 w-full">
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm0 0v6M9.5 9A2.5 2.5 0 0 1 12 6.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Locaties
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Kroatië, Griekenland en Italië
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7H5a2 2 0 0 0-2 2v4m5-6h8M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2m0 0h3a2 2 0 0 1 2 2v4m0 0v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-6m18 0s-4 2-9 2-9-2-9-2m9-2h.01"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Categorieën
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Animatie en Hotel
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m4 12 8-8 8 8M6 10.5V19a1 1 0 0 0 1 1h3v-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3h3a1 1 0 0 0 1-1v-8.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Accommodatie
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Beschikbaar
      </dd>
    </dl>
    <p class="text-gray-400 text-sm line-clamp-2">
      Heb jij het in je om een leider en de ultieme vakantievermaakmaker te zijn? Als het antwoord ja is, dan ben je al halverwege op weg naar ons geweldige Kids&#39; Club Team!
    </p>
  </div>
</a>
        <a id="seasonal_job_enthousiaste_animatiemedewerkers_gezocht_in_spanje_mallorca_en_de_canarische_eilanden" data-turbo-frame="_top" class="bg-white flex flex-col md:flex-row w-full rounded-t-lg md:rounded-lg overflow-hidden group" href="/nl/seizoenswerk/werken-op-de-canarische-eilanden-animatie">
  <div class="relative rounded-lg w-full md:max-w-sm overflow-hidden">
      <img class="object-cover h-full w-full group-hover:scale-105 transition-transform ease-in-out duration-300 aspect-[2/1]" srcset="https://cdn1.yseasonal.com/f0fe3t5tpz261hxkrzzqcqmg9ntf.jpg?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/f0fe3t5tpz261hxkrzzqcqmg9ntf.jpg?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/f0fe3t5tpz261hxkrzzqcqmg9ntf.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/f0fe3t5tpz261hxkrzzqcqmg9ntf.jpg?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/f0fe3t5tpz261hxkrzzqcqmg9ntf.jpg?width=600&amp;quality=80&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="Groep vrouwen aan het beachvolleyballen op een zomerse dag" width="400" height="200" src="https://cdn1.yseasonal.com/f0fe3t5tpz261hxkrzzqcqmg9ntf.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp" />
      <div class="md:hidden inline-flex bottom-2 left-2 z-20 absolute flex-grow-0 flex-shrink-0">
        <div class="inline-flex items-center bg-emerald-default px-6 py-2 rounded font-semibold text-emerald-100 text-sm antialiased">
  Topjob
</div>

      </div>
  </div>
  <div class="md:px-4 md:py-0 pt-2 pb-4 w-full md:min-w-2/3">
    <div class="flex flex-row justify-between items-start gap-x-4 mb-2 md:mb-4">
      <h3 class="font-semibold text-gray-900 text-lg antialiased">
        Enthousiaste animatiemedewerkers gezocht in Spanje (Mallorca en de Canarische eilanden)!
      </h3>
        <div class="hidden md:inline-flex flex-grow-0 flex-shrink-0">
          <div class="inline-flex items-center bg-emerald-default px-6 py-2 rounded font-semibold text-emerald-100 text-sm antialiased">
  Topjob
</div>

        </div>
    </div>
    <dl class="gap-y-2 grid grid-cols-11 mb-2 md:mb-4 w-full">
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm0 0v6M9.5 9A2.5 2.5 0 0 1 12 6.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Locaties
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Spanje
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7H5a2 2 0 0 0-2 2v4m5-6h8M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2m0 0h3a2 2 0 0 1 2 2v4m0 0v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-6m18 0s-4 2-9 2-9-2-9-2m9-2h.01"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Categorieën
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Toerisme, Animatie en Hotel
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m4 12 8-8 8 8M6 10.5V19a1 1 0 0 0 1 1h3v-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3h3a1 1 0 0 0 1-1v-8.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Accommodatie
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Beschikbaar
      </dd>
    </dl>
    <p class="text-gray-400 text-sm line-clamp-2">
      Met jouw talenten organiseer je activiteiten voor zowel jong als oud. Het decor van jouw nieuwe werkplek is parelwitte stranden, een felblauwe zee en een stralende zon. 
    </p>
  </div>
</a>
        <a id="seasonal_job_word_terreinbeheerder_in_het_schitterende_frankrijk" data-turbo-frame="_top" class="bg-white flex flex-col md:flex-row w-full rounded-t-lg md:rounded-lg overflow-hidden group" href="/nl/seizoenswerk/seizoenswerk-in-frankrijk-terreinbeheerder">
  <div class="relative rounded-lg w-full md:max-w-sm overflow-hidden">
      <img class="object-cover h-full w-full group-hover:scale-105 transition-transform ease-in-out duration-300 aspect-[2/1]" srcset="https://cdn1.yseasonal.com/ybvmq32w04y43ld3cf1vi1wbta2j.jpg?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/ybvmq32w04y43ld3cf1vi1wbta2j.jpg?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/ybvmq32w04y43ld3cf1vi1wbta2j.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/ybvmq32w04y43ld3cf1vi1wbta2j.jpg?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/ybvmq32w04y43ld3cf1vi1wbta2j.jpg?width=600&amp;quality=80&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="Bekende rots en rivier in de Ardeche op een zonnige dag" width="400" height="200" src="https://cdn1.yseasonal.com/ybvmq32w04y43ld3cf1vi1wbta2j.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp" />
  </div>
  <div class="md:px-4 md:py-0 pt-2 pb-4 w-full md:min-w-2/3">
    <div class="flex flex-row justify-between items-start gap-x-4 mb-2 md:mb-4">
      <h3 class="font-semibold text-gray-900 text-lg antialiased">
        Word terreinbeheerder in het schitterende Frankrijk!
      </h3>
    </div>
    <dl class="gap-y-2 grid grid-cols-11 mb-2 md:mb-4 w-full">
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm0 0v6M9.5 9A2.5 2.5 0 0 1 12 6.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Locaties
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Frankrijk
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7H5a2 2 0 0 0-2 2v4m5-6h8M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2m0 0h3a2 2 0 0 1 2 2v4m0 0v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-6m18 0s-4 2-9 2-9-2-9-2m9-2h.01"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Categorieën
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Techniek &amp; Engineering en Camping
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m4 12 8-8 8 8M6 10.5V19a1 1 0 0 0 1 1h3v-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3h3a1 1 0 0 0 1-1v-8.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Accommodatie
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Beschikbaar
      </dd>
    </dl>
    <p class="text-gray-400 text-sm line-clamp-2">
      Als terreinmedewerker op deze familiecamping in Zuid-Frankrijk werk je veel zelfstandig en heb je leuk contact met de gasten: jij bent hun eerste aanspreekpunt!
    </p>
  </div>
</a>
        <a id="seasonal_job_animatiemedewerkers_gezocht_in_griekenland" data-turbo-frame="_top" class="bg-white flex flex-col md:flex-row w-full rounded-t-lg md:rounded-lg overflow-hidden group" href="/nl/seizoenswerk/vakantiewerk-griekenland-animatie">
  <div class="relative rounded-lg w-full md:max-w-sm overflow-hidden">
      <img class="object-cover h-full w-full group-hover:scale-105 transition-transform ease-in-out duration-300 aspect-[2/1]" srcset="https://cdn1.yseasonal.com/udcam47999nifvi27w60122qamdm.jpg?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/udcam47999nifvi27w60122qamdm.jpg?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/udcam47999nifvi27w60122qamdm.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/udcam47999nifvi27w60122qamdm.jpg?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/udcam47999nifvi27w60122qamdm.jpg?width=600&amp;quality=80&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="Man duikt in het water vanaf een rots op de Canarische Eilanden" width="400" height="200" src="https://cdn1.yseasonal.com/udcam47999nifvi27w60122qamdm.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp" />
      <div class="md:hidden inline-flex bottom-2 left-2 z-20 absolute flex-grow-0 flex-shrink-0">
        <div class="inline-flex items-center bg-emerald-default px-6 py-2 rounded font-semibold text-emerald-100 text-sm antialiased">
  Topjob
</div>

      </div>
  </div>
  <div class="md:px-4 md:py-0 pt-2 pb-4 w-full md:min-w-2/3">
    <div class="flex flex-row justify-between items-start gap-x-4 mb-2 md:mb-4">
      <h3 class="font-semibold text-gray-900 text-lg antialiased">
        Animatiemedewerkers gezocht in Griekenland!
      </h3>
        <div class="hidden md:inline-flex flex-grow-0 flex-shrink-0">
          <div class="inline-flex items-center bg-emerald-default px-6 py-2 rounded font-semibold text-emerald-100 text-sm antialiased">
  Topjob
</div>

        </div>
    </div>
    <dl class="gap-y-2 grid grid-cols-11 mb-2 md:mb-4 w-full">
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm0 0v6M9.5 9A2.5 2.5 0 0 1 12 6.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Locaties
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Cyprus en Griekenland
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7H5a2 2 0 0 0-2 2v4m5-6h8M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2m0 0h3a2 2 0 0 1 2 2v4m0 0v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-6m18 0s-4 2-9 2-9-2-9-2m9-2h.01"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Categorieën
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Animatie en Receptie
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m4 12 8-8 8 8M6 10.5V19a1 1 0 0 0 1 1h3v-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3h3a1 1 0 0 0 1-1v-8.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Accommodatie
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Beschikbaar
      </dd>
    </dl>
    <p class="text-gray-400 text-sm line-clamp-2">
      Klaar voor een avontuur? Dan hebben wij een seizoenswerk avontuur voor jou!
    </p>
  </div>
</a>
        <a id="seasonal_job_je_kunt_onder_de_zon_aan_de_slag_als_tennistrainer" data-turbo-frame="_top" class="bg-white flex flex-col md:flex-row w-full rounded-t-lg md:rounded-lg overflow-hidden group" href="/nl/seizoenswerk/zomerbaan-tenniscoach-in-het-buitenland">
  <div class="relative rounded-lg w-full md:max-w-sm overflow-hidden">
      <img class="object-cover h-full w-full group-hover:scale-105 transition-transform ease-in-out duration-300 aspect-[2/1]" srcset="https://cdn1.yseasonal.com/3ndvrm4ybwviy9ofjy47aziwfitv.jpg?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/3ndvrm4ybwviy9ofjy47aziwfitv.jpg?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/3ndvrm4ybwviy9ofjy47aziwfitv.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/3ndvrm4ybwviy9ofjy47aziwfitv.jpg?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/3ndvrm4ybwviy9ofjy47aziwfitv.jpg?width=600&amp;quality=80&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="Tennisleraar die tennisles geeft" width="400" height="200" src="https://cdn1.yseasonal.com/3ndvrm4ybwviy9ofjy47aziwfitv.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp" />
      <div class="md:hidden inline-flex bottom-2 left-2 z-20 absolute flex-grow-0 flex-shrink-0">
        <div class="inline-flex items-center bg-emerald-default px-6 py-2 rounded font-semibold text-emerald-100 text-sm antialiased">
  Topjob
</div>

      </div>
  </div>
  <div class="md:px-4 md:py-0 pt-2 pb-4 w-full md:min-w-2/3">
    <div class="flex flex-row justify-between items-start gap-x-4 mb-2 md:mb-4">
      <h3 class="font-semibold text-gray-900 text-lg antialiased">
        Je kunt onder de zon aan de slag als tennistrainer!
      </h3>
        <div class="hidden md:inline-flex flex-grow-0 flex-shrink-0">
          <div class="inline-flex items-center bg-emerald-default px-6 py-2 rounded font-semibold text-emerald-100 text-sm antialiased">
  Topjob
</div>

        </div>
    </div>
    <dl class="gap-y-2 grid grid-cols-11 mb-2 md:mb-4 w-full">
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm0 0v6M9.5 9A2.5 2.5 0 0 1 12 6.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Locaties
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Kroatië, Griekenland en Italië
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7H5a2 2 0 0 0-2 2v4m5-6h8M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2m0 0h3a2 2 0 0 1 2 2v4m0 0v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-6m18 0s-4 2-9 2-9-2-9-2m9-2h.01"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Categorieën
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Sport en fitness
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m4 12 8-8 8 8M6 10.5V19a1 1 0 0 0 1 1h3v-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3h3a1 1 0 0 0 1-1v-8.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Accommodatie
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Beschikbaar
      </dd>
    </dl>
    <p class="text-gray-400 text-sm line-clamp-2">
      Sluit je aan bij ons gepassioneerde en professionele tennisteam, waar we een uitzonderlijk programma van hoogwaardige coaching bieden voor gasten van alle leeftijden en niveaus. Of je nu beginners inspireert of doorgewinterde spelers uitdaagt, je maakt deel uit van een team dat elke tennissessie onvergetelijk maakt.
    </p>
  </div>
</a>
        <a id="seasonal_job_breng_de_zomer_door_als_kids_entertainer_bij_een_prachtige_beachclub" data-turbo-frame="_top" class="bg-white flex flex-col md:flex-row w-full rounded-t-lg md:rounded-lg overflow-hidden group" href="/nl/seizoenswerk/zomer-baan-buitenland-strand-vakantie-kinderen-activiteiten-leider">
  <div class="relative rounded-lg w-full md:max-w-sm overflow-hidden">
      <img class="object-cover h-full w-full group-hover:scale-105 transition-transform ease-in-out duration-300 aspect-[2/1]" srcset="https://cdn1.yseasonal.com/jpaxq8f0uulwe5pz02vzn9u4qj2f.jpg?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/jpaxq8f0uulwe5pz02vzn9u4qj2f.jpg?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/jpaxq8f0uulwe5pz02vzn9u4qj2f.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/jpaxq8f0uulwe5pz02vzn9u4qj2f.jpg?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/jpaxq8f0uulwe5pz02vzn9u4qj2f.jpg?width=600&amp;quality=80&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="Kinderactiviteitenbegeleidster met een kind op het strand" width="400" height="200" src="https://cdn1.yseasonal.com/jpaxq8f0uulwe5pz02vzn9u4qj2f.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp" />
      <div class="md:hidden inline-flex bottom-2 left-2 z-20 absolute flex-grow-0 flex-shrink-0">
        <div class="inline-flex items-center bg-emerald-default px-6 py-2 rounded font-semibold text-emerald-100 text-sm antialiased">
  Topjob
</div>

      </div>
  </div>
  <div class="md:px-4 md:py-0 pt-2 pb-4 w-full md:min-w-2/3">
    <div class="flex flex-row justify-between items-start gap-x-4 mb-2 md:mb-4">
      <h3 class="font-semibold text-gray-900 text-lg antialiased">
        Breng de zomer door als kids entertainer bij een prachtige beachclub!
      </h3>
        <div class="hidden md:inline-flex flex-grow-0 flex-shrink-0">
          <div class="inline-flex items-center bg-emerald-default px-6 py-2 rounded font-semibold text-emerald-100 text-sm antialiased">
  Topjob
</div>

        </div>
    </div>
    <dl class="gap-y-2 grid grid-cols-11 mb-2 md:mb-4 w-full">
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm0 0v6M9.5 9A2.5 2.5 0 0 1 12 6.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Locaties
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Kroatië, Griekenland en Italië
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7H5a2 2 0 0 0-2 2v4m5-6h8M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2m0 0h3a2 2 0 0 1 2 2v4m0 0v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-6m18 0s-4 2-9 2-9-2-9-2m9-2h.01"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Categorieën
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Animatie en Hotel
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m4 12 8-8 8 8M6 10.5V19a1 1 0 0 0 1 1h3v-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3h3a1 1 0 0 0 1-1v-8.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Accommodatie
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Beschikbaar
      </dd>
    </dl>
    <p class="text-gray-400 text-sm line-clamp-2">
      Ben jij er klaar voor een onvergetelijke zomer? Zo ja, welkom bij het avontuur van je leven bij ons Kinder Club Team!
    </p>
  </div>
</a>
        <a id="seasonal_job_aan_de_slag_als_creatieve_chef_kok_in_frankrijk" data-turbo-frame="_top" class="bg-white flex flex-col md:flex-row w-full rounded-t-lg md:rounded-lg overflow-hidden group" href="/nl/seizoenswerk/seizoenswerk-in-frankrijk-chef-kok">
  <div class="relative rounded-lg w-full md:max-w-sm overflow-hidden">
      <img class="object-cover h-full w-full group-hover:scale-105 transition-transform ease-in-out duration-300 aspect-[2/1]" srcset="https://cdn1.yseasonal.com/r55d7cfh7zkbebrd57x804ll5oqn.jpg?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/r55d7cfh7zkbebrd57x804ll5oqn.jpg?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/r55d7cfh7zkbebrd57x804ll5oqn.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/r55d7cfh7zkbebrd57x804ll5oqn.jpg?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/r55d7cfh7zkbebrd57x804ll5oqn.jpg?width=600&amp;quality=80&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="Frans dorp met rotsen op de achtergrond op een zonnige dag" width="400" height="200" src="https://cdn1.yseasonal.com/r55d7cfh7zkbebrd57x804ll5oqn.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp" />
  </div>
  <div class="md:px-4 md:py-0 pt-2 pb-4 w-full md:min-w-2/3">
    <div class="flex flex-row justify-between items-start gap-x-4 mb-2 md:mb-4">
      <h3 class="font-semibold text-gray-900 text-lg antialiased">
        Aan de slag als creatieve chef kok in Frankrijk! 👩🏻🍳
      </h3>
    </div>
    <dl class="gap-y-2 grid grid-cols-11 mb-2 md:mb-4 w-full">
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm0 0v6M9.5 9A2.5 2.5 0 0 1 12 6.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Locaties
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Frankrijk
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7H5a2 2 0 0 0-2 2v4m5-6h8M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2m0 0h3a2 2 0 0 1 2 2v4m0 0v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-6m18 0s-4 2-9 2-9-2-9-2m9-2h.01"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Categorieën
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Camping en Kok
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m4 12 8-8 8 8M6 10.5V19a1 1 0 0 0 1 1h3v-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3h3a1 1 0 0 0 1-1v-8.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Accommodatie
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Beschikbaar
      </dd>
    </dl>
    <p class="text-gray-400 text-sm line-clamp-2">
      Geniet elke dag van vers afgebakken croissantjes, stokbrood, kaas en de lekkerste Franse wijnen. 🍷 En wandel in jouw vrije tijd door de prachtige omgeving en ervaar het vakantiegevoel tijdens het werken in het buitenland! 
    </p>
  </div>
</a>
        <a id="seasonal_job_word_fietsgids_op_een_zonnige_locatie" data-turbo-frame="_top" class="bg-white flex flex-col md:flex-row w-full rounded-t-lg md:rounded-lg overflow-hidden group" href="/nl/seizoenswerk/seizoenswerk-buitenland-fietsgids">
  <div class="relative rounded-lg w-full md:max-w-sm overflow-hidden">
      <img class="object-cover h-full w-full group-hover:scale-105 transition-transform ease-in-out duration-300 aspect-[2/1]" srcset="https://cdn1.yseasonal.com/bu390k27g08btu3cm5nomkkep4ez.jpg?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/bu390k27g08btu3cm5nomkkep4ez.jpg?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/bu390k27g08btu3cm5nomkkep4ez.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/bu390k27g08btu3cm5nomkkep4ez.jpg?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/bu390k27g08btu3cm5nomkkep4ez.jpg?width=600&amp;quality=80&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="Bike guide fietst met een groep mensen op een zonnige dag" width="400" height="200" src="https://cdn1.yseasonal.com/bu390k27g08btu3cm5nomkkep4ez.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp" />
      <div class="md:hidden inline-flex bottom-2 left-2 z-20 absolute flex-grow-0 flex-shrink-0">
        <div class="inline-flex items-center bg-emerald-default px-6 py-2 rounded font-semibold text-emerald-100 text-sm antialiased">
  Topjob
</div>

      </div>
  </div>
  <div class="md:px-4 md:py-0 pt-2 pb-4 w-full md:min-w-2/3">
    <div class="flex flex-row justify-between items-start gap-x-4 mb-2 md:mb-4">
      <h3 class="font-semibold text-gray-900 text-lg antialiased">
        Word fietsgids op een zonnige locatie!
      </h3>
        <div class="hidden md:inline-flex flex-grow-0 flex-shrink-0">
          <div class="inline-flex items-center bg-emerald-default px-6 py-2 rounded font-semibold text-emerald-100 text-sm antialiased">
  Topjob
</div>

        </div>
    </div>
    <dl class="gap-y-2 grid grid-cols-11 mb-2 md:mb-4 w-full">
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm0 0v6M9.5 9A2.5 2.5 0 0 1 12 6.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Locaties
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Kroatië, Griekenland en Italië
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7H5a2 2 0 0 0-2 2v4m5-6h8M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2m0 0h3a2 2 0 0 1 2 2v4m0 0v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-6m18 0s-4 2-9 2-9-2-9-2m9-2h.01"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Categorieën
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Toerisme en Sport en fitness
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m4 12 8-8 8 8M6 10.5V19a1 1 0 0 0 1 1h3v-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3h3a1 1 0 0 0 1-1v-8.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Accommodatie
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Beschikbaar
      </dd>
    </dl>
    <p class="text-gray-400 text-sm line-clamp-2">
      Droom jij ervan om je passie voor fietsen te delen en tegelijkertijd te werken in een zonnig paradijs vol avontuur? Als je gekwalificeerd bent en klaar om dagelijks nieuwe uitdagingen aan te gaan, dan is dit jouw kans!
    </p>
  </div>
</a>
        <a id="seasonal_job_aan_de_slag_als_souschef_in_frankrijk" data-turbo-frame="_top" class="bg-white flex flex-col md:flex-row w-full rounded-t-lg md:rounded-lg overflow-hidden group" href="/nl/seizoenswerk/seizoenswerk-in-frankrijk-sous-chef">
  <div class="relative rounded-lg w-full md:max-w-sm overflow-hidden">
      <img class="object-cover h-full w-full group-hover:scale-105 transition-transform ease-in-out duration-300 aspect-[2/1]" srcset="https://cdn1.yseasonal.com/nt9r9jzl1vwexm9lsuqdbhz22qi4.jpg?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/nt9r9jzl1vwexm9lsuqdbhz22qi4.jpg?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/nt9r9jzl1vwexm9lsuqdbhz22qi4.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/nt9r9jzl1vwexm9lsuqdbhz22qi4.jpg?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/nt9r9jzl1vwexm9lsuqdbhz22qi4.jpg?width=600&amp;quality=80&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="Landschap met rotsen in de Ardeche" width="400" height="200" src="https://cdn1.yseasonal.com/nt9r9jzl1vwexm9lsuqdbhz22qi4.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp" />
  </div>
  <div class="md:px-4 md:py-0 pt-2 pb-4 w-full md:min-w-2/3">
    <div class="flex flex-row justify-between items-start gap-x-4 mb-2 md:mb-4">
      <h3 class="font-semibold text-gray-900 text-lg antialiased">
        Aan de slag als souschef in Frankrijk!
      </h3>
    </div>
    <dl class="gap-y-2 grid grid-cols-11 mb-2 md:mb-4 w-full">
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm0 0v6M9.5 9A2.5 2.5 0 0 1 12 6.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Locaties
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Frankrijk
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7H5a2 2 0 0 0-2 2v4m5-6h8M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2m0 0h3a2 2 0 0 1 2 2v4m0 0v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-6m18 0s-4 2-9 2-9-2-9-2m9-2h.01"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Categorieën
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Camping en Kok
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m4 12 8-8 8 8M6 10.5V19a1 1 0 0 0 1 1h3v-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3h3a1 1 0 0 0 1-1v-8.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Accommodatie
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Beschikbaar
      </dd>
    </dl>
    <p class="text-gray-400 text-sm line-clamp-2">
      Wil jij graag in het buitenland werken, heb je al enige ervaring met bijvoorbeeld slow cooking en zou jij jezelf omschrijven als representatief, hygiënisch en hardwerkend? Ga dan aan de slag als souschef in het restaurant van een populaire camping, waar gekookt wordt met verse producten uit de regio! 🙌🏻 
    </p>
  </div>
</a>
        <a id="seasonal_job_combineer_werken_en_reizen_met_een_tussenjaar_in_de_outback_van_australie" data-turbo-frame="_top" class="bg-white flex flex-col md:flex-row w-full rounded-t-lg md:rounded-lg overflow-hidden group" href="/nl/seizoenswerk/werken-in-australie-seizoenswerk">
  <div class="relative rounded-lg w-full md:max-w-sm overflow-hidden">
      <img class="object-cover h-full w-full group-hover:scale-105 transition-transform ease-in-out duration-300 aspect-[2/1]" srcset="https://cdn1.yseasonal.com/yys4tfkwg9whm08fmldtax2ro0to.jpg?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/yys4tfkwg9whm08fmldtax2ro0to.jpg?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/yys4tfkwg9whm08fmldtax2ro0to.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/yys4tfkwg9whm08fmldtax2ro0to.jpg?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/yys4tfkwg9whm08fmldtax2ro0to.jpg?width=600&amp;quality=80&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="Prachtige farm omgeving in Australië " width="400" height="200" src="https://cdn1.yseasonal.com/yys4tfkwg9whm08fmldtax2ro0to.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp" />
      <div class="md:hidden inline-flex bottom-2 left-2 z-20 absolute flex-grow-0 flex-shrink-0">
        <div class="inline-flex items-center bg-emerald-default px-6 py-2 rounded font-semibold text-emerald-100 text-sm antialiased">
  Topjob
</div>

      </div>
  </div>
  <div class="md:px-4 md:py-0 pt-2 pb-4 w-full md:min-w-2/3">
    <div class="flex flex-row justify-between items-start gap-x-4 mb-2 md:mb-4">
      <h3 class="font-semibold text-gray-900 text-lg antialiased">
        Combineer werken en reizen met een tussenjaar in de outback van Australië! 🇦🇺
      </h3>
        <div class="hidden md:inline-flex flex-grow-0 flex-shrink-0">
          <div class="inline-flex items-center bg-emerald-default px-6 py-2 rounded font-semibold text-emerald-100 text-sm antialiased">
  Topjob
</div>

        </div>
    </div>
    <dl class="gap-y-2 grid grid-cols-11 mb-2 md:mb-4 w-full">
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm0 0v6M9.5 9A2.5 2.5 0 0 1 12 6.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Locaties
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Australië
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7H5a2 2 0 0 0-2 2v4m5-6h8M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2m0 0h3a2 2 0 0 1 2 2v4m0 0v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-6m18 0s-4 2-9 2-9-2-9-2m9-2h.01"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Categorieën
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Agrarisch, Horeca en Kinderopvang en Au Pair
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m4 12 8-8 8 8M6 10.5V19a1 1 0 0 0 1 1h3v-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3h3a1 1 0 0 0 1-1v-8.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Accommodatie
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Beschikbaar
      </dd>
    </dl>
    <p class="text-gray-400 text-sm line-clamp-2">
      Ga op avontuur in Australië! Met het Work and Travel programma van GetAbroad krijg je een ideale combinatie tussen werken en reizen.

    </p>
  </div>
</a>
        <a id="seasonal_job_pedagogisch_medewerker_gezocht_op_een_luxe_en_zonnig_resort" data-turbo-frame="_top" class="bg-white flex flex-col md:flex-row w-full rounded-t-lg md:rounded-lg overflow-hidden group" href="/nl/seizoenswerk/seizoenswerk-in-het-buitenland-luxe-resort-early-years">
  <div class="relative rounded-lg w-full md:max-w-sm overflow-hidden">
      <img class="object-cover h-full w-full group-hover:scale-105 transition-transform ease-in-out duration-300 aspect-[2/1]" srcset="https://cdn1.yseasonal.com/5b22cnj9lgl7g0qgk3rpyiwx24bs.jpg?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/5b22cnj9lgl7g0qgk3rpyiwx24bs.jpg?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/5b22cnj9lgl7g0qgk3rpyiwx24bs.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/5b22cnj9lgl7g0qgk3rpyiwx24bs.jpg?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/5b22cnj9lgl7g0qgk3rpyiwx24bs.jpg?width=600&amp;quality=80&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="Blije medewerker op een fiets" width="400" height="200" src="https://cdn1.yseasonal.com/5b22cnj9lgl7g0qgk3rpyiwx24bs.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp" />
  </div>
  <div class="md:px-4 md:py-0 pt-2 pb-4 w-full md:min-w-2/3">
    <div class="flex flex-row justify-between items-start gap-x-4 mb-2 md:mb-4">
      <h3 class="font-semibold text-gray-900 text-lg antialiased">
        Pedagogisch medewerker gezocht op een luxe en zonnig resort!
      </h3>
    </div>
    <dl class="gap-y-2 grid grid-cols-11 mb-2 md:mb-4 w-full">
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm0 0v6M9.5 9A2.5 2.5 0 0 1 12 6.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Locaties
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Turkije, Kroatië, Spanje, Griekenland en Italië
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7H5a2 2 0 0 0-2 2v4m5-6h8M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2m0 0h3a2 2 0 0 1 2 2v4m0 0v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-6m18 0s-4 2-9 2-9-2-9-2m9-2h.01"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Categorieën
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Onderwijs, Hotel en Kinderopvang en Au Pair
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m4 12 8-8 8 8M6 10.5V19a1 1 0 0 0 1 1h3v-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3h3a1 1 0 0 0 1-1v-8.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Accommodatie
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Beschikbaar
      </dd>
    </dl>
    <p class="text-gray-400 text-sm line-clamp-2">
      Ben je klaar om het Nederlandse weer in te ruilen voor zonnige stranden aan de Middellandse Zee? Breng de zomer van 2026 door met werken met peuters in prachtige Neilson strandclubs in Europa. Dit is meer dan kinderopvang - het is vakantieherinneringen creeren terwijl jij zelf het avontuur van je leven beleeft! ☀️
    </p>
  </div>
</a>
        <a id="seasonal_job_volg_4_weken_een_taalcursus_in_malaga_en_werk_daarna_als_entertainer" data-turbo-frame="_top" class="bg-white flex flex-col md:flex-row w-full rounded-t-lg md:rounded-lg overflow-hidden group" href="/nl/seizoenswerk/vakantiewerk-in-spanje-taalcursus">
  <div class="relative rounded-lg w-full md:max-w-sm overflow-hidden">
      <img class="object-cover h-full w-full group-hover:scale-105 transition-transform ease-in-out duration-300 aspect-[2/1]" srcset="https://cdn1.yseasonal.com/v236qw2yflflv9aqsf40b6u3cl5i.jpg?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/v236qw2yflflv9aqsf40b6u3cl5i.jpg?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/v236qw2yflflv9aqsf40b6u3cl5i.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/v236qw2yflflv9aqsf40b6u3cl5i.jpg?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/v236qw2yflflv9aqsf40b6u3cl5i.jpg?width=600&amp;quality=80&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="Uitzicht op de stad Malaga met rotsen, zee en strand" width="400" height="200" src="https://cdn1.yseasonal.com/v236qw2yflflv9aqsf40b6u3cl5i.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp" />
      <div class="md:hidden inline-flex bottom-2 left-2 z-20 absolute flex-grow-0 flex-shrink-0">
        <div class="inline-flex items-center bg-emerald-default px-6 py-2 rounded font-semibold text-emerald-100 text-sm antialiased">
  Topjob
</div>

      </div>
  </div>
  <div class="md:px-4 md:py-0 pt-2 pb-4 w-full md:min-w-2/3">
    <div class="flex flex-row justify-between items-start gap-x-4 mb-2 md:mb-4">
      <h3 class="font-semibold text-gray-900 text-lg antialiased">
        Volg 4 weken een taalcursus in Málaga en werk daarna als entertainer 🇪🇸
      </h3>
        <div class="hidden md:inline-flex flex-grow-0 flex-shrink-0">
          <div class="inline-flex items-center bg-emerald-default px-6 py-2 rounded font-semibold text-emerald-100 text-sm antialiased">
  Topjob
</div>

        </div>
    </div>
    <dl class="gap-y-2 grid grid-cols-11 mb-2 md:mb-4 w-full">
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm0 0v6M9.5 9A2.5 2.5 0 0 1 12 6.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Locaties
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Spanje
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7H5a2 2 0 0 0-2 2v4m5-6h8M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2m0 0h3a2 2 0 0 1 2 2v4m0 0v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-6m18 0s-4 2-9 2-9-2-9-2m9-2h.01"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Categorieën
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Toerisme en Animatie
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m4 12 8-8 8 8M6 10.5V19a1 1 0 0 0 1 1h3v-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3h3a1 1 0 0 0 1-1v-8.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Accommodatie
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Beschikbaar
      </dd>
    </dl>
    <p class="text-gray-400 text-sm line-clamp-2">
      Altijd al willen studeren én werken in Spanje? Grijp deze kans en volg een 4 weken lange Spaanse taalcursus in Málaga (zowel voor absolute beginners als gevorderde sprekers).
    </p>
  </div>
</a>
        <a id="seasonal_job_werken_als_keukentopper_afwasser_in_een_restaurant_in_frankrijk" data-turbo-frame="_top" class="bg-white flex flex-col md:flex-row w-full rounded-t-lg md:rounded-lg overflow-hidden group" href="/nl/seizoenswerk/vakantiewerk-in-frankrijk-keukentopper-afwasser">
  <div class="relative rounded-lg w-full md:max-w-sm overflow-hidden">
      <img class="object-cover h-full w-full group-hover:scale-105 transition-transform ease-in-out duration-300 aspect-[2/1]" srcset="https://cdn1.yseasonal.com/1imrivg0wqwjenic4gvd2zczo8pg.jpg?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/1imrivg0wqwjenic4gvd2zczo8pg.jpg?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/1imrivg0wqwjenic4gvd2zczo8pg.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/1imrivg0wqwjenic4gvd2zczo8pg.jpg?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/1imrivg0wqwjenic4gvd2zczo8pg.jpg?width=600&amp;quality=80&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="Bekende rivier in de Ardeche" width="400" height="200" src="https://cdn1.yseasonal.com/1imrivg0wqwjenic4gvd2zczo8pg.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp" />
  </div>
  <div class="md:px-4 md:py-0 pt-2 pb-4 w-full md:min-w-2/3">
    <div class="flex flex-row justify-between items-start gap-x-4 mb-2 md:mb-4">
      <h3 class="font-semibold text-gray-900 text-lg antialiased">
        Werken als keukentopper / afwasser in een restaurant in Frankrijk!
      </h3>
    </div>
    <dl class="gap-y-2 grid grid-cols-11 mb-2 md:mb-4 w-full">
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm0 0v6M9.5 9A2.5 2.5 0 0 1 12 6.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Locaties
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Frankrijk
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7H5a2 2 0 0 0-2 2v4m5-6h8M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2m0 0h3a2 2 0 0 1 2 2v4m0 0v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-6m18 0s-4 2-9 2-9-2-9-2m9-2h.01"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Categorieën
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Horeca en Camping
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m4 12 8-8 8 8M6 10.5V19a1 1 0 0 0 1 1h3v-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3h3a1 1 0 0 0 1-1v-8.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Accommodatie
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Beschikbaar
      </dd>
    </dl>
    <p class="text-gray-400 text-sm line-clamp-2">
      Heb jij net als vele anderen de wens om eens in het buitenland te werken? Wij helpen je graag een handje! Dit is namelijk jouw kans om deze wens uit te laten komen, want voor een gezellige familiecamping in Frankrijk zijn ze op zoek naar een keukenhulp.  
    </p>
  </div>
</a>
        <a id="seasonal_job_werk_als_watersportinstructeur_op_droomlocaties" data-turbo-frame="_top" class="bg-white flex flex-col md:flex-row w-full rounded-t-lg md:rounded-lg overflow-hidden group" href="/nl/seizoenswerk/vakantiewerk-buitenland-watersportinstructeur">
  <div class="relative rounded-lg w-full md:max-w-sm overflow-hidden">
      <img class="object-cover h-full w-full group-hover:scale-105 transition-transform ease-in-out duration-300 aspect-[2/1]" srcset="https://cdn1.yseasonal.com/7n3ythz42wjwaovaxb66szazxpyg.jpg?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/7n3ythz42wjwaovaxb66szazxpyg.jpg?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/7n3ythz42wjwaovaxb66szazxpyg.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/7n3ythz42wjwaovaxb66szazxpyg.jpg?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/7n3ythz42wjwaovaxb66szazxpyg.jpg?width=600&amp;quality=80&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="De watersportinstructeurs op het strand op een zonnige dag" width="400" height="200" src="https://cdn1.yseasonal.com/7n3ythz42wjwaovaxb66szazxpyg.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp" />
  </div>
  <div class="md:px-4 md:py-0 pt-2 pb-4 w-full md:min-w-2/3">
    <div class="flex flex-row justify-between items-start gap-x-4 mb-2 md:mb-4">
      <h3 class="font-semibold text-gray-900 text-lg antialiased">
        Werk als watersportinstructeur op droomlocaties!
      </h3>
    </div>
    <dl class="gap-y-2 grid grid-cols-11 mb-2 md:mb-4 w-full">
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm0 0v6M9.5 9A2.5 2.5 0 0 1 12 6.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Locaties
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Kroatië, Griekenland en Italië
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7H5a2 2 0 0 0-2 2v4m5-6h8M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2m0 0h3a2 2 0 0 1 2 2v4m0 0v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-6m18 0s-4 2-9 2-9-2-9-2m9-2h.01"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Categorieën
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Sport en fitness
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m4 12 8-8 8 8M6 10.5V19a1 1 0 0 0 1 1h3v-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3h3a1 1 0 0 0 1-1v-8.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Accommodatie
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Beschikbaar
      </dd>
    </dl>
    <p class="text-gray-400 text-sm line-clamp-2">
      Werk als watersportinstructeur op adembenemende droomlocaties, waar elke dag voelt als een droom. Sluit je aan bij een team van gelijkgestemde enthousiastelingen en maak onvergetelijke herinneringen terwijl je je passie deelt.
    </p>
  </div>
</a>
        <a id="seasonal_job_massagetherapeut_gezocht_bij_prachtig_strand_resort" data-turbo-frame="_top" class="bg-white flex flex-col md:flex-row w-full rounded-t-lg md:rounded-lg overflow-hidden group" href="/nl/seizoenswerk/seizoenswerk-in-het-buitenland-massage-therapeut-beach-club">
  <div class="relative rounded-lg w-full md:max-w-sm overflow-hidden">
      <img class="object-cover h-full w-full group-hover:scale-105 transition-transform ease-in-out duration-300 aspect-[2/1]" srcset="https://cdn1.yseasonal.com/u34cvt5w4esfitg5q5gg0l1szy6d.jpg?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/u34cvt5w4esfitg5q5gg0l1szy6d.jpg?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/u34cvt5w4esfitg5q5gg0l1szy6d.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/u34cvt5w4esfitg5q5gg0l1szy6d.jpg?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/u34cvt5w4esfitg5q5gg0l1szy6d.jpg?width=600&amp;quality=80&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="Drie vrouwen in zee die met hun handen een hart vormen" width="400" height="200" src="https://cdn1.yseasonal.com/u34cvt5w4esfitg5q5gg0l1szy6d.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp" />
  </div>
  <div class="md:px-4 md:py-0 pt-2 pb-4 w-full md:min-w-2/3">
    <div class="flex flex-row justify-between items-start gap-x-4 mb-2 md:mb-4">
      <h3 class="font-semibold text-gray-900 text-lg antialiased">
        Massagetherapeut gezocht bij prachtig strand resort
      </h3>
    </div>
    <dl class="gap-y-2 grid grid-cols-11 mb-2 md:mb-4 w-full">
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm0 0v6M9.5 9A2.5 2.5 0 0 1 12 6.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Locaties
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Kroatië, Griekenland en Italië
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7H5a2 2 0 0 0-2 2v4m5-6h8M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2m0 0h3a2 2 0 0 1 2 2v4m0 0v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-6m18 0s-4 2-9 2-9-2-9-2m9-2h.01"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Categorieën
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Hotel
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m4 12 8-8 8 8M6 10.5V19a1 1 0 0 0 1 1h3v-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3h3a1 1 0 0 0 1-1v-8.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Accommodatie
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Beschikbaar
      </dd>
    </dl>
    <p class="text-gray-400 text-sm line-clamp-2">
      Klaar voor een avontuur? Breng je seizoen in het buitenland door als Massagetherapeut en geef luxe behandelingen terwijl je onvergetelijke herinneringen creëert in prachtige resorts!
    </p>
  </div>
</a>
        <a id="seasonal_job_werken_als_spa_therapeut_bij_een_luxe_beach_club" data-turbo-frame="_top" class="bg-white flex flex-col md:flex-row w-full rounded-t-lg md:rounded-lg overflow-hidden group" href="/nl/seizoenswerk/seizoenswerk-in-het-buitenland-spa-therapeut">
  <div class="relative rounded-lg w-full md:max-w-sm overflow-hidden">
      <img class="object-cover h-full w-full group-hover:scale-105 transition-transform ease-in-out duration-300 aspect-[2/1]" srcset="https://cdn1.yseasonal.com/ec6lmf5fvopjc2eko14h8mripz0o.jpg?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/ec6lmf5fvopjc2eko14h8mripz0o.jpg?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/ec6lmf5fvopjc2eko14h8mripz0o.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/ec6lmf5fvopjc2eko14h8mripz0o.jpg?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/ec6lmf5fvopjc2eko14h8mripz0o.jpg?width=600&amp;quality=80&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="Panoramisch uitzicht op zee met zeilboten" width="400" height="200" src="https://cdn1.yseasonal.com/ec6lmf5fvopjc2eko14h8mripz0o.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp" />
  </div>
  <div class="md:px-4 md:py-0 pt-2 pb-4 w-full md:min-w-2/3">
    <div class="flex flex-row justify-between items-start gap-x-4 mb-2 md:mb-4">
      <h3 class="font-semibold text-gray-900 text-lg antialiased">
        Werken als Spa Therapeut bij een luxe Beach Club
      </h3>
    </div>
    <dl class="gap-y-2 grid grid-cols-11 mb-2 md:mb-4 w-full">
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm0 0v6M9.5 9A2.5 2.5 0 0 1 12 6.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Locaties
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Kroatië, Griekenland en Italië
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7H5a2 2 0 0 0-2 2v4m5-6h8M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2m0 0h3a2 2 0 0 1 2 2v4m0 0v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-6m18 0s-4 2-9 2-9-2-9-2m9-2h.01"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Categorieën
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Hotel
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m4 12 8-8 8 8M6 10.5V19a1 1 0 0 0 1 1h3v-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3h3a1 1 0 0 0 1-1v-8.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Accommodatie
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Beschikbaar
      </dd>
    </dl>
    <p class="text-gray-400 text-sm line-clamp-2">
      Klaar voor een spannend avontuur in je schoonheidsspecialistencarrière? Stel je voor dat je de zomer werkt in een van onze prachtige beach club resorts, waar elke dag een kans is om je passie te delen, geweldige mensen te ontmoeten en een nieuwe hoek van de wereld te verkennen.
    </p>
  </div>
</a>
        <div class="flex justify-center mt-10">
          <nav class="pagy nav" aria-label="Pages"><a href="/nl/seizoenswerk?full_reload=true" aria-label="Previous">&lt;</a><a href="/nl/seizoenswerk?full_reload=true">1</a><a role="link" aria-disabled="true" aria-current="page" class="current">2</a><a href="/nl/seizoenswerk?full_reload=true&page=3">3</a><a href="/nl/seizoenswerk?full_reload=true&page=3" aria-label="Next">&gt;</a></nav>
        </div>
  </div>
</turbo-frame></template></turbo-stream><turbo-stream action="replace" target="seasonal_jobs_count"><template><turbo-frame id="seasonal_jobs_count">45 Vacatures</turbo-frame></template></turbo-stream>