<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%3D35">
    <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/verzaschella-sport-petflasche-500-ml-20292">
          <img alt="Verzaschella Sport Petflasche" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10943/file/small-688b26ccf88f21ae6baa334ecaf146d7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10943/file/medium-af842b3ab8c35755486bc327e97d1d6d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10943/file/large-f62b94935f211f1d35cff835aa95f956.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10943/file/medium-af842b3ab8c35755486bc327e97d1d6d.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">Verzaschella</p>
          <a href="/products/verzaschella-sport-petflasche-500-ml-20292">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Verzaschella Sport Petflasche, 500 ml</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 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="q248oifPEcO-nTbWLIV3nVZC_WlJXsAKt2j1PUSrNR_eNSp1yEOu24oSwVOeDpTo2mlBZuWYct5uZMYnqW5DkA" />
    <input value="20292" 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%3D35">
    <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/wheaty-snacker-salami-style-bio-vegan-30-g-20293">
          <img alt="Wheaty Snacker Salami Style 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/10944/file/small-3f06169d4e3915b7d011b68e648678ad.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10944/file/medium-275f8451536975ca976037470d829f36.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10944/file/large-6c1b84171a37534ddd4758cde2ba51e3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10944/file/medium-275f8451536975ca976037470d829f36.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">Wheaty</p>
          <a href="/products/wheaty-snacker-salami-style-bio-vegan-30-g-20293">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wheaty Snacker Salami Style Bio vegan, 30 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 6.33 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FPGj-uufLJBhzNOhrGSy8_F6uXSMj_mOzN5zj3Q4RLlhqrUtBBOTiFVDJCQe71GGfVEFeyBJS1oV0kCVmf0yNg" />
    <input value="20293" 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%3D35">
    <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/zwergenwiese-aufstrich-currika-bio-135-g-20294">
          <img alt="Zwergenwiese Aufstrich Currika Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10946/file/small-026e931492ae42a201e6f4a7d6e76760.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10946/file/medium-749c0c5f63774d00d08a64ab9a55bbb3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10946/file/large-be1fe08c54d413228f403fcbdadbb8dd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10946/file/medium-749c0c5f63774d00d08a64ab9a55bbb3.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">Zwergenwiese</p>
          <a href="/products/zwergenwiese-aufstrich-currika-bio-135-g-20294">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zwergenwiese Aufstrich Currika Bio, 135 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 3.19 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5mdC2VMiZyeIJLkHiDkK-3EmxSLM1LgPs9NtJ8OJ8NaTPFQOvK7YP7yrToI6sumO_Q15LWASCttq3149LkyGWQ" />
    <input value="20294" 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%3D35">
    <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/zwergenwiese-aufstrich-tomesan-bio-135-g-20295">
          <img alt="Zwergenwiese Aufstrich Tomesan Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10947/file/small-2c8bb692e0033f476c9667b92309f17b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10947/file/medium-946147070fafeb03dcf458846f33a995.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10947/file/large-500d649618fc9eb64945ec11ee1820a2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10947/file/medium-946147070fafeb03dcf458846f33a995.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">Zwergenwiese</p>
          <a href="/products/zwergenwiese-aufstrich-tomesan-bio-135-g-20295">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zwergenwiese Aufstrich Tomesan Bio, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kydPzvK-yWfustsB72_3YyJS_YZw8KPbI2GwFPNHIhzmfFkZHTJ2f9o9LIRd5BQWrnlBidw2EQ_6bYMOHoJUkw" />
    <input value="20295" 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%3D35">
    <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/roobar-protein-riegel-cherry-maca-bio-roh-vegan-60-g-20299">
          <img alt="Roobar Protein Riegel Cherry &amp; Maca Bio roh vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10986/file/small-7712c4462506ff22158b0ac72fdf952e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10986/file/medium-bfe7a0229b62c2e0d7b7f7a0d26990c3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10986/file/large-117fc14fbd22d7cb371e7f927002386a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10986/file/medium-bfe7a0229b62c2e0d7b7f7a0d26990c3.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">Roobar</p>
          <a href="/products/roobar-protein-riegel-cherry-maca-bio-roh-vegan-60-g-20299">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Roobar Protein Riegel Cherry &amp; Maca Bio roh vegan, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.30
            </p>

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

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

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/allos-cuisine-soja-bio-vegan-200-ml-20308">
          <img alt="Allos Cuisine Soja 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/10997/file/small-d1cc7f49dbf2c309b51a8316945d84b4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10997/file/medium-835a67517fa83f5126ba11737656e817.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10997/file/large-d73286b38656b08fa53d873f307fab5d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10997/file/medium-835a67517fa83f5126ba11737656e817.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Allos</p>
          <a href="/products/allos-cuisine-soja-bio-vegan-200-ml-20308">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Allos Cuisine Soja Bio vegan, 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.95 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6U6PdGxX35jpdEtw-2GSZgswhB_CmCTmesvXkxpcvm-cFZmjg9tggN37vPVJ6nEThxs4EG5eljKjx-SJ95nI4A" />
    <input value="20308" 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%3D35">
    <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/sommer-cookies-hafer-schoko-haselnuss-bio-vegan-125-g-20325">
          <img alt="Sommer Cookies Hafer Schoko Haselnuss 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/11015/file/small-be7700721b55415cc2f954d95fc109ca.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11015/file/medium-499809a1668c3b6c6995b9df44686ed6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11015/file/large-8b6ee7ef8a2b24f6040f7b8b8e20e882.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11015/file/medium-499809a1668c3b6c6995b9df44686ed6.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">Sommer</p>
          <a href="/products/sommer-cookies-hafer-schoko-haselnuss-bio-vegan-125-g-20325">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sommer Cookies Hafer Schoko Haselnuss Bio vegan, 125 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 3.92 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="n-uOIIuGOqV1HK19LbaHVN87q0Ey2-sJB4GBBmuL95zqsJj3ZAqFvUGTWvifPWQhUxAXTp4dWd3ejbIchk6BEw" />
    <input value="20325" 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%3D35">
    <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/holle-smoothie-drops-fruits-veggies-15-g-20370">
          <img alt="Holle Smoothie Drops Fruits &amp; Veggies" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11070/file/small-7caf15027b112ccfdf6a7c722d3c90a5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11070/file/medium-ab377fa1bb2b5a3ee9d988a12e4bdf03.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11070/file/large-16db57176481f1555fa65d27c87f62fe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11070/file/medium-ab377fa1bb2b5a3ee9d988a12e4bdf03.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">Holle</p>
          <a href="/products/holle-smoothie-drops-fruits-veggies-15-g-20370">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Holle Smoothie Drops Fruits &amp; Veggies, 15 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CWEtWz3-uTjHmHnrnmxfouxsxLMbBsZ7PWLEJo22Nqh8OjuM0nIGIPMXjm4s57zXYEd4vLfAdK_kbvc8YHNAJw" />
    <input value="20370" 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%3D35">
    <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/schoni-sauerkraut-roh-chbiok-500-g-20375">
          <img alt="Schöni Sauerkraut roh CHBioK" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11076/file/small-9d950c3f339b05eee8376fcde9bc6a1d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11076/file/medium-fe8c0c3b995a54968e20ec552c7cc851.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11076/file/large-8437eae135c99ee9f7c5affd2955dbeb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11076/file/medium-fe8c0c3b995a54968e20ec552c7cc851.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">Schöni</p>
          <a href="/products/schoni-sauerkraut-roh-chbiok-500-g-20375">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schöni Sauerkraut roh CHBioK, 500 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 0.70 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Th6sDiuLf89WCXmCFb3dRTNdfmwNgT-jsNgwQzb8tCk7RbrZxAfA12KGjgenNj4wv3bCY6FHjXdp1ANZ2znCpg" />
    <input value="20375" 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%3D35">
    <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/schoni-sauerkraut-gekocht-chbiok-250-g-20376">
          <img alt="Schöni Sauerkraut gekocht CHBioK" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11077/file/small-fe7e932e5533c96d10e3a59c875e4c6f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11077/file/medium-e489741ea89b80655a076e745cb9933a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11077/file/large-7a25a9c5054734c5607e0baf43778b2f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11077/file/medium-e489741ea89b80655a076e745cb9933a.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">Schöni</p>
          <a href="/products/schoni-sauerkraut-gekocht-chbiok-250-g-20376">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schöni Sauerkraut gekocht CHBioK, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ECHg_JWfBNQOA9frHvzgUjCsjdBlLjogyIOSi8RQt7ZlevYrehO7zDqMIG6sdwMnvIcx38noiPQRj6GRKZXBOQ" />
    <input value="20376" 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%3D35">
    <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/yogi-tee-salted-caramel-teebeutel-bio-17-stuck-20377">
          <img alt="Yogi Tee Salted Caramel Teebeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11078/file/small-bd5a2fd468b011ad861209bcdc602433.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11078/file/medium-f7d8a0d114bfc70fe618bf3b358113ba.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11078/file/large-f574dcf84070f88ce1c59bda756c2fed.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11078/file/medium-f7d8a0d114bfc70fe618bf3b358113ba.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">Yogi</p>
          <a href="/products/yogi-tee-salted-caramel-teebeutel-bio-17-stuck-20377">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Yogi Tee Salted Caramel Teebeutel Bio, 17 Stück</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 0.26 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CgUMzsHqFYgCb6K2ow71_PHd9VvPVYHQyJPv279xKiN_XhoZLmaqkDbgVTMRhRaJffZJVGOTMwQRn9zBUrRcrA" />
    <input value="20377" 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%3D35">
    <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/morga-vanille-zucker-konv-20-g-20379">
          <img alt="Morga Vanille Zucker konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11080/file/small-33b87daa588eb8cf6a09c07cd8767fa2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11080/file/medium-e83a25e34b012a7b6257520c4e63641f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11080/file/large-a14880b905a758e84919ce6f645964db.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11080/file/medium-e83a25e34b012a7b6257520c4e63641f.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">MORGA</p>
          <a href="/products/morga-vanille-zucker-konv-20-g-20379">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Vanille Zucker konv, 20 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 22.50 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mGWJB0fLwGEEtW3sRJMD7eXZIKp8rsjgCWBcX4kUadbtPp_QqEd_eTA6mmn2GOCYafKcpdBoejTQbG9FZNEfWQ" />
    <input value="20379" 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%3D35">
    <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/schar-quadritos-konv-gf-40-g-20381">
          <img alt="Schär Quadritos konv gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11081/file/small-4f0577a65dd16750ca84969a2cbbf9e9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11081/file/medium-2ba801c922a034c2e5538e3f24ac24d4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11081/file/large-308383ea41395a7f5024373b9e58a02e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11081/file/medium-2ba801c922a034c2e5538e3f24ac24d4.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">Schär</p>
          <a href="/products/schar-quadritos-konv-gf-40-g-20381">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schär Quadritos konv gf, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gtsFKMjH5UwVhVmq33uTj6O2Cl83OUa6Tou0NpiGa9b3gBP_J0taVCEKri9t8HD6L522UJv_9G6Xh4csdUMdWQ" />
    <input value="20381" 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%3D35">
    <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/schar-kakaowaffeln-konv-gf-125-g-20385">
          <img alt="Schär Kakaowaffeln konv gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11086/file/small-6d51e242901afe1c58dd3bd980e04c69.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11086/file/medium-440d3e90f2467c839efd3dc049db4eea.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11086/file/large-aa47257dd2633c0e985108bf31eb320f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11086/file/medium-440d3e90f2467c839efd3dc049db4eea.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">Schär</p>
          <a href="/products/schar-kakaowaffeln-konv-gf-125-g-20385">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schär Kakaowaffeln konv gf, 125 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.96 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GEKGbdpm_KNr320NpE6_FwZa_5owGO2riDyWQskikw9tGZC6NepDu19QmogWxVxiinFDlZzeX39RMKVYJOflgA" />
    <input value="20385" 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%3D35">
    <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/purya-high-protein-shake-vanille-5k-bio-vegan-30-g-20389">
          <img alt="Purya High Protein Shake Vanille 5K 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/11090/file/small-fda8f954f0b191f3121ccd5860320068.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11090/file/medium-696c0b0e301466573144f096f54431e0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11090/file/large-0c9cc379e1c16e5b511c5062a5083dee.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11090/file/medium-696c0b0e301466573144f096f54431e0.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">PurYa</p>
          <a href="/products/purya-high-protein-shake-vanille-5k-bio-vegan-30-g-20389">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Purya High Protein Shake Vanille 5K Bio vegan, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cn5sV87wk23tLsAF_Sd4jhGJ2eziVfqDiwvZ2wSPUXwHJXqAIXwsddmhN4BPrJv7naJl406TSFdSB-rB6Uon8w" />
    <input value="20389" 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%3D35">
    <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/purya-high-protein-shake-kakao-4k-bio-vegan-30-g-20390">
          <img alt="Purya High Protein Shake Kakao 4K 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/11091/file/small-9763d7313efd7730dbd2772884e5b8a1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11091/file/medium-d36508b1f425d8b6451527cb31b81d94.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11091/file/large-69b1ad78181a69fdd25792603b00c623.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11091/file/medium-d36508b1f425d8b6451527cb31b81d94.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">PurYa</p>
          <a href="/products/purya-high-protein-shake-kakao-4k-bio-vegan-30-g-20390">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Purya High Protein Shake Kakao 4K Bio vegan, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qx5rfZEuPUvnCm5eiURdj4fNn1xWLN-IlWjVaeTB1RzeRX2qfqKCU9OFmds7z776C-YjU_rqbVxMZOZzCQSjkw" />
    <input value="20390" 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%3D35">
    <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/purya-high-protein-shake-berry-5k-bio-vegan-30-g-20391">
          <img alt="Purya High Protein Shake Berry 5K 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/11092/file/small-c07f2137dec272c3738f0c19a670bded.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11092/file/medium-06b7178422458c803fc883585d3bbc28.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11092/file/large-7ca3d41a6322b0a1054fafc5bc72328d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11092/file/medium-06b7178422458c803fc883585d3bbc28.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">PurYa</p>
          <a href="/products/purya-high-protein-shake-berry-5k-bio-vegan-30-g-20391">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Purya High Protein Shake Berry 5K Bio vegan, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Imt_I8GAkXWySz9d3a-I41UrvFo6e0-tdfLAED1UTD5XMGn0LgwubYbEyNhvJGuW2QAAVZa9_Xms_vMK0JE6sQ" />
    <input value="20391" 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%3D35">
    <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/kruut-oxymel-kraft-shot-bio-60-ml-20404">
          <img alt="Kruut Oxymel Kraft Shot Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11106/file/small-81174e38b1f16799924a93195b9e34f6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11106/file/medium-7bd2c4121e2676ec73c3ae8ebeaecb75.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11106/file/large-aadf3dada5fb6240d413d0e61ef606af.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11106/file/medium-7bd2c4121e2676ec73c3ae8ebeaecb75.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">Kruut</p>
          <a href="/products/kruut-oxymel-kraft-shot-bio-60-ml-20404">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kruut Oxymel Kraft Shot Bio, 60 ml</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.83 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="02lbt29A3UuOvOxuwI-QP98tyrk2LRVPhBg7u83FNeqmMk1ggMxiU7ozG-tyBHNKUwZ2tprrp5tdFAihIABDZQ" />
    <input value="20404" 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%3D35">
    <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/kruut-oxymel-immun-shot-bio-60-ml-20405">
          <img alt="Kruut Oxymel Immun Shot Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11107/file/small-adc16a05bb71b3373fd92d04c9de57e6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11107/file/medium-4ff755e2204205b3c1db43601c506a1d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11107/file/large-796d5e8db569dca5b95798195b1784ac.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11107/file/medium-4ff755e2204205b3c1db43601c506a1d.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">Kruut</p>
          <a href="/products/kruut-oxymel-immun-shot-bio-60-ml-20405">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kruut Oxymel Immun Shot Bio, 60 ml</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.83 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GS2BMawZmfevYndLoasgBI5-TejvNeyHDM9X034f7_hsdpfmQ5Um75vtgM4TIMNxAlXx50PzXlPVw2TJk9qZdw" />
    <input value="20405" 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%3D35">
    <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/kruut-oxymel-bitter-shot-bio-60-ml-20406">
          <img alt="Kruut Oxymel Bitter Shot Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11108/file/small-c70faf02ae03de19dd17f858b21a0c8a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11108/file/medium-8e970d599fbeaeac2fc706653ffdbd10.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11108/file/large-3c7df1ef03e6405bb8e4964ae201711b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11108/file/medium-8e970d599fbeaeac2fc706653ffdbd10.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">Kruut</p>
          <a href="/products/kruut-oxymel-bitter-shot-bio-60-ml-20406">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kruut Oxymel Bitter Shot Bio, 60 ml</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.83 / 100 ml
            </p>
        </div>
      </div>

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

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

</template></turbo-stream>