<turbo-stream url="https://www.yseasonal.com/nl/seizoenswerk?page=5" title="" state="{}" action="replace_state"><template></template></turbo-stream><turbo-stream action="replace" target="filters_wrapper"><template><turbo-stream url="https://www.yseasonal.com/nl/seizoenswerk?page=5" 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="belgie" name="countries[]" id="drawer-countries-belgie" 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-belgie" class="ms-2 w-full text-gray-900 text-sm">België</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="bulgarije" name="countries[]" id="drawer-countries-bulgarije" 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-bulgarije" class="ms-2 w-full text-gray-900 text-sm">Bulgarije</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="ierland" name="countries[]" id="drawer-countries-ierland" 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-ierland" class="ms-2 w-full text-gray-900 text-sm">Ierland</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="luxemburg" name="countries[]" id="drawer-countries-luxemburg" 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-luxemburg" class="ms-2 w-full text-gray-900 text-sm">Luxemburg</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="spanje" name="countries[]" id="drawer-countries-spanje" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="drawer-countries-spanje" class="ms-2 w-full text-gray-900 text-sm">Spanje</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="turkije" name="countries[]" id="drawer-countries-turkije" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="drawer-countries-turkije" class="ms-2 w-full text-gray-900 text-sm">Turkije</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="verenigde-staten" name="countries[]" id="drawer-countries-verenigde-staten" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="drawer-countries-verenigde-staten" class="ms-2 w-full text-gray-900 text-sm">Verenigde Staten</label>
  </div>


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

        </button>

      <div id="drawer-categorieen" class="space-y-1 pb-2 px-2 hidden">
        
                    <div class="flex items-center py-2">
      <input type="checkbox" value="agrarisch" name="categories[]" id="drawer-categories-agrarisch" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="drawer-categories-agrarisch" class="ms-2 w-full text-gray-900 text-sm">Agrarisch</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="animatie" name="categories[]" id="drawer-categories-animatie" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="drawer-categories-animatie" class="ms-2 w-full text-gray-900 text-sm">Animatie</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="camping" name="categories[]" id="drawer-categories-camping" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="drawer-categories-camping" class="ms-2 w-full text-gray-900 text-sm">Camping</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="horeca" name="categories[]" id="drawer-categories-horeca" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="drawer-categories-horeca" class="ms-2 w-full text-gray-900 text-sm">Horeca</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="hotel" name="categories[]" id="drawer-categories-hotel" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="drawer-categories-hotel" class="ms-2 w-full text-gray-900 text-sm">Hotel</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="kinderopvang+en+au+pair" name="categories[]" id="drawer-categories-kinderopvang+en+au+pair" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="drawer-categories-kinderopvang+en+au+pair" class="ms-2 w-full text-gray-900 text-sm">Kinderopvang en Au Pair</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="kok" name="categories[]" id="drawer-categories-kok" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="drawer-categories-kok" class="ms-2 w-full text-gray-900 text-sm">Kok</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="onderwijs" name="categories[]" id="drawer-categories-onderwijs" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="drawer-categories-onderwijs" class="ms-2 w-full text-gray-900 text-sm">Onderwijs</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="receptie" name="categories[]" id="drawer-categories-receptie" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="drawer-categories-receptie" class="ms-2 w-full text-gray-900 text-sm">Receptie</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="sales" name="categories[]" id="drawer-categories-sales" 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-sales" class="ms-2 w-full text-gray-900 text-sm">Sales</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" name="categories[]" id="drawer-categories-techniek" 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" class="ms-2 w-full text-gray-900 text-sm">Techniek</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="belgie" name="countries[]" id="sidebar-countries-belgie" 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-belgie" class="ms-2 w-full text-gray-900 text-sm">België</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="bulgarije" name="countries[]" id="sidebar-countries-bulgarije" 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-bulgarije" class="ms-2 w-full text-gray-900 text-sm">Bulgarije</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="ierland" name="countries[]" id="sidebar-countries-ierland" 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-ierland" class="ms-2 w-full text-gray-900 text-sm">Ierland</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="luxemburg" name="countries[]" id="sidebar-countries-luxemburg" 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-luxemburg" class="ms-2 w-full text-gray-900 text-sm">Luxemburg</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="spanje" name="countries[]" id="sidebar-countries-spanje" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="sidebar-countries-spanje" class="ms-2 w-full text-gray-900 text-sm">Spanje</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="turkije" name="countries[]" id="sidebar-countries-turkije" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="sidebar-countries-turkije" class="ms-2 w-full text-gray-900 text-sm">Turkije</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="verenigde-staten" name="countries[]" id="sidebar-countries-verenigde-staten" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="sidebar-countries-verenigde-staten" class="ms-2 w-full text-gray-900 text-sm">Verenigde Staten</label>
  </div>


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

        </button>

      <div id="sidebar-categorieen" class="space-y-1 pb-2 px-2 hidden">
        
                <div class="flex items-center py-2">
      <input type="checkbox" value="agrarisch" name="categories[]" id="sidebar-categories-agrarisch" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="sidebar-categories-agrarisch" class="ms-2 w-full text-gray-900 text-sm">Agrarisch</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="animatie" name="categories[]" id="sidebar-categories-animatie" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="sidebar-categories-animatie" class="ms-2 w-full text-gray-900 text-sm">Animatie</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="camping" name="categories[]" id="sidebar-categories-camping" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="sidebar-categories-camping" class="ms-2 w-full text-gray-900 text-sm">Camping</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="horeca" name="categories[]" id="sidebar-categories-horeca" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="sidebar-categories-horeca" class="ms-2 w-full text-gray-900 text-sm">Horeca</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="hotel" name="categories[]" id="sidebar-categories-hotel" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="sidebar-categories-hotel" class="ms-2 w-full text-gray-900 text-sm">Hotel</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="kinderopvang+en+au+pair" name="categories[]" id="sidebar-categories-kinderopvang+en+au+pair" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="sidebar-categories-kinderopvang+en+au+pair" class="ms-2 w-full text-gray-900 text-sm">Kinderopvang en Au Pair</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="kok" name="categories[]" id="sidebar-categories-kok" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="sidebar-categories-kok" class="ms-2 w-full text-gray-900 text-sm">Kok</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="onderwijs" name="categories[]" id="sidebar-categories-onderwijs" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="sidebar-categories-onderwijs" class="ms-2 w-full text-gray-900 text-sm">Onderwijs</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="receptie" name="categories[]" id="sidebar-categories-receptie" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="sidebar-categories-receptie" class="ms-2 w-full text-gray-900 text-sm">Receptie</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="sales" name="categories[]" id="sidebar-categories-sales" 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-sales" class="ms-2 w-full text-gray-900 text-sm">Sales</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" name="categories[]" id="sidebar-categories-techniek" 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" class="ms-2 w-full text-gray-900 text-sm">Techniek</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_begin_als_entertainer_in_een_italiaans_vakantieoord" 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-italy-entertainer-italy-vakantie-resort">
  <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/wty6xd00ik4oghbaps90x4pgk0de.jpg?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/wty6xd00ik4oghbaps90x4pgk0de.jpg?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/wty6xd00ik4oghbaps90x4pgk0de.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/wty6xd00ik4oghbaps90x4pgk0de.jpg?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/wty6xd00ik4oghbaps90x4pgk0de.jpg?width=600&amp;quality=80&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="Haven aan het Gardameer" width="400" height="200" src="https://cdn1.yseasonal.com/wty6xd00ik4oghbaps90x4pgk0de.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp" />
  </div>
  <div class="md:px-4 md:py-0 pt-2 pb-4 w-full md:min-w-2/3">
    <div class="flex flex-row justify-between items-start gap-x-4 mb-2 md:mb-4">
      <h3 class="font-semibold text-gray-900 text-lg antialiased">
        Begin als entertainer in een Italiaans vakantieoord!
      </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">
        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
      </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">
      Zin om je zomer door te brengen met het brengen van vreugde en energie naar vakantiegangers op prachtige Italiaanse vakantiebestemmingen? We zijn op zoek naar enthousiaste entertainers die vanaf mei/juni 2026 deel willen uitmaken van dynamische teams op campings en vakantiedorpen in heel Italië. Als je ervan houdt om met mensen te werken, activiteiten te organiseren en onvergetelijke vakantiemomenten te creëren, dan is dit jouw roeping! 🇮🇹✨
    </p>
  </div>
