<turbo-stream url="https://www.yseasonal.com/de/saisonale-jobs?page=2" title="" state="{}" action="replace_state"><template></template></turbo-stream><turbo-stream action="replace" target="filters_wrapper"><template><turbo-stream url="https://www.yseasonal.com/de/saisonale-jobs?page=2" title="" state="{}" action="replace_state"><template></template></turbo-stream>
<turbo-frame id="filters_wrapper">
  <aside id="filters" data-drawer-backdrop="true" class="top-0 left-0 z-90 fixed w-full h-screen max-h-screen transition-transform -translate-x-full">
  <div class="flex flex-col justify-between bg-gray-50 h-full overflow-y-auto">
    <div class="flex flex-row justify-between items-center mb-4 p-4 border-gray-200 border-b">
      <p class="font-medium text-gray-900 text-lg">
        Filter
      </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="/de/saisonale-jobs" 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">
          Aktive Filter
       </p>

      <div id="drawer-aktive-filter" 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">Keine Filter gesetzt</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-lander">
          <span class="flex-1 font-medium text-left whitespace-nowrap">
            Länder
          </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-lander" class="space-y-1 pb-2 px-2 hidden">
        
                    <div class="flex items-center py-2">
      <input type="checkbox" value="australien" name="countries[]" id="drawer-countries-australien" 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-australien" class="ms-2 w-full text-gray-900 text-sm">Australien</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="bulgarien" name="countries[]" id="drawer-countries-bulgarien" 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-bulgarien" class="ms-2 w-full text-gray-900 text-sm">Bulgarien</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="deutschland" name="countries[]" id="drawer-countries-deutschland" 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-deutschland" class="ms-2 w-full text-gray-900 text-sm">Deutschland</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="die-niederlande" name="countries[]" id="drawer-countries-die-niederlande" 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-die-niederlande" class="ms-2 w-full text-gray-900 text-sm">Die Niederlande</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="frankreich" name="countries[]" id="drawer-countries-frankreich" 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-frankreich" class="ms-2 w-full text-gray-900 text-sm">Frankreich</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="griechenland" name="countries[]" id="drawer-countries-griechenland" 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-griechenland" class="ms-2 w-full text-gray-900 text-sm">Griechenland</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="irland" name="countries[]" id="drawer-countries-irland" 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-irland" class="ms-2 w-full text-gray-900 text-sm">Irland</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="italien" name="countries[]" id="drawer-countries-italien" 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-italien" class="ms-2 w-full text-gray-900 text-sm">Italien</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="kroatien" name="countries[]" id="drawer-countries-kroatien" 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-kroatien" class="ms-2 w-full text-gray-900 text-sm">Kroatien</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="spanien" name="countries[]" id="drawer-countries-spanien" 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-spanien" class="ms-2 w-full text-gray-900 text-sm">Spanien</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="turkei" name="countries[]" id="drawer-countries-turkei" 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-turkei" class="ms-2 w-full text-gray-900 text-sm">Türkei</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="vereinigte-staaten" name="countries[]" id="drawer-countries-vereinigte-staaten" 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-vereinigte-staaten" class="ms-2 w-full text-gray-900 text-sm">Vereinigte Staaten</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="zypern" name="countries[]" id="drawer-countries-zypern" 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-zypern" class="ms-2 w-full text-gray-900 text-sm">Zypern</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="oesterreich" name="countries[]" id="drawer-countries-oesterreich" 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-oesterreich" class="ms-2 w-full text-gray-900 text-sm">Österreich</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-kategorien">
          <span class="flex-1 font-medium text-left whitespace-nowrap">
            Kategorien
          </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-kategorien" class="space-y-1 pb-2 px-2 hidden">
        
                    <div class="flex items-center py-2">
      <input type="checkbox" value="animateure" name="categories[]" id="drawer-categories-animateure" 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-animateure" class="ms-2 w-full text-gray-900 text-sm">Animateure</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="bildung" name="categories[]" id="drawer-categories-bildung" 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-bildung" class="ms-2 w-full text-gray-900 text-sm">Bildung</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="gastronomie" name="categories[]" id="drawer-categories-gastronomie" 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-gastronomie" class="ms-2 w-full text-gray-900 text-sm">Gastronomie</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="kinderbetreuung+und+au+pair" name="categories[]" id="drawer-categories-kinderbetreuung+und+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-kinderbetreuung+und+au+pair" class="ms-2 w-full text-gray-900 text-sm">Kinderbetreuung und Au Pair</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="koch" name="categories[]" id="drawer-categories-koch" 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-koch" class="ms-2 w-full text-gray-900 text-sm">Koch</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="landwirtschaft" name="categories[]" id="drawer-categories-landwirtschaft" 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-landwirtschaft" class="ms-2 w-full text-gray-900 text-sm">Landwirtschaft</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="reinigung" name="categories[]" id="drawer-categories-reinigung" 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-reinigung" class="ms-2 w-full text-gray-900 text-sm">Reinigung</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="rezeption" name="categories[]" id="drawer-categories-rezeption" 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-rezeption" class="ms-2 w-full text-gray-900 text-sm">Rezeption</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="sport+und+fitness" name="categories[]" id="drawer-categories-sport+und+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+und+fitness" class="ms-2 w-full text-gray-900 text-sm">Sport und Fitness</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="supermarkt" name="categories[]" id="drawer-categories-supermarkt" 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-supermarkt" class="ms-2 w-full text-gray-900 text-sm">Supermarkt</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="tourismus" name="categories[]" id="drawer-categories-tourismus" 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-tourismus" class="ms-2 w-full text-gray-900 text-sm">Tourismus</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="verkauf" name="categories[]" id="drawer-categories-verkauf" 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-verkauf" class="ms-2 w-full text-gray-900 text-sm">Verkauf</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-saisons">
          <span class="flex-1 font-medium text-left whitespace-nowrap">
            Saisons
          </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-saisons" 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">
              Frühling
            </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">
              Sommer
            </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">
              Herbst
            </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-verfugbarkeit">
          <span class="flex-1 font-medium text-left whitespace-nowrap">
            Verfügbarkeit
          </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-verfugbarkeit" 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 Monate</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 Monate</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+ Monate</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-unterkunft">
          <span class="flex-1 font-medium text-left whitespace-nowrap">
            Unterkunft
          </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-unterkunft" 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">
              Unbekannt
            </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">
              Nicht verfügbar
            </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">
              Verfügbar
            </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">
              Vorübergehend verfügbar
            </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">
        Ergebnisse anzeigen
      </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="/de/saisonale-jobs" 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">
          Aktive Filter
       </p>

      <div id="sidebar-aktive-filter" 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">Keine Filter gesetzt</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-lander">
          <span class="flex-1 font-medium text-left whitespace-nowrap">
            Länder
          </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-lander" class="space-y-1 pb-2 px-2 hidden">
        
                <div class="flex items-center py-2">
      <input type="checkbox" value="australien" name="countries[]" id="sidebar-countries-australien" 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-australien" class="ms-2 w-full text-gray-900 text-sm">Australien</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="bulgarien" name="countries[]" id="sidebar-countries-bulgarien" 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-bulgarien" class="ms-2 w-full text-gray-900 text-sm">Bulgarien</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="deutschland" name="countries[]" id="sidebar-countries-deutschland" 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-deutschland" class="ms-2 w-full text-gray-900 text-sm">Deutschland</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="die-niederlande" name="countries[]" id="sidebar-countries-die-niederlande" 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-die-niederlande" class="ms-2 w-full text-gray-900 text-sm">Die Niederlande</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="frankreich" name="countries[]" id="sidebar-countries-frankreich" 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-frankreich" class="ms-2 w-full text-gray-900 text-sm">Frankreich</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="griechenland" name="countries[]" id="sidebar-countries-griechenland" 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-griechenland" class="ms-2 w-full text-gray-900 text-sm">Griechenland</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="irland" name="countries[]" id="sidebar-countries-irland" 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-irland" class="ms-2 w-full text-gray-900 text-sm">Irland</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="italien" name="countries[]" id="sidebar-countries-italien" 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-italien" class="ms-2 w-full text-gray-900 text-sm">Italien</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="kroatien" name="countries[]" id="sidebar-countries-kroatien" 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-kroatien" class="ms-2 w-full text-gray-900 text-sm">Kroatien</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="spanien" name="countries[]" id="sidebar-countries-spanien" 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-spanien" class="ms-2 w-full text-gray-900 text-sm">Spanien</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="turkei" name="countries[]" id="sidebar-countries-turkei" 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-turkei" class="ms-2 w-full text-gray-900 text-sm">Türkei</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="vereinigte-staaten" name="countries[]" id="sidebar-countries-vereinigte-staaten" 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-vereinigte-staaten" class="ms-2 w-full text-gray-900 text-sm">Vereinigte Staaten</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="zypern" name="countries[]" id="sidebar-countries-zypern" 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-zypern" class="ms-2 w-full text-gray-900 text-sm">Zypern</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="oesterreich" name="countries[]" id="sidebar-countries-oesterreich" 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-oesterreich" class="ms-2 w-full text-gray-900 text-sm">Österreich</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-kategorien">
          <span class="flex-1 font-medium text-left whitespace-nowrap">
            Kategorien
          </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-kategorien" class="space-y-1 pb-2 px-2 hidden">
        
                <div class="flex items-center py-2">
      <input type="checkbox" value="animateure" name="categories[]" id="sidebar-categories-animateure" 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-animateure" class="ms-2 w-full text-gray-900 text-sm">Animateure</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="bildung" name="categories[]" id="sidebar-categories-bildung" 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-bildung" class="ms-2 w-full text-gray-900 text-sm">Bildung</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="gastronomie" name="categories[]" id="sidebar-categories-gastronomie" 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-gastronomie" class="ms-2 w-full text-gray-900 text-sm">Gastronomie</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="kinderbetreuung+und+au+pair" name="categories[]" id="sidebar-categories-kinderbetreuung+und+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-kinderbetreuung+und+au+pair" class="ms-2 w-full text-gray-900 text-sm">Kinderbetreuung und Au Pair</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="koch" name="categories[]" id="sidebar-categories-koch" 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-koch" class="ms-2 w-full text-gray-900 text-sm">Koch</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="landwirtschaft" name="categories[]" id="sidebar-categories-landwirtschaft" 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-landwirtschaft" class="ms-2 w-full text-gray-900 text-sm">Landwirtschaft</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="reinigung" name="categories[]" id="sidebar-categories-reinigung" 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-reinigung" class="ms-2 w-full text-gray-900 text-sm">Reinigung</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="rezeption" name="categories[]" id="sidebar-categories-rezeption" 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-rezeption" class="ms-2 w-full text-gray-900 text-sm">Rezeption</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="sport+und+fitness" name="categories[]" id="sidebar-categories-sport+und+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+und+fitness" class="ms-2 w-full text-gray-900 text-sm">Sport und Fitness</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="supermarkt" name="categories[]" id="sidebar-categories-supermarkt" 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-supermarkt" class="ms-2 w-full text-gray-900 text-sm">Supermarkt</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="tourismus" name="categories[]" id="sidebar-categories-tourismus" 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-tourismus" class="ms-2 w-full text-gray-900 text-sm">Tourismus</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="verkauf" name="categories[]" id="sidebar-categories-verkauf" 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-verkauf" class="ms-2 w-full text-gray-900 text-sm">Verkauf</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-saisons">
          <span class="flex-1 font-medium text-left whitespace-nowrap">
            Saisons
          </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-saisons" 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">Frühling</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">Sommer</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">Herbst</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-verfugbarkeit">
          <span class="flex-1 font-medium text-left whitespace-nowrap">
            Verfügbarkeit
          </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-verfugbarkeit" 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 Monate</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 Monate</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+ Monate</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-unterkunft">
          <span class="flex-1 font-medium text-left whitespace-nowrap">
            Unterkunft
          </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-unterkunft" 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">Unbekannt</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">Nicht verfügbar</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">Verfügbar</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">Vorübergehend verfügbar</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_werde_entertainer_in_den_schonsten_gegenden_italiens" 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="/de/saisonale-jobs/ferienarbeit-in-Italien-entertainer">
  <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/duzutuyvtrkygbloi51m6rfltnqr.jpg?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/duzutuyvtrkygbloi51m6rfltnqr.jpg?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/duzutuyvtrkygbloi51m6rfltnqr.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/duzutuyvtrkygbloi51m6rfltnqr.jpg?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/duzutuyvtrkygbloi51m6rfltnqr.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="Gruppe von Entertainern, die springen" width="400" height="200" src="https://cdn1.yseasonal.com/duzutuyvtrkygbloi51m6rfltnqr.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">
  Top-Job
