<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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D34">
    <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="npI3Sd1tbuMYS8nnczNqLC9WwutCSOZKSINSx8j0wL7TWxt_cASEFdKlV_xUlN79OJ3JhvGENx2k_1ZStExpTg" />
    <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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D34">
    <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="3gLVokNPposXbb1YaZxEHrb1QzEfjZDuZw6TA5KniYWTy_mU7iZMfd2DI0NOO_DPoT5IXKxBQbmLcpeW7h8gdQ" />
    <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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D34">
    <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="Mz1pZzwjDvcWRZ6Svtm2TqXFFLDSfANlZG_lTYuXghd-9EVRkUrkAdyrAImZfgKfsg4f3WGw0jKIE-HY9y8r5w" />
    <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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D34">
    <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="Sa_UO9UNoajY4NqcUX7CjWBQ3eJH9WtvrxugSs9q9j0EZvgNeGRLXhIORId22XZcd5vWj_Q5ujhDZ6Tfs9JfzQ" />
    <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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D34">
    <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="wOfSACJC8ZK8PkJotdyJjWVUjRTtzPfbRMVyX2nhGUiNLv42jysbZHbQ3HOSez1ccp-GeV4AJoyouXbKFVmwuA" />
    <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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D34">
    <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="p2F6C3MycG9RxXA7UUOceShpuMojUHLAtaxE4XaxXIvqqFY93luamZsr7iB25CioP6Kzp5Cco5dZ0EB0Cgn1ew" />
    <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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D34">
    <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="3XrMp8ZOizzfxzMDu2IaFUKWZfvWjX1xSCACumuIwvyQs-CRaydhyhUprRicxa7EVV1ulmVBrCakXAYvFzBrDA" />
    <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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D34">
    <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="HCEz2K9No90yVMpXqQmdYuXRTyXhW_MOsjbwlFV5vbNR6B_uAiRJK_i6VEyOrimz8hpESFKXIlleSvQBKcEUQw" />
    <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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D34">
    <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="KgQs_buOjCVPRWJGmj4j4Rasz8-bh8vxFPhk4xAdzDJnzQDLFudm04Wr_F29mZcwAWfEoihLGqb4hGB2bKVlwg" />
    <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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D34">
    <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="6kUMgB6ueq41yiGeXlLp2MnzW4C22M2bFmPfYSTZoEanjCC2s8eQWP8kv4V59V0J3jhQ7QUUHMz6H9v0WGEJtg" />
    <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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D34">
    <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="PYe0GWvEjNAkGHvu4NJTt7VNq3IaQfBAfOTpHFlNFdhwTpgvxq1mJu725fXHdedmooagH6mNIReQmO2JJfW8KA" />
    <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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D34">
    <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="N4jiBh5JIjLxQGQxqDmEgZmzuU_AjAW0KRgNgkgSh5V6Qc4wsyDIxDuu-iqPnjBQjniyInNA1OPFZAkXNKouZQ" />
    <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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D34">
    <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="AYnz1jp2OwiDTsqFZlKPGgIoKXa0cLZ8A9jo1eVgLi9MQN_glx_R_kmgVJ5B9TvLFeMiGwe8ZyvvpOxAmdiH3w" />
    <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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D34">
    <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="uQ-7qGo9AxwEKWLNxy2d5jHSw7IJLTmhCz6GVJwkGE30xpeex1Tp6s7H_Nbgiik3JhnI37rh6PbnQoLB4JyxvQ" />
    <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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D34">
    <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="4rEU0s6qHfbsG8I_oeLoA9zYsxljzqY7uL2KOZROkxWveDjkY8P3ACb1XCSGRVzSyxO4dNACd2xUwY6s6PY65Q" />
    <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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D34">
    <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="4AG4BHncH-Frih3BIpdrFuabI98R6H0m7_nQrwAu-fmtyJQy1LX1F6Fkg9oFMN_H8VAosqIkrHEDhdQ6fJZQCQ" />
    <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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D34">
    <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="R9pqrq07vaj37Mol0bHQn3sUv-MWlLgmAbH-CEopT60KE0aYAFJXXj0CVD72FmRObN-0jqVYaXHtzfqdNpHmXQ" />
    <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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D34">
    <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="KRAiVWbwQPDXA9k3Ad00qPOxb_80s2a7fBhYJNhAtwpk2Q5jy5mqBh3tRywmeoB55Hpkkod_t-yQZFyxpPge-g" />
    <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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D34">
    <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="9f-uWPsyVhy4DSG1d9o0BsU5xFz_SEZyJlRDsh5Qj9-4NoJuVlu86nLjv65QfYDX0vLPMUyElyXKKEcnYugmLw" />
    <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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D34">
    <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="aPvHALNeywNnxwBmXbzGv0--3EaCINUKspT64k4LhfQlMus2Hjch9a0pnn16G3JuWHXXKzHsBF1e6P53MrMsBA" />
    <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>



</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">
      680 von 3&#39;034 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/products?format=turbo_stream&amp;page=35">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>