</a>
        <a id="seasonal_job_werk_als_watersportinstructeur_op_droomlocaties" data-turbo-frame="_top" class="bg-white flex flex-col md:flex-row w-full rounded-t-lg md:rounded-lg overflow-hidden group" href="/nl/seizoenswerk/vakantiewerk-buitenland-watersportinstructeur">
  <div class="relative rounded-lg w-full md:max-w-sm overflow-hidden">
      <img class="object-cover h-full w-full group-hover:scale-105 transition-transform ease-in-out duration-300 aspect-[2/1]" srcset="https://cdn1.yseasonal.com/7n3ythz42wjwaovaxb66szazxpyg.jpg?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/7n3ythz42wjwaovaxb66szazxpyg.jpg?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/7n3ythz42wjwaovaxb66szazxpyg.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/7n3ythz42wjwaovaxb66szazxpyg.jpg?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/7n3ythz42wjwaovaxb66szazxpyg.jpg?width=600&amp;quality=80&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="De watersportinstructeurs op het strand op een zonnige dag" width="400" height="200" src="https://cdn1.yseasonal.com/7n3ythz42wjwaovaxb66szazxpyg.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp" />
  </div>
  <div class="md:px-4 md:py-0 pt-2 pb-4 w-full md:min-w-2/3">
    <div class="flex flex-row justify-between items-start gap-x-4 mb-2 md:mb-4">
      <h3 class="font-semibold text-gray-900 text-lg antialiased">
        Werk als watersportinstructeur op droomlocaties!
      </h3>
    </div>
    <dl class="gap-y-2 grid grid-cols-11 mb-2 md:mb-4 w-full">
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm0 0v6M9.5 9A2.5 2.5 0 0 1 12 6.5"></path>
</svg>

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

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

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Accommodatie
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Beschikbaar
      </dd>
    </dl>
    <p class="text-gray-400 text-sm line-clamp-2">
      Werk als watersportinstructeur op adembenemende droomlocaties, waar elke dag voelt als een droom. Sluit je aan bij een team van gelijkgestemde enthousiastelingen en maak onvergetelijke herinneringen terwijl je je passie deelt.
    </p>
  </div>