</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">
        Werde Entertainer in den schönsten Gegenden Italiens!
      </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">
  Top-Job
</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">
          Orte
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Italien
      </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">
          Kategorien
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Hotel, Camping und Animateure
      </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">
          Unterkunft
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Verfügbar
      </dd>
    </dl>
    <p class="text-gray-400 text-sm line-clamp-2">
      Du kannst Animateur/in in einer der schönsten Gegenden Italiens werden! Als Animateurin oder Animateur auf einem Campingplatz, in einem Resort oder in einem Hotel sorgst du dafür, dass die Gäste während ihres Urlaubs die Zeit ihres Lebens haben.
    </p>
  </div>
</a>
        <a id="seasonal_job_work_travel_als_promoter_m_w_d_fur_ngos_in_osterreich_-_verdiene_ca_4_200_monat_und_mache_impact" 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="/de/saisonale-jobs/engagiere-dich-fuer-globale-ziele-im-herzen-des-prachtigen-oesterreichs">
  <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/ll9yfbvevc09tk061sg9cr7xvuor.jpg?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/ll9yfbvevc09tk061sg9cr7xvuor.jpg?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/ll9yfbvevc09tk061sg9cr7xvuor.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/ll9yfbvevc09tk061sg9cr7xvuor.jpg?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/ll9yfbvevc09tk061sg9cr7xvuor.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="Promotor Reiseteam" width="400" height="200" src="https://cdn1.yseasonal.com/ll9yfbvevc09tk061sg9cr7xvuor.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">
  Top-Job
