<turbo-stream url="https://www.yseasonal.com/nl/seizoenswerk" 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" 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="portugal" name="countries[]" id="drawer-countries-portugal" 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-portugal" class="ms-2 w-full text-gray-900 text-sm">Portugal</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="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="portugal" name="countries[]" id="sidebar-countries-portugal" 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-portugal" class="ms-2 w-full text-gray-900 text-sm">Portugal</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="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_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=60&amp;aspect_ratio=2:1&amp;optimizer=image 150w, https://cdn1.yseasonal.com/jpaxq8f0uulwe5pz02vzn9u4qj2f.jpg?width=300&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 300w, https://cdn1.yseasonal.com/jpaxq8f0uulwe5pz02vzn9u4qj2f.jpg?width=400&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 400w, https://cdn1.yseasonal.com/jpaxq8f0uulwe5pz02vzn9u4qj2f.jpg?width=450&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 450w, https://cdn1.yseasonal.com/jpaxq8f0uulwe5pz02vzn9u4qj2f.jpg?width=600&amp;quality=50&amp;aspect_ratio=2:1&amp;optimizer=image 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=60&amp;aspect_ratio=2:1&amp;optimizer=image" />
      <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_barpersoneel_gezocht_voor_een_apres-skihut_in_winterberg" 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-winterberg-ski-hut-barpersoneel">
  <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/fo1qf28yeaepicazd5iz2z5m71sv.jpg?width=150&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 150w, https://cdn1.yseasonal.com/fo1qf28yeaepicazd5iz2z5m71sv.jpg?width=300&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 300w, https://cdn1.yseasonal.com/fo1qf28yeaepicazd5iz2z5m71sv.jpg?width=400&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 400w, https://cdn1.yseasonal.com/fo1qf28yeaepicazd5iz2z5m71sv.jpg?width=450&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 450w, https://cdn1.yseasonal.com/fo1qf28yeaepicazd5iz2z5m71sv.jpg?width=600&amp;quality=50&amp;aspect_ratio=2:1&amp;optimizer=image 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="Team van barmedewerkers op de foto in een apres ski hut" width="400" height="200" src="https://cdn1.yseasonal.com/fo1qf28yeaepicazd5iz2z5m71sv.jpg?width=400&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image" />
      <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">
        Barpersoneel gezocht voor een Aprés-skihut in Winterberg!
      </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">
        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">
      Trek je stoute skischoenen aan en start als barpersoneel in Winterberg, Duitsland! Wij zoeken skihut medewerkers die een feestje kunnen bouwen en niet bang zijn voor een beetje drukte. 
    </p>
  </div>
</a>
        <a id="seasonal_job_ga_werken_als_kids_club_assistant_in_een_luxe_resort_in_griekenland_of_spanje" 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/seizoensarbeid-in-griekenland-spanje-luxe-resort-kids-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/rze370qoezk554yrircruv5kpk8b.jpg?width=150&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 150w, https://cdn1.yseasonal.com/rze370qoezk554yrircruv5kpk8b.jpg?width=300&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 300w, https://cdn1.yseasonal.com/rze370qoezk554yrircruv5kpk8b.jpg?width=400&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 400w, https://cdn1.yseasonal.com/rze370qoezk554yrircruv5kpk8b.jpg?width=450&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 450w, https://cdn1.yseasonal.com/rze370qoezk554yrircruv5kpk8b.jpg?width=600&amp;quality=50&amp;aspect_ratio=2:1&amp;optimizer=image 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="Kids club assistent met kinderen in luxe resort" width="400" height="200" src="https://cdn1.yseasonal.com/rze370qoezk554yrircruv5kpk8b.jpg?width=400&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image" />
      <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">
        Ga werken als Kids Club Assistant in een luxe resort in Griekenland of Spanje!
      </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 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 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 zonovergoten dagen die magische momenten creëren voor kleine gasten? Sluit je aan bij de Ikos Resorts familie op adembenemende locaties en maak deze zomer onvergetelijk! 🌞
    </p>
  </div>
