<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/soyana-swiss-reis-drink-vollreis-ungesusst-bio-1-l-15223">
          <img alt="Soyana Swiss Reis-Drink Vollreis ungesüsst Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6981/file/small-fbfdb690cdf7f580d6f41b71ff161117.webp 600w, https://assets.fabulous.ch/public/variant_asset/6981/file/medium-fde936cac69d4be0ffa0608f65835df5.webp 900w, https://assets.fabulous.ch/public/variant_asset/6981/file/large-0784d43e2358015f177c75f0993b1713.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6981/file/medium-fde936cac69d4be0ffa0608f65835df5.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/soyana-swiss-reis-drink-vollreis-ungesusst-bio-1-l-15223">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soyana Swiss Reis-Drink Vollreis ungesüsst Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.05
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="00b8mKBEe1_zzVMtR4R-AcvGUhzmQn0aXsmon38o2Li0wlVu8L-3zKYcbQ9l4Ng0Bx8vXDSPYnO5hVPbhh558g" />
    <input value="15223" 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/rohkostriegel-schokochip-protein-riegel-bio-60-g-3154">
          <img alt="Rohkostriegel Schokochip Protein-Riegel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2170/file/small-783c60d32a7f723eb0d03fab16542a36.webp 600w, https://assets.fabulous.ch/public/variant_asset/2170/file/medium-34c0d461b494da52f87fd61b19718aed.webp 900w, https://assets.fabulous.ch/public/variant_asset/2170/file/large-aeca80af9768c434aec04f5d2bda184f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2170/file/medium-34c0d461b494da52f87fd61b19718aed.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">Roo&#39;Bar</p>
          <a href="/de/products/rohkostriegel-schokochip-protein-riegel-bio-60-g-3154">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rohkostriegel Schokochip Protein-Riegel Bio, 60 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 5.75 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MyTWqQooOtdxuXWVM3krsTryQrY_hWflAxQD9CJ6Z0dUoH9fWtP2RCRoS7cRHY2E9is_9u1IeIzkWPiw20zGDQ" />
    <input value="3154" 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/veganer-ei-ersatz-100-pflanzlich-bio-20-g-7129">
          <img alt="Veganer Ei-Ersatz 100% pflanzlich Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4092/file/small-14298162187b7b2da957f3ca10112419.webp 600w, https://assets.fabulous.ch/public/variant_asset/4092/file/medium-2c9b9159ee6ca29445560060f11fc2b5.webp 900w, https://assets.fabulous.ch/public/variant_asset/4092/file/large-f4ab4391e5d4a14c2e51e0d451583e20.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4092/file/medium-2c9b9159ee6ca29445560060f11fc2b5.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/veganer-ei-ersatz-100-pflanzlich-bio-20-g-7129">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Veganer Ei-Ersatz 100% pflanzlich Bio, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="f_65VzG49WQlMQwJ_l91tAMGt4rMn8sc1Q_Wxe66BUwYehChYUM593DgMivcO9OBz9_Kyh5S1HUyQy2BF4ykBg" />
    <input value="7129" 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/roobar-schokoladenriegel-kokosnuss-bio-30-g-6953">
          <img alt="Roobar Schokoladenriegel Kokosnuss Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4022/file/small-921ae2812aae39a66fec05f2ee405e53.webp 600w, https://assets.fabulous.ch/public/variant_asset/4022/file/medium-d0634175d48034e07ea164ccd6ae87a1.webp 900w, https://assets.fabulous.ch/public/variant_asset/4022/file/large-5e703b621c1e39b70b215786047a90b0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4022/file/medium-d0634175d48034e07ea164ccd6ae87a1.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">Roo&#39;Bar</p>
          <a href="/de/products/roobar-schokoladenriegel-kokosnuss-bio-30-g-6953">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Roobar Schokoladenriegel Kokosnuss Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IotahHbbBOEvAIVPtrD80y4KmwyF5ybTax5TVbex0BtFD_NyJiDIcnrRu22U1Frm4tPmTFcqObqMUqgRTodxUQ" />
    <input value="6953" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kookie-cat-hemp-cacao-cookie-glutenfrei-bio-50-g-2288">
          <img alt="KOOKIE CAT Hemp Cacao Cookie Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1690/file/small-f7584bc26775add80c1d565eaf8509be.webp 600w, https://assets.fabulous.ch/public/variant_asset/1690/file/medium-862edc10914df33667bec2a291db8dce.webp 900w, https://assets.fabulous.ch/public/variant_asset/1690/file/large-6a507cb18cd16fa582b1f5481886f8a4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1690/file/medium-862edc10914df33667bec2a291db8dce.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Kookie Cat</p>
          <a href="/de/products/kookie-cat-hemp-cacao-cookie-glutenfrei-bio-50-g-2288">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">KOOKIE CAT Hemp Cacao Cookie Glutenfrei Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3Ukc5ljKb6ABTJM0xUEJSnHC57NFiIT8VYYq9SpBS-i6zbUQCDGjM1SdrRbnJa9_vRua85dFm5WyytGx03fqog" />
    <input value="2288" 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/lovechock-dark-dates-83-schokolade-bio-70-g-15939">
          <img alt="Lovechock Dark &amp; Dates 83% Schokolade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7333/file/small-f6d457aec955de017f73d55315bd3c60.webp 600w, https://assets.fabulous.ch/public/variant_asset/7333/file/medium-c626876d57de5cb14b9f5d50bcf462a5.webp 900w, https://assets.fabulous.ch/public/variant_asset/7333/file/large-61ecd16dbc8374c6039a8b202fefe55c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7333/file/medium-c626876d57de5cb14b9f5d50bcf462a5.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">Lovechock</p>
          <a href="/de/products/lovechock-dark-dates-83-schokolade-bio-70-g-15939">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lovechock Dark &amp; Dates 83% Schokolade Bio, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CZu3pJqlMFm2w-ipi4GkZF0fHZ6znoYTkQ-SVntIDJNuHx5Syl78yuMS1oup5QJRkcZg3mFTmXp2Q2kSgn6t2Q" />
    <input value="15939" 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/curry-paste-red-thai-bio-190-g-1342">
          <img alt="Curry Paste Red Thai Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1130/file/small-4936b2f1728b6ed8e9489e7238453f77.webp 600w, https://assets.fabulous.ch/public/variant_asset/1130/file/medium-26f4022f8456bd6dd4f0d19d7f894170.webp 900w, https://assets.fabulous.ch/public/variant_asset/1130/file/large-ddc0e8ecfacc1f3652e05e9b7e512294.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1130/file/medium-26f4022f8456bd6dd4f0d19d7f894170.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">Sanchon</p>
          <a href="/de/products/curry-paste-red-thai-bio-190-g-1342">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Curry Paste Red Thai Bio, 190 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6TkUks9LGw8UJxdCdK9qlcFBRNdRdv7dp_y7tWXiiaaOvb1kn7DXnEH2KWBWy8ygDZg5l4O74bRAsEDxnNQo7A" />
    <input value="1342" 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/lupinenschrot-bio-250-g-2807">
          <img alt="Lupinenschrot Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1986/file/small-e8d2e6d71e7400c50bbeba30a5af24f9.webp 600w, https://assets.fabulous.ch/public/variant_asset/1986/file/medium-fe1c3436d31fc677590f4c00ba15131a.webp 900w, https://assets.fabulous.ch/public/variant_asset/1986/file/large-12ced2b6d64c82a7c9dc6494c4e7df39.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1986/file/medium-fe1c3436d31fc677590f4c00ba15131a.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/lupinenschrot-bio-250-g-2807">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lupinenschrot Bio, 250 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 1.38 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uJgMdMwAXGnTP9LLDop37iKQJIQOT59ETtk8diqMsm_fHKWCnPuQ-obu7Oks7tHb7klZxNyCgC2plccy07oTJQ" />
    <input value="2807" 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/lupilove-protein-curry-lupinen-brotaufstrich-bio-135-g-13913">
          <img alt="LupiLove Protein Curry Lupinen-Brotaufstrich Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6620/file/small-d1c64598ffacdbba2f8e4ff2646f5e42.webp 600w, https://assets.fabulous.ch/public/variant_asset/6620/file/medium-abef035e4357826f9e17df98328e12fb.webp 900w, https://assets.fabulous.ch/public/variant_asset/6620/file/large-057710c1ae861326ce17a3fb1bf5342b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6620/file/medium-abef035e4357826f9e17df98328e12fb.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Zwergenwiese</p>
          <a href="/de/products/lupilove-protein-curry-lupinen-brotaufstrich-bio-135-g-13913">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">LupiLove Protein Curry Lupinen-Brotaufstrich Bio, 135 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 2.19 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zAVpBQ_LtKAq53nES_RcgcDL22XEpwnJCm9plcty58yrgcDzXzB4M382R-ZpkPq0DBKmJRZqFqDtI5LRMkRGhg" />
    <input value="13913" 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/dolmas-weinblatter-gefullt-mit-reis-bio-280-g-13009">
          <img alt="Dolmas Weinblätter gefüllt mit Reis Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6372/file/small-219c989c31c20f68813643c8e8ec8981.webp 600w, https://assets.fabulous.ch/public/variant_asset/6372/file/medium-c2c6fd0fd9279bd3ec1572fa551e941e.webp 900w, https://assets.fabulous.ch/public/variant_asset/6372/file/large-456d794561bc150f4323f93c9f2954bb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6372/file/medium-c2c6fd0fd9279bd3ec1572fa551e941e.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/dolmas-weinblatter-gefullt-mit-reis-bio-280-g-13009">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dolmas Weinblätter gefüllt mit Reis Bio, 280 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.25
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8luZyi7XNQjD6ivTxAzUeAb2LAbEuIPw7J6JmbyaDfWV3zA8fiz5m5Y7FfHmaHJNyi9RRhZ1nJkL0nLdRaysvw" />
    <input value="13009" 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-konjak-noodle-style-bio-400-g-1835">
          <img alt="Pasta Konjak Noodle-Style Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1426/file/small-906b451ce7791a2f8c4d175f5d1e287f.webp 600w, https://assets.fabulous.ch/public/variant_asset/1426/file/medium-06cb8a6c698d8336fd24be3be1dca3bd.webp 900w, https://assets.fabulous.ch/public/variant_asset/1426/file/large-971b5cd24d3f86957ee635c22b4388f5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1426/file/medium-06cb8a6c698d8336fd24be3be1dca3bd.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">Slendier</p>
          <a href="/de/products/pasta-konjak-noodle-style-bio-400-g-1835">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Konjak Noodle-Style Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="O59R6mDx4-NiYdq82VXRGnxLRyASneA0v-bRZIfRurpcG_gcMAovcDew5J77MXcvsJI6YMBQ_11Yqiogfucb8A" />
    <input value="1835" 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/streudose-leer-1-stuck-18011">
          <img alt="Streudose leer" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8931/file/small-3f9c14b9c67c3b8c1e43e1529704ee3a.webp 600w, https://assets.fabulous.ch/public/variant_asset/8931/file/medium-e84088202eaf72549003cde4276b809f.webp 900w, https://assets.fabulous.ch/public/variant_asset/8931/file/large-3d41428e988e012b0403f1aae7e879c0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8931/file/medium-e84088202eaf72549003cde4276b809f.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/streudose-leer-1-stuck-18011">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Streudose leer, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gxVVSv4x5nOqA2QieZ5jO5G-ZqYoMBpgOFRMRVnSC4Pkkfy8rsoq4P_SWgBb-sUOXWcb5vr9BQnfGLcBoOSqyQ" />
    <input value="18011" 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/mandeln-mandelblattchen-bio-100-g-7880">
          <img alt="Mandeln Mandelblättchen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4609/file/small-5be87b906bb1ae43b447acb42d39874b.webp 600w, https://assets.fabulous.ch/public/variant_asset/4609/file/medium-8b25b3ce918dd81028a48f3ddafa27c9.webp 900w, https://assets.fabulous.ch/public/variant_asset/4609/file/large-91ed8ca5ad4be8a47fa7366a1ce5d7a0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4609/file/medium-8b25b3ce918dd81028a48f3ddafa27c9.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/mandeln-mandelblattchen-bio-100-g-7880">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mandeln Mandelblättchen Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.65
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XK3qXo0KI5-a1fTmuc_EY3zjlCN3GOE5ljX8dDeEa6k7KUOo3fHvDM8EysSbq2JWsDrpY6XV_lBxeQcwzrLK4w" />
    <input value="7880" 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/lasagne-explore-cuisine-aus-grunen-linsen-bio-250-g-8643">
          <img alt="Lasagne Explore Cuisine aus grünen Linsen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5033/file/small-5449c1db86d48216b5508f6a1d5174cb.webp 600w, https://assets.fabulous.ch/public/variant_asset/5033/file/medium-4c5cb7c7312c691a0722aedd01c0609c.webp 900w, https://assets.fabulous.ch/public/variant_asset/5033/file/large-07a7a1ff2537943d101ce9c9d83ebd75.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5033/file/medium-4c5cb7c7312c691a0722aedd01c0609c.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">Explore Cuisine</p>
          <a href="/de/products/lasagne-explore-cuisine-aus-grunen-linsen-bio-250-g-8643">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lasagne Explore Cuisine aus grünen Linsen Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.15
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IT3AHRcrJmt8PgLVspJs_jjyXUYaBJHqTcOnRWW97Q9GuWnrR9Dq-CnvPPeQ9srL9CsgBsjJjoOqj1wBnItMRQ" />
    <input value="8643" 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/waffeln-schokolade-bio-190-g-4139">
          <img alt="Waffeln Schokolade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2610/file/small-188d68099e8336f206bf490f49fd7734.webp 600w, https://assets.fabulous.ch/public/variant_asset/2610/file/medium-b8f69dad81b6c53e1e63fc6c47cba3ab.webp 900w, https://assets.fabulous.ch/public/variant_asset/2610/file/large-1c5ed300216572f4be9fe4af2ca89587.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2610/file/medium-b8f69dad81b6c53e1e63fc6c47cba3ab.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">Bisson</p>
          <a href="/de/products/waffeln-schokolade-bio-190-g-4139">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Waffeln Schokolade Bio, 190 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kd9vJ3kXqWG_vTJeCymrolqagEKmHngKLeYIkC_irBn2W8bRKexl8upsDHwpTQ2XlkP9AnTTZ2PKqvPU1tQNUw" />
    <input value="4139" 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/new-roots-vegane-alternative-zu-joghurt-nature-bio-1-kg-17941">
          <img alt="New Roots Vegane Alternative zu Joghurt - Nature Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8882/file/small-db10a736af66a67d1ee2d39a6ac3492e.webp 600w, https://assets.fabulous.ch/public/variant_asset/8882/file/medium-3b27b330de6885ed268b2c2c7ec9ee14.webp 900w, https://assets.fabulous.ch/public/variant_asset/8882/file/large-fd3739591f70be349e60b58c7509ec29.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8882/file/medium-3b27b330de6885ed268b2c2c7ec9ee14.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">New Roots</p>
          <a href="/de/products/new-roots-vegane-alternative-zu-joghurt-nature-bio-1-kg-17941">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">New Roots Vegane Alternative zu Joghurt - Nature Bio, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.05
            </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.11 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FzQEGTNNv_wsA5PfYVOEtLWmzVwyYEbr5c1C3947_pVwsK3vY7Zzb3nSrf1DNyKBeX-wHOCtWYICgbmbJw1f3w" />
    <input value="17941" 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="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">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="fy5awBdbXBGLkfru2Bd3bAKW-DvuZdfOX4YCDto7-SkYqvM2R6CQgt5AxMz6c9FZzk-FezyoyKe4yvlKIw1YYw" />
    <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/baba-ganoush-glutenfrei-bio-170-g-9244">
          <img alt="Baba Ganoush Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5259/file/small-77b1d6ccefa84d57e743fc25d43fbd66.webp 600w, https://assets.fabulous.ch/public/variant_asset/5259/file/medium-ef564a19f195bbaaeb9c26cf5f6cfe15.webp 900w, https://assets.fabulous.ch/public/variant_asset/5259/file/large-e66a6274f4eca4144c31a5f8caae64a8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5259/file/medium-ef564a19f195bbaaeb9c26cf5f6cfe15.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Florentin</p>
          <a href="/de/products/baba-ganoush-glutenfrei-bio-170-g-9244">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Baba Ganoush Glutenfrei Bio, 170 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.25
            </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.68 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UOG7OasP0kbExwmuqfsIf8HzDEsK-b1f5so55b6G6Rk3ZRLP-_Qe1ZEWN4yLn65KDSpxC9g0ojYBhsKhR7BIUw" />
    <input value="9244" 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/burger-cashew-black-bean-bio-160-g-16608">
          <img alt="Burger Cashew Black Bean Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7663/file/small-012d22620156dd9debec1c1dc0d5e0fd.webp 600w, https://assets.fabulous.ch/public/variant_asset/7663/file/medium-4a693e30c6e05bdb0fbe036087204b3c.webp 900w, https://assets.fabulous.ch/public/variant_asset/7663/file/large-2edece486dcf0caf32f92fa7cf85f425.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7663/file/medium-4a693e30c6e05bdb0fbe036087204b3c.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/burger-cashew-black-bean-bio-160-g-16608">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Burger Cashew Black Bean Bio, 160 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 3.06 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AtW8-ibTy9SG7byw5zu8wzFUqXsxV69QPuDhTbz1uzRlURUMdigHR9M8gpLFXxr2_Y3UO-OasDnZrBoJRcMafg" />
    <input value="16608" 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/grattaveg-vegane-alternative-zu-hartkase-bio-200-g-13532">
          <img alt="GrattaVeg Vegane Alternative zu Hartkäse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6538/file/small-1b88723470da85e63f562e32218d694e.webp 600w, https://assets.fabulous.ch/public/variant_asset/6538/file/medium-3bbb14e9d2222941474903ebd832d037.webp 900w, https://assets.fabulous.ch/public/variant_asset/6538/file/large-cf4b7ecf0f34393c389d866877b809ce.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6538/file/medium-3bbb14e9d2222941474903ebd832d037.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">Vegeatal</p>
          <a href="/de/products/grattaveg-vegane-alternative-zu-hartkase-bio-200-g-13532">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">GrattaVeg Vegane Alternative zu Hartkäse Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.75
            </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.38 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JPGjblqMA4F0mD8ypuf9HqmdHFhBTTgoLJBiNJk8ewlDdQqYCnfPEiFJARCEg1srZURhGJOAJ0HL3JlwYAraQw" />
    <input value="13532" 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">
      300 von 3&#39;215 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/spa-vivent?format=turbo_stream&amp;page=16">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>