</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">
        Work&amp;Travel als Promoter (m/w/d) für NGOs in Österreich - Verdiene ca. 4.200 €/Monat und mache Impact!
      </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">
  Top-Job
</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">
          Orte
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Österreich
      </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">
          Kategorien
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Verkauf
      </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">
          Unterkunft
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Verfügbar
      </dd>
    </dl>
    <p class="text-gray-400 text-sm line-clamp-2">
      Suchst du einen Job, der dich wirklich weiterbringt? Willst du etwas tun, das Sinn macht, dich weiterentwickeln und dabei auch noch gut verdienen? Dann bist du hier genau richtig! 😎

Wir suchen motivierte Fundraiser*innen, die Bock haben, NGOs zu unterstützen und echten Impact zu machen! 💪
    </p>
  </div>
</a>
        <a id="seasonal_job_du_kannst_als_tennistrainer_unter_der_sonne_arbeiten" 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="/de/saisonale-jobs/sommer-job-im-ausland-tennis-trainer">
  <div class="relative rounded-lg w-full md:max-w-sm overflow-hidden">
      <img class="object-cover h-full w-full group-hover:scale-105 transition-transform ease-in-out duration-300 aspect-[2/1]" srcset="https://cdn1.yseasonal.com/3ndvrm4ybwviy9ofjy47aziwfitv.jpg?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/3ndvrm4ybwviy9ofjy47aziwfitv.jpg?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/3ndvrm4ybwviy9ofjy47aziwfitv.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/3ndvrm4ybwviy9ofjy47aziwfitv.jpg?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/3ndvrm4ybwviy9ofjy47aziwfitv.jpg?width=600&amp;quality=80&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="Tennislehrer gibt eine Tennisstunde" width="400" height="200" src="https://cdn1.yseasonal.com/3ndvrm4ybwviy9ofjy47aziwfitv.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp" />
      <div class="md:hidden inline-flex bottom-2 left-2 z-20 absolute flex-grow-0 flex-shrink-0">
        <div class="inline-flex items-center bg-emerald-default px-6 py-2 rounded font-semibold text-emerald-100 text-sm antialiased">
  Top-Job