</a>
        <a id="seasonal_job_camping_in_frankrijk_zoekt_een_gastvrije_receptiemedewerker" 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-receptie-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/nywevslhufrvdx96cske2ufczkfg.jpg?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/nywevslhufrvdx96cske2ufczkfg.jpg?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/nywevslhufrvdx96cske2ufczkfg.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/nywevslhufrvdx96cske2ufczkfg.jpg?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/nywevslhufrvdx96cske2ufczkfg.jpg?width=600&amp;quality=80&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="Vrouw in groene jurk loopt een receptie binnen op een camping" width="400" height="200" src="https://cdn1.yseasonal.com/nywevslhufrvdx96cske2ufczkfg.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp" />
      <div class="md:hidden inline-flex bottom-2 left-2 z-20 absolute flex-grow-0 flex-shrink-0">
        <div class="inline-flex items-center bg-emerald-default px-6 py-2 rounded font-semibold text-emerald-100 text-sm antialiased">
  Topjob
</div>

      </div>
  </div>
  <div class="md:px-4 md:py-0 pt-2 pb-4 w-full md:min-w-2/3">
    <div class="flex flex-row justify-between items-start gap-x-4 mb-2 md:mb-4">
      <h3 class="font-semibold text-gray-900 text-lg antialiased">
        Camping in Frankrijk zoekt een gastvrije receptiemedewerker!
      </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">
        Receptie 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">
      Krijg jij energie van gasten helpen, schakelen tussen telefoontjes, mails en een rij aan de balie en weet jij het overzicht te bewaren wanneer het even druk wordt? Dan pas jij perfect bij ons team! 
    </p>
  </div>