</a>
        <a id="seasonal_job_run_met_je_partner_of_vriend_in_een_chalet_in_een_skigebied" 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-het-buitenland-chalet">
  <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/z530nn2gkcc72qtx7ylt5lhxmllc.jpg?width=150&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 150w, https://cdn1.yseasonal.com/z530nn2gkcc72qtx7ylt5lhxmllc.jpg?width=300&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 300w, https://cdn1.yseasonal.com/z530nn2gkcc72qtx7ylt5lhxmllc.jpg?width=400&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 400w, https://cdn1.yseasonal.com/z530nn2gkcc72qtx7ylt5lhxmllc.jpg?width=450&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 450w, https://cdn1.yseasonal.com/z530nn2gkcc72qtx7ylt5lhxmllc.jpg?width=600&amp;quality=50&amp;aspect_ratio=2:1&amp;optimizer=image 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="Teamfoto van chaletstaf in Oostenrijk" width="400" height="200" src="https://cdn1.yseasonal.com/z530nn2gkcc72qtx7ylt5lhxmllc.jpg?width=400&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image" />
      <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">
        Run met je partner of vriend(in) een chalet in een skigebied
      </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">
        Oostenrijk, Frankrijk 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">
        Horeca, Hotel 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">
      Willen jullie samen een winterseizoen beleven in de Alpen? Dan is dit jullie kans!
    </p>
  </div>
</a>
        <a id="seasonal_job_werk_in_2027_op_een_summercamp_in_amerika" 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-summer-camp-amerika">
  <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/x2u4gtpmzeai1r8xcs1dqcbti26f.jpg?width=150&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 150w, https://cdn1.yseasonal.com/x2u4gtpmzeai1r8xcs1dqcbti26f.jpg?width=300&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 300w, https://cdn1.yseasonal.com/x2u4gtpmzeai1r8xcs1dqcbti26f.jpg?width=400&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 400w, https://cdn1.yseasonal.com/x2u4gtpmzeai1r8xcs1dqcbti26f.jpg?width=450&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 450w, https://cdn1.yseasonal.com/x2u4gtpmzeai1r8xcs1dqcbti26f.jpg?width=600&amp;quality=50&amp;aspect_ratio=2:1&amp;optimizer=image 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="Twee meiden in een golfcar op een summercamp" width="400" height="200" src="https://cdn1.yseasonal.com/x2u4gtpmzeai1r8xcs1dqcbti26f.jpg?width=400&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image" />
      <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 in 2027 op een summercamp in Amerika!
      </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">
        Verenigde Staten
      </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">
      Work Play USA is op zoek naar mensen van over de hele wereld om op zomerkampen in de Verenigde Staten te gaan werken! Zij zijn gespecialiseerd in culturele uitwisselingen en bieden mensen de kans om hun zomer door te brengen met werken op een kamp in de Verenigde Staten. Hoe gaaf is dat?! 
    </p>
  </div>
</a>
        <a id="seasonal_job_word_skileraar_in_het_mooie_winterberg_duitsland" 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-winterberg-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/jqruxur3w4zh5xt6ay38sdfq14p5.jpg?width=150&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 150w, https://cdn1.yseasonal.com/jqruxur3w4zh5xt6ay38sdfq14p5.jpg?width=300&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 300w, https://cdn1.yseasonal.com/jqruxur3w4zh5xt6ay38sdfq14p5.jpg?width=400&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 400w, https://cdn1.yseasonal.com/jqruxur3w4zh5xt6ay38sdfq14p5.jpg?width=450&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 450w, https://cdn1.yseasonal.com/jqruxur3w4zh5xt6ay38sdfq14p5.jpg?width=600&amp;quality=50&amp;aspect_ratio=2:1&amp;optimizer=image 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="Teamfoto van ski instructeurs op een berg" width="400" height="200" src="https://cdn1.yseasonal.com/jqruxur3w4zh5xt6ay38sdfq14p5.jpg?width=400&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image" />
      <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 skileraar in het mooie Winterberg, Duitsland!
      </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">
      Wil jij van je hobby je beroep maken en besef je dat het hier niet alleen om je eigen plezier op de piste gaat, maar ook om dat van onze gasten? Fantastisch! Dan is dit jouw kans om een onvergetelijk winterseizoen tegemoet te gaan. Lees snel verder over wat je kunt verwachten van deze vacature in het buitenland!
    </p>
  </div>