</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">
        Du kannst als Tennistrainer unter der Sonne arbeiten!
      </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">
  Top-Job
</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">
          Orte
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Kroatien, Griechenland und Italien
      </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">
          Kategorien
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Sport und 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">
          Unterkunft
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Verfügbar
      </dd>
    </dl>
    <p class="text-gray-400 text-sm line-clamp-2">
      Schließe dich unserem leidenschaftlichen und professionellen Tennisteam an und biete ein außergewöhnliches Programm mit hochwertigem Training für Gäste jeden Alters und jeder Spielstärke. Egal, ob du Anfänger inspirierst oder erfahrene Spieler herausforderst, du wirst Teil eines Teams sein, das jede Tennissession unvergesslich macht.
    </p>
  </div>
</a>
        <a id="seasonal_job_tolle_hotels_im_sonnigen_griechenland_suchen_personal" 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="/de/saisonale-jobs/saisonarbeit-in-griechenland-animator">
  <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/5bvy7fxv9pzkgboulpidq3gh2vux.jpg?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/5bvy7fxv9pzkgboulpidq3gh2vux.jpg?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/5bvy7fxv9pzkgboulpidq3gh2vux.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/5bvy7fxv9pzkgboulpidq3gh2vux.jpg?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/5bvy7fxv9pzkgboulpidq3gh2vux.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="Zwei Animateure an einem Schwimmbad" width="400" height="200" src="https://cdn1.yseasonal.com/5bvy7fxv9pzkgboulpidq3gh2vux.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">
  Top-Job
</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">
        Tolle Hotels im sonnigen Griechenland suchen Personal!
      </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">
  Top-Job
</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">
          Orte
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Griechenland
      </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">
          Kategorien
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Hotel und Animateure
      </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">
          Unterkunft
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Verfügbar
      </dd>
    </dl>
    <p class="text-gray-400 text-sm line-clamp-2">
      Unser New Age Entertainment bringt Sport, Fitness, Kreativität und internationales Flair zusammen! Du kannst dem Team beitreten!
    </p>
  </div>
</a>
        <a id="seasonal_job_arbeite_als_animator_unter_der_italienischen_sonne" 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="/de/saisonale-jobs/ferienjob-in-italien-animator">
  <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/10709huq68dbc0os91ddmyh9bys9.jpg?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/10709huq68dbc0os91ddmyh9bys9.jpg?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/10709huq68dbc0os91ddmyh9bys9.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/10709huq68dbc0os91ddmyh9bys9.jpg?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/10709huq68dbc0os91ddmyh9bys9.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="Herrlicher Blick auf den Gardasee in Italien an einem sonnigen Tag." width="400" height="200" src="https://cdn1.yseasonal.com/10709huq68dbc0os91ddmyh9bys9.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">
  Top-Job
</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">
        Arbeite als Animator unter der italienischen Sonne!
      </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">
  Top-Job
</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">
          Orte
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Italien
      </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">
          Kategorien
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Hotel und Animateure
      </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">
          Unterkunft
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Verfügbar
      </dd>
    </dl>
    <p class="text-gray-400 text-sm line-clamp-2">
      Wolltest du schon immer im Ausland arbeiten und dich dabei wie im Urlaub fühlen?
Eventi Animazione sucht auch in diesem Jahr wieder tatkräftige und begeisterungsfähige Leute, die unsere internationalen Animationsteams in Ferienparks in Italien unterstützen. Ein großes Plus: Du kannst dich mit zwei Personen gleichzeitig für denselben Standort bewerben. Ideal, wenn du dieses Abenteuer zusammen mit einem Freund erleben möchtest.
    </p>
  </div>
</a>
        <a id="seasonal_job_rezeptionist_in_an_schonen_urlaubsorten_gesucht_start_ab_april_moglich" 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="/de/saisonale-jobs/ferienarbeit-im-ausland-empf%C3%A4ngerin">
  <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/isalkhw7etrjqeo04952ty1zsh0w.jpg?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/isalkhw7etrjqeo04952ty1zsh0w.jpg?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/isalkhw7etrjqeo04952ty1zsh0w.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/isalkhw7etrjqeo04952ty1zsh0w.jpg?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/isalkhw7etrjqeo04952ty1zsh0w.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="Boot auf dem kristallklaren Ozean" width="400" height="200" src="https://cdn1.yseasonal.com/isalkhw7etrjqeo04952ty1zsh0w.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">
  Top-Job
</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">
        Rezeptionist/in an schönen Urlaubsorten gesucht (Start ab April möglich)
      </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">
  Top-Job
</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">
          Orte
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Zypern, Spanien und Griechenland
      </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">
          Kategorien
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Tourismus, Rezeption und 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">
          Unterkunft
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Verfügbar
      </dd>
    </dl>
    <p class="text-gray-400 text-sm line-clamp-2">
      Tritt ein in die Welt des Gastgewerbes und arbeite in einem lebendigen, dynamischen und internationalen Umfeld in einem Top-Ferienort.
    </p>
  </div>
</a>
        <a id="seasonal_job_arbeite_als_activity_manager_in_einem_atemberaubenden_beachclub_in_baia_de_mori_italien" 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="/de/saisonale-jobs/saisonale-arbeit-im-ausland-aktivit%C3%A4t-manager-italien">
  <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/52tisac57gkfps5ziom3822fs37m.jpg?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/52tisac57gkfps5ziom3822fs37m.jpg?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/52tisac57gkfps5ziom3822fs37m.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/52tisac57gkfps5ziom3822fs37m.jpg?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/52tisac57gkfps5ziom3822fs37m.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="Manager im Neilson Beachclub" width="400" height="200" src="https://cdn1.yseasonal.com/52tisac57gkfps5ziom3822fs37m.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">
  Top-Job