</a>
        <a id="seasonal_job_massagetherapeut_gezocht_bij_prachtig_strand_resort" data-turbo-frame="_top" class="bg-white flex flex-col md:flex-row w-full rounded-t-lg md:rounded-lg overflow-hidden group" href="/nl/seizoenswerk/seizoenswerk-in-het-buitenland-massage-therapeut-beach-club">
  <div class="relative rounded-lg w-full md:max-w-sm overflow-hidden">
      <img class="object-cover h-full w-full group-hover:scale-105 transition-transform ease-in-out duration-300 aspect-[2/1]" srcset="https://cdn1.yseasonal.com/u34cvt5w4esfitg5q5gg0l1szy6d.jpg?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/u34cvt5w4esfitg5q5gg0l1szy6d.jpg?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/u34cvt5w4esfitg5q5gg0l1szy6d.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/u34cvt5w4esfitg5q5gg0l1szy6d.jpg?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/u34cvt5w4esfitg5q5gg0l1szy6d.jpg?width=600&amp;quality=80&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="Drie vrouwen in zee die met hun handen een hart vormen" width="400" height="200" src="https://cdn1.yseasonal.com/u34cvt5w4esfitg5q5gg0l1szy6d.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp" />
  </div>
  <div class="md:px-4 md:py-0 pt-2 pb-4 w-full md:min-w-2/3">
    <div class="flex flex-row justify-between items-start gap-x-4 mb-2 md:mb-4">
      <h3 class="font-semibold text-gray-900 text-lg antialiased">
        Massagetherapeut gezocht bij prachtig strand resort
      </h3>
    </div>
    <dl class="gap-y-2 grid grid-cols-11 mb-2 md:mb-4 w-full">
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm0 0v6M9.5 9A2.5 2.5 0 0 1 12 6.5"></path>
</svg>

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

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

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Accommodatie
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Beschikbaar
      </dd>
    </dl>
    <p class="text-gray-400 text-sm line-clamp-2">
      Klaar voor een avontuur? Breng je seizoen in het buitenland door als Massagetherapeut en geef luxe behandelingen terwijl je onvergetelijke herinneringen creëert in prachtige resorts!
    </p>
  </div>
</a>
        <a id="seasonal_job_camping_in_frankrijk_zoekt_een_veelzijdige_terrein_topper" 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/camping-in-frankrijk-zoekt-een-veelzijdige-terrein-topper">
  <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/yxcbqh1x853r5xwhg2o4kydu26bb.jpg?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/yxcbqh1x853r5xwhg2o4kydu26bb.jpg?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/yxcbqh1x853r5xwhg2o4kydu26bb.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/yxcbqh1x853r5xwhg2o4kydu26bb.jpg?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/yxcbqh1x853r5xwhg2o4kydu26bb.jpg?width=600&amp;quality=80&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="Technische medewerker op een camping bezig met een klus" width="400" height="200" src="https://cdn1.yseasonal.com/yxcbqh1x853r5xwhg2o4kydu26bb.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp" />
  </div>
  <div class="md:px-4 md:py-0 pt-2 pb-4 w-full md:min-w-2/3">
    <div class="flex flex-row justify-between items-start gap-x-4 mb-2 md:mb-4">
      <h3 class="font-semibold text-gray-900 text-lg antialiased">
        Camping in Frankrijk zoekt een veelzijdige terrein topper!
      </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 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">
      Ben jij op zoek naar een dynamische baan waarin geen dag hetzelfde is? Werk jij graag buiten, houd jij van een afwisselend takenpakket en wil jij deel uitmaken van een gastvrije, zomerse omgeving? Dan is deze functie als terreinmedewerker &amp; gastenfietser perfect voor jou.
    </p>
  </div>