</a>
        <a id="seasonal_job_word_fitnessinstructeur_bij_ons_zonnige_strandresort" 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-het-buitenland-strand-resort-fitness-instructeur">
  <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/3s1yhawq7fzui6xnl5hhkj2o3d1k.jpg?width=150&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 150w, https://cdn1.yseasonal.com/3s1yhawq7fzui6xnl5hhkj2o3d1k.jpg?width=300&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 300w, https://cdn1.yseasonal.com/3s1yhawq7fzui6xnl5hhkj2o3d1k.jpg?width=400&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 400w, https://cdn1.yseasonal.com/3s1yhawq7fzui6xnl5hhkj2o3d1k.jpg?width=450&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 450w, https://cdn1.yseasonal.com/3s1yhawq7fzui6xnl5hhkj2o3d1k.jpg?width=600&amp;quality=50&amp;aspect_ratio=2:1&amp;optimizer=image 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="Fitnessinstructeurs bij het zwembad van een strandresort" width="400" height="200" src="https://cdn1.yseasonal.com/3s1yhawq7fzui6xnl5hhkj2o3d1k.jpg?width=400&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image" />
      <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 fitnessinstructeur bij ons zonnige strandresort!
      </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 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 je klaar om je passie voor fitness te delen in een van de mooiste strandresorts van Neilson? Geweldig! Dit is misschien wel jouw ticket voor een geweldige zomer.
    </p>
  </div>
</a>
        <a id="seasonal_job_word_chef_de_partie_in_een_luxe_resort_in_griekenland_of_spanje" 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/seizoens-baan-griekenland-luxe-resort-kok-de-partie">
  <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/gfss7n8i5nqyjz554osffua9s4e8.jpg?width=150&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 150w, https://cdn1.yseasonal.com/gfss7n8i5nqyjz554osffua9s4e8.jpg?width=300&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 300w, https://cdn1.yseasonal.com/gfss7n8i5nqyjz554osffua9s4e8.jpg?width=400&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 400w, https://cdn1.yseasonal.com/gfss7n8i5nqyjz554osffua9s4e8.jpg?width=450&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 450w, https://cdn1.yseasonal.com/gfss7n8i5nqyjz554osffua9s4e8.jpg?width=600&amp;quality=50&amp;aspect_ratio=2:1&amp;optimizer=image 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="Koks in luxe keuken van een resort" width="400" height="200" src="https://cdn1.yseasonal.com/gfss7n8i5nqyjz554osffua9s4e8.jpg?width=400&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image" />
      <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 Chef de Partie in een luxe resort in Griekenland of Spanje!
      </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 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">
        Hotel 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">
      Klaar voor een culinaire carrière in het paradijs? Word Chef de Partie in een prestigieus resort in Griekenland of Spanje en bereid uitzonderlijke mediterrane gerechten terwijl je je vaardigheden ontwikkelt in een prachtige omgeving aan het strand.
    </p>
  </div>