</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">
        Arbeite als Activity Manager in einem atemberaubenden Beachclub in Baia De Mori, Italien!
      </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">
  Top-Job
</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">
          Orte
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Italien
      </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">
          Kategorien
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Animateure
      </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">
          Unterkunft
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Verfügbar
      </dd>
    </dl>
    <p class="text-gray-400 text-sm line-clamp-2">
      Dies ist eine der höchsten Positionen in unserem Team in Übersee. Es handelt sich um eine Ganzjahresstelle von Anfang April bis Mitte November, und du musst alle unten genannten Voraussetzungen erfüllen, um berücksichtigt zu werden.
    </p>
  </div>
</a>
        <a id="seasonal_job_koch_gesucht_an_wunderschoner_niederlandischer_kustenlage" 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="/de/saisonale-jobs/selbststaendiger-koch-niederlaendische-kuestenorte">
  <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/c3gy0f56hkd9k4fj4r9bt3rv1djz.jpg?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/c3gy0f56hkd9k4fj4r9bt3rv1djz.jpg?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/c3gy0f56hkd9k4fj4r9bt3rv1djz.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/c3gy0f56hkd9k4fj4r9bt3rv1djz.jpg?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/c3gy0f56hkd9k4fj4r9bt3rv1djz.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="Sonnenuntergang an einem Strand auf den Watteninseln" width="400" height="200" src="https://cdn1.yseasonal.com/c3gy0f56hkd9k4fj4r9bt3rv1djz.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">
        Koch gesucht an wunderschöner niederländischer Küstenlage!
      </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">
          Orte
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Die Niederlande
      </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">
          Kategorien
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Gastronomie und Koch
      </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">
          Unterkunft
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Verfügbar
      </dd>
    </dl>
    <p class="text-gray-400 text-sm line-clamp-2">
      Begib dich auf ein kulinarisches Abenteuer an einem der bezauberndsten Orte der Niederlande! Wie wäre es mit den ruhigen Stränden von Zeeland oder den lebhaften Watteninseln? Deine nächste Herausforderung als Koch oder Köchin wartet auf dich! 🍽️
    </p>
  </div>
</a>
        <a id="seasonal_job_barkeeper_gesucht_in_wunderschonen_griechischen_ferienresorts_start_ab_april_moglich" 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="/de/saisonale-jobs/ferien-arbeit-in-griechenland-bartender">
  <div class="relative rounded-lg w-full md:max-w-sm overflow-hidden">
      <img class="object-cover h-full w-full group-hover:scale-105 transition-transform ease-in-out duration-300 aspect-[2/1]" srcset="https://cdn1.yseasonal.com/wrdwlkbwmj0s04h4iys7mg18m5f2.jpg?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/wrdwlkbwmj0s04h4iys7mg18m5f2.jpg?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/wrdwlkbwmj0s04h4iys7mg18m5f2.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/wrdwlkbwmj0s04h4iys7mg18m5f2.jpg?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/wrdwlkbwmj0s04h4iys7mg18m5f2.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="Blick auf den Strand mit kristallklarem Wasser" width="400" height="200" src="https://cdn1.yseasonal.com/wrdwlkbwmj0s04h4iys7mg18m5f2.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">
  Top-Job
</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">
        Barkeeper gesucht in wunderschönen griechischen Ferienresorts! (Start ab April möglich)
      </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">
  Top-Job
</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">
          Orte
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Griechenland
      </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">
          Kategorien
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Hotel und Gastronomie
      </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">
          Unterkunft
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Verfügbar
      </dd>
    </dl>
    <p class="text-gray-400 text-sm line-clamp-2">
      Bist du bereit für einen Sommer voller Abenteuer? Dann ist diese Organisation in Griechenland genau das Richtige für dich. Du kannst als Barkeeper in wunderschönen Urlaubszielen arbeiten!
    </p>
  </div>
</a>
        <a id="seasonal_job_verbringe_einen_sommer_als_kinderbetreuer_in_einem_strandresort" data-turbo-frame="_top" class="bg-white flex flex-col md:flex-row w-full rounded-t-lg md:rounded-lg overflow-hidden group" href="/de/saisonale-jobs/sommer-job-im-ausland-strand-resort-kinder-aktivitaten-leiter">
  <div class="relative rounded-lg w-full md:max-w-sm overflow-hidden">
      <img class="object-cover h-full w-full group-hover:scale-105 transition-transform ease-in-out duration-300 aspect-[2/1]" srcset="https://cdn1.yseasonal.com/jpaxq8f0uulwe5pz02vzn9u4qj2f.jpg?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/jpaxq8f0uulwe5pz02vzn9u4qj2f.jpg?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/jpaxq8f0uulwe5pz02vzn9u4qj2f.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/jpaxq8f0uulwe5pz02vzn9u4qj2f.jpg?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/jpaxq8f0uulwe5pz02vzn9u4qj2f.jpg?width=600&amp;quality=80&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="Kinderbetreuer mit einem Kind am Strand" width="400" height="200" src="https://cdn1.yseasonal.com/jpaxq8f0uulwe5pz02vzn9u4qj2f.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp" />
      <div class="md:hidden inline-flex bottom-2 left-2 z-20 absolute flex-grow-0 flex-shrink-0">
        <div class="inline-flex items-center bg-emerald-default px-6 py-2 rounded font-semibold text-emerald-100 text-sm antialiased">
  Top-Job
