<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%3D18">
    <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/ecomil-mandel-drink-ungesusst-bio-vegan-200-ml-18406">
          <img alt="Ecomil Mandel Drink ungesüsst 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/9604/file/small-28d37456b84d3330a798ffe665a278a1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9604/file/medium-fd036e2af68a981c45b70797689e28dd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9604/file/large-7487d066d5b8c775c3093482cf59dd3c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9604/file/medium-fd036e2af68a981c45b70797689e28dd.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">Ecomil</p>
          <a href="/products/ecomil-mandel-drink-ungesusst-bio-vegan-200-ml-18406">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ecomil Mandel Drink ungesüsst Bio vegan, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="v2vcktlNf4Fromxuh6Wsfr73un3xv4W5LLzu55DDJxW1YubQT8hU5ap8ywjpxghimwXrMRoFB_yVAOHNBQ49pw" />
    <input value="18406" 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%3D18">
    <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-bifidus-vanille-biok-125-g-18407">
          <img alt="Emscha Schafmilch Joghurt Bifidus Vanille BioK" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10254/file/small-f9521e255b4de49238360c1426bce5d9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10254/file/medium-95a8addbcb2762227df7544e5ccdfd07.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10254/file/large-d13986f5e789d324f1092b6363698056.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10254/file/medium-95a8addbcb2762227df7544e5ccdfd07.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-bifidus-vanille-biok-125-g-18407">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Emscha Schafmilch Joghurt Bifidus Vanille 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-18407-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8aGzhTV4GiZiJkYvsweAjFqQC2uKDZSis1u6RAAEFVP7qInHo_0xQqP44UndZCSQf2JaJ2G3FucK57VulckP4Q" />
    <input value="18407" 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%3D18">
    <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-mango-biok-125-g-18408">
          <img alt="Emscha Schafmilch Joghurt 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/10253/file/small-e58a58395d0f86f787570894d5cdcd90.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10253/file/medium-3423b6146777743fa8afc21754069b91.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10253/file/large-1ddf66b14c84965dc57062c650e9d2a3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10253/file/medium-3423b6146777743fa8afc21754069b91.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-mango-biok-125-g-18408">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Emscha Schafmilch Joghurt Mango 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-18408-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="v0tLu8AQiaRriNY-nI8t9ZkgIPepLyyRvPMAD4qF-PS1QnH5VpWiwKpWcVjy7InpvNJxu0KVrtQFTw8lH0jiRg" />
    <input value="18408" 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%3D18">
    <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-mocca-biok-125-g-18409">
          <img alt="Emscha Schafmilch Joghurt Mocca BioK" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10252/file/small-73bdf83a1442da8b120f4a9be3d0515f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10252/file/medium-4f90262484cf6c6435de5a0eec356d8d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10252/file/large-589fd6c1b23d0681916f853c05b78f4c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10252/file/medium-4f90262484cf6c6435de5a0eec356d8d.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-mocca-biok-125-g-18409">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Emscha Schafmilch Joghurt Mocca 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-18409-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Pb64ljwudCgQpIlxmyzycUVXqmItRV5pYftZM5WRFGs3t4LUqqtfTNF6Lhf1T1ZtYKX7Lsb_3CzYR1YZAFwO2Q" />
    <input value="18409" 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%3D18">
    <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-schokolade-biok-125-g-18410">
          <img alt="Emscha Schafmilch Joghurt Schokolade BioK" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10256/file/small-1548e10965f736dd83ed0121426a08a5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10256/file/medium-7c43df466d7ff7863d3762eeed2041ec.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10256/file/large-f37854339bdc55dc4c861739880f48de.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10256/file/medium-7c43df466d7ff7863d3762eeed2041ec.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-schokolade-biok-125-g-18410">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Emscha Schafmilch Joghurt Schokolade 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-18410-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tIhb3UQj84gqoa4xji-njeBXOQjq4HXC4z05LOocAZ--gWGf0qbY7Ot_CVfgTAORxaVoRAFa94dagTYGf9EbLQ" />
    <input value="18410" 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%3D18">
    <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-nautre-biok-90-g-18411">
          <img alt="Emscha Schafmilch Quark Nautre BioK" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10255/file/small-564ef243be2039db3774644781b84a6f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10255/file/medium-b7ff205282fe99204c455a3e29650592.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10255/file/large-639be132033cdf90d648f6c9e1af0197.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10255/file/medium-b7ff205282fe99204c455a3e29650592.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-nautre-biok-90-g-18411">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Emscha Schafmilch Quark Nautre 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-18411-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ryc9mpLFRYWyAE1uaWpXEy0uL2OGeFPImItFwowx8T1NLgfYBEBu4XPe6ggHCfMPCNx-L23C0Y0hN0roGfzrjw" />
    <input value="18411" 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%3D18">
    <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/erdmannhauser-dinkel-knusper-brezel-sesam-demeter-125-g-18412">
          <img alt="Erdmannhauser Dinkel Knusper Brezel Sesam Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9120/file/small-eaff141607614c87aa80c411cba6a838.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9120/file/medium-3c3c103bbda63cf9538569df06ab948a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9120/file/large-9fd71ba233063067ed3b49bfc597b6d9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9120/file/medium-3c3c103bbda63cf9538569df06ab948a.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">Erdmannhauser</p>
          <a href="/products/erdmannhauser-dinkel-knusper-brezel-sesam-demeter-125-g-18412">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Erdmannhauser Dinkel Knusper Brezel Sesam Demeter, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.75
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="w0l6jUYDqq3PDlt5-AgjrF1d0kiuV2_Fvzs62tOxpXHJQEDP0IaByQ7Q_B-Wa4eweK-DBEXt7YAGhzXwRny_ww" />
    <input value="18412" 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%3D18">
    <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/erdmannhauser-dinkel-vollkorn-sticks-demeter-100-g-18413">
          <img alt="Erdmannhauser Dinkel Vollkorn Sticks Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11313/file/small-8f0274bd3b883a4e1046ac3fa064be12.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11313/file/medium-1c114e59cc77a60e377ae3b7f879c60d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11313/file/large-245df182393925e110771c8660410c07.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11313/file/medium-1c114e59cc77a60e377ae3b7f879c60d.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">Erdmannhauser</p>
          <a href="/products/erdmannhauser-dinkel-vollkorn-sticks-demeter-100-g-18413">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Erdmannhauser Dinkel Vollkorn Sticks Demeter, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="c-NLNFLoW9pq247-uX8h5XeSAmqRMT8J0x6kV1D6H7156nF2xG1wvqsFKZjXHIX5UmBTJnqLvUxqoqt9xTcFDw" />
    <input value="18413" 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%3D18">
    <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/florentin-hummus-bio-vegan-gf-150-g-18425">
          <img alt="Florentin Hummus Bio vegan gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9606/file/small-2c681295c5fc75e77e5c76ddfdaf118f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9606/file/medium-769b5c5f66056cfb51156efba9c7fd68.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9606/file/large-dba1c3202db527c52ca5bd3b309155e5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9606/file/medium-769b5c5f66056cfb51156efba9c7fd68.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">Florentin</p>
          <a href="/products/florentin-hummus-bio-vegan-gf-150-g-18425">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Florentin Hummus Bio vegan gf, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </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-18425-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4DvPkZ81g36aBzdbL4IA4EF7vVOeYToM6_CpMUWLeCzqMvXTCbCoGlvZkD1B4aT8ZInsH3XbuElSTKYb0EZing" />
    <input value="18425" 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%3D18">
    <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/florentin-hummus-avocado-bio-vegan-gf-150-g-18426">
          <img alt="Florentin Hummus Avocado Bio vegan gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9607/file/small-d5978babc45450bcc0a355869f31a6a3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9607/file/medium-ea708c77b25930280575181c906c5208.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9607/file/large-3dd205976e92f38aa6a8aadfca3b76e5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9607/file/medium-ea708c77b25930280575181c906c5208.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">Florentin</p>
          <a href="/products/florentin-hummus-avocado-bio-vegan-gf-150-g-18426">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Florentin Hummus Avocado Bio vegan gf, 150 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.13 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="R4qyxkvuSClfRKYgDBlAz_oPcVwZNZvCyFi1DSI6pE1Ng4iE3WtjTZ6aAUZieuTT3_0gEPKPGYdx5Lont_e-_w" />
    <input value="18426" 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%3D18">
    <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/gautschi-mayonnaise-biok-170-g-18428">
          <img alt="Gautschi Mayonnaise BioK" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10158/file/small-2da69f8287599312758040bb76be9b77.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10158/file/medium-4a6fa356f35a263600c3bed2fa5d5666.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10158/file/large-cf55d24182ea7d18f312b409fbbb8c1f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10158/file/medium-4a6fa356f35a263600c3bed2fa5d5666.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">Gautschi</p>
          <a href="/products/gautschi-mayonnaise-biok-170-g-18428">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gautschi Mayonnaise BioK, 170 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 2.71 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tKbifHdXTwkaEgvug8QXJKnyZX3ZsZ2lXCmMnZ_-o2y-r9g-4dJkbdvMrIjtp7M4jAA0MTILH-DllYO3CjO53g" />
    <input value="18428" 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%3D18">
    <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/gautschi-senf-tube-biok-200-g-18429">
          <img alt="Gautschi Senf Tube BioK" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9986/file/small-ef64a2c3a0ca9669bc43ccf703bd66ba.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9986/file/medium-d9610ead1c7d10c2b68169beb4ed50fd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9986/file/large-721adae365881a0b389cda942dd166ad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9986/file/medium-d9610ead1c7d10c2b68169beb4ed50fd.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">Gautschi</p>
          <a href="/products/gautschi-senf-tube-biok-200-g-18429">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gautschi Senf Tube BioK, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="X4Rgz-EFAuKETPmIHv0nR20H0jXvoyjkaXqZZZdaX4RVjVqNd4AphkWSXu5wnoNbSPWDeQQZqqHQxpZPApdFNg" />
    <input value="18429" 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%3D18">
    <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-70-g-18443">
          <img alt="Guggenloch Brownie Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9993/file/small-6e0485a33832875aa0a9735f7b75f421.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9993/file/medium-1fb19ce9b0a5c06c75bee4f377acc612.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9993/file/large-60dc2853843fe6d3b62530fa98e06517.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9993/file/medium-1fb19ce9b0a5c06c75bee4f377acc612.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-70-g-18443">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Guggenloch Brownie Bio, 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-18443-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pzH2DyoI_3VpWpV9jO6l27mXWVTzk0L3uLICQ0uu0n6tOMxNvI3UEaiEMhvijQHHnGUIGBgpwLIBDg1p3mPIzA" />
    <input value="18443" 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%3D18">
    <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-butterringli-bio-50-g-18444">
          <img alt="Guggenloch Butterringli Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10003/file/small-7994082c606fd29ec52deedef42c5c36.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10003/file/medium-021e6365b15459f0a63830f0bcbea06b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10003/file/large-345fe3fbd98bfa9edcd877e2d2f850c9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10003/file/medium-021e6365b15459f0a63830f0bcbea06b.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-butterringli-bio-50-g-18444">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Guggenloch Butterringli Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_NUbER8IpcFwwifNMve-8O_jDP-4Z4CCAlciw4hz7X723CFTiY2OpbEcgKtclBrsyhFds1PdAse76y3pHb73zA" />
    <input value="18444" 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%3D18">
    <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-spitzbueb-dinkel-bio-65-g-18445">
          <img alt="Guggenloch Spitzbueb Dinkel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10001/file/small-273b1ddfb2cfaa6231735a61b6910f8e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10001/file/medium-8a803dc750563563eda90e30c0ff60dc.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10001/file/large-04c88afc921c3611f9a851b65dc9e78c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10001/file/medium-8a803dc750563563eda90e30c0ff60dc.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-spitzbueb-dinkel-bio-65-g-18445">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Guggenloch Spitzbueb Dinkel Bio, 65 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ilr3TxDiDCG23c15Tg86scwERyvm5_XNBgjOZfls7UYoU80NhmcnRXcDah8gbJ6t6fYWZw1dd4i_tMFPbKH39A" />
    <input value="18445" 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%3D18">
    <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-haferstange-bio-50-g-18446">
          <img alt="Guggenloch Haferstange Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10004/file/small-3636e71b586b76485cff8846cd33bcac.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10004/file/medium-7ec0e9a892c018d5572fcacb1fd3e2db.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10004/file/large-438a98e148a7d05ea4c6594d7d878bd8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10004/file/medium-7ec0e9a892c018d5572fcacb1fd3e2db.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-haferstange-bio-50-g-18446">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Guggenloch Haferstange Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VZmCOkWWekk57zpUrwrdixuVFu1lZdlmWDq6ZLB144dfkLh40xNRLfgxnTLBaXmXPmdHoY7fWyPhhrVOJbj5NQ" />
    <input value="18446" 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%3D18">
    <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-haselnussschnitte-bio-vegan-gf-65-g-18447">
          <img alt="Guggenloch Haselnussschnitte Bio vegan gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9991/file/small-eab987c76ca5d84763593ecd45adcf64.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9991/file/medium-01a6530234f7b52646c28515dcf1b62c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9991/file/large-76c1e090453bcec101affa872d82478f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9991/file/medium-01a6530234f7b52646c28515dcf1b62c.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-haselnussschnitte-bio-vegan-gf-65-g-18447">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Guggenloch Haselnussschnitte Bio vegan gf, 65 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.69 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CBLZH6HV7-xi5NG4GacaBXv3hhiSPgqLbTx6cHwQggQCG-NdN1DEiKM6dt53xL4ZXgXXVHmEiM7UgHVa6d2Ytg" />
    <input value="18447" 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%3D18">
    <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-spitzbueb-aprikose-bio-gf-70-g-18448">
          <img alt="Guggenloch Spitzbueb Aprikose 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/10000/file/small-27f5e2b2ad0770a34ee13ae8a2f592fe.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10000/file/medium-9b643694945d12c4214534022891b425.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10000/file/large-62fba401fb4ff2c63f2e48768b9c2357.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10000/file/medium-9b643694945d12c4214534022891b425.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-spitzbueb-aprikose-bio-gf-70-g-18448">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Guggenloch Spitzbueb Aprikose 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-18448-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0LFFzFA8Xpg2hmu4hBZBZAbF97b9kFQB4p5aO80PV8XauH-Oxrl1_PdYzN7qdeV4Izem-hYq1kRbIlURWMJNdw" />
    <input value="18448" 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%3D18">
    <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-spitzbueb-himbeer-bio-gf-70-g-18449">
          <img alt="Guggenloch Spitzbueb Himbeer 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/10002/file/small-32433d672b9364331cf7234af290739f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10002/file/medium-8b4420bf4e006b0a9b03a225a57560a1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10002/file/large-b24c617549d17ad436cb81129b9d589b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10002/file/medium-8b4420bf4e006b0a9b03a225a57560a1.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-spitzbueb-himbeer-bio-gf-70-g-18449">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Guggenloch Spitzbueb Himbeer 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-18449-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="reUnm4h4oeSXh3JEXLcQUWgprvUMBAQ32g66uW8diQSn7B3ZHv2KgFZZ1SIy1LRNTdv_uee-hnJjsrWT-tCTtg" />
    <input value="18449" 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%3D18">
    <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-linzerschnitte-bio-65-g-18450">
          <img alt="Guggenloch Linzerschnitte Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9992/file/small-d394f7ef92edb7780d44ed4735ef3689.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9992/file/medium-262e3c876c147d29aea1e4a55373af27.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9992/file/large-8abbe40c07ec8e82c51ccaf2479b0fd1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9992/file/medium-262e3c876c147d29aea1e4a55373af27.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-linzerschnitte-bio-65-g-18450">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Guggenloch Linzerschnitte Bio, 65 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.69 / 100 g
            </p>
        </div>
      </div>

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

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

</template></turbo-stream>