</a>
        <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=60&amp;aspect_ratio=2:1&amp;optimizer=image 150w, https://cdn1.yseasonal.com/qe5svws8mtdab299cs9ppmxx6eko.jpg?width=300&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 300w, https://cdn1.yseasonal.com/qe5svws8mtdab299cs9ppmxx6eko.jpg?width=400&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 400w, https://cdn1.yseasonal.com/qe5svws8mtdab299cs9ppmxx6eko.jpg?width=450&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 450w, https://cdn1.yseasonal.com/qe5svws8mtdab299cs9ppmxx6eko.jpg?width=600&amp;quality=50&amp;aspect_ratio=2:1&amp;optimizer=image 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=60&amp;aspect_ratio=2:1&amp;optimizer=image" />
      <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_familiecamping_in_zuid-frankrijk_zoekt_horecapersoneel" 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-horeca-camping">
  <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/1c2jkyj2678s8nkgmumm06hu9kgn.jpg?width=150&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 150w, https://cdn1.yseasonal.com/1c2jkyj2678s8nkgmumm06hu9kgn.jpg?width=300&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 300w, https://cdn1.yseasonal.com/1c2jkyj2678s8nkgmumm06hu9kgn.jpg?width=400&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 400w, https://cdn1.yseasonal.com/1c2jkyj2678s8nkgmumm06hu9kgn.jpg?width=450&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 450w, https://cdn1.yseasonal.com/1c2jkyj2678s8nkgmumm06hu9kgn.jpg?width=600&amp;quality=50&amp;aspect_ratio=2:1&amp;optimizer=image 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="Uitzicht op bergen in de achtergrond" width="400" height="200" src="https://cdn1.yseasonal.com/1c2jkyj2678s8nkgmumm06hu9kgn.jpg?width=400&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image" />
      <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">
        Familiecamping in Zuid-Frankrijk zoekt horecapersoneel!
      </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">
        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">
      Dit is jouw kans om een fantastisch avontuur tegemoet te gaan in Zuid-Frankrijk. Lees snel verder wat je kunt verwachten van deze vacature in Frankrijk. 
    </p>
  </div>
</a>
        <a id="seasonal_job_start_als_guest_relations_agent_in_een_luxe_resort_in_griekenland_of_spanje" 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/seizoens-baan-griekenland-luxe-resort-gast-relaties">
  <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/jh9i4vszzhzbrn3hssu7r01qujul.jpg?width=150&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 150w, https://cdn1.yseasonal.com/jh9i4vszzhzbrn3hssu7r01qujul.jpg?width=300&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 300w, https://cdn1.yseasonal.com/jh9i4vszzhzbrn3hssu7r01qujul.jpg?width=400&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 400w, https://cdn1.yseasonal.com/jh9i4vszzhzbrn3hssu7r01qujul.jpg?width=450&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 450w, https://cdn1.yseasonal.com/jh9i4vszzhzbrn3hssu7r01qujul.jpg?width=600&amp;quality=50&amp;aspect_ratio=2:1&amp;optimizer=image 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="Receptie bij luxe resort" width="400" height="200" src="https://cdn1.yseasonal.com/jh9i4vszzhzbrn3hssu7r01qujul.jpg?width=400&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image" />
      <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">
        Start als Guest Relations Agent in een luxe resort in Griekenland of Spanje
      </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 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">
        Receptie 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 je er klaar voor om je gastvrijheidcarrière te verbeteren terwijl je werkt in een prachtig luxe resort aan het strand in Griekenland of Spanje? Deze mogelijkheid voor Guest Relations zou wel eens je volgende carrièremove kunnen zijn!
    </p>
  </div>
</a>
        <a id="seasonal_job_werk_als_spa_therapeut_in_een_luxe_resort_in_griekenland_of_spanje" 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-luxe-resort-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/bxn4mkb5clbep2xkdi81ejglhm4b.jpg?width=150&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 150w, https://cdn1.yseasonal.com/bxn4mkb5clbep2xkdi81ejglhm4b.jpg?width=300&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 300w, https://cdn1.yseasonal.com/bxn4mkb5clbep2xkdi81ejglhm4b.jpg?width=400&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 400w, https://cdn1.yseasonal.com/bxn4mkb5clbep2xkdi81ejglhm4b.jpg?width=450&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 450w, https://cdn1.yseasonal.com/bxn4mkb5clbep2xkdi81ejglhm4b.jpg?width=600&amp;quality=50&amp;aspect_ratio=2:1&amp;optimizer=image 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="Spa therapeut in luxe resort" width="400" height="200" src="https://cdn1.yseasonal.com/bxn4mkb5clbep2xkdi81ejglhm4b.jpg?width=400&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image" />
      <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 spa therapeut in een luxe resort in Griekenland of Spanje
      </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">
        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">
        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 zon, zee en carrièregroei? Ga aan de slag bij een prachtig Ikos resort als spa therapeut en zet je carrière in luxe gastvrijheid op een hoger plan! ✨
    </p>
  </div>