</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">
        Verbringe einen Sommer als Kinderbetreuer in einem Strandresort
      </h3>
        <div class="hidden md:inline-flex flex-grow-0 flex-shrink-0">
          <div class="inline-flex items-center bg-emerald-default px-6 py-2 rounded font-semibold text-emerald-100 text-sm antialiased">
  Top-Job
</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">
          Orte
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Kroatien, Griechenland und Italien
      </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">
          Kategorien
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Hotel und Animateure
      </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">
          Unterkunft
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Verfügbar
      </dd>
    </dl>
    <p class="text-gray-400 text-sm line-clamp-2">
      Bist du bereit, eine Führungspersönlichkeit zu sein und ein Teamplayer? Wenn ja, dann heißt dich unser Kinderclub-Team willkommen zum Abenteuer deines Lebens!
    </p>
  </div>
</a>
        <a id="seasonal_job_bar_auf_mallorca_sucht_mitarbeiter_fur_verschiedene_positionen" 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="/de/saisonale-jobs/ferienjob-auf-mallorca-servicekraft">
  <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/n06ye3pcuw2g9u0psj1jiw4v940o.jpg?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/n06ye3pcuw2g9u0psj1jiw4v940o.jpg?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/n06ye3pcuw2g9u0psj1jiw4v940o.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/n06ye3pcuw2g9u0psj1jiw4v940o.jpg?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/n06ye3pcuw2g9u0psj1jiw4v940o.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="Terrasse auf Mallorca" width="400" height="200" src="https://cdn1.yseasonal.com/n06ye3pcuw2g9u0psj1jiw4v940o.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">
        Bar auf Mallorca sucht Mitarbeiter für verschiedene Positionen! 
      </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">
          Orte
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Spanien
      </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">
          Kategorien
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Gastronomie
      </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">
          Unterkunft
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Verfügbar
      </dd>
    </dl>
    <p class="text-gray-400 text-sm line-clamp-2">
      Mallorca, ein Paradies unter spanischer Flagge! Eine Insel, auf der du öfter eine Sonnenbrille brauchst als einen Regenschirm und auf der du arbeiten gehen kannst! Lies schnell weiter und hab den Sommer deines Lebens.

    </p>
  </div>
</a>
        <a id="seasonal_job_arbeite_als_entertainer_im_sonnigen_griechenland" 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="/de/saisonale-jobs/arbeite-als-entertainer-sonniges-griechenland">
  <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/mjbhakyjpzsev732de1g20i8qlou.jpg?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/mjbhakyjpzsev732de1g20i8qlou.jpg?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/mjbhakyjpzsev732de1g20i8qlou.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/mjbhakyjpzsev732de1g20i8qlou.jpg?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/mjbhakyjpzsev732de1g20i8qlou.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="Team entertainers" width="400" height="200" src="https://cdn1.yseasonal.com/mjbhakyjpzsev732de1g20i8qlou.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">
  Top-Job
</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">
        Arbeite als Entertainer im sonnigen Griechenland!
      </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">
  Top-Job
</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">
          Orte
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Griechenland
      </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">
          Kategorien
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Animateure
      </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">
          Unterkunft
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Verfügbar
      </dd>
    </dl>
    <p class="text-gray-400 text-sm line-clamp-2">
      Bereit für ein sonnendurchflutetes Abenteuer in Griechenland? Werde Teil unseres Animationsteams für Sommer 2026 und gestalte unvergessliche Urlaubserlebnisse! 🇬🇷✨
    </p>
  </div>
</a>
        <a id="seasonal_job_restaurant_strandbar_auf_kos_sucht_gastfreundschaftstiger" 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="/de/saisonale-jobs/ferien-arbeit-in-griechenland-kos-horeca">
  <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/3yemyi07t2qh6mtrtnv5w6u1y1fd.jpg?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/3yemyi07t2qh6mtrtnv5w6u1y1fd.jpg?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/3yemyi07t2qh6mtrtnv5w6u1y1fd.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/3yemyi07t2qh6mtrtnv5w6u1y1fd.jpg?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/3yemyi07t2qh6mtrtnv5w6u1y1fd.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="Leere Strandkörbe an einem sonnigen Tag in Griechenland mit blauem Himmel" width="400" height="200" src="https://cdn1.yseasonal.com/3yemyi07t2qh6mtrtnv5w6u1y1fd.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">
  Top-Job
</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">
        Restaurant | Strandbar auf Kos sucht Gastfreundschaftstiger
      </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">
  Top-Job
</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">
          Orte
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Griechenland
      </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">
          Kategorien
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Gastronomie
      </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">
          Unterkunft
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Verfügbar
      </dd>
    </dl>
    <p class="text-gray-400 text-sm line-clamp-2">
      Bist du ein Gastronomie-Tiger und machen dich Menschen und überfüllte Terrassen glücklich? Dann ist die Arbeit bei Filarakia genau das Richtige für dich. Neugierig auf die freie Stelle? Dann lies schnell weiter!
    </p>
  </div>