</a>
        <a id="seasonal_job_content_creator_gezocht_voor_een_populaire_club_in_lloret_de_mar" 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-lloret-de-mar-content-creator">
  <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/mx7pn02ohs1nqrhdjq90pbw8f8oo.jpg?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/mx7pn02ohs1nqrhdjq90pbw8f8oo.jpg?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/mx7pn02ohs1nqrhdjq90pbw8f8oo.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/mx7pn02ohs1nqrhdjq90pbw8f8oo.jpg?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/mx7pn02ohs1nqrhdjq90pbw8f8oo.jpg?width=600&amp;quality=80&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="Uitzicht op strand in Lloret de Mar op een zonnige dag" width="400" height="200" src="https://cdn1.yseasonal.com/mx7pn02ohs1nqrhdjq90pbw8f8oo.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp" />
  </div>
  <div class="md:px-4 md:py-0 pt-2 pb-4 w-full md:min-w-2/3">
    <div class="flex flex-row justify-between items-start gap-x-4 mb-2 md:mb-4">
      <h3 class="font-semibold text-gray-900 text-lg antialiased">
        Content creator gezocht voor een populaire club in Lloret de Mar!
      </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">
        Spanje
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7H5a2 2 0 0 0-2 2v4m5-6h8M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2m0 0h3a2 2 0 0 1 2 2v4m0 0v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-6m18 0s-4 2-9 2-9-2-9-2m9-2h.01"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Categorieën
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        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">
      Droombaan alert! Eén van de populairste clubs in Lloret de Mar zoekt een content creator. Je leest het goed! Kijk snel of jij in aanmerking komt voor deze vacature in het buitenland.
    </p>
  </div>
</a>
        <a id="seasonal_job_energieke_teamleider_animatie_gezocht_in_frankrijk" data-turbo-frame="_top" class="bg-white flex flex-col md:flex-row w-full rounded-t-lg md:rounded-lg overflow-hidden group" href="/nl/seizoenswerk/seizoenswerk-in-frankrijk-teamleider-animatie">
  <div class="relative rounded-lg w-full md:max-w-sm overflow-hidden">
      <img class="object-cover h-full w-full group-hover:scale-105 transition-transform ease-in-out duration-300 aspect-[2/1]" srcset="https://cdn1.yseasonal.com/civqosk61tzk5smmb3xso8zos74b.jpg?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/civqosk61tzk5smmb3xso8zos74b.jpg?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/civqosk61tzk5smmb3xso8zos74b.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/civqosk61tzk5smmb3xso8zos74b.jpg?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/civqosk61tzk5smmb3xso8zos74b.jpg?width=600&amp;quality=80&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="Teamleider animatie met groep kinderen op een camping" width="400" height="200" src="https://cdn1.yseasonal.com/civqosk61tzk5smmb3xso8zos74b.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp" />
  </div>
  <div class="md:px-4 md:py-0 pt-2 pb-4 w-full md:min-w-2/3">
    <div class="flex flex-row justify-between items-start gap-x-4 mb-2 md:mb-4">
      <h3 class="font-semibold text-gray-900 text-lg antialiased">
        Energieke Teamleider Animatie gezocht in Frankrijk
      </h3>
    </div>
    <dl class="gap-y-2 grid grid-cols-11 mb-2 md:mb-4 w-full">
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm0 0v6M9.5 9A2.5 2.5 0 0 1 12 6.5"></path>
</svg>

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

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

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Accommodatie
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Beschikbaar
      </dd>
    </dl>
    <p class="text-gray-400 text-sm line-clamp-2">
      Ga een onvergetelijke zomer tegemoet als teamleider van ons animatieteam! Ben jij een geboren entertainer met ervaring in de recreatie, heb je leiderschapskwaliteiten en heb je ook nog eens affiniteit met alle doelgroepen? Breng jij jouw energie en enthousiasme moeiteloos over op anderen, geniet je van sociaal contact en ben je avontuurlijk, creatief en sportief? Lees dan snel verder, want jouw droombaan wacht op jou!
    </p>
  </div>
