<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/dattelzucker-bio-400-g-16876">
          <img alt="Dattelzucker Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7873/file/small-6a1caf58b430e67cbe975d62e5d98259.webp 600w, https://assets.fabulous.ch/public/variant_asset/7873/file/medium-c0ad6c7bcc1fd28cc0a22016225624c9.webp 900w, https://assets.fabulous.ch/public/variant_asset/7873/file/large-978296e814ef078d7df0eb58709cfdb9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7873/file/medium-c0ad6c7bcc1fd28cc0a22016225624c9.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">Govinda</p>
          <a href="/de/products/dattelzucker-bio-400-g-16876">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dattelzucker Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DWKHJJX2iXPw1CnY1th_Kv6nYEz4YdLg4CQNMduDsYdx1xijnGx8DI-l0Kx7REB44yhdbynV08MwTo2p7t2qfA" />
    <input value="16876" 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-reismehl-vk-glutenfrei-demeter-500-g-767">
          <img alt="Reismehl Vollkorn glutenfrei Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8868/file/small-4d6873aeafb1f0f4394ee851272ff4cd.webp 600w, https://assets.fabulous.ch/public/variant_asset/8868/file/medium-bde55863daf7949c15b2ac0fd43b0c67.webp 900w, https://assets.fabulous.ch/public/variant_asset/8868/file/large-f5b80da44600a65fbe6667e2b18cee6c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8868/file/medium-bde55863daf7949c15b2ac0fd43b0c67.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-reismehl-vk-glutenfrei-demeter-500-g-767">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Reismehl Vollkorn glutenfrei Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QigUyaj9BqiT_GE8k0O5UH40vUyPrPxNFfe2g7SED04-nYtOoWfz1-yNmEg-34YCY7uAb14Y_W7FnTYbgdoUtQ" />
    <input value="767" 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/weisse-bohnen-glas-demeter-350-g-7373">
          <img alt="Weisse Bohnen Glas Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4231/file/small-8f03e14db05e74164d731b88a7391230.webp 600w, https://assets.fabulous.ch/public/variant_asset/4231/file/medium-93c073422dd2a4c3bf1279ad8ea19dfd.webp 900w, https://assets.fabulous.ch/public/variant_asset/4231/file/large-7a42548b1c821609c6b7eec852369780.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4231/file/medium-93c073422dd2a4c3bf1279ad8ea19dfd.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">Nur Puur</p>
          <a href="/de/products/weisse-bohnen-glas-demeter-350-g-7373">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Weisse Bohnen Glas Demeter, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KKcwZXM9ABVZtLtstcEFDhUoDIP0poBi1yyEchz57vBUEq_ieqf1aibFQhgYXTpcCKcxoCUSgUEHRgTqKaf1Cw" />
    <input value="7373" 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/cookies-tout-choco-schokostuckchen-bio-175-g-5260">
          <img alt="Cookies Tout Choco Schokostückchen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3066/file/small-58c44f5dff775aa36a8eec49ee7a0de3.webp 600w, https://assets.fabulous.ch/public/variant_asset/3066/file/medium-3ce39f4cb771ba671db4f53a53d9cd27.webp 900w, https://assets.fabulous.ch/public/variant_asset/3066/file/large-eeec3326576a41244437d94121b1d8e2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3066/file/medium-3ce39f4cb771ba671db4f53a53d9cd27.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">Moulin du Piver</p>
          <a href="/de/products/cookies-tout-choco-schokostuckchen-bio-175-g-5260">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cookies Tout Choco Schokostückchen Bio, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FiHJ37bNvsrzyFcY6ffvIu9pBVyxofswjBRrl1BQuJtqlFZYv1dLtYy5rmxEa9Bw8uY4f2AV-hNcfusPZQ6jYA" />
    <input value="5260" 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/vegegg-auf-lupinenbasis-vegane-alternative-zu-eiern-bio-175-g-1135">
          <img alt="VegEgg auf Lupinenbasis, Vegane Alternative zu Eiern Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1013/file/small-29c4c7aa69ed333ed739132f1deb781f.webp 600w, https://assets.fabulous.ch/public/variant_asset/1013/file/medium-da92b5b1e5863ac4d6a7bc1a49ae9e5c.webp 900w, https://assets.fabulous.ch/public/variant_asset/1013/file/large-85bc098d90e2f17b3cf339c48e93e3fb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1013/file/medium-da92b5b1e5863ac4d6a7bc1a49ae9e5c.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">Arche</p>
          <a href="/de/products/vegegg-auf-lupinenbasis-vegane-alternative-zu-eiern-bio-175-g-1135">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">VegEgg auf Lupinenbasis, Vegane Alternative zu Eiern Bio, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="N4EsqxOL_1nS0KDrI-FcjPVq5buthQps1PuyJrPQw41LNLMsGhEKJq2hWZ-OfWPe6OXYmHwxC08EkTK-ho7Ydg" />
    <input value="1135" 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/ei-ersatz-glutenfrei-250-g-7d5fb16e-88ff-4b24-b4a0-258f0d979f71-16910">
          <img alt="Ei-Ersatz glutenfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7883/file/small-63ef0c23def2297565b0b61d2ad99153.webp 600w, https://assets.fabulous.ch/public/variant_asset/7883/file/medium-580bde1c218b2a537c01a5e896022815.webp 900w, https://assets.fabulous.ch/public/variant_asset/7883/file/large-ed925d401c490c865fcd0156fd8a2d29.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7883/file/medium-580bde1c218b2a537c01a5e896022815.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">Hammermühle Organic</p>
          <a href="/de/products/ei-ersatz-glutenfrei-250-g-7d5fb16e-88ff-4b24-b4a0-258f0d979f71-16910">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ei-Ersatz glutenfrei, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AHV-suO34EY46k-EwunPgxPqOMT6_nfvxcUZDvZCrqV8wOE16i0VOUebtvBvdfDRDmUF5ytKdswVr5mWwxy1Xg" />
    <input value="16910" 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/cuisine-mandel-bio-500-ml-6842">
          <img alt="Cuisine Mandel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3965/file/small-d84c2a6bd82442762f57e403365b5569.webp 600w, https://assets.fabulous.ch/public/variant_asset/3965/file/medium-71bdfca6cbb2babb7fae6c501d600f49.webp 900w, https://assets.fabulous.ch/public/variant_asset/3965/file/large-8d0636fc8abd5ee6abd8a0abd391d137.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3965/file/medium-71bdfca6cbb2babb7fae6c501d600f49.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Ecomil</p>
          <a href="/de/products/cuisine-mandel-bio-500-ml-6842">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cuisine Mandel Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tfAy67ZqYoGaoN2ZSYiMMmP-9GS9PQm7kCz0avWh_TnJRa1sv_CX_uXRJO3kFLNgfnHJR2yJCJhARnTywP_mwg" />
    <input value="6842" 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/voelkel-kombucha-limette-ingwer-bio-330-ml-16575">
          <img alt="Voelkel Kombucha Limette Ingwer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7640/file/small-8dabb88d251b9447705d1c24277b5c3e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7640/file/medium-8c32410c7b55acfa9b91e608a75cecac.webp 900w, https://assets.fabulous.ch/public/variant_asset/7640/file/large-c80d76589027742df58b33fbeb217e22.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7640/file/medium-8c32410c7b55acfa9b91e608a75cecac.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">Voelkel</p>
          <a href="/de/products/voelkel-kombucha-limette-ingwer-bio-330-ml-16575">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Voelkel Kombucha Limette Ingwer Bio, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yhDAg59TrbdyobHzgPCYWCVdL6DgnHS62XBin-29YMe2pV8ElslYyA3QSIctbKcKONISgzEodZkJGuIH2ON7PA" />
    <input value="16575" type="hidden" name="variant_id" id="variant_id" />
    <input value="10" 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/veggiemix-kottbullar-bio-180-g-9470">
          <img alt="VeggieMix Köttbullar Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5334/file/small-a853ea7d1f6967bdaefde7b6a90b6c87.webp 600w, https://assets.fabulous.ch/public/variant_asset/5334/file/medium-906c9543aacb368df14d76904cb265b9.webp 900w, https://assets.fabulous.ch/public/variant_asset/5334/file/large-d9c53d8463f50b64eb5736cc885ccf3e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5334/file/medium-906c9543aacb368df14d76904cb265b9.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/veggiemix-kottbullar-bio-180-g-9470">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">VeggieMix Köttbullar Bio, 180 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 2.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YYVss44y0_mePidxmKhzNDnbmz9vEDatwUCqLgFF9bMdMPM0h6gmhuFP3gU1NExmJFSmHL6kN44RKiq2NBvuSA" />
    <input value="9470" 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/maisgriess-polenta-glutenfrei-demeter-500-g-5310">
          <img alt="Maisgriess (Polenta) Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8778/file/small-bec6edb8a5105a06f3639e2231bb7d51.webp 600w, https://assets.fabulous.ch/public/variant_asset/8778/file/medium-c08bffb3190886855a8cfe4a0ecaf1ca.webp 900w, https://assets.fabulous.ch/public/variant_asset/8778/file/large-cac1350639f70af03d2d8af6928f699b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8778/file/medium-c08bffb3190886855a8cfe4a0ecaf1ca.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">Davert</p>
          <a href="/de/products/maisgriess-polenta-glutenfrei-demeter-500-g-5310">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Maisgriess (Polenta) Glutenfrei Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FCwmjLANw8q2U8y9D_BJVNVC9lc2I015puJuZra_flVombkLuZc2tckiNcmibHYGyM3LdOeXTFp2iO7-g-Flrg" />
    <input value="5310" 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/pralines-vegolino-nougat-glutenfrei-bio-180-g-1944">
          <img alt="Pralinés Vegolino Nougat Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1553/file/small-ee73f273a9a4b0e222fc0a8ccc144b23.webp 600w, https://assets.fabulous.ch/public/variant_asset/1553/file/medium-c3780f1e49743043f761bd41c0cda83d.webp 900w, https://assets.fabulous.ch/public/variant_asset/1553/file/large-b6a340af54505b532b236f7dc4a4327d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1553/file/medium-c3780f1e49743043f761bd41c0cda83d.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">Vego Chocolate</p>
          <a href="/de/products/pralines-vegolino-nougat-glutenfrei-bio-180-g-1944">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pralinés Vegolino Nougat Glutenfrei Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zClH9DZQdFPWtNggKaMMFK_tGs-9uMNMiswy9T_WfqCwnNhzP8qBLKnFIVSEPzNGsmIn7GwMwm9aprJtCohlWw" />
    <input value="1944" 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/meine-vegane-bolognese-bio-28-g-7862">
          <img alt="Meine vegane Bolognese Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4596/file/small-d8821acd7cd9ba8ebde3753a66ee63a3.webp 600w, https://assets.fabulous.ch/public/variant_asset/4596/file/medium-7f329a20a5cc37699985319bd8a2cc33.webp 900w, https://assets.fabulous.ch/public/variant_asset/4596/file/large-106d6636444d648906d910fa477d8bbf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4596/file/medium-7f329a20a5cc37699985319bd8a2cc33.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">Biovegan</p>
          <a href="/de/products/meine-vegane-bolognese-bio-28-g-7862">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Meine vegane Bolognese Bio, 28 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="B5lXh4pklX4BJLZmgnevNxVFaTV_pVRj4zXiAdZj96V7LMgAg_5gAX5VTxIv65BlCMpUFq4RVUAzX2KZ4z3sXg" />
    <input value="7862" 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/veganes-ruhrei-mit-speck-ersatz-bio-50-g-14971">
          <img alt="Veganes Rührei mit Speck-Ersatz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6860/file/small-0d22aa06da56dd673acd7a8310e82b50.webp 600w, https://assets.fabulous.ch/public/variant_asset/6860/file/medium-5abfe1f28f84c78ef365e31f0d9378c8.webp 900w, https://assets.fabulous.ch/public/variant_asset/6860/file/large-fd0218c94ac196ab0183228beebf4e53.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6860/file/medium-5abfe1f28f84c78ef365e31f0d9378c8.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">Biovegan</p>
          <a href="/de/products/veganes-ruhrei-mit-speck-ersatz-bio-50-g-14971">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Veganes Rührei mit Speck-Ersatz Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5pZaJwi1DVogqtbqZRkuyLyVrkWH_uetwxmnL9Pv6J6aI8WgAS_4JV_bL57IhRGaoRqTZlZK5o4Tcye35rHzZQ" />
    <input value="14971" 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/champs-erdnuss-karamell-riegel-bio-45-g-14661">
          <img alt="Champs Erdnuss Karamell Riegel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6778/file/small-6ac6311554a849f3229ece93533a4a05.webp 600w, https://assets.fabulous.ch/public/variant_asset/6778/file/medium-da9442a03e3ae69cc074998fe0c5871e.webp 900w, https://assets.fabulous.ch/public/variant_asset/6778/file/large-aa59a8b51bec5cf4060f1ded9ebd0004.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6778/file/medium-da9442a03e3ae69cc074998fe0c5871e.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">Champs</p>
          <a href="/de/products/champs-erdnuss-karamell-riegel-bio-45-g-14661">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Champs Erdnuss Karamell Riegel Bio, 45 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_osWof8BBA4byMwtILNJhla5LeZ8ypLfzwbpT7mEqXyCPokm9pvxcWS5NVmNL3bUSzYQxa1-k_wfbGnXjNqyhw" />
    <input value="14661" 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/champs-kakao-karamell-riegel-bio-43-g-14622">
          <img alt="Champs Kakao Karamell Riegel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6770/file/small-7ab39b86605fefd47404f172150552aa.webp 600w, https://assets.fabulous.ch/public/variant_asset/6770/file/medium-4d9c9f14a0fd5ffc9d6f8ac868bc81e5.webp 900w, https://assets.fabulous.ch/public/variant_asset/6770/file/large-1c0e31c162e81ef3f09e9c6b98c60f3c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6770/file/medium-4d9c9f14a0fd5ffc9d6f8ac868bc81e5.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">Champs</p>
          <a href="/de/products/champs-kakao-karamell-riegel-bio-43-g-14622">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Champs Kakao Karamell Riegel Bio, 43 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jpHiM1ApL6XnBhOXud-uMpZKIP8vcxhA4niZLtRAddDyJH20WbPa2ph36uMUQ5Fgi8Ud3P7HGWMyEhm24R5uKw" />
    <input value="14622" 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/wurst-mini-super-griller-frankenberger-vegan-bio-200-g-681">
          <img alt="Wurst Mini Super Griller Frankenberger Vegan Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/625/file/small-22edb8197a4e3be9cb9f6e40b9f6765f.webp 600w, https://assets.fabulous.ch/public/variant_asset/625/file/medium-89e16e77ff631652732aa70b28258b57.webp 900w, https://assets.fabulous.ch/public/variant_asset/625/file/large-8126172ff70e99049fdee06ebbf20348.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/625/file/medium-89e16e77ff631652732aa70b28258b57.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Wheaty</p>
          <a href="/de/products/wurst-mini-super-griller-frankenberger-vegan-bio-200-g-681">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Wurst Mini Super Griller Frankenberger Vegan Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.70
            </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.35 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KidCPaUiQ6KjHuPJojnBfszxu-r73odz7KEbz7sd7j1Wkt26rLi23dxvGr0Ppf4s0X6GySpqhlA8y5tXjkP1xg" />
    <input value="681" 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/pasta-frisch-gnocchi-classic-bio-400-g-214">
          <img alt="Pasta Frisch Gnocchi Classic Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/213/file/small-8f20dfe30c2f2eb360a2553b8eb42a9f.webp 600w, https://assets.fabulous.ch/public/variant_asset/213/file/medium-28c50cce89a81a1d8a9f67faeae79845.webp 900w, https://assets.fabulous.ch/public/variant_asset/213/file/large-be9cd2519d3a934ffe9d6dbdd8756ba5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/213/file/medium-28c50cce89a81a1d8a9f67faeae79845.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">Pural</p>
          <a href="/de/products/pasta-frisch-gnocchi-classic-bio-400-g-214">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Frisch Gnocchi Classic Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </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.23 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iwXCJ4cwdYlXfepwvARlF_SHENWCyUKHY_DBVKLgch73sF2gjqqA9igMEwQRmFpF6Qgt9lN9Q6SzmkHMl75p5Q" />
    <input value="214" 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/weisse-wurst-vegane-alternative-zu-weisswurst-bio-130-g-104">
          <img alt="Weisse Wurst Vegane Alternative zu Weisswurst Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/116/file/small-8c8fe2d67fe1e575963f13dd3e342546.webp 600w, https://assets.fabulous.ch/public/variant_asset/116/file/medium-14869a1cdbf53d0962d388a5b6b20d09.webp 900w, https://assets.fabulous.ch/public/variant_asset/116/file/large-062f9c08dbe8522099b4cdeafd6e6046.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/116/file/medium-14869a1cdbf53d0962d388a5b6b20d09.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Wheaty</p>
          <a href="/de/products/weisse-wurst-vegane-alternative-zu-weisswurst-bio-130-g-104">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Weisse Wurst Vegane Alternative zu Weisswurst Bio, 130 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 3.46 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fJ0k-ptLVfR7-NIOpzV3xgSk_sLI8xBfaxSKPVpEQd0AKLt9ktGgiwSJK3oKqUiUGSvD4RlHEXy7fgqlbxpaJg" />
    <input value="104" 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-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kokosmilch-schokolade-dessert-bio-80-g-14602">
          <img alt="Kokosmilch Schokolade Dessert Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8997/file/small-acfe4c512a50a1420d1cdd887e3e2217.webp 600w, https://assets.fabulous.ch/public/variant_asset/8997/file/medium-6c5c91c6e80da781b33b6c2458d001e5.webp 900w, https://assets.fabulous.ch/public/variant_asset/8997/file/large-8e50e900c10581497492d7584c3c479c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8997/file/medium-6c5c91c6e80da781b33b6c2458d001e5.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">Harvest Moon</p>
          <a href="/de/products/kokosmilch-schokolade-dessert-bio-80-g-14602">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kokosmilch Schokolade Dessert Bio, 2 x 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/de/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Benachrichtigen
</a>

      </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/kardamom-ganz-bio-40-g-6450">
          <img alt="Kardamom Ganz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3700/file/small-124e785964e9f420546dda35873ff712.webp 600w, https://assets.fabulous.ch/public/variant_asset/3700/file/medium-4cc0495019b69551229fcde38bdeb3ec.webp 900w, https://assets.fabulous.ch/public/variant_asset/3700/file/large-9e73e32db9655e324aa46251a4057107.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3700/file/medium-4cc0495019b69551229fcde38bdeb3ec.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">Sonnentor</p>
          <a href="/de/products/kardamom-ganz-bio-40-g-6450">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kardamom Ganz Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.35
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kc93c2tT8mq7ZES3toiHxdLmwkHvEBeF0oxpyw-cir7teuj0YskHFcQVvcMbFLiXz2n_Yj6kFqYC5ulTOsKRRQ" />
    <input value="6450" 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">
      940 von 3&#39;201 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/grunhof?format=turbo_stream&amp;page=48">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>