</a>
        <a id="seasonal_job_arbeite_als_rettungsschwimmer_m_w_d_in_griechenland_spanien_auf_zypern_oder_den_malediven_start_ab_april_moglich" 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="/de/saisonale-jobs/saisonale-arbeit-im-ausland-lebenshilfe-griechenland-spain-cyprys-maldiven">
  <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/3a6y3aw2jqyz27fnufo7vcz82nc2.jpg?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/3a6y3aw2jqyz27fnufo7vcz82nc2.jpg?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/3a6y3aw2jqyz27fnufo7vcz82nc2.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/3a6y3aw2jqyz27fnufo7vcz82nc2.jpg?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/3a6y3aw2jqyz27fnufo7vcz82nc2.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="Männer und Frauen gehen am Strand mit einem Surfbrett" width="400" height="200" src="https://cdn1.yseasonal.com/3a6y3aw2jqyz27fnufo7vcz82nc2.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">
        Arbeite als Rettungsschwimmer (m/w/d) in Griechenland, Spanien, auf Zypern oder den Malediven! (Start ab April möglich)
      </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">
          Orte
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Zypern, Spanien und Griechenland
      </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">
          Kategorien
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Tourismus
      </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">
          Unterkunft
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Verfügbar
      </dd>
    </dl>
    <p class="text-gray-400 text-sm line-clamp-2">
      Bist du bereit für eine neue Herausforderung? Wir haben einen Traumjob für dich! Du kannst als Rettungsschwimmer/in arbeiten.
    </p>
  </div>
</a>
        <a id="seasonal_job_arbeite_als_animateur_im_schonen_kroatien" 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="/de/saisonale-jobs/ferienjob-im-kr%C3%B6nchen-animation">
  <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/gacsabfrfmaj8m3zo6e7w8k10y8o.jpg?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/gacsabfrfmaj8m3zo6e7w8k10y8o.jpg?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/gacsabfrfmaj8m3zo6e7w8k10y8o.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/gacsabfrfmaj8m3zo6e7w8k10y8o.jpg?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/gacsabfrfmaj8m3zo6e7w8k10y8o.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="Hvar an einem sonnigen Tag in Kroatien" width="400" height="200" src="https://cdn1.yseasonal.com/gacsabfrfmaj8m3zo6e7w8k10y8o.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">
        Arbeite als Animateur im schönen Kroatien!
      </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">
          Orte
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Kroatien
      </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">
          Kategorien
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Hotel, Camping und Animateure
      </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">
          Unterkunft
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Verfügbar
      </dd>
    </dl>
    <p class="text-gray-400 text-sm line-clamp-2">
      Bist du bereit, deinen Sommer mit der Unterhaltung von Gästen an der atemberaubenden kroatischen Adriaküste zu verbringen? Wir suchen enthusiastische Animateure für die Bereiche Miniclub, Sport/Fitness, Teamleiter und Allround-Unterhaltung. Das ist deine Chance, ein unvergessliches Abenteuer in Kroatien zu beginnen.
    </p>
  </div>
</a>
        <a id="seasonal_job_du_kannst_in_santa_susanna_als_servicekraft_arbeiten" 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="/de/saisonale-jobs/ferienjob-in-spanien-santa-susanna">
  <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/nakrrh4bzq2wpexhkf9elweal0rp.jpg?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/nakrrh4bzq2wpexhkf9elweal0rp.jpg?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/nakrrh4bzq2wpexhkf9elweal0rp.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/nakrrh4bzq2wpexhkf9elweal0rp.jpg?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/nakrrh4bzq2wpexhkf9elweal0rp.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="Felsen und Meer an einem sonnigen Tag an der Costa Brava" width="400" height="200" src="https://cdn1.yseasonal.com/nakrrh4bzq2wpexhkf9elweal0rp.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">
  Top-Job
</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">
        Du kannst in Santa Susanna als Servicekraft arbeiten!
      </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">
  Top-Job
</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">
          Orte
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Spanien
      </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">
          Kategorien
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Gastronomie
      </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">
          Unterkunft
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Verfügbar
      </dd>
    </dl>
    <p class="text-gray-400 text-sm line-clamp-2">
      Bist du gastfreundlich und motiviert, im Ausland zu arbeiten? Komm und arbeite in dem stimmungsvollen und beliebten Grand Café in Santa Susanna (Barcelona).
    </p>
  </div>
</a>
        <a id="seasonal_job_die_bar_on_kos_sucht_nach_begeisterten_mitarbeitern" 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="/de/saisonale-jobs/saisonarbeit-im-griechenland-kos-krankenhaus-mitarbeiter">
  <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/3ucfvm92b9lwhol2u6ng23l2nz40.jpg?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/3ucfvm92b9lwhol2u6ng23l2nz40.jpg?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/3ucfvm92b9lwhol2u6ng23l2nz40.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/3ucfvm92b9lwhol2u6ng23l2nz40.jpg?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/3ucfvm92b9lwhol2u6ng23l2nz40.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="Menschen feiern in einer Strandbar" width="400" height="200" src="https://cdn1.yseasonal.com/3ucfvm92b9lwhol2u6ng23l2nz40.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">
        Die Bar on Kos sucht nach begeisterten Mitarbeitern!
      </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">
          Orte
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Griechenland
      </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">
          Kategorien
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Gastronomie
      </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">
          Unterkunft
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Verfügbar
      </dd>
    </dl>
    <p class="text-gray-400 text-sm line-clamp-2">
      Für unsere internationale Bar sind wir auf der Suche nach Gastronomen. Unsere Bar wurde 1997 gegründet und richtet sich hauptsächlich an Skandinavier, Niederländer, Engländer und Deutsche.

    </p>
  </div>
