<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%3D24">
    <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-amaranth-crunchy-beeren-bio-400-g-18148">
          <img alt="Allos Amaranth Crunchy Beeren Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10291/file/small-37961f64b2dc8dba56a8543c955953de.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10291/file/medium-430aebce6d4344b8af2e8c12b3208b4f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10291/file/large-2ad794a5ab5711c60802983e535e8bab.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10291/file/medium-430aebce6d4344b8af2e8c12b3208b4f.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-amaranth-crunchy-beeren-bio-400-g-18148">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Allos Amaranth Crunchy Beeren Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.45
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3iRawPvg342Q4-itD49YkaRNyfPBYLxpKDZpyvLbpDRokrA5iE8czJvJN_z8KlqpEDUHfMLACK6y4lQRDTSEkA" />
    <input value="18148" 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%3D24">
    <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-amaranth-crunchy-schokolade-bio-400-g-18149">
          <img alt="Allos Amaranth Crunchy Schokolade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10293/file/small-d41becc628ea85a3615e4953c0d86a35.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10293/file/medium-c7a73220c1bd4aa2b2b1dc4b01610007.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10293/file/large-7d727066169d7df7e0080e750fe60327.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10293/file/medium-c7a73220c1bd4aa2b2b1dc4b01610007.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-amaranth-crunchy-schokolade-bio-400-g-18149">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Allos Amaranth Crunchy Schokolade Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.95
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sWBDP7DmkNeUBhXqy9h01YfuV7HjuZXSji3SOXOfEd8H1qnGw0lTlp8syrs4fXbtM5aZPuAZIRUU-e_ijHAxew" />
    <input value="18149" 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%3D24">
    <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-amaranth-maiswaffeln-meersalz-bio-115-g-18150">
          <img alt="Allos Amaranth Maiswaffeln Meersalz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11303/file/small-66d6d6290156edc08e8db8040c8bda8b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11303/file/medium-74861ec11f1eeef31aaf696f73995dd9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11303/file/large-18aff7817d33ee6219e877a956adb965.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11303/file/medium-74861ec11f1eeef31aaf696f73995dd9.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-amaranth-maiswaffeln-meersalz-bio-115-g-18150">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Allos Amaranth Maiswaffeln Meersalz Bio, 115 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rXdLDOUA8rrXSmJxv7C0R35OPtqMTFzHdFRu5qNctMkbwaH1lq8x-9xgvSBMFbZ_yjbwVY_s6ADugFM9XLOUbQ" />
    <input value="18150" 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%3D24">
    <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-amaranth-muesli-beeren-bio-375-g-18151">
          <img alt="Allos Amaranth Müesli Beeren Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10298/file/small-d6a57dccd3d1400c92979de8bcc2188c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10298/file/medium-90962495c17e548bc640e174d740463f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10298/file/large-60e5fad9b16343bcfc4afc0c0dec9795.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10298/file/medium-90962495c17e548bc640e174d740463f.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-amaranth-muesli-beeren-bio-375-g-18151">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Allos Amaranth Müesli Beeren Bio, 375 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3zMIk-D8kvpz1ZJK5miHjv6l8QuH7eWawD3m2eMJxGdpheJqk1NRu3j_TRsVzYW2St0_hIRNUV1a6dsCHObkww" />
    <input value="18151" 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%3D24">
    <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-amaranth-muesli-fruchte-1-5kg-bio-1-stuck-18152">
          <img alt="Allos Amaranth Müesli Früchte 1.5kg Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10292/file/small-56db6476ff4279ae6bb3c59ab4f0ebfa.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10292/file/medium-0906a83d06c28bdb0da295c5713599d2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10292/file/large-c238e4d4272a2af33bcce42dd807e36d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10292/file/medium-0906a83d06c28bdb0da295c5713599d2.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-amaranth-muesli-fruchte-1-5kg-bio-1-stuck-18152">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Allos Amaranth Müesli Früchte 1.5kg Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FR4-I3FpuAZfB5gDDA3ErbZi0cX2Ij0jgSOZJPmbdeyjqNTaAsZ7R1QtR1L_qMaVAhofSvWCieQb96T_BnRVSA" />
    <input value="18152" 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%3D24">
    <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-amaranth-schokolette-zb-bio-5-x-28-g-18153">
          <img alt="Allos Amaranth Schokolette ZB Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9739/file/small-27616e7f7061b5747a859bd022022f93.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9739/file/medium-c0945977a5ea72e6cdd672966f162f01.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9739/file/large-ff7abc6b0a359b95acef2b027eef5025.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9739/file/medium-c0945977a5ea72e6cdd672966f162f01.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-amaranth-schokolette-zb-bio-5-x-28-g-18153">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Allos Amaranth Schokolette ZB Bio, 5 x 28 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-j5R3UlfNPWcquZGYAXGeCFJ2qVfGjHeXYjzlc2XwyFMiLskOvD3tJeAOReToMRAlTEUKly6hRnHXM5OMnjjhQ" />
    <input value="18153" 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%3D24">
    <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-auf-s-brot-toskana-bio-140-g-18154">
          <img alt="Allos Auf&#39;s Brot Toskana Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9732/file/small-471d1053b2f74c894f8943d42703857c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9732/file/medium-96cfc89727f180b5cf2c7cb34f40ae5a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9732/file/large-15b35ea1354e7006e7434d8a238e35d2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9732/file/medium-96cfc89727f180b5cf2c7cb34f40ae5a.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-auf-s-brot-toskana-bio-140-g-18154">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Allos Auf&#39;s Brot Toskana Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rxHpRG8RKHuIPD2Q6hXg81-dxBT77nkhHInWqauxFVMZpwO9HL7rOoMW4sEZsOLL6-UKm_hOzeaGXetyVF419w" />
    <input value="18154" 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%3D24">
    <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-aufstrich-belugalinse-balsamico-bio-140-g-18155">
          <img alt="Allos Aufstrich Belugalinse-Balsamico Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9733/file/small-94fb63a3a43ba5465b1c91c442b15927.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9733/file/medium-14d36a6035328429628454be0f486937.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9733/file/large-101421990f1e7c7e664e22b0cb82542e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9733/file/medium-14d36a6035328429628454be0f486937.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-aufstrich-belugalinse-balsamico-bio-140-g-18155">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Allos Aufstrich Belugalinse-Balsamico Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.75
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Mpa7jxu0z8DKzqLyPQNwAASDbblJ_hs_nY7C4Wz5prKEIFF2aBsMgcHkfaPOpnI4sPujNkper_gHWv86kxaGFg" />
    <input value="18155" 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%3D24">
    <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-brei-der-ungesusste-3-korn-bio-vegan-500-g-18156">
          <img alt="Allos Brei Der Ungesüsste 3 Korn 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/9738/file/small-9650e64a1e4c40bd8c10be64826efba3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9738/file/medium-8fe5932452d09a1cfe97808ac0af03e0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9738/file/large-c4d0a322bfe1a516774f8374013c16ad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9738/file/medium-8fe5932452d09a1cfe97808ac0af03e0.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-brei-der-ungesusste-3-korn-bio-vegan-500-g-18156">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Allos Brei Der Ungesüsste 3 Korn Bio vegan, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LKG7lcFQkWxEPzKSEg64ywkctu4gEKOvKzVv4a4zqxqaF1Fssv9SLU8V7cPhq7rzvWR4YSOwF2ix4VI6UdyLvg" />
    <input value="18156" 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%3D24">
    <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-cuisine-hafer-bio-vegan-200-ml-18157">
          <img alt="Allos Cuisine Hafer 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/10883/file/small-7548159ba52e187f91c9279d0a0c38e6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10883/file/medium-09b28120a06f820742107845f0b06b96.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10883/file/large-1aadef801437803f9d0d16801be7d505.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10883/file/medium-09b28120a06f820742107845f0b06b96.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-cuisine-hafer-bio-vegan-200-ml-18157">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Allos Cuisine Hafer Bio vegan, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BnagHJt82vitmHVk4B1SVIT2WE5W2gMN9Mi_ziwYfsOwwErl6NMZuaayqjUTuFBsMI6WwVV6t8puHIIV0_deZw" />
    <input value="18157" 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%3D24">
    <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-cuisine-kokos-bio-vegan-200-ml-18158">
          <img alt="Allos Cuisine Kokos 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/10889/file/small-dd47e689356342d0e6712cdf560caede.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10889/file/medium-1d86d830c4a0392cba6e0032f35dddda.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10889/file/large-b9fca8a5c967d0990b08098e3d0bcb41.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10889/file/medium-1d86d830c4a0392cba6e0032f35dddda.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-cuisine-kokos-bio-vegan-200-ml-18158">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Allos Cuisine Kokos Bio vegan, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="39yy5sk9XgNOgzkUXvGDxns6sgI1SWHwjb3Cq_WH1LZpalgfupKdQkWp5kWtVIH-z0J8jTbp1TcXaf9wCmj0Eg" />
    <input value="18158" 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%3D24">
    <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-dinkel-honig-poppies-bio-300-g-18159">
          <img alt="Allos Dinkel Honig Poppies Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10294/file/small-a3d96508c3981362c98f13f1f65b619e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10294/file/medium-9c8c61be178628114f96d03868750097.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10294/file/large-f42bbd0dba99f41e393fe3908c299235.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10294/file/medium-9c8c61be178628114f96d03868750097.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-dinkel-honig-poppies-bio-300-g-18159">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Allos Dinkel Honig Poppies Bio, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TlpLKx0n64oWaaBB1mx1fOoW2S4pGK70-_3VHHAS2eP47KHSbogoyx1DfxAlyXdEXm4XoSq4GjNhKejHj_35Rw" />
    <input value="18159" 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%3D24">
    <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-fruchtschnitte-apfel-walnuss-bio-40-g-18160">
          <img alt="Allos Fruchtschnitte Apfel-Walnuss Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9369/file/small-82ecee64062e9ebcd5c532fb6e8c0715.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9369/file/medium-5619e29a5f9b4a7f3de98c77f881e10c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9369/file/large-76f445f313ab868ce8f87d00f016a3e9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9369/file/medium-5619e29a5f9b4a7f3de98c77f881e10c.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-fruchtschnitte-apfel-walnuss-bio-40-g-18160">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Allos Fruchtschnitte Apfel-Walnuss Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.05
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bYpNV6Qe0_ZYfQMnYIYo9dWXE4wy42A-ugLd-rDCp6jbPKeu17EQt1NX3HaTIyrNYe_dAzFD1Pkg1uAhTy2HDA" />
    <input value="18160" 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%3D24">
    <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-halva-bio-75-g-18161">
          <img alt="Allos Halva Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11196/file/small-e08e9ba05fa217954954cc4d238bf80b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11196/file/medium-d98cc1e6516b96341871b2c017ad9db5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11196/file/large-833d4abba918fd70361070d3efe4883f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11196/file/medium-d98cc1e6516b96341871b2c017ad9db5.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-halva-bio-75-g-18161">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Allos Halva Bio, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.85
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9wqWHNFjV7zoTFZ3iF2iF1eZgOgr-R4QaMevLA9T70FBvHzlosyU_eNmiSZ7-KAv4-FOZyhZqtfyE5L38LzP5Q" />
    <input value="18161" 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%3D24">
    <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-pascals-paprika-trio-bio-vegan-135-g-18162">
          <img alt="Allos Hof Gemüse Pascals Paprika Trio 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/9736/file/small-a04d93748c1256cd294330fb4d06c21a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9736/file/medium-e654a985287fe767007d2291fe31515e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9736/file/large-558d390f9e115a4f130584bd9a1bf272.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9736/file/medium-e654a985287fe767007d2291fe31515e.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-pascals-paprika-trio-bio-vegan-135-g-18162">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Allos Hof Gemüse Pascals Paprika Trio Bio vegan, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.05
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="d8WDOPHt7gNnZIr73GhpqkiyRfigpKwoY1CIwsoxa1jBc2nBgkItQmxOVaovzWuS_MqLd6MEGO_5hLUZNd5L_A" />
    <input value="18162" 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%3D24">
    <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-rote-bete-meerrettich-bio-vegan-135-g-18163">
          <img alt="Allos Hof Gemüse Rote Bete-Meerrettich 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/9734/file/small-cc5f20d02386b756e15ada874846373f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9734/file/medium-5d43d6e33fe0a02a8d217dba134dc397.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9734/file/large-74f6893cbdb22f91743668c338190084.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9734/file/medium-5d43d6e33fe0a02a8d217dba134dc397.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-rote-bete-meerrettich-bio-vegan-135-g-18163">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Allos Hof Gemüse Rote Bete-Meerrettich Bio vegan, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rC5XKaEEfRplJRJ6TE1Et-1-6n_PWrBSLYoga_FhLjMamL3Q0qu-W24PzSu_6EaPWQYk8Mz6BJW3Xh2wDo4Olw" />
    <input value="18163" 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%3D24">
    <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-rucola-kirschtomate-bio-vegan-135-g-18164">
          <img alt="Allos Hof Gemüse Rucola-Kirschtomate 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/9735/file/small-009a1665b629d6b84a13c91ddc345516.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9735/file/medium-1939221e58fe42b1c79e0b4735d914f5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9735/file/large-2feae3d2f7404511e4f6d53acb8c09ef.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9735/file/medium-1939221e58fe42b1c79e0b4735d914f5.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-rucola-kirschtomate-bio-vegan-135-g-18164">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Allos Hof Gemüse Rucola-Kirschtomate 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-18164-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aelE9o2RPrGL3stwhH3AsPoCwdsazeGiSyFDzH2TzrjfX64P_j798ID0FCF32MKITnoPVBltVWXR9X4XgnzuHA" />
    <input value="18164" 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%3D24">
    <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-tomate-lauch-bio-vegan-135-g-18165">
          <img alt="Allos Hof Gemüse Tomate-Lauch 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/9737/file/small-71ebc4d96b86a8e5dc84038545c532f9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9737/file/medium-c36f7679ae78cf74b8f7230bfc197bf1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9737/file/large-6da5927c4eb1d89eb7fbabaa5ec10133.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9737/file/medium-c36f7679ae78cf74b8f7230bfc197bf1.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-tomate-lauch-bio-vegan-135-g-18165">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Allos Hof Gemüse Tomate-Lauch Bio vegan, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8BSkvcz9mAGA-4XwO0bIWsqbELvzWL40wP_Buz8UBZRGok5Ev1JbQIvRWqHI48pifuPeNPD4CvNaK_xgwPslMA" />
    <input value="18165" 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%3D24">
    <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-der-klassiker-hildegards-dinkel-musli-bio-vegan-500-g-18166">
          <img alt="Allos Der Klassiker Hildegards Dinkel-Müsli 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/10283/file/small-7871150bc0a9c811515c3db0f5789e36.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10283/file/medium-6c1ccddfcdcfd36e44e33e8f3d2311ed.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10283/file/large-9d7b8df75c0da73aa999cbf8695b5326.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10283/file/medium-6c1ccddfcdcfd36e44e33e8f3d2311ed.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-der-klassiker-hildegards-dinkel-musli-bio-vegan-500-g-18166">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Allos Der Klassiker Hildegards Dinkel-Müsli Bio vegan, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lTWWXScYaeOHiKXw5-lAiDYwHSrSbfob0_v3K93YEw4jg3ykVLeqooyieqEUTEKwgkjTpdHNTtxJL8rwIjczqg" />
    <input value="18166" 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%3D24">
    <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-muesli-das-ungesusste-protein-bio-vegan-450-g-18168">
          <img alt="Allos Müesli Das Ungesüsste Protein 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/9367/file/small-2ac39df77e4f10f390497ad52db19df4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9367/file/medium-2a2bf8a23bab298db3f4ff6686a201b1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9367/file/large-e143346c3248e55968fe4354e958461a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9367/file/medium-2a2bf8a23bab298db3f4ff6686a201b1.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-muesli-das-ungesusste-protein-bio-vegan-450-g-18168">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Allos Müesli Das Ungesüsste Protein Bio vegan, 450 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eqMIciI-wFIScwKQZaGGeIL3Bpb2LXrs2tOzuAKOm9vMFeKLUZEDExlZ3cGWBIRANo_IGfWNzitAB45j_WG7fw" />
    <input value="18168" 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">
      480 von 1&#39;583 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/lebensmittel?format=turbo_stream&amp;page=25">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>