</a>
        <a id="seasonal_job_luxe_skiresorts_in_de_alpen_zijn_op_zoek_naar_chef-koks_en_keukenpersoneel" 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/seizoensbaan-Frankrijk-italie-alpen-chef-keukenpersoneel-skioorden-winter">
  <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/u77kgqixd9cqzatu63prxe23wkl0.jpg?width=150&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 150w, https://cdn1.yseasonal.com/u77kgqixd9cqzatu63prxe23wkl0.jpg?width=300&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 300w, https://cdn1.yseasonal.com/u77kgqixd9cqzatu63prxe23wkl0.jpg?width=400&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 400w, https://cdn1.yseasonal.com/u77kgqixd9cqzatu63prxe23wkl0.jpg?width=450&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 450w, https://cdn1.yseasonal.com/u77kgqixd9cqzatu63prxe23wkl0.jpg?width=600&amp;quality=50&amp;aspect_ratio=2:1&amp;optimizer=image 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="Skiër bovenop een berg op een prachtige dag" width="400" height="200" src="https://cdn1.yseasonal.com/u77kgqixd9cqzatu63prxe23wkl0.jpg?width=400&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image" />
      <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">
        Luxe skiresorts in de Alpen zijn op zoek naar chef-koks en keukenpersoneel
      </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 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">
        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">
      Dit is jouw kans om deze winter te werken op een prachtige locatie. Lees snel verder.
    </p>
  </div>
</a>
        <a id="seasonal_job_schoonmaker_gezocht_voor_een_familiecamping_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-schoonmaken-camping">
  <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/3k0ynrq35abk6fzxfe1ydjn98gz7.jpg?width=150&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 150w, https://cdn1.yseasonal.com/3k0ynrq35abk6fzxfe1ydjn98gz7.jpg?width=300&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 300w, https://cdn1.yseasonal.com/3k0ynrq35abk6fzxfe1ydjn98gz7.jpg?width=400&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 400w, https://cdn1.yseasonal.com/3k0ynrq35abk6fzxfe1ydjn98gz7.jpg?width=450&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 450w, https://cdn1.yseasonal.com/3k0ynrq35abk6fzxfe1ydjn98gz7.jpg?width=600&amp;quality=50&amp;aspect_ratio=2:1&amp;optimizer=image 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="Camping op een zonnige dag in Frankrijk" width="400" height="200" src="https://cdn1.yseasonal.com/3k0ynrq35abk6fzxfe1ydjn98gz7.jpg?width=400&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image" />
  </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">
        Schoonmaker gezocht voor een familiecamping 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">
        Schoonmaak 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">
      Wil jij graag in het buitenland werken en zou jij jezelf omschrijven als representatief, hygiënisch en hardwerkend? Ga dan aan de slag als schoonmaker op een populaire camping in Frankrijk! 🙌🏻 
    </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=60&amp;aspect_ratio=2:1&amp;optimizer=image 150w, https://cdn1.yseasonal.com/ybvmq32w04y43ld3cf1vi1wbta2j.jpg?width=300&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 300w, https://cdn1.yseasonal.com/ybvmq32w04y43ld3cf1vi1wbta2j.jpg?width=400&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 400w, https://cdn1.yseasonal.com/ybvmq32w04y43ld3cf1vi1wbta2j.jpg?width=450&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 450w, https://cdn1.yseasonal.com/ybvmq32w04y43ld3cf1vi1wbta2j.jpg?width=600&amp;quality=50&amp;aspect_ratio=2:1&amp;optimizer=image 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=60&amp;aspect_ratio=2:1&amp;optimizer=image" />
  </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_familiehotel_in_winterberg_zoekt_een_medewerker_of_stel_voor_meerdere_posities" 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-duitsland-familiehotel">
  <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/tgw0kv83yvvf7yumml2y5bzinpyq.jpg?width=150&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 150w, https://cdn1.yseasonal.com/tgw0kv83yvvf7yumml2y5bzinpyq.jpg?width=300&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 300w, https://cdn1.yseasonal.com/tgw0kv83yvvf7yumml2y5bzinpyq.jpg?width=400&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 400w, https://cdn1.yseasonal.com/tgw0kv83yvvf7yumml2y5bzinpyq.jpg?width=450&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 450w, https://cdn1.yseasonal.com/tgw0kv83yvvf7yumml2y5bzinpyq.jpg?width=600&amp;quality=50&amp;aspect_ratio=2:1&amp;optimizer=image 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="Skigebied in Duitsland op een zonnige dag" width="400" height="200" src="https://cdn1.yseasonal.com/tgw0kv83yvvf7yumml2y5bzinpyq.jpg?width=400&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image" />
  </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">
        Familiehotel in Winterberg zoekt een medewerker of stel voor meerdere posities!
      </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">
        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">
        Schoonmaak, Hotel 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">
      Kun jij zelfstandig werken en heb je relevante werkervaring? Fantastisch! Lees dan vooral deze vacature in Duitsland, zorg dat je op tijd bent en solliciteer direct.
