<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/geschirr-spulmaschinen-tabs-25-stuck-90d10c4b-2a32-45ad-8814-ab851530be1b-539">
          <img alt="Geschirr Spülmaschinen Tabs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/488/file/small-60a98f21b2dc51229da2133c1cc3bbdb.webp 600w, https://assets.fabulous.ch/public/variant_asset/488/file/medium-8129c364f0fcbd0e5d5d3a1ba31250b9.webp 900w, https://assets.fabulous.ch/public/variant_asset/488/file/large-5753fde88a22ee9204c882ce28ebc233.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/488/file/medium-8129c364f0fcbd0e5d5d3a1ba31250b9.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">Sonett</p>
          <a href="/de/products/geschirr-spulmaschinen-tabs-25-stuck-90d10c4b-2a32-45ad-8814-ab851530be1b-539">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Geschirr Spülmaschinen Tabs, 25 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.05
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oZiQ0EPy83FxpW0IDscB5RgLE466ksZHovkNiDiOJffhRfbKRxEuarbO1TaTsqM7MGv1cgpOMclzUHEoPW-0Eg" />
    <input value="539" 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/vitamin-d3-k2-c-mundspray-25-ml-9489">
          <img alt="Vitamin D3 K2 &amp; C Mundspray" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5346/file/small-23bd3726affdcdaae351c15d4434d212.webp 600w, https://assets.fabulous.ch/public/variant_asset/5346/file/medium-19b709750cfae2541209c5080a401ed1.webp 900w, https://assets.fabulous.ch/public/variant_asset/5346/file/large-44166f139b49b045f03f98162999db7d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5346/file/medium-19b709750cfae2541209c5080a401ed1.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">energybalance</p>
          <a href="/de/products/vitamin-d3-k2-c-mundspray-25-ml-9489">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vitamin D3 K2 &amp; C Mundspray, 25 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8Gly5-L0fDAf90RJ02UvkSCx9B5sPfx4jSxrzU3rPYmwtBT95hehK9ic_HdOEI1PCNES4tzhC_ZchRdtSAqsbA" />
    <input value="9489" 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/essig-apfelessig-vegan-bio-1-l-6974">
          <img alt="Essig Apfelessig Vegan Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4039/file/small-76dc5cb968880cc6027cddf846d88ca1.webp 600w, https://assets.fabulous.ch/public/variant_asset/4039/file/medium-dbaf828f09c5f06cf7f1614aad36ef62.webp 900w, https://assets.fabulous.ch/public/variant_asset/4039/file/large-71de24f5b8d204ffa47a33150811b84a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4039/file/medium-dbaf828f09c5f06cf7f1614aad36ef62.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/essig-apfelessig-vegan-bio-1-l-6974">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Essig Apfelessig Vegan Bio, 1 l</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.49 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="o5I04HcE36tXW8WTgS55Xrij13mumAUQGK9C5zVBD4njT1L6c-cCsJAwfa0cW9uAkMMxhR5E8p7JBj5HMKCebA" />
    <input value="6974" 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/klarspuler-fur-geschirrspulmaschine-500-ml-7581">
          <img alt="Klarspüler für Geschirrspülmaschine" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4375/file/small-b00460da3ce1cd53e4c0d00204044450.webp 600w, https://assets.fabulous.ch/public/variant_asset/4375/file/medium-21da1d5edff2adf593823aba85dad5b3.webp 900w, https://assets.fabulous.ch/public/variant_asset/4375/file/large-412c7dc90f38ab8adf77c0f33a5c353e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4375/file/medium-21da1d5edff2adf593823aba85dad5b3.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">Sonett</p>
          <a href="/de/products/klarspuler-fur-geschirrspulmaschine-500-ml-7581">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Klarspüler für Geschirrspülmaschine, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.35
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UH8Oqbg8ecqX_ZV3pAhBgILrWxD_ysBJF-PKxoa0gdAQomizvN-k0VCWLUk5feNeqou97E8WN8fGSrZmg1UQNQ" />
    <input value="7581" 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/melt-me-vegane-alternative-zu-fondue-kase-sauce-bio-400-g-8125">
          <img alt="Melt Me Vegane Alternative zu Fondue &amp; Käse-Sauce Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4752/file/small-749e3d30e49de474a60403a355ab00ad.webp 600w, https://assets.fabulous.ch/public/variant_asset/4752/file/medium-c1c65952d583a7e83dfdf1772cb4fd14.webp 900w, https://assets.fabulous.ch/public/variant_asset/4752/file/large-a6e59dee7995d0d32269b56c2de3dd91.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4752/file/medium-c1c65952d583a7e83dfdf1772cb4fd14.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">Soyana</p>
          <a href="/de/products/melt-me-vegane-alternative-zu-fondue-kase-sauce-bio-400-g-8125">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Melt Me Vegane Alternative zu Fondue &amp; Käse-Sauce Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.85
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.46 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gzG6TXsrZbpDhAWh1NJlBF-JXS5Dg8ol-iQDDLj4u3HD7NxXf8i4oYTvvZ9Jp8fad-m70vNfPasrjX-svRkqlA" />
    <input value="8125" 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-spaghetti-mais-reis-glutenfrei-bio-250-g-16023">
          <img alt="Pasta Spaghetti 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/7401/file/small-1d5f1a8590bb4c186929bd3c5227a512.webp 600w, https://assets.fabulous.ch/public/variant_asset/7401/file/medium-dd0ac9ac9700b85ad6ae6a60b3464b17.webp 900w, https://assets.fabulous.ch/public/variant_asset/7401/file/large-27a282fff204092e745fd80fe06e2fe7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7401/file/medium-dd0ac9ac9700b85ad6ae6a60b3464b17.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-spaghetti-mais-reis-glutenfrei-bio-250-g-16023">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Spaghetti 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-16023-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hHw42htn6PtmFuTQ9iBbMFnronOhuMxeU4AV5XfxFYPEoV7AH4Q14KF9XO5rVfnucYtEjxFkO9CCKWlFchCEZg" />
    <input value="16023" 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/mais-erdnuss-flips-glutenfrei-bio-125-g-5389">
          <img alt="Mais Erdnuss Flips Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9006/file/small-00f0dbdb6cc51de47830dcfae70b2529.webp 600w, https://assets.fabulous.ch/public/variant_asset/9006/file/medium-0be6aa8581b178468131008f0483abbb.webp 900w, https://assets.fabulous.ch/public/variant_asset/9006/file/large-298218fa2675eef960c598dfe2f7ed00.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9006/file/medium-0be6aa8581b178468131008f0483abbb.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">de Rit</p>
          <a href="/de/products/mais-erdnuss-flips-glutenfrei-bio-125-g-5389">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mais Erdnuss Flips Glutenfrei Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.45
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="R_ieV1XVcdKN6LUYV5U_R3QMfUnqsEkUW2BZ6tAPNI8HJfhNUTasyUqDDSbK4J2ZXGybtVpsvpqKySVK1e6lag" />
    <input value="5389" 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">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Tipp
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/biscuit-hazelnut-chocolate-praline-bio-135-g-12381">
          <img alt="Biscuit Hazelnut Chocolate Praline Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6205/file/small-efe6cebcbd3e9e6f7c100249a4987f36.webp 600w, https://assets.fabulous.ch/public/variant_asset/6205/file/medium-b2e66bcf9340e6a7fcb01a53feb0671d.webp 900w, https://assets.fabulous.ch/public/variant_asset/6205/file/large-1a5bdf09d408c2953e44fb4ed2be1591.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6205/file/medium-b2e66bcf9340e6a7fcb01a53feb0671d.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/biscuit-hazelnut-chocolate-praline-bio-135-g-12381">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biscuit Hazelnut Chocolate Praline Bio, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.35
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jbMwxFCNwSe1S7ijSceN1ugcENWvL_OXy4TfavBv0svNblbeVG4cPHIgAJ3Usi8IwHz2KR_zBBkaLaPK9Y5DLg" />
    <input value="12381" 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">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Tipp
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/tofu-rauchertofu-bio-140-g-108">
          <img alt="Tofu Räuchertofu Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/118/file/small-08059504fa3d36efd22cddda3033305e.webp 600w, https://assets.fabulous.ch/public/variant_asset/118/file/medium-68e2192ede5e8efba6310d7cb62f28d2.webp 900w, https://assets.fabulous.ch/public/variant_asset/118/file/large-ba5f160d0cba188260069f041306e72d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/118/file/medium-68e2192ede5e8efba6310d7cb62f28d2.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">Engel-Tofu</p>
          <a href="/de/products/tofu-rauchertofu-bio-140-g-108">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tofu Räuchertofu Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.85
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 4.18 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gLbHIXzZ015snelGUFcw6f_KRl-zanYFghMoLvHjOffAa6E7eDoORav2UXjNIpI316qgowO2gYtTulSO9AKoEg" />
    <input value="108" 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">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Tipp
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/haselnuss-reis-drink-ohne-zuckerzusatz-bio-1-l-94d9e9eb-0b04-4044-b831-b1555fd6fba5-10782">
          <img alt="Haselnuss Reis Drink Ohne Zuckerzusatz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5624/file/small-7e491859548c108fc68c2c1a05e28ef2.webp 600w, https://assets.fabulous.ch/public/variant_asset/5624/file/medium-7ea5a6bac685e45044a8bbcb352cb2c6.webp 900w, https://assets.fabulous.ch/public/variant_asset/5624/file/large-65ec05ba5c95bdf82fae37ca4ce4f647.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5624/file/medium-7ea5a6bac685e45044a8bbcb352cb2c6.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="/de/products/haselnuss-reis-drink-ohne-zuckerzusatz-bio-1-l-94d9e9eb-0b04-4044-b831-b1555fd6fba5-10782">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Haselnuss Reis Drink Ohne Zuckerzusatz Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.25
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sjpenwWlNVSGVLKZ1Vb6KYWSNhVdjxiIIk6jmn3TdIDy5ziFAUboT0E_CqdII1j3rfLQ6e1T7wbz5986eDLlZQ" />
    <input value="10782" 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/seitan-geschnetzelt-bio-1-kg-17535">
          <img alt="Seitan Geschnetzelt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8180/file/small-18289d7571c04883073b57b24f3429a1.webp 600w, https://assets.fabulous.ch/public/variant_asset/8180/file/medium-d71789aafaba9bc502f9c714b7dc74fe.webp 900w, https://assets.fabulous.ch/public/variant_asset/8180/file/large-d8fc39f2163453d6a412c844caa95566.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8180/file/medium-d71789aafaba9bc502f9c714b7dc74fe.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">Engel-Tofu</p>
          <a href="/de/products/seitan-geschnetzelt-bio-1-kg-17535">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Seitan Geschnetzelt Bio, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.15
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.32 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XMik8O32Adch1lMi8KtFDeezzNmlzc7WW-IXZZRqt7YcFcLq6RXczOa96xxt3ufTz9MqJRUROViKS2vFkYsmUw" />
    <input value="17535" 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/biofarm-basmatireis-weiss-grossgebinde-bio-5-kg-15494">
          <img alt="Biofarm Basmatireis weiss Grossgebinde Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7066/file/small-5875f96301a8a1b323105d2f28bae045.webp 600w, https://assets.fabulous.ch/public/variant_asset/7066/file/medium-429440f5312e38cd819ffb0cc17195e4.webp 900w, https://assets.fabulous.ch/public/variant_asset/7066/file/large-3803e973c4a2945dba4cdd3fffba6aec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7066/file/medium-429440f5312e38cd819ffb0cc17195e4.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/biofarm-basmatireis-weiss-grossgebinde-bio-5-kg-15494">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biofarm Basmatireis weiss Grossgebinde Bio, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 47.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="58U5HIs_ol7HaZp8LtrrkOtqQzx1LtxW7T8Rg6r-gSSnGF8Gj9x_RQACIkKzr0lOwwqlwMXyK9g8lm0jrx8QwQ" />
    <input value="15494" 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/keksteig-cookie-dough-schokoladenchips-bio-90-g-8382">
          <img alt="Keksteig Cookie Dough Schokoladenchips Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4952/file/small-69a869f4ca3e45a5106f85bce310b12e.webp 600w, https://assets.fabulous.ch/public/variant_asset/4952/file/medium-fd0b43411d71a48959e12d2054702462.webp 900w, https://assets.fabulous.ch/public/variant_asset/4952/file/large-18f54588eb237af17053e6de7a15b76e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4952/file/medium-fd0b43411d71a48959e12d2054702462.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">Freely Handustry</p>
          <a href="/de/products/keksteig-cookie-dough-schokoladenchips-bio-90-g-8382">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Keksteig Cookie Dough Schokoladenchips Bio, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.00
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.33 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nqP2b6dEo16WCXEhocJp8dbeVmfa4_DB8EThfVcGCgbefpB1o6d-RVFiyR88t8sv_r6wm2o_B08h7Z3dUueb4w" />
    <input value="8382" 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/ich-bin-keine-bratwurst-glutenfrei-bio-1-kg-17863">
          <img alt="&quot;Ich bin keine Bratwurst&quot; Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8861/file/small-abd061d29a1333bb4d6994ef32783746.webp 600w, https://assets.fabulous.ch/public/variant_asset/8861/file/medium-1921799052d4c9a6b26ff94adc870063.webp 900w, https://assets.fabulous.ch/public/variant_asset/8861/file/large-b7d220b055a6b6fbe5f83d04e39abc59.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8861/file/medium-1921799052d4c9a6b26ff94adc870063.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">Soyana</p>
          <a href="/de/products/ich-bin-keine-bratwurst-glutenfrei-bio-1-kg-17863">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">&quot;Ich bin keine Bratwurst&quot; Glutenfrei Bio, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.60
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.76 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mBv8GeUH8hyGv-aH42P7AChKmP1sBWbzBycdFWGfxzLYxpoD4eQvB0HUXrl-FlneACp-AdzZkX3WjmG1ZH5W1w" />
    <input value="17863" 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/schoko-muesli-hafer-glutenfrei-bio-425-g-7935">
          <img alt="Schoko Müesli HAFER Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4659/file/small-ba7cf61da1d7f2b0ea045558d81bdb6a.webp 600w, https://assets.fabulous.ch/public/variant_asset/4659/file/medium-dc4a177a7b3c7820bfb09924c61e678a.webp 900w, https://assets.fabulous.ch/public/variant_asset/4659/file/large-7931c852bffed9f155dc2603bdcf359b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4659/file/medium-dc4a177a7b3c7820bfb09924c61e678a.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/schoko-muesli-hafer-glutenfrei-bio-425-g-7935">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Schoko Müesli HAFER Glutenfrei Bio, 425 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 1.46 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NnMpgQ3LMX3fH3t7F66Kpc36DrXQ3pY0EIO9UXlp2oR2rk-bCSjsZhh0w0WK2yh75ZroSWACYbrBKsHxfIhLYQ" />
    <input value="7935" 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/dinki-gehacktes-an-gewurz-marinade-bio-200-g-6821">
          <img alt="Dinki Gehacktes an Gewürz-Marinade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3942/file/small-e145d8daf2cb41bf9ce596a374471d2c.webp 600w, https://assets.fabulous.ch/public/variant_asset/3942/file/medium-ca6be279535eb6607171216c4f1a3fab.webp 900w, https://assets.fabulous.ch/public/variant_asset/3942/file/large-dd295bf62420b8d4383319c1e5b6eed6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3942/file/medium-ca6be279535eb6607171216c4f1a3fab.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">Soyana</p>
          <a href="/de/products/dinki-gehacktes-an-gewurz-marinade-bio-200-g-6821">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dinki Gehacktes an Gewürz-Marinade Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.95
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.48 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QXBZ3spSZGYbCzvNh_EQzUepVLb0by1PoVl12LfbG9MBrT_EzrG5fdxgg_MahLITb8mySkSz2sFw8Al4sjqKNg" />
    <input value="6821" 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/kokosmus-bio-500-g-17887">
          <img alt="Kokosmus Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8862/file/small-92f00d748437162985084e39c92ecbea.webp 600w, https://assets.fabulous.ch/public/variant_asset/8862/file/medium-fe2c3e65e4beb75660c9e1b7b0dd2e58.webp 900w, https://assets.fabulous.ch/public/variant_asset/8862/file/large-9f05840e4f35bb3c1ae875c54f066a9c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8862/file/medium-fe2c3e65e4beb75660c9e1b7b0dd2e58.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/kokosmus-bio-500-g-17887">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kokosmus Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Seks0cisXu9JVAbIlcFRXyCDgqMrsYOdXMcrOJky72YJNErLzE-D9I4_vvYItPOBCONkX5ttdBONbleYnNN-gw" />
    <input value="17887" 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/bonbons-lemon-zitrone-bio-50-g-1201">
          <img alt="Bonbons Lemon Zitrone Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1059/file/small-e3d49347968fb7e83134a133abc7b54b.webp 600w, https://assets.fabulous.ch/public/variant_asset/1059/file/medium-b3f87d243241de93e1a2ff7df6d35024.webp 900w, https://assets.fabulous.ch/public/variant_asset/1059/file/large-a5ab70e60271227c864f12ebb003f1a4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1059/file/medium-b3f87d243241de93e1a2ff7df6d35024.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/bonbons-lemon-zitrone-bio-50-g-1201">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bonbons Lemon Zitrone Bio, 50 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 7.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="z4HTplhhb_2UfRn6OZBzM8taqDaV-D2_h8e-pCD2gIKPXLW8XIKy5lMWocSk5dHt4zpOyiUkyjFWbsIEJRcRZw" />
    <input value="1201" 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/tofu-seidentofu-bio-400-g-353">
          <img alt="Tofu Seidentofu Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/314/file/small-4d323dbf89276d45aa16d07a7a9efe85.webp 600w, https://assets.fabulous.ch/public/variant_asset/314/file/medium-c32fc9c255babda93aa6d1b0c8dc4d93.webp 900w, https://assets.fabulous.ch/public/variant_asset/314/file/large-553bd9a528e77b35cb07d8bb57449742.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/314/file/medium-c32fc9c255babda93aa6d1b0c8dc4d93.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">Taifun</p>
          <a href="/de/products/tofu-seidentofu-bio-400-g-353">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tofu Seidentofu Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.13 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1i5lnRp7r1SJ9dc8lMfeTJEmWBZhdP5ucwM_EwTl29uW8wOHHphyT06ebwIJsnySuUa-6tGoCeCiqkOzAQRKPg" />
    <input value="353" 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/sticks-kreta-style-bio-175-g-16607">
          <img alt="Sticks Kreta-Style Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7661/file/small-a78205a6c2704aaa0c638bd640a8b2f4.webp 600w, https://assets.fabulous.ch/public/variant_asset/7661/file/medium-10d90b4fcaa1a489e3c6858f8005515f.webp 900w, https://assets.fabulous.ch/public/variant_asset/7661/file/large-23874dc1baa83ba569337343e0fa386f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7661/file/medium-10d90b4fcaa1a489e3c6858f8005515f.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">Soto</p>
          <a href="/de/products/sticks-kreta-style-bio-175-g-16607">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sticks Kreta-Style Bio, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.03 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nYsjGbnMaIGyCBcw4gfXevX-7cYIMXHJInzwgwTRtXvdVkUDvS-1mnVjrw5_cnWk3Z4LOrjthkfz1YwjATAkng" />
    <input value="16607" 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">
      540 von 3&#39;189 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/uhhmami?format=turbo_stream&amp;page=28">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>