<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%3D32">
    <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/bernardo-espresso-deca-bio-10-stuck-19883">
          <img alt="Bernardo Espresso Deca bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10279/file/small-368f42c8224c88967823ff7e0c4a0504.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10279/file/medium-60c7cd3027d5e5e8f52c562c35e72cb7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10279/file/large-09b7f099412faa1bfb29c3cac6c8a46a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10279/file/medium-60c7cd3027d5e5e8f52c562c35e72cb7.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">Bernardo</p>
          <a href="/products/bernardo-espresso-deca-bio-10-stuck-19883">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bernardo Espresso Deca bio, 10 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.65
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GyrRXKvx12sKy1l5FrYZ2ydCrA_rOE4YtWHeA31D2BHb-xZtthdtEBGWkOIIgEvHMBzpoTPtFqTW_xysMAfL1Q" />
    <input value="19883" 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%3D32">
    <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/bernardo-lungo-forte-bio-10-stuck-19884">
          <img alt="Bernardo Lungo Forte bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10278/file/small-571779440f6b2b0960f84faeb8c2c354.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10278/file/medium-679baa76f1b7381fbf48961338708bf0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10278/file/large-731db2d9517bded53fb95d43407397b1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10278/file/medium-679baa76f1b7381fbf48961338708bf0.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">Bernardo</p>
          <a href="/products/bernardo-lungo-forte-bio-10-stuck-19884">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bernardo Lungo Forte bio, 10 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.65
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="n9ZNbpeLTLB52yMVUMvGfz87s5SuP2XtVPaLmrlBEpVfB4pfim32y2KG6o5O_ZRjKGX2OnbqPVE3aEk19AUBUQ" />
    <input value="19884" 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%3D32">
    <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/bernardo-espresso-dolce-bio-10-stuck-19885">
          <img alt="Bernardo Espresso Dolce bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10280/file/small-b50743721a843d10662799e8f951c093.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10280/file/medium-7f304d7efe4eb6ec451a038a8fa4d30f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10280/file/large-94bdb935c12e41d82585f8a32321fb86.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10280/file/medium-7f304d7efe4eb6ec451a038a8fa4d30f.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">Bernardo</p>
          <a href="/products/bernardo-espresso-dolce-bio-10-stuck-19885">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bernardo Espresso Dolce bio, 10 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.65
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JtgvAC4eFwQ4GopKz4xoQHA2rrv9PeH76Lwe4Vlyj-PmCegxM_itfyNHQ9HRujpcZ2jrFSXouUeLItxOFDacJw" />
    <input value="19885" 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%3D32">
    <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/bernardo-espresso-perla-bio-10-stuck-19886">
          <img alt="Bernardo Espresso Perla bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10281/file/small-a1a87224f23ea30c2c5280ac9256f480.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10281/file/medium-1b456208c5f3422341155d648b5a02ea.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10281/file/large-3f6b697f96e7ecee5e62975a501c739d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10281/file/medium-1b456208c5f3422341155d648b5a02ea.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">Bernardo</p>
          <a href="/products/bernardo-espresso-perla-bio-10-stuck-19886">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bernardo Espresso Perla bio, 10 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.65
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ItxzRlQpUS--oFuD8W_VazjKmG5-fc03pYC3AQgyQ_jiDbR3Sc_rVKX9khjvWYd3L5TdwKaolYvGHnWuRXZQPA" />
    <input value="19886" 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%3D32">
    <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-fruchtnektar-pfirsich-bio-3-x-200-ml-19888">
          <img alt="AlceNero Fruchtnektar Pfirsich Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11302/file/small-dbd10d11c8ef3eb28416669fb951f426.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11302/file/medium-6eab450618b9ac54748c26f2c33a1d83.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11302/file/large-f16110312f130f72c4666ef6c2016d2a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11302/file/medium-6eab450618b9ac54748c26f2c33a1d83.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-fruchtnektar-pfirsich-bio-3-x-200-ml-19888">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">AlceNero Fruchtnektar Pfirsich Bio, 3 x 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MzC9l1ZAWjLQrFm86pWu2dhgQhjWLKaRc1DXeSltMQTz4XqmS6bgScvxkCf0o_zFzz4Htg75_i0QzhXWZCkiwA" />
    <input value="19888" 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%3D32">
    <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-avocado-bio-140-g-19889">
          <img alt="Allos Auf&#39;s Brot Avocado Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10284/file/small-257714544f86fcde4513bcb9a881684f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10284/file/medium-4da65c4dae669773b089e2b129c051b3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10284/file/large-f72d866045fc714360147d88e3498a09.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10284/file/medium-4da65c4dae669773b089e2b129c051b3.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-avocado-bio-140-g-19889">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Allos Auf&#39;s Brot Avocado Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3uEPiRo1iEjw8XFmCa7QLa-uYbvpdO_1n32OAAnOu4ceMMi4B9MyM-usuP0XmIIxuPAkFTGht0n840yvRIqoQw" />
    <input value="19889" 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%3D32">
    <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-spinat-pinienkerne-bio-vegan-135-g-19890">
          <img alt="Allos Hof Gemüse Spinat-Pinienkerne 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/10285/file/small-5287a4ea86865359986fe1b91a8f76a0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10285/file/medium-9007a4fa204017169bd6a89f9ff80be5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10285/file/large-985db97644e254635f935602d052ea62.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10285/file/medium-9007a4fa204017169bd6a89f9ff80be5.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-spinat-pinienkerne-bio-vegan-135-g-19890">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Allos Hof Gemüse Spinat-Pinienkerne 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-19890-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Fd4TSbogbyYWeivw8udyXW3xncsi628oY1CswEz6zEvVD9R4p8bVXQ0n4mvs0SBBeq_YZfo-N5QAzm5vAb7fjw" />
    <input value="19890" 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%3D32">
    <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-hot-hafer-basis-ungesusst-demeter-gf-400-g-19905">
          <img alt="Bauck Hot Hafer Basis ungesüsst Demeter gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10296/file/small-d4f8cf220779ca7fc139186946d917cb.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10296/file/medium-72b044e063b3ee27f3dcdefb8eb71cfc.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10296/file/large-84823c55bbc7992cae77afd8a6b70176.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10296/file/medium-72b044e063b3ee27f3dcdefb8eb71cfc.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-hot-hafer-basis-ungesusst-demeter-gf-400-g-19905">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bauck Hot Hafer Basis ungesüsst Demeter gf, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LVN1nrYRD72nkUOx1MpKlu2rUOAQCpfXxo-6J_81jHPtgrKvq_e1xrzMiirK_BiK-vUVTsjfz2ulEXiIsnGftw" />
    <input value="19905" 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%3D32">
    <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/biofarm-haferflocken-grob-biok-500-g-19909">
          <img alt="Biofarm Haferflocken grob BioK" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10289/file/small-cba4420adad2cba3dbd5ba46c69266bc.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10289/file/medium-865601efd50e3fd543afc0fbcf8ce7cc.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10289/file/large-d186c6dc33cb855ed6155f445ba6a52a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10289/file/medium-865601efd50e3fd543afc0fbcf8ce7cc.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">Biofarm</p>
          <a href="/products/biofarm-haferflocken-grob-biok-500-g-19909">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biofarm Haferflocken grob BioK, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GrW165THVd9TLybAj8Y2-PNJZ0YscYv4Xum9WwsXqETaZHLaiSHvpEhy71uR8GTk5Bci6PSk00Q9d3_0RlO7gA" />
    <input value="19909" 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%3D32">
    <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/biofarm-5-korn-flocken-biok-500-g-19910">
          <img alt="Biofarm 5-Korn Flocken BioK" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10290/file/small-eeded4a7bccd70e4be071cc05c68a24f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10290/file/medium-8f81af3b4f8b9d7bb2427d32d2ec1499.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10290/file/large-94bc08a59eb52a256eeda2f5bf14b838.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10290/file/medium-8f81af3b4f8b9d7bb2427d32d2ec1499.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">Biofarm</p>
          <a href="/products/biofarm-5-korn-flocken-biok-500-g-19910">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biofarm 5-Korn Flocken BioK, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="a25r_tU01E_3pnwKVVtQLv28pvDhu3V5CfJMPVlzqoirv6zPyNJuNOz7tZFLbQIy6uLjXjluLcVqbI6SFDe5TA" />
    <input value="19910" 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%3D32">
    <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/bucatiini-e-perciatell-500-g-19913">
          <img alt="Bucatiini e perciatell" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10545/file/small-20a578d8444df6822de11363b73429b7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10545/file/medium-8d93a18af0d5681134a5915de53425be.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10545/file/large-4ee84f274c23915af1a4571d5446881f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10545/file/medium-8d93a18af0d5681134a5915de53425be.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">La Fabbrica Della Pasta</p>
          <a href="/products/bucatiini-e-perciatell-500-g-19913">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bucatiini e perciatell, 500 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 0.94 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="plV1rnUakMRcfa43cvtPtyjZ2WCqvGBIXOvk3sJCS91mhLKfaPwqv0cgZ6xszR2rP4ecznJpOPQ_dSZxjwZYGQ" />
    <input value="19913" 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%3D32">
    <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/fidanzati-capresi-500-g-19917">
          <img alt="Fidanzati Capresi" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10544/file/small-b0916b64df8756dcb90bed69a84c8ef8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10544/file/medium-ce18930ff6dd3cdae9d027c36964d1d7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10544/file/large-e526d42e7b3ec156405ed5aeef38389e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10544/file/medium-ce18930ff6dd3cdae9d027c36964d1d7.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">La Fabbrica Della Pasta</p>
          <a href="/products/fidanzati-capresi-500-g-19917">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Fidanzati Capresi, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CL4JoVkpEmhwH2ZbnpPZyFTHbV01RRmAAdF2k0ntYa_Ib86QRM-oE2tCr8CApYvUQ5ko8-2QQTxiT7Q8BKlyaw" />
    <input value="19917" 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%3D32">
    <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/paccheri-di-gragnano-glatt-500-g-19920">
          <img alt="Paccheri di Gragnano glatt" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10542/file/small-2f820319ab663e01c1b5b5b453c1784d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10542/file/medium-81c4730a3372725d76af63cc911f04cf.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10542/file/large-6adeca074bf2363ee72d996866feb9c9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10542/file/medium-81c4730a3372725d76af63cc911f04cf.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">La Fabbrica Della Pasta</p>
          <a href="/products/paccheri-di-gragnano-glatt-500-g-19920">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Paccheri di Gragnano glatt, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rgPusxmop-k7W0_dYjMePuQHhiL45AaobbI1VldIUJ5u0imCBE4dkiAGhkZ8BUwi81nDjCAxXhQOLPf5GgxDWg" />
    <input value="19920" 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%3D32">
    <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/byodo-senf-feigen-bio-125-ml-19952">
          <img alt="Byodo Senf Feigen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11245/file/small-0b5537c2b2d4a8f9e95a5f6fda7e8b2d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11245/file/medium-87511f8784f0aef32562c62f66d4c4d2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11245/file/large-72862c254308946f159e72e823768374.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11245/file/medium-87511f8784f0aef32562c62f66d4c4d2.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">Byodo</p>
          <a href="/products/byodo-senf-feigen-bio-125-ml-19952">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Byodo Senf Feigen Bio, 125 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9ItAkNjLV-Kt1nFBmVwfWawOtwQnX5rbhCuyOVig9_80WoehxS3tmbaLuNqHak1Fu1Dyqv-KwmfntXCWFeTkOw" />
    <input value="19952" 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%3D32">
    <i data-ph="heart" class="size-full"></i>
</a>
    

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

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

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sDVcyjWnUn1XAcLS2KOtmUJg0u5nZ9tzhtL-bx5iPp9w5Jv7KEHoBkxcC0nGlf-FVT6XQL-yg8_lTDzAUyYtWw" />
    <input value="19974" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

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

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

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

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

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

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


  

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


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

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

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

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

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

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

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


  

  <div 
       class="border-gray-200  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%3D32">
    <i data-ph="heart" class="size-full"></i>
</a>
    

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

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

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

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

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

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


  

  <div 
       class="border-gray-200 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%3D32">
    <i data-ph="heart" class="size-full"></i>
</a>
    

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

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

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

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

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

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


  

  <div 
       class="border-gray-200  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%3D32">
    <i data-ph="heart" class="size-full"></i>
</a>
    

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

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

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AsZy-PNN-4uUQcg-Deic_Eh6i0l9-9XHUPGHBQnrLCbCF7XJ7qtB8I8cAaUT3s7gXyTO56UujXszb0WqRK8_4g" />
    <input value="19983" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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



</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">
      640 von 726 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/collections/under-5?format=turbo_stream&amp;page=33">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>