</a>
        <a id="seasonal_job_animatiemedewerkers_gezocht_in_griekenland_cyprus_en_italie" data-turbo-frame="_top" class="bg-white flex flex-col md:flex-row w-full rounded-t-lg md:rounded-lg overflow-hidden group" href="/nl/seizoenswerk/vakantiewerk-griekenland-cyprus-animatie">
  <div class="relative rounded-lg w-full md:max-w-sm overflow-hidden">
      <img class="object-cover h-full w-full group-hover:scale-105 transition-transform ease-in-out duration-300 aspect-[2/1]" srcset="https://cdn1.yseasonal.com/udcam47999nifvi27w60122qamdm.jpg?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/udcam47999nifvi27w60122qamdm.jpg?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/udcam47999nifvi27w60122qamdm.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/udcam47999nifvi27w60122qamdm.jpg?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/udcam47999nifvi27w60122qamdm.jpg?width=600&amp;quality=80&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="Man duikt in het water vanaf een rots op de Canarische Eilanden" width="400" height="200" src="https://cdn1.yseasonal.com/udcam47999nifvi27w60122qamdm.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp" />
      <div class="md:hidden inline-flex bottom-2 left-2 z-20 absolute flex-grow-0 flex-shrink-0">
        <div class="inline-flex items-center bg-emerald-default px-6 py-2 rounded font-semibold text-emerald-100 text-sm antialiased">
  Topjob
</div>

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

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

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

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

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

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

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

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Accommodatie
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Beschikbaar
      </dd>
    </dl>
    <p class="text-gray-400 text-sm line-clamp-2">
      Klaar voor een spannend avontuur in je schoonheidsspecialistencarrière? Stel je voor dat je de zomer werkt in een van onze prachtige beach club resorts, waar elke dag een kans is om je passie te delen, geweldige mensen te ontmoeten en een nieuwe hoek van de wereld te verkennen.
    </p>
  </div>
</a>
        <a id="seasonal_job_word_horecamedewerker_in_het_prachtige_ierland_incl_kost_en_inwoning" 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/horecabanen-ierland">
  <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/c5fumtlel5303kgeeq9fq3vt32rm.jpg?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/c5fumtlel5303kgeeq9fq3vt32rm.jpg?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/c5fumtlel5303kgeeq9fq3vt32rm.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/c5fumtlel5303kgeeq9fq3vt32rm.jpg?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/c5fumtlel5303kgeeq9fq3vt32rm.jpg?width=600&amp;quality=80&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="Landscape Ireland" width="400" height="200" src="https://cdn1.yseasonal.com/c5fumtlel5303kgeeq9fq3vt32rm.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp" />
      <div class="md:hidden inline-flex bottom-2 left-2 z-20 absolute flex-grow-0 flex-shrink-0">
        <div class="inline-flex items-center bg-emerald-default px-6 py-2 rounded font-semibold text-emerald-100 text-sm antialiased">
  Topjob
</div>

      </div>
  </div>
  <div class="md:px-4 md:py-0 pt-2 pb-4 w-full md:min-w-2/3">
    <div class="flex flex-row justify-between items-start gap-x-4 mb-2 md:mb-4">
      <h3 class="font-semibold text-gray-900 text-lg antialiased">
        Word horecamedewerker in het prachtige Ierland (Incl. kost en inwoning)
      </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">
        Ierland
      </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">
      Klaar voor een onvergetelijk avontuur op het Groene Eiland? Versterk je CV, verbeter je Engels en maak herinneringen voor het leven met een horecabaan in Ierland! 🍀
    </p>
  </div>
</a>
        <a id="seasonal_job_massage_beauty_therapeut_gezocht_bij_beachclub_in_zakynthos" 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-griekenland-zakynthos-massage-beauty-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/3u9bmq05v27ejs9r1uvs9gfl4d1s.avif?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/3u9bmq05v27ejs9r1uvs9gfl4d1s.avif?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/3u9bmq05v27ejs9r1uvs9gfl4d1s.avif?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/3u9bmq05v27ejs9r1uvs9gfl4d1s.avif?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/3u9bmq05v27ejs9r1uvs9gfl4d1s.avif?width=600&amp;quality=80&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="Medewerkster van massage salon bij luxe beach club in Zakynthos" width="400" height="200" src="https://cdn1.yseasonal.com/3u9bmq05v27ejs9r1uvs9gfl4d1s.avif?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp" />
  </div>
  <div class="md:px-4 md:py-0 pt-2 pb-4 w-full md:min-w-2/3">
    <div class="flex flex-row justify-between items-start gap-x-4 mb-2 md:mb-4">
      <h3 class="font-semibold text-gray-900 text-lg antialiased">
        Massage &amp; beauty therapeut gezocht bij beachclub in Zakynthos
      </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">
        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">
        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">
      Droom je ervan om te werken als spa therapeut op een prachtig Grieks eiland? Dan is dit jouw kans. Het luxe Peligoni op Zakynthos zoekt gekwalificeerde en ervaren Massage &amp; Beauty therapeuten voor het aankomende seizoen.
    </p>
  </div>
