<turbo-stream action="append" target="products_grid"><template>
    

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D67">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/chalira-aruna-gewurzmischung-violettes-curry-nfp-34-g-19954">
          <img alt="Chalira Aruna Gewürzmischung violettes Curry NFP" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10618/file/small-ea432998b0d798050900d30d752e9a6a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10618/file/medium-a88fc40552a4f0bde3bf652cab6234dd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10618/file/large-258afa5e3bc2822d9502c4b231737836.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10618/file/medium-a88fc40552a4f0bde3bf652cab6234dd.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Chalira</p>
          <a href="/products/chalira-aruna-gewurzmischung-violettes-curry-nfp-34-g-19954">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chalira Aruna Gewürzmischung violettes Curry NFP, 34 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 40.88 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19954-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="trG-L7wTsxTag5kOCuGbhJ_FyJFwxs2fqQMFdzWXj4Cmfro4cikjiUM7tLfN0icuR0t8MtK8l_oG0rIvBYMcWg" />
    <input value="19954" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D67">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/chalira-valero-krautersalz-glas-47-g-19955">
          <img alt="Chalira Valero Kräutersalz Glas" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10572/file/small-fe24422c368360145a2689aecdda5b55.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10572/file/medium-930f42af4c5c58fb4d66d373413a5f2f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10572/file/large-53ce55786c23a6de62f14a83aebf55b7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10572/file/medium-930f42af4c5c58fb4d66d373413a5f2f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Chalira</p>
          <a href="/products/chalira-valero-krautersalz-glas-47-g-19955">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chalira Valero Kräutersalz Glas, 47 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 35.11 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19955-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ts5MtQci2lMBS6irXx9sPt3nI2S8S7V1VMSHKnbCbpZeAUiiyRhKzpjzhRKYLNCUBWmXxx4x7xD7FTByRtb9TA" />
    <input value="19955" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D67">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/chalira-asura-glas-100-ml-19956">
          <img alt="Chalira Asura Glas" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10571/file/small-dfe632d2cd001fc418e39bffccb6aa76.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10571/file/medium-23fca5d9ae58124d3ce07d1be57f6eab.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10571/file/large-3a30cae53881d9fb868c5cf076c29f16.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10571/file/medium-23fca5d9ae58124d3ce07d1be57f6eab.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Chalira</p>
          <a href="/products/chalira-asura-glas-100-ml-19956">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chalira Asura Glas, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 16.50 / 100 ml
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19956-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VIKv-5SFGtsYRsZSQ8YhR2vqT3gFd09GNDgUFgRGHfhETavsWr-KRoH-6-uE9Z3ts2T726cNFSOb6aNONFKOIg" />
    <input value="19956" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D67">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/chalira-asura-nfp-37-g-19957">
          <img alt="Chalira Asura NFP" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10651/file/small-8ac4bd08425576ec3e70ac1b8edccc00.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10651/file/medium-d4daa2410c4453adefbf62bb71243b0f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10651/file/large-f3bf22b56122b909a94ff12bdf4615aa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10651/file/medium-d4daa2410c4453adefbf62bb71243b0f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Chalira</p>
          <a href="/products/chalira-asura-nfp-37-g-19957">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chalira Asura NFP, 37 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 37.57 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19957-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="n7AcztNGXYwTjIJjqjVdhhpSP48iTqE8Nx1r6xbe5lePfxjZHXzNEYo0r9ptBuEswtyLLIA0-1mYzNyzJsp1jQ" />
    <input value="19957" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D67">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/chalira-akropolis-olivensalzbluten-glas-72-g-19958">
          <img alt="Chalira Akropolis Olivensalzblüten Glas" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10570/file/small-89ed8598081fd7773770143625414a83.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10570/file/medium-3605feae3ff867dd584b4a6e053dc9c1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10570/file/large-3c8d7bb102c38500cf1963ff9a654353.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10570/file/medium-3605feae3ff867dd584b4a6e053dc9c1.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Chalira</p>
          <a href="/products/chalira-akropolis-olivensalzbluten-glas-72-g-19958">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chalira Akropolis Olivensalzblüten Glas, 72 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 22.92 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19958-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QxtvNzNWZj802nlP_n81eiuCu46xTkMOvCkiy9g4NMlT1Gsg_Wz2oq1iVPY5TInQ8wwPLRM0GWsT-JWT6CynEw" />
    <input value="19958" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D67">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/chalira-rosa-salzbluten-glas-50-g-19959">
          <img alt="Chalira Rosa Salzblüten Glas" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10569/file/small-5d24abbc8a318feed22a1349e0e5ef8b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10569/file/medium-b20d6781b5fb1f5842dc6b35b31eea52.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10569/file/large-280af42d33741d1befd6b23fdfad5d14.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10569/file/medium-b20d6781b5fb1f5842dc6b35b31eea52.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Chalira</p>
          <a href="/products/chalira-rosa-salzbluten-glas-50-g-19959">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chalira Rosa Salzblüten Glas, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 27.80 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19959-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LM_HoMdbqKGW8XmlIsNWPL_3VoHQF5mKhC2zAaYQGgU8AMO3CWE4PA9JVBzl8OqWZ3niInJtw-8r_ARZlgSJ3w" />
    <input value="19959" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D67">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/chalira-rosa-salzbluten-nfp-50-g-19960">
          <img alt="Chalira Rosa Salzblüten NFP" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10623/file/small-7344741c3d2951a92d0f596ad5bed4b4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10623/file/medium-21751b04982f0b2a34b408d292015001.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10623/file/large-6c80608fb1ec6d44acd1c5901e09980a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10623/file/medium-21751b04982f0b2a34b408d292015001.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Chalira</p>
          <a href="/products/chalira-rosa-salzbluten-nfp-50-g-19960">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chalira Rosa Salzblüten NFP, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 17.80 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19960-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="V-S9wJXW_W1S87NwfsI3JUmD-uWkGtvoW0wL2gnzgO1HK7nXW-xt8MtLnsm58YuPkQ1ORgZggY30nbyCOecTNw" />
    <input value="19960" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D67">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/chalira-wilde-krauter-gerebelt-nfp-3-g-19961">
          <img alt="Chalira Wilde Kräuter gerebelt NFP" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10622/file/small-846879f871b377ff54f565d58eed00e8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10622/file/medium-520475672e49dadf3d50bf3890949de9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10622/file/large-25f07de5cf91c0d69ed03a411e392a52.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10622/file/medium-520475672e49dadf3d50bf3890949de9.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Chalira</p>
          <a href="/products/chalira-wilde-krauter-gerebelt-nfp-3-g-19961">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chalira Wilde Kräuter gerebelt NFP, 3 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 383.33 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19961-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="prmuk9XiK1C613X41S_iF9ySFtaPEzK3BdMzS3X9w8S2dqqEG9i7zSNvWEESHF69BByidS1paNKqAoQTRelQHg" />
    <input value="19961" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D67">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/chalira-wurzler-wildkrauterpaste-100-g-19962">
          <img alt="Chalira Wurzler Wildkräuterpaste" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10568/file/small-ae9142f38cc238f463543ed944445c43.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10568/file/medium-f624c673cba5fc562d51165f44c9e440.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10568/file/large-f85cb04c217e3dcf21bea710ed038ec5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10568/file/medium-f624c673cba5fc562d51165f44c9e440.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Chalira</p>
          <a href="/products/chalira-wurzler-wildkrauterpaste-100-g-19962">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chalira Wurzler Wildkräuterpaste, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 23.50 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19962-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="S_RhKB6rBGAu8d0mgwHSGumtn3tNqV6lKK5i4MmTMZ9bO2U_0JGU_bdJ8J9EMm6wMSMr2O_TBMCHf9W4-YeiRQ" />
    <input value="19962" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D67">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/chalira-tonka-bohne-ganz-glas-30-g-19963">
          <img alt="Chalira Tonka Bohne ganz Glas" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10649/file/small-4018b681a88842cb6a1af8ee432b0fb2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10649/file/medium-a08acb64119710b8ef49d82bb57a3aed.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10649/file/large-8101e414f84a9c17819b986254978d69.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10649/file/medium-a08acb64119710b8ef49d82bb57a3aed.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Chalira</p>
          <a href="/products/chalira-tonka-bohne-ganz-glas-30-g-19963">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chalira Tonka Bohne ganz Glas, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 48.33 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19963-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Rt1jt-jNp1BYv9vbnszQhRtZC5GGZ9sU0fqjS17n4j1WEmegJvc3zcEH9mJZ_2wvw9e_MiQdgXF-KxQTbvNx5w" />
    <input value="19963" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D67">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/emscha-schafmilch-quark-mango-biok-90-g-19974">
          <img alt="Emscha Schafmilch Quark Mango BioK" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10350/file/small-719afe660966cb7a33d938880396c306.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10350/file/medium-1ee9dbaf7e02dd6df70f3cc381326258.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10350/file/large-c0b37b65bbc318642919919e024b79b1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10350/file/medium-1ee9dbaf7e02dd6df70f3cc381326258.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Emscha</p>
          <a href="/products/emscha-schafmilch-quark-mango-biok-90-g-19974">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Emscha Schafmilch Quark Mango BioK, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.95
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.17 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19974-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_1KIejWXHCgbCxArtk3auiEaC6-N79yMXNXFPhzcF8LvnYxt-62MtYKzPZJxfmYQ-ZS_DC-VhunzBHJmLMiEGA" />
    <input value="19974" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D67">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/emscha-schafmilch-joghurt-nature-stichfest-biok-125-g-19975">
          <img alt="Emscha Schafmilch Joghurt Nature stichfest BioK" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10351/file/small-7cf846663c27d68ce83a4ca4b11f240b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10351/file/medium-c4942466cb8ad9a67d1432388b027992.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10351/file/large-4adc119a1dea079296a6751e87d058d8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10351/file/medium-c4942466cb8ad9a67d1432388b027992.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Emscha</p>
          <a href="/products/emscha-schafmilch-joghurt-nature-stichfest-biok-125-g-19975">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Emscha Schafmilch Joghurt Nature stichfest BioK, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.52 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19975-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Z7tgFiRSpGBnaOq9nrXXA5F-pIxth01SWWOHJtREECt3dGQB6mg0_f7QxwRZhmupSfAQL8_9Fzf2sjB-5FCD8Q" />
    <input value="19975" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D67">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/meier-beck-schaibiettas-konv-gf-250-g-19976">
          <img alt="Meier-beck Schaibiettas konv gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10595/file/small-650fee5cdb388e1043e86eeb5f6a0d1c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10595/file/medium-93045fe6b753ec2e817f41e46d1b2f2b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10595/file/large-e39aaba0cb2db87595191e95348fb0ea.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10595/file/medium-93045fe6b753ec2e817f41e46d1b2f2b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Meier-beck</p>
          <a href="/products/meier-beck-schaibiettas-konv-gf-250-g-19976">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Meier-beck Schaibiettas konv gf, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 6.36 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19976-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pymuwlhQnp883ltoyJX2y8dHR7_UsoKSLs4W45ZfTXu35qrVlmoOAqVmdtEPpkphH8nzHHbI2PeBH6G7pkveoQ" />
    <input value="19976" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D67">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/allos-hof-gemuse-olive-tomate-bio-vegan-135-g-19977">
          <img alt="Allos Hof Gemüse Olive Tomate Bio vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10353/file/small-7d9d3edcedc88f38357b21b692bd877c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10353/file/medium-dad2d37e6340e9d8e2e3a0f7fbeb5b6b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10353/file/large-8e4db3088980504692aa877ee2888b23.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10353/file/medium-dad2d37e6340e9d8e2e3a0f7fbeb5b6b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Allos</p>
          <a href="/products/allos-hof-gemuse-olive-tomate-bio-vegan-135-g-19977">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Allos Hof Gemüse Olive Tomate Bio vegan, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.04 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19977-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="csdhoYBQvp2C87Zg6QnCJHt5WJUE7FRo9T_HRqMjVkJiCGW2TmouABtLm9kuOn6Oo_fsNqaWDg1a7nAekzfFmA" />
    <input value="19977" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D67">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/chalira-taurus-fleischgewurz-glas-50-g-19978">
          <img alt="Chalira Taurus Fleischgewürz Glas" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10567/file/small-f970a2df7a2a1721dcc7d971f68c847b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10567/file/medium-09bdd4396ecc47b82ee3358af06b533c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10567/file/large-872b41b4e6c4bef5d9a9e8e2fd8b0443.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10567/file/medium-09bdd4396ecc47b82ee3358af06b533c.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Chalira</p>
          <a href="/products/chalira-taurus-fleischgewurz-glas-50-g-19978">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chalira Taurus Fleischgewürz Glas, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 33.00 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19978-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="S4jFRstg1_WdgcqBOvCVQADtPtfVN1ImtyCTOpB_iD9bR8FRBVpHaAQ55zj9wynq2GOKdHdNCEMY8SRioGsb5Q" />
    <input value="19978" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D67">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/chalira-taurus-fleischgewurz-nfp-57-g-19979">
          <img alt="Chalira Taurus Fleischgewürz NFP" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10615/file/small-e2acee6fdd770d33005d9b9b2f9cecea.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10615/file/medium-4e9d36b77b4ad755b08d8848fc7ff636.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10615/file/large-7f12fb9c9dc8b90d9334b8cb094ad2b6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10615/file/medium-4e9d36b77b4ad755b08d8848fc7ff636.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Chalira</p>
          <a href="/products/chalira-taurus-fleischgewurz-nfp-57-g-19979">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chalira Taurus Fleischgewürz NFP, 57 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 24.39 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19979-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="b3fxSaTYJdk8SNuWKc2BdOk7Zz9rYrnEn-KLYMGz1pN_uPVeauK1RKXw9i_u_j3eMbXTnMkY46EwMzw48adFSQ" />
    <input value="19979" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D67">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/brecht-liebstockelkraut-geschnitten-12-5g-bio-1-stuck-19980">
          <img alt="Brecht Liebstöckelkraut geschnitten 12.5g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10352/file/small-b3497a243c8c1b5c87b0e6832da21b47.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10352/file/medium-38d89262917a6ffdbb775f7a69f1ab8e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10352/file/large-65fb5c8fa49245aee05eff2186127eee.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10352/file/medium-38d89262917a6ffdbb775f7a69f1ab8e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Brecht</p>
          <a href="/products/brecht-liebstockelkraut-geschnitten-12-5g-bio-1-stuck-19980">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Brecht Liebstöckelkraut geschnitten 12.5g Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 4.90 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19980-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cKyuxlFVOVhbKgS0JiZCwjneN6GPNVOIiYxyi2LES39gY6rRn2-pxcKSKQ3hFf5o4VCDAi1PCe0mXcXTUtDYpQ" />
    <input value="19980" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D67">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/guggenloch-brownie-bio-vegan-70-g-19982">
          <img alt="Guggenloch Brownie Bio vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10354/file/small-9e0e265b09facbfcff8e2e28bbe4aed7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10354/file/medium-a7cb3e8774ef686aa7f6de1e45180837.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10354/file/large-d924e7c9b3a86d5c687e0ecd4d30e3d5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10354/file/medium-a7cb3e8774ef686aa7f6de1e45180837.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Guggenloch</p>
          <a href="/products/guggenloch-brownie-bio-vegan-70-g-19982">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Guggenloch Brownie Bio vegan, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 5.00 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19982-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ezUX5Wq1Ey7f5HhBQ0S1vUY_Fsq7_kigT6eLnAcqwxVr-hPypI-Ds0ZcVfiEdwkXnrGiaRmEEsXgdjzENz5Qzw" />
    <input value="19982" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D67">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/guggenloch-linzertortli-bio-gf-70-g-19983">
          <img alt="Guggenloch Linzertörtli Bio gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10355/file/small-e3d61cd636e3879e6a803209717f446a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10355/file/medium-41f3a38763ee56c3c2d1d7db0f678242.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10355/file/large-a7c91a1a7a7b86c1cadc969a29dd191d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10355/file/medium-41f3a38763ee56c3c2d1d7db0f678242.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Guggenloch</p>
          <a href="/products/guggenloch-linzertortli-bio-gf-70-g-19983">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Guggenloch Linzertörtli Bio gf, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 5.29 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19983-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6ZqpycVm8v3eSFzoxa1KKWVSHMxBt7U5iT4yUnTs32L5Va3eC1xiYEfwcVECnvaDvdyob-PN71wm74UKRPhMuA" />
    <input value="19983" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D67">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/bauck-hafer-knusper-muesli-mango-himbeere-bio-vegan-gf-285-g-20045">
          <img alt="Bauck Hafer Knusper Müesli Mango Himbeere Bio vegan gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10444/file/small-d939f14dd890f3739260bcedde6dabc9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10444/file/medium-81cef5b0cdc2fb8e4ab5505abbbb6bb7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10444/file/large-641c9c6c6269bd448ae4e7d28907cc62.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10444/file/medium-81cef5b0cdc2fb8e4ab5505abbbb6bb7.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauck</p>
          <a href="/products/bauck-hafer-knusper-muesli-mango-himbeere-bio-vegan-gf-285-g-20045">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bauck Hafer Knusper Müesli Mango Himbeere Bio vegan gf, 285 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.18 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-20045-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kKFcuiBVfz2hRZUL2DoBmP-zYNjhomUDJBpM0lSrfH6Ablit7m_voDj9uLIfCb0yJz3Ue0PYP2aLy_uKZL_vpA" />
    <input value="20045" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>



</template></turbo-stream>
<turbo-stream action="replace" target="infinite_scroll_sentinel"><template>
  <div id="infinite_scroll_sentinel" class="w-full py-8">
  <div class="flex flex-col items-center gap-3">
    <p class="text-sm text-gray-500">
      1&#39;340 von 1&#39;583 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/lebensmittel?format=turbo_stream&amp;page=68">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>