<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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/vivo-protein-shaker-600-ml-12911">
          <img alt="Vivo Protein Shaker" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6346/file/small-6230d602a4713abe4e379b1f78f54745.webp 600w, https://assets.fabulous.ch/public/variant_asset/6346/file/medium-d2150d6d85e0b39b31cd404ebd86b35f.webp 900w, https://assets.fabulous.ch/public/variant_asset/6346/file/large-04ea63cb842992d770b3c1f1adb43b29.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6346/file/medium-d2150d6d85e0b39b31cd404ebd86b35f.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">Vivo Life</p>
          <a href="/de/products/vivo-protein-shaker-600-ml-12911">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vivo Protein Shaker, 600 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.55
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sRO84Q5dfb0xIiL8k6aBfv5l7Y18mnvQedd-DdZkCjFdIVQJW2nO0tgZ7-mm2Cp3debknQtIVA8noUyxsthU8g" />
    <input value="12911" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/vegan-d3-k2-complex-50-ml-12929">
          <img alt="Vegan D3 &amp; K2 Complex" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6349/file/small-20790248e09a3bb82404556f06678cf7.webp 600w, https://assets.fabulous.ch/public/variant_asset/6349/file/medium-7aecae0064c51edd0a85b57bd1f8bf81.webp 900w, https://assets.fabulous.ch/public/variant_asset/6349/file/large-f31ab8f35a6fa0651215412a1c072196.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6349/file/medium-7aecae0064c51edd0a85b57bd1f8bf81.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">Vivo Life</p>
          <a href="/de/products/vegan-d3-k2-complex-50-ml-12929">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan D3 &amp; K2 Complex, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Hrn9TLNCZ9928IzyTwwLBrxh4bqCryNc3uBZmMBrV3XyixWk5nbUsJ_LQed6cqAPN-LoqvV9DIOAlmskpNcJtg" />
    <input value="12929" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/vegan-liquid-b12-complex-60-ml-12928">
          <img alt="Vegan Liquid B12 Complex" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6348/file/small-f7339f61463a57f9221432bb17310d83.webp 600w, https://assets.fabulous.ch/public/variant_asset/6348/file/medium-ebec0bba781b9873d1a6a812fbaf5dc8.webp 900w, https://assets.fabulous.ch/public/variant_asset/6348/file/large-8b612acfa26d852224f0292118c73777.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6348/file/medium-ebec0bba781b9873d1a6a812fbaf5dc8.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">Vivo Life</p>
          <a href="/de/products/vegan-liquid-b12-complex-60-ml-12928">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Liquid B12 Complex, 60 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FwXSVU-etN1Z3_ZiZUDxzmOiEe7zSpB5hd_9tSkCDW77Nzq9GqoHsrDkO3dQPlrH6CEY_oSYv6bbqc8JTb5TrQ" />
    <input value="12928" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/plant-based-omega-3-epa-dha-60-ml-12927">
          <img alt="Plant Based Omega-3 EPA/DHA" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6347/file/small-29baba6cd6fe15ea7a786713105e2694.webp 600w, https://assets.fabulous.ch/public/variant_asset/6347/file/medium-cf5e01b8afe7f12440d66c84202bc40a.webp 900w, https://assets.fabulous.ch/public/variant_asset/6347/file/large-3eadadacae390770aff5eec7012ff5f1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6347/file/medium-cf5e01b8afe7f12440d66c84202bc40a.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">Vivo Life</p>
          <a href="/de/products/plant-based-omega-3-epa-dha-60-ml-12927">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Plant Based Omega-3 EPA/DHA, 60 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 28.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AtTA5kLx4-yVDzplOglHaQ-fUPOUV1yCI8TEmILntgPu5igOF8VQg3w093APd-xghBxZ4-OFc119svYk5lvowA" />
    <input value="12927" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kreatin-monohydrat-84-portion-12899">
          <img alt="Kreatin Monohydrat" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6334/file/small-1acb7a7a19875ebf918f99d85aab134c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6334/file/medium-8ac25574e438aadcbdb5248e2258a5fc.webp 900w, https://assets.fabulous.ch/public/variant_asset/6334/file/large-d098722652008af9ad123ab58991c661.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6334/file/medium-8ac25574e438aadcbdb5248e2258a5fc.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">Vivo Life</p>
          <a href="/de/products/kreatin-monohydrat-84-portion-12899">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kreatin Monohydrat, 84 Portionen</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2A723pGKgwhNGvLqb3LWnFcF85nOZ87cjvuv4FJWxJc0PB42xL4wZ6QhP_9aDH2V3Ib6ibm14QPQjZ1cNuqaVA" />
    <input value="12899" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/vegane-multinahrstoff-kapsel-60-portion-12909">
          <img alt="Vegane Multinährstoff" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6344/file/small-018c21bf7bff609c39ca7e243fd39a4e.webp 600w, https://assets.fabulous.ch/public/variant_asset/6344/file/medium-28858abc51ea3c13ba6321b906e1f781.webp 900w, https://assets.fabulous.ch/public/variant_asset/6344/file/large-4153c6b6712e8172c13292aab8db33a0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6344/file/medium-28858abc51ea3c13ba6321b906e1f781.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">Vivo Life</p>
          <a href="/de/products/vegane-multinahrstoff-kapsel-60-portion-12909">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegane Multinährstoff, 60 Kapseln</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sWpFtd4gMwK-9I4wfjJkOxu2CXGrubAvPXPdD1-H2kFdWK1dixSAbVfPQyVLTM8ykDUAYdxrn_BjBe-zOzuEgg" />
    <input value="12909" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/linsen-grun-rohkostqualitat-bio-500-g-6933">
          <img alt="Linsen Grün Rohkostqualität Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4012/file/small-56d6b3ed4cbd0a76b50dffb6b858f41a.webp 600w, https://assets.fabulous.ch/public/variant_asset/4012/file/medium-6f816f31756b4f39832fb93fecaedf96.webp 900w, https://assets.fabulous.ch/public/variant_asset/4012/file/large-c7d0090f9fd9895b31ef752bd6f9e4ee.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4012/file/medium-6f816f31756b4f39832fb93fecaedf96.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">Rapunzel</p>
          <a href="/de/products/linsen-grun-rohkostqualitat-bio-500-g-6933">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Linsen Grün Rohkostqualität Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.15
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IiwagEtqf6fg5xNARlZZd2_WQnB9ijJJHCW93m6FjtDOHvJoHl7MyAnc3lVzKPJ-5FVLYApYHZZCU49iCjnQEw" />
    <input value="6933" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pasta-penne-mais-reis-glutenfrei-bio-250-g-16022">
          <img alt="Pasta Penne Mais Reis Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7402/file/small-f39cd9be1f19c65e9db512e6372fbcf9.webp 600w, https://assets.fabulous.ch/public/variant_asset/7402/file/medium-70c3cb8ff784374252dc3211f35330f0.webp 900w, https://assets.fabulous.ch/public/variant_asset/7402/file/large-a00753dd4c6b1d9d1a6fb2e79662a52f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7402/file/medium-70c3cb8ff784374252dc3211f35330f0.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">Alce Nero</p>
          <a href="/de/products/pasta-penne-mais-reis-glutenfrei-bio-250-g-16022">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Penne Mais Reis Glutenfrei Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="X1EYa4Wi2guIW-4VepGPWmMbZI1-P8iq4c2oo0md_XyzY_CD0JZpZGFgIwBP7yRT6JhtnQnt53W_u5ofLSGjvw" />
    <input value="16022" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kookie-cat-vanille-chocolate-cookie-glutenfrei-bio-50-g-2286">
          <img alt="KOOKIE CAT Vanille &amp; Chocolate Cookie glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1687/file/small-0164bf38962bb56e9a5618c2803a0c8b.webp 600w, https://assets.fabulous.ch/public/variant_asset/1687/file/medium-e71f63cb2515b2d7f97ba958b101035c.webp 900w, https://assets.fabulous.ch/public/variant_asset/1687/file/large-ba590bea38c66c27a34c27fb3d64ed06.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1687/file/medium-e71f63cb2515b2d7f97ba958b101035c.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">Kookie Cat</p>
          <a href="/de/products/kookie-cat-vanille-chocolate-cookie-glutenfrei-bio-50-g-2286">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">KOOKIE CAT Vanille &amp; Chocolate Cookie glutenfrei Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zJXBNCJJcGi7kmftTW_ozGC7HxhhyDq_OKA0wevYbd8gpyncd33DB1Kpqvh4EUPF6zgWCBYaFWBm1gZ9j2QzHA" />
    <input value="2286" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/senf-balsamico-tube-glutenfrei-demeter-100-ml-6718">
          <img alt="Senf Balsamico Tube Glutenfrei Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3878/file/small-c263ac5b5d0936f06321b099f4de1ba7.webp 600w, https://assets.fabulous.ch/public/variant_asset/3878/file/medium-01a3a80c06af6082f72dbf103131c49a.webp 900w, https://assets.fabulous.ch/public/variant_asset/3878/file/large-2933e385ad1558b25a3667b540b5e02e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3878/file/medium-01a3a80c06af6082f72dbf103131c49a.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">Naturata</p>
          <a href="/de/products/senf-balsamico-tube-glutenfrei-demeter-100-ml-6718">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Senf Balsamico Tube Glutenfrei Demeter, 100 ml</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 3.20 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bnOzfP3oQ9S4EGfdG7m3hQMu_qvVD1CB6U-yie9h30WCQVuUqNzwu1ErqsguxxyMiK33u6Ldf163OYA1i92Bhg" />
    <input value="6718" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/flussigwurze-hefefrei-bio-90-ml-1055">
          <img alt="Flüssigwürze hefefrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/927/file/small-521dd1e50fd48c39e4d13770d551512e.webp 600w, https://assets.fabulous.ch/public/variant_asset/927/file/medium-34c482480f739cb0c053b63d90d9e223.webp 900w, https://assets.fabulous.ch/public/variant_asset/927/file/large-0f7f33621e3efc85851151c5205d8500.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/927/file/medium-34c482480f739cb0c053b63d90d9e223.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">Naturata</p>
          <a href="/de/products/flussigwurze-hefefrei-bio-90-ml-1055">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Flüssigwürze hefefrei Bio, 90 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4WyXMrhXPIT1eHpalVR1yV2gEQn4M8ECwuJ56H9EQEcNXn_a7WOP6xxDt0-gKt7A1iMYGY_h7t2clEtUG_gehA" />
    <input value="1055" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/riegel-rhythm-108-sweet-n-salty-mandeln-schokolade-gf-bio-33-g-4492">
          <img alt="Riegel Rhythm 108 Sweet &#39;N&#39; Salty Mandeln Schokolade GF Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2777/file/small-56fa8b3854b211f8d3cb1f6ff211168b.webp 600w, https://assets.fabulous.ch/public/variant_asset/2777/file/medium-8d963a30898700bbbed0eaff8dd8ac34.webp 900w, https://assets.fabulous.ch/public/variant_asset/2777/file/large-e9bd40e9487ed6b36398501f82044b91.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2777/file/medium-8d963a30898700bbbed0eaff8dd8ac34.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">Rhythm 108</p>
          <a href="/de/products/riegel-rhythm-108-sweet-n-salty-mandeln-schokolade-gf-bio-33-g-4492">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Riegel Rhythm 108 Sweet &#39;N&#39; Salty Mandeln Schokolade GF Bio, 33 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="p3ym-oc8g3eg1gQZnwth_J6j5WdFRNlKWw__Xxk6TJVLTk4S0ggwGEntyQyqdcr1FSDsdzKW9pUFec3jfYYSVg" />
    <input value="4492" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/riegel-rhythm-108-haselnuss-praline-gf-bio-33-g-4490">
          <img alt="Riegel Rhythm 108 Haselnuss Praline GF Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2773/file/small-8d009f6049f13ff797fd30edd23e45ff.webp 600w, https://assets.fabulous.ch/public/variant_asset/2773/file/medium-a414dd36cfb8abc468023df30dc6d4bc.webp 900w, https://assets.fabulous.ch/public/variant_asset/2773/file/large-db86c6e53ec06c8d43f790c5e9aacd70.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2773/file/medium-a414dd36cfb8abc468023df30dc6d4bc.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">Rhythm 108</p>
          <a href="/de/products/riegel-rhythm-108-haselnuss-praline-gf-bio-33-g-4490">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Riegel Rhythm 108 Haselnuss Praline GF Bio, 33 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bUMrjlGXRJQqDwm6MSHCrQ5Il1qGafdVKYUwqVkjIziBccNmBKP3-8M0xK8EX2mkhcueSvG72Ip38wIVPZ99-w" />
    <input value="4490" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/nussmix-gerostet-mit-meersalz-bio-100-g-10345">
          <img alt="Nussmix geröstet mit Meersalz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5558/file/small-310687a6d7388fcb0c8038123c48be48.webp 600w, https://assets.fabulous.ch/public/variant_asset/5558/file/medium-ad08acb54c1d9252d45f09cde01bec18.webp 900w, https://assets.fabulous.ch/public/variant_asset/5558/file/large-117dd0ee8d8c8013b18e7fa072daae01.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5558/file/medium-ad08acb54c1d9252d45f09cde01bec18.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">Pakka</p>
          <a href="/de/products/nussmix-gerostet-mit-meersalz-bio-100-g-10345">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nussmix geröstet mit Meersalz Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.15
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-ZT4Y0v9Xl1ggPiZhxtZ1RjpS0dhBqlUK-YpitzYyS0VphCLHsntMom7NYyyZfLck2pCVxbUhot1kBs2uGSX7g" />
    <input value="10345" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kookie-cat-chia-lemon-cookie-glutenfrei-bio-50-g-2285">
          <img alt="KOOKIE CAT Chia Lemon Cookie Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1686/file/small-bcb254ec950152618ccb6503a7e50f02.webp 600w, https://assets.fabulous.ch/public/variant_asset/1686/file/medium-cf6466ca35429b4a8ec5695ab407efb8.webp 900w, https://assets.fabulous.ch/public/variant_asset/1686/file/large-a1a68aff2e0707e7b010c012fbf937d5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1686/file/medium-cf6466ca35429b4a8ec5695ab407efb8.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">Kookie Cat</p>
          <a href="/de/products/kookie-cat-chia-lemon-cookie-glutenfrei-bio-50-g-2285">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">KOOKIE CAT Chia Lemon Cookie Glutenfrei Bio, 50 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 4.40 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xnI9_ou195aCecdfIfLyaI-bf7PRu6WilIdflytBLRYqQNUW3oFE-WtCCkoUjFlhBBh2o6Zpin3K8W0rT_1z1Q" />
    <input value="2285" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kokosspeisefett-premium-bio-200-ml-1664">
          <img alt="Kokosspeisefett Premium Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8717/file/small-d07acfd56ad2b0576942cdf4da947032.webp 600w, https://assets.fabulous.ch/public/variant_asset/8717/file/medium-d590d4ba7a9a4f52c381c7628ec2b5ce.webp 900w, https://assets.fabulous.ch/public/variant_asset/8717/file/large-e0171b6037710614a18795cc07b42a69.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8717/file/medium-d590d4ba7a9a4f52c381c7628ec2b5ce.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">Dr. Goerg</p>
          <a href="/de/products/kokosspeisefett-premium-bio-200-ml-1664">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kokosspeisefett Premium Bio, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.45
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4ARyiRLYqCKn2x_PQg4vGB8A3_EQkgtpRpCkT5YwmAYMNpphR-wbTU7g0tp3cIQRlIPW4WdAJLYY5pbz8ozGxQ" />
    <input value="1664" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/bouillon-gemusebruhe-hefefrei-glutenfrei-bio-200-g-2327">
          <img alt="Bouillon Gemüsebrühe Hefefrei &amp; Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1695/file/small-d3b2480421bd53d16b318df29e6bc15a.webp 600w, https://assets.fabulous.ch/public/variant_asset/1695/file/medium-efabd563cea8e73f3e54b2b61b5bce46.webp 900w, https://assets.fabulous.ch/public/variant_asset/1695/file/large-79bbd9a4674a74a7e7a71005b4e52c2d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1695/file/medium-efabd563cea8e73f3e54b2b61b5bce46.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">Naturata</p>
          <a href="/de/products/bouillon-gemusebruhe-hefefrei-glutenfrei-bio-200-g-2327">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bouillon Gemüsebrühe Hefefrei &amp; Glutenfrei Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="O1rn9ujcPp7lqX2oesF_ahTbGgIbuEnJLKOKAEpC9G7XaA8eveiN8QySsL1Pv9Rjn1gTEmxqZhZy1bi8Lv6qrQ" />
    <input value="2327" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/tomaten-halbgetrocknet-in-oliven-ol-pomodori-semisecchi-bio-180-g-4009">
          <img alt="Tomaten Halbgetrocknet in Oliven-Öl Pomodori Semisecchi Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2543/file/small-b8359d4a635d2d1d013519e7c7f20117.webp 600w, https://assets.fabulous.ch/public/variant_asset/2543/file/medium-57ffddaf6e83912412af0d7a87b7fea4.webp 900w, https://assets.fabulous.ch/public/variant_asset/2543/file/large-f28e3a5afc7baa7ccad4800cd4ebe882.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2543/file/medium-57ffddaf6e83912412af0d7a87b7fea4.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">LaSelva</p>
          <a href="/de/products/tomaten-halbgetrocknet-in-oliven-ol-pomodori-semisecchi-bio-180-g-4009">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tomaten Halbgetrocknet in Oliven-Öl Pomodori Semisecchi Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BkHFLEtyx5v_DZqEXMFYULt1G5_2lVO59_FeSrZdIxHqcy3EHkZ09BY2V5Fpv_NZMPYSj4FHfGaph2z20uF90g" />
    <input value="4009" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/austernpilze-schweiz-getrocknet-bio-20-g-14753">
          <img alt="Austernpilze Schweiz getrocknet Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6793/file/small-72be043a8c619c49c565be20d9cbed45.webp 600w, https://assets.fabulous.ch/public/variant_asset/6793/file/medium-b9390b9d5b1d3b18867ab62f011b25df.webp 900w, https://assets.fabulous.ch/public/variant_asset/6793/file/large-b1b38ad2421d8f2c144af81eed8bae67.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6793/file/medium-b9390b9d5b1d3b18867ab62f011b25df.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biofarm</p>
          <a href="/de/products/austernpilze-schweiz-getrocknet-bio-20-g-14753">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Austernpilze Schweiz getrocknet Bio, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kxWUSNRfog32srEM7JkHsxLBk1mXbu-Ow3tKiViAG6F_J3yggWsRYh-JfBnZ56y6mUKaSeC8wFGdDXg1PDxFYg" />
    <input value="14753" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/mehl-buchweizenmehl-vk-glutenfrei-bio-500-g-768">
          <img alt="Mehl Buchweizenmehl VK glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/718/file/small-7aa99cd6cec1b0d0d52de5706a5aa085.webp 600w, https://assets.fabulous.ch/public/variant_asset/718/file/medium-07f4aa213c038f9690a783c4b58e64cf.webp 900w, https://assets.fabulous.ch/public/variant_asset/718/file/large-64b8555f174487a2dedc4dbe98589810.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/718/file/medium-07f4aa213c038f9690a783c4b58e64cf.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">Bauckhof</p>
          <a href="/de/products/mehl-buchweizenmehl-vk-glutenfrei-bio-500-g-768">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mehl Buchweizenmehl VK glutenfrei Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-X77Ao04R47aP4BEPle1R7mCd92ilbt7GZi24b4B1lAVTBPq2Az04TMETVELKR5OMgF-zdVHlKRH7oRd2r2Ikw" />
    <input value="768" 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">
      1&#39;040 von 3&#39;211 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/rigi-seifen?format=turbo_stream&amp;page=53">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>