</a>
        <a id="seasonal_job_werken_als_early_years_educator_in_een_prachtig_strandresort_op_sicilie" data-turbo-frame="_top" class="bg-white flex flex-col md:flex-row w-full rounded-t-lg md:rounded-lg overflow-hidden group" href="/nl/seizoenswerk/seizoenswerk-in-italie-sicilie-early-years-educator">
  <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/1kf7cyxs0h0d8k6xsxujtm16bg5x.jpg?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/1kf7cyxs0h0d8k6xsxujtm16bg5x.jpg?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/1kf7cyxs0h0d8k6xsxujtm16bg5x.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/1kf7cyxs0h0d8k6xsxujtm16bg5x.jpg?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/1kf7cyxs0h0d8k6xsxujtm16bg5x.jpg?width=600&amp;quality=80&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="Drie vrouwen vormen een hart in de zee" width="400" height="200" src="https://cdn1.yseasonal.com/1kf7cyxs0h0d8k6xsxujtm16bg5x.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp" />
      <div class="md:hidden inline-flex bottom-2 left-2 z-20 absolute flex-grow-0 flex-shrink-0">
        <div class="inline-flex items-center bg-emerald-default px-6 py-2 rounded font-semibold text-emerald-100 text-sm antialiased">
  Topjob
</div>

      </div>
  </div>
  <div class="md:px-4 md:py-0 pt-2 pb-4 w-full md:min-w-2/3">
    <div class="flex flex-row justify-between items-start gap-x-4 mb-2 md:mb-4">
      <h3 class="font-semibold text-gray-900 text-lg antialiased">
        Werken als Early Years Educator in een prachtig strandresort op Sicilië!
      </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">
        Turkije, 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">
        Kinderopvang en Au Pair 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">
      Wil je graag in het buitenland wonen en werken in een prachtige badplaats? Begin dan je avontuur als Early Years Educator bij Neilson op het prachtige Sicilië.
    </p>
  </div>
</a>
        <a id="seasonal_job_werk_als_kok_op_een_camping_in_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/seizoenswerk-in-duitsland-kok-vakantiepark">
  <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/zgrsovsy1fib89hat5jtyzdodsqt.webp?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/zgrsovsy1fib89hat5jtyzdodsqt.webp?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/zgrsovsy1fib89hat5jtyzdodsqt.webp?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/zgrsovsy1fib89hat5jtyzdodsqt.webp?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/zgrsovsy1fib89hat5jtyzdodsqt.webp?width=600&amp;quality=80&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="Tent op een camping in Duitsland" width="400" height="200" src="https://cdn1.yseasonal.com/zgrsovsy1fib89hat5jtyzdodsqt.webp?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp" />
  </div>
  <div class="md:px-4 md:py-0 pt-2 pb-4 w-full md:min-w-2/3">
    <div class="flex flex-row justify-between items-start gap-x-4 mb-2 md:mb-4">
      <h3 class="font-semibold text-gray-900 text-lg antialiased">
        Werk als kok op een camping in Duitsland
      </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">
        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">
      Ben jij een kok en wil je graag werken in het prachtige Duitsland? Lees dan snel verder! 
    </p>
  </div>
</a>
        <div class="flex justify-center mt-10">
          <nav class="pagy nav" aria-label="Pages"><a href="/nl/seizoenswerk?full_reload=true&page=4" aria-label="Previous">&lt;</a><a href="/nl/seizoenswerk?full_reload=true">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 role="link" aria-disabled="true" aria-current="page" class="current">5</a><a role="link" aria-disabled="true" 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">93 Vacatures</turbo-frame></template></turbo-stream>