‍
    </p>
  </div>
</a>
        <a id="seasonal_job_kok_voor_een_hotelkeuken_aan_het_strand_op_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/kok-holland-house-beach-hotel-sint-maarten">
  <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/q1ahwf3uwyxp4m54akik5r75gv2s.jpg?width=150&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 150w, https://cdn1.yseasonal.com/q1ahwf3uwyxp4m54akik5r75gv2s.jpg?width=300&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 300w, https://cdn1.yseasonal.com/q1ahwf3uwyxp4m54akik5r75gv2s.jpg?width=400&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 400w, https://cdn1.yseasonal.com/q1ahwf3uwyxp4m54akik5r75gv2s.jpg?width=450&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 450w, https://cdn1.yseasonal.com/q1ahwf3uwyxp4m54akik5r75gv2s.jpg?width=600&amp;quality=50&amp;aspect_ratio=2:1&amp;optimizer=image 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="Tafel met borden in een strandrestaurant op Sint Maarten" width="400" height="200" src="https://cdn1.yseasonal.com/q1ahwf3uwyxp4m54akik5r75gv2s.jpg?width=400&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image" />
  </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">
        Kok voor een hotelkeuken aan het strand op Sint Maarten
      </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">
        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">
        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">
      De chef-kok is verantwoordelijk voor het bereiden en serveren van gerechten van hoge kwaliteit, terwijl hij of zij zorgt voor een schone, georganiseerde en efficiënte keukenomgeving. De ideale kandidaat is een teamspeler die goed onder druk kan werken en zich inzet voor het handhaven van consistente normen op het gebied van eten en service.
    </p>
  </div>
</a>
        <a id="seasonal_job_werk_als_zeilinstructeur_voor_een_zeilcentrum_in_een_luxe_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-als-zeil-instructeur">
  <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/cz7my5w2ox3zdvfiz3cubwzuuerf.jpg?width=150&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 150w, https://cdn1.yseasonal.com/cz7my5w2ox3zdvfiz3cubwzuuerf.jpg?width=300&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 300w, https://cdn1.yseasonal.com/cz7my5w2ox3zdvfiz3cubwzuuerf.jpg?width=400&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 400w, https://cdn1.yseasonal.com/cz7my5w2ox3zdvfiz3cubwzuuerf.jpg?width=450&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 450w, https://cdn1.yseasonal.com/cz7my5w2ox3zdvfiz3cubwzuuerf.jpg?width=600&amp;quality=50&amp;aspect_ratio=2:1&amp;optimizer=image 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="Zeilboten op het strand op een zonnige dag" width="400" height="200" src="https://cdn1.yseasonal.com/cz7my5w2ox3zdvfiz3cubwzuuerf.jpg?width=400&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image" />
      <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 zeilinstructeur voor een zeilcentrum in een luxe resort
      </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">
      Als zeilinstructeur breng je je zomer door met het helpen van gasten om hun zeilvaardigheden te verbeteren, zelfvertrouwen op te bouwen en te werken aan erkende diploma’s in de prachtige wateren van de Ionische Zee.
    </p>
  </div>