</a>
        <a id="seasonal_job_arbeite_in_der_kinderbetreuung_in_einem_beachclub_auf_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="/de/saisonale-jobs/saisonale-arbeit-kinderbetreuung-zakynthos-greece">
  <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/pykqt7dn39zd8hge6daxe0awongu.jpg?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/pykqt7dn39zd8hge6daxe0awongu.jpg?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/pykqt7dn39zd8hge6daxe0awongu.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/pykqt7dn39zd8hge6daxe0awongu.jpg?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/pykqt7dn39zd8hge6daxe0awongu.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="Kinder, die an einem sonnigen Tag mit einem Assistenten des Kinderclubs ins Wasser springen" width="400" height="200" src="https://cdn1.yseasonal.com/pykqt7dn39zd8hge6daxe0awongu.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">
  Top-Job
</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">
        Arbeite in der Kinderbetreuung in einem Beachclub auf Zakynthos!
      </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">
  Top-Job
</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">
          Orte
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Griechenland
      </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">
          Kategorien
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Kinderbetreuung und Au Pair
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m4 12 8-8 8 8M6 10.5V19a1 1 0 0 0 1 1h3v-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3h3a1 1 0 0 0 1-1v-8.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Unterkunft
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Verfügbar
      </dd>
    </dl>
    <p class="text-gray-400 text-sm line-clamp-2">
      Der Peligoni Club ist ein familiengeführter Mitgliederclub auf der wunderschönen Insel Zakynthos, Griechenland. Unser Kinderbetreuungsteam trägt entscheidend dazu bei, dass Familien sich entspannen und ihren Urlaub genießen können. Es bietet eine warme, fürsorgliche und professionelle Umgebung für unsere jüngsten Gäste - im Alter von 4 Monaten bis 3 Jahren.
    </p>
  </div>
</a>
        <a id="seasonal_job_luxusresorts_auf_ibiza_und_mallorca_suchen_hotelanimateure" 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="/de/saisonale-jobs/ferienarbeit-in-spanien-entertainer-luxusresorts">
  <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/r6wsjyowakgc5wpfxr06sx0u3dio.jpg?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/r6wsjyowakgc5wpfxr06sx0u3dio.jpg?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/r6wsjyowakgc5wpfxr06sx0u3dio.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/r6wsjyowakgc5wpfxr06sx0u3dio.jpg?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/r6wsjyowakgc5wpfxr06sx0u3dio.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="Cala Dhort Ibiza an einem sonnigen Tag" width="400" height="200" src="https://cdn1.yseasonal.com/r6wsjyowakgc5wpfxr06sx0u3dio.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">
        Luxusresorts auf Ibiza und Mallorca suchen Hotelanimateure! 💃🏻
      </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">
          Orte
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Spanien
      </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">
          Kategorien
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Tourismus, Hotel und Animateure
      </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">
          Unterkunft
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Verfügbar
      </dd>
    </dl>
    <p class="text-gray-400 text-sm line-clamp-2">
      Stell dir das mal vor: Perlweiße Strände, strahlend blaues Meer und strahlender Sonnenschein unter einem blauen Himmel. Kannst du dir das vorstellen? Wunderschön! Denn das ist die Kulisse für deinen neuen Arbeitsplatz.
    </p>
  </div>
</a>
        <a id="seasonal_job_arbeite_in_einem_sommercamp_in_amerika_2026" 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="/de/saisonale-jobs/arbeiten-in-amerika-sommercamp">
  <div class="relative rounded-lg w-full md:max-w-sm overflow-hidden">
      <img class="object-cover h-full w-full group-hover:scale-105 transition-transform ease-in-out duration-300 aspect-[2/1]" srcset="https://cdn1.yseasonal.com/x2u4gtpmzeai1r8xcs1dqcbti26f.jpg?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/x2u4gtpmzeai1r8xcs1dqcbti26f.jpg?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/x2u4gtpmzeai1r8xcs1dqcbti26f.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/x2u4gtpmzeai1r8xcs1dqcbti26f.jpg?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/x2u4gtpmzeai1r8xcs1dqcbti26f.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="Drei Mitarbeiter eines Sommercamps mit einem Rettungsring." width="400" height="200" src="https://cdn1.yseasonal.com/x2u4gtpmzeai1r8xcs1dqcbti26f.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">
  Top-Job
</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">
        Arbeite in einem Sommercamp in Amerika! (2026)
      </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">
  Top-Job
</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">
          Orte
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Vereinigte Staaten
      </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">
          Kategorien
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Camping, Animateure und Sport und 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">
          Unterkunft
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Verfügbar
      </dd>
    </dl>
    <p class="text-gray-400 text-sm line-clamp-2">
      Work Play USA sucht Menschen aus der ganzen Welt, um in Sommercamps in den Vereinigten Staaten zu arbeiten! 
    </p>
  </div>
</a>
        <div class="flex justify-center mt-10">
          <nav class="pagy nav" aria-label="Pages"><a href="/de/saisonale-jobs?full_reload=true" aria-label="Previous">&lt;</a><a href="/de/saisonale-jobs?full_reload=true">1</a><a role="link" aria-disabled="true" aria-current="page" class="current">2</a><a href="/de/saisonale-jobs?full_reload=true&page=3">3</a><a href="/de/saisonale-jobs?full_reload=true&page=4">4</a><a href="/de/saisonale-jobs?full_reload=true&page=3" aria-label="Next">&gt;</a></nav>
        </div>
  </div>
</turbo-frame></template></turbo-stream><turbo-stream action="replace" target="seasonal_jobs_count"><template><turbo-frame id="seasonal_jobs_count">63 Stellenangebote</turbo-frame></template></turbo-stream>