<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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D14">
    <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/alcenero-tomaten-pelati-dose-bio-400-g-18140">
          <img alt="AlceNero Tomaten Pelati Dose Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9072/file/small-b85a10c922e327ce1855850409575a10.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9072/file/medium-37a1223a6b0866e56f49b536f245b283.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9072/file/large-384e39f35ea2dccf9d2be89cd6cdc9e9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9072/file/medium-37a1223a6b0866e56f49b536f245b283.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">AlceNero</p>
          <a href="/products/alcenero-tomaten-pelati-dose-bio-400-g-18140">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">AlceNero Tomaten Pelati Dose Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Gg-1Ia8Oov-kucAUSbaPNlP1gWltTtPzvKqrHv5qigePio2nAYhFzcJcL4Zae945Tf70Q9YbNfK7yvcB2VWAyw" />
    <input value="18140" 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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D14">
    <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/alcenero-tomaten-pulpe-bio-500-g-18141">
          <img alt="AlceNero Tomaten Pulpe Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11300/file/small-5135aaaab1245087c520a2310308f07b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11300/file/medium-7a8e6dc145c37b747228d88d13a30912.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11300/file/large-fc9e2ca3e54224d4f5cd46cd8712770f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11300/file/medium-7a8e6dc145c37b747228d88d13a30912.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">AlceNero</p>
          <a href="/products/alcenero-tomaten-pulpe-bio-500-g-18141">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">AlceNero Tomaten Pulpe Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NNyfVdHgFF-iNK_wXH9lUCyd1_qEnvAHL0b2HelWUzyhWafTf2bzbcTRQGJPsjRfMpai0D_LFgYoJqoCzmlZ8A" />
    <input value="18141" 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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D14">
    <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/alcenero-vollkorn-fusilli-500-g-18146">
          <img alt="AlceNero Vollkorn Fusilli" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9744/file/small-cc71fe2c6fe174395200312bdfd52837.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9744/file/medium-f0879503d1862e753e3b98aedeae71aa.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9744/file/large-ec825ffab7e03ec0aadcc87de93f5015.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9744/file/medium-f0879503d1862e753e3b98aedeae71aa.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">AlceNero</p>
          <a href="/products/alcenero-vollkorn-fusilli-500-g-18146">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">AlceNero Vollkorn Fusilli, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.65
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-lsNEsFXhyZJecg7psbE4yKeuWXyHCKo7HoTv58ogTJv3jWUb9FgFC-cJ6m1C5XsPJXMT0lJxKnrGk-guBeL_g" />
    <input value="18146" 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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D14">
    <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/alcenero-vollkorn-spaghetti-bio-500-g-18147">
          <img alt="AlceNero Vollkorn Spaghetti Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9745/file/small-c7e1bcab8f5cf38cec4995c39aab6aa3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9745/file/medium-16076bd656f7a74f4e97aaed22fe24ad.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9745/file/large-8e7356f0309b79b5ac9b4f75cd72910d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9745/file/medium-16076bd656f7a74f4e97aaed22fe24ad.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">AlceNero</p>
          <a href="/products/alcenero-vollkorn-spaghetti-bio-500-g-18147">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">AlceNero Vollkorn Spaghetti Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.65
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GBQu43d6bkkksRFHURn0Ku6lccIr_xaqWi1y-lWyx4mNkRZl2fyJe0JU_tVC1KUl8K4E6JCq8KtdTS7lco3NRQ" />
    <input value="18147" 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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D14">
    <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="-JYP-umr8Lj6UKNWAEmRyt46qEnkit7Iwif3k4pCwxdtEzd8Ry0Xipy1TMQThMDFwDHdY1_fOMnFR6uMrX3J2w" />
    <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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D14">
    <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="HwMMNUneDkjz1CF1gzpE78EGL4Sp4qPrsJNCNj8qSYSKhjSz51jpepUxzueQ9xXg3w1arhK3Req38x4pGBVDSA" />
    <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 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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D14">
    <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="RAnsIv7UwdlQsnIVMcvtZYXwmea3grOA5gf0nAnwQPTRjNSkUFIm6zZXnYciBrxqm_vszAzXVYHhZ6iDLs9KOA" />
    <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  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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D14">
    <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="i_3XpYUHDDpcNy2dE_E2huEHXEYutt7uwyHJtMM7IfweeO8jK4HrCDrSwg8APGeJ_wwpbJXjOO_EQZWr5AQrMA" />
    <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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D14">
    <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="U6tN71RdLmbokStwq_CRGdcrVtF6479JRByKPZHsXF_GLnVp-tvJVI50xOK4PcAWySAj-8G2WUhDfNYittNWkw" />
    <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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D14">
    <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="iMmHHhFIyhHft6XBUskvoFLW1qwIexqIhlG8lOOM2rcdTL-Yv84tI7lSSlNBBH6vTN2jhrMu_ImBMeCLxLPQew" />
    <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 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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D14">
    <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="-lT6LgMuTT58rvWmtTeH-L7bnNRzZqiET0Vvkl_eAVtv0cKoraiqDBpLGjSm-tb3oNDp_sgzToVIJTONeOELlw" />
    <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  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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D14">
    <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="YlsJWoF-1AJl0dztPEYkpxyC5TmI3JOnE8gZz-_40zD33jHcL_gzMAM0M38vi3WoAomQEzOJdaYUqEXQyMfZ_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 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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D14">
    <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="yceXX7sp7bcBWFeIYx2r8YkK7IUOrFs07VSIJmlnwBFcQq_ZFa8KhWe9uBpw0Pr-lwGZr7X5vTXqNNQ5TljK3Q" />
    <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  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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D14">
    <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="RjCbDgwIz8DIJDAjr4S44z4Nre9aE2DWb2SP_x8mHWjTtaOIoo4o8q7B37G8SensIAbYxeFGhtdoBNPgOBkXpA" />
    <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 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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D14">
    <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="y75iPi_v-cDtsPyR5eMEkN_z3jgyZbihSZiYb5nkRUheO1q4gWke8otVEwP2LlWfwfirEokwXqBO-MRwvttPhA" />
    <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  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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D14">
    <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-mandel-drink-ohne-zucker-bio-vegan-1-l-18167">
          <img alt="Allos Mandel Drink ohne Zucker 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/9366/file/small-ab12c8b3c509837f1333df014186b693.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9366/file/medium-d232b49d02843915effbf0aa4789ffd3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9366/file/large-5ff565e441c8aaf0a5e9cb46f965caac.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9366/file/medium-d232b49d02843915effbf0aa4789ffd3.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-mandel-drink-ohne-zucker-bio-vegan-1-l-18167">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Allos Mandel Drink ohne Zucker Bio vegan, 1 l</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 0.39 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vMS-wLeuW6iZecn4RZDQdOqha6MWRcy0ynS_-3wbK7gpQYZGGSi8mv-cJmpWXYF79Koeia0QKrXNFOPkWyQhdA" />
    <input value="18167" 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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D14">
    <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-sojadrink-ungesusst-1-l-18169">
          <img alt="Allos Sojadrink ungesüsst" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9368/file/small-b325d6ff708226cb54cd1c73010affba.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9368/file/medium-cb1a55f41702e37c54d7104d5a2fecb3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9368/file/large-417e4db43ba90d6ff9e80d016086e751.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9368/file/medium-cb1a55f41702e37c54d7104d5a2fecb3.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-sojadrink-ungesusst-1-l-18169">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Allos Sojadrink ungesüsst, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.05
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="C9AA5d1IGZDj1vLO25l3ea4AT7N0Em1yLEgkUR2j9GmeVThjc87-ooUzHVzIVCZ2sAs6mc9Hi3MrKHhOOpz-pQ" />
    <input value="18169" 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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D14">
    <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-falafel-mix-bio-gf-160-g-18180">
          <img alt="Bauck Falafel Mix 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/9074/file/small-a1425d7411b23ff54f742a211cd9b41f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9074/file/medium-80103ad7a43a96097cfba290a8e86995.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9074/file/large-271dc9cc7df5f9aeb687ff622fda043d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9074/file/medium-80103ad7a43a96097cfba290a8e86995.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-falafel-mix-bio-gf-160-g-18180">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bauck Falafel Mix Bio gf, 160 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 2.19 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="q58u8omWZCxv-80HVzHiqApKhmKghpqnksYFUqf2SQU-GhZ0JxCDHgkeIpVE_LOnFEHzSBvTfKaVpllNgMlDyQ" />
    <input value="18180" 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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D14">
    <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-weizenmehl-hell-type-405-demeter-1-kg-18185">
          <img alt="Bauck Weizenmehl hell Type 405 Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9370/file/small-3289b6c7568f0bfc335a01e7e558159a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9370/file/medium-695483d438d99ce8bc4495697f9eb669.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9370/file/large-de5e1bc100fbf2183cbd05e8bd0e0022.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9370/file/medium-695483d438d99ce8bc4495697f9eb669.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-weizenmehl-hell-type-405-demeter-1-kg-18185">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bauck Weizenmehl hell Type 405 Demeter, 1 kg</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 0.41 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UYgztCH0YSBFYN1SVtLx21w1A4sxS-MsiGBnxPIKu4zEDQsyj3KGEiOFMsBFH6DUQj52oYoeBS2PADvb1TWxQA" />
    <input value="18185" 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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D14">
    <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-pudding-gries-reis-bio-gf-2-x-65-g-18191">
          <img alt="Bauck Pudding Gries Reis 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/9593/file/small-01d0c2e7dcde9bbb20ec4e40095f50a2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9593/file/medium-f0ad6af1b7f9c1bac7d18f94887a835c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9593/file/large-70b907fe469f375a34898d45112e63de.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9593/file/medium-f0ad6af1b7f9c1bac7d18f94887a835c.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-pudding-gries-reis-bio-gf-2-x-65-g-18191">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bauck Pudding Gries Reis Bio gf, 2 x 65 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 2.69 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xerIcU83Zo6hmHNDtlN7iy4kYDzCYnUIPXc2LeQL05dQb_D34bGBvMd9nNGlniqEMC8VFnk3kwk6F2oywzTZWw" />
    <input value="18191" 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">
      280 von 726 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/collections/under-5?format=turbo_stream&amp;page=15">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>