</a>
        <a id="seasonal_job_front-desk_medewerker_ster_gezocht_in_het_mooie_winterberg_-_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-front-office">
  <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/2w714egz100qe37pl1n5mww5mzjt.jpg?width=150&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 150w, https://cdn1.yseasonal.com/2w714egz100qe37pl1n5mww5mzjt.jpg?width=300&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 300w, https://cdn1.yseasonal.com/2w714egz100qe37pl1n5mww5mzjt.jpg?width=400&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 400w, https://cdn1.yseasonal.com/2w714egz100qe37pl1n5mww5mzjt.jpg?width=450&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 450w, https://cdn1.yseasonal.com/2w714egz100qe37pl1n5mww5mzjt.jpg?width=600&amp;quality=50&amp;aspect_ratio=2:1&amp;optimizer=image 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="Winters landschap met skipistes en bomen" width="400" height="200" src="https://cdn1.yseasonal.com/2w714egz100qe37pl1n5mww5mzjt.jpg?width=400&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image" />
      <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">
        Front-desk medewerker/ster gezocht in het mooie Winterberg! - 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">
        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">
      Dit is dé perfecte vacature voor jou als je opzoek bent naar een echte uitdaging en het liefst het hele jaar door op wintersport bent. Deze vacature is namelijk een combi van beide.
    </p>
  </div>
</a>
        <a id="seasonal_job_werk_als_bedieningsmedewerker_in_een_luxe_resort_in_griekenland_of_spanje" 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-luxe-resort-griekenland-spanje">
  <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/lfrbhm66aiei37urzkkdk4t4v5kf.jpg?width=150&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 150w, https://cdn1.yseasonal.com/lfrbhm66aiei37urzkkdk4t4v5kf.jpg?width=300&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 300w, https://cdn1.yseasonal.com/lfrbhm66aiei37urzkkdk4t4v5kf.jpg?width=400&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 400w, https://cdn1.yseasonal.com/lfrbhm66aiei37urzkkdk4t4v5kf.jpg?width=450&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image 450w, https://cdn1.yseasonal.com/lfrbhm66aiei37urzkkdk4t4v5kf.jpg?width=600&amp;quality=50&amp;aspect_ratio=2:1&amp;optimizer=image 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="Bar in luxe resort" width="400" height="200" src="https://cdn1.yseasonal.com/lfrbhm66aiei37urzkkdk4t4v5kf.jpg?width=400&amp;quality=60&amp;aspect_ratio=2:1&amp;optimizer=image" />
      <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 bedieningsmedewerker in een luxe resort in Griekenland of Spanje!
      </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 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">
        Hotel en 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">
      Op zoek naar je volgende avontuur in het paradijs? Dit is je kans! Sluit je aan bij het Ikos team en werk in een prachtig luxe resort in Griekenland of Spanje. 🏝️
    </p>
  </div>
</a>
        <div class="flex justify-center mt-10">
          <nav class="pagy nav" aria-label="Pages"><a role="link" aria-disabled="true" aria-label="Previous">&lt;</a><a role="link" aria-disabled="true" aria-current="page" class="current">1</a><a href="/nl/seizoenswerk?full_reload=true&page=2">2</a><a href="/nl/seizoenswerk?full_reload=true&page=3">3</a><a href="/nl/seizoenswerk?full_reload=true&page=4">4</a><a href="/nl/seizoenswerk?full_reload=true&page=2" 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">62 Vacatures</turbo-frame></template></turbo-stream>