<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/mini-moments-mango-bio-100-g-16965">
          <img alt="Mini Moments Mango Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7923/file/small-3432e469145d0a4bd2b895466a216300.webp 600w, https://assets.fabulous.ch/public/variant_asset/7923/file/medium-edd148accb0f66eb3f1fd112a91c8e93.webp 900w, https://assets.fabulous.ch/public/variant_asset/7923/file/large-b4e0d205439a0efb2af7562c8bc97db5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7923/file/medium-edd148accb0f66eb3f1fd112a91c8e93.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/mini-moments-mango-bio-100-g-16965">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mini Moments Mango Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yVaVKcTrvMHm6ZIo1zpAft3lI7XyKRbp2GKOZxh7pBaB59boDkUrbMNHObPdvSEafKr-_2U3BKF3nY4xZZ9KaA" />
    <input value="16965" 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/tofu-grill-schweiz-bio-250-g-17230">
          <img alt="Tofu Grill Schweiz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8041/file/small-88c5a88870b7731d7b64b2045249933d.webp 600w, https://assets.fabulous.ch/public/variant_asset/8041/file/medium-d630ede66f3eb6bad0d882e8be5a7cce.webp 900w, https://assets.fabulous.ch/public/variant_asset/8041/file/large-d0195eb9ba0495581cfd8a4bf0a485ad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8041/file/medium-d630ede66f3eb6bad0d882e8be5a7cce.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">Futur</p>
          <a href="/de/products/tofu-grill-schweiz-bio-250-g-17230">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tofu Grill Schweiz Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RqKOvfQaEiayfRZGPyF77w41kzaRrOi2EPR-5HnS0AMOE818PrSFi5fTvd01phqLr3pOfAay-v6_C36yBDY-fQ" />
    <input value="17230" 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/tofuburger-gemuse-bio-200-g-17577">
          <img alt="Tofuburger Gemüse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8201/file/small-f571f27ab94faaac96fdaafdb6a3b0e4.webp 600w, https://assets.fabulous.ch/public/variant_asset/8201/file/medium-b2da4c06634171460c4bc28ebc9ed4e7.webp 900w, https://assets.fabulous.ch/public/variant_asset/8201/file/large-ddd911c93d748b7a10e2ebd27ad126ab.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8201/file/medium-b2da4c06634171460c4bc28ebc9ed4e7.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/tofuburger-gemuse-bio-200-g-17577">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tofuburger Gemüse Bio, 2 x 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.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 2.63 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DJJTT8q3huluS0Ucyqvamg81Z6-0z-Ixk4BUVoTylJ5EIxCOABkRREvl7ofALLv-rnq65SPR8Hk8f1QA-RZ64A" />
    <input value="17577" 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-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/petit-lorrain-vegane-alternative-zu-camembert-bio-110-g-7408">
          <img alt="Petit Lorrain Vegane Alternative zu Camembert Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4245/file/small-1240918d05b290631265b897b61de5ac.webp 600w, https://assets.fabulous.ch/public/variant_asset/4245/file/medium-8408d09d228620eda4a854c2b9a02511.webp 900w, https://assets.fabulous.ch/public/variant_asset/4245/file/large-ada965521c48618ea74391a0d1cedcba.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4245/file/medium-8408d09d228620eda4a854c2b9a02511.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">Petit Veganne</p>
          <a href="/de/products/petit-lorrain-vegane-alternative-zu-camembert-bio-110-g-7408">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Petit Lorrain Vegane Alternative zu Camembert Bio, 110 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.20
            </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 10.18 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-7408-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 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/petit-frais-zwiebel-schnittlauch-vegane-alternative-zu-weichkase-bio-130-g-16768">
          <img alt="Petit Frais Zwiebel &amp; Schnittlauch Vegane Alternative zu Weichkäse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7777/file/small-8db3318776ef52cca29486a170420f9a.webp 600w, https://assets.fabulous.ch/public/variant_asset/7777/file/medium-09bf899d4b79794afb88a6ada8a64c12.webp 900w, https://assets.fabulous.ch/public/variant_asset/7777/file/large-9d9e837d50789ec054c86ad526cd0f87.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7777/file/medium-09bf899d4b79794afb88a6ada8a64c12.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">Petit Veganne</p>
          <a href="/de/products/petit-frais-zwiebel-schnittlauch-vegane-alternative-zu-weichkase-bio-130-g-16768">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Petit Frais Zwiebel &amp; Schnittlauch Vegane Alternative zu Weichkäse Bio, 130 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.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 8.08 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LBkl08iO6MMYx7wzEM5FVoUQv4D5qYXofi2-vkfQV89kqGYSAiB_bj1pF6gaSSQyJF9iym63l6DR0r7oOjS5sQ" />
    <input value="16768" 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/petit-frais-knoblauch-krauter-vegane-alternative-zu-weichkase-bio-130-g-8015">
          <img alt="Petit Frais Knoblauch &amp; Kräuter Vegane Alternative zu Weichkäse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4689/file/small-73737b64c7b53bfe9af46d5e5bbf69aa.webp 600w, https://assets.fabulous.ch/public/variant_asset/4689/file/medium-64da30db0a897b70ec82068944f60fa6.webp 900w, https://assets.fabulous.ch/public/variant_asset/4689/file/large-adc2516dafba0e90b5d72d9a7d50a873.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4689/file/medium-64da30db0a897b70ec82068944f60fa6.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">Petit Veganne</p>
          <a href="/de/products/petit-frais-knoblauch-krauter-vegane-alternative-zu-weichkase-bio-130-g-8015">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Petit Frais Knoblauch &amp; Kräuter Vegane Alternative zu Weichkäse Bio, 130 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.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 8.08 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SpJh5vQojyiQFK0eQE1h4PRiV1f34jcnvm0la7HKY14CIyInPoYYhbW6BoVKygCEVS2KHWD8JW8RkiU9zC6NIA" />
    <input value="8015" 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/petit-alba-vegane-alternative-weichkase-bio-110-g-7409">
          <img alt="Petit Alba Vegane Alternative Weichkäse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4248/file/small-bd9f8a96020ea1bad9784b00945af6f9.webp 600w, https://assets.fabulous.ch/public/variant_asset/4248/file/medium-bc38fc66c3c9a754877bc1894531d7a2.webp 900w, https://assets.fabulous.ch/public/variant_asset/4248/file/large-5dc80c507cd795216449677a3a943ddf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4248/file/medium-bc38fc66c3c9a754877bc1894531d7a2.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">Petit Veganne</p>
          <a href="/de/products/petit-alba-vegane-alternative-weichkase-bio-110-g-7409">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Petit Alba Vegane Alternative Weichkäse Bio, 110 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.20
            </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 10.18 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-7409-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/gruntee-chi-kombucha-live-bio-500-ml-15948">
          <img alt="Grüntee-Chi Kombucha live Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7341/file/small-bf1cd4df79e89aeb9a37389268821aeb.webp 600w, https://assets.fabulous.ch/public/variant_asset/7341/file/medium-029fd0e613228c68c57d7c196591bf0a.webp 900w, https://assets.fabulous.ch/public/variant_asset/7341/file/large-b1d3d636d8decdfa51e3ed8711e22d0a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7341/file/medium-029fd0e613228c68c57d7c196591bf0a.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/gruntee-chi-kombucha-live-bio-500-ml-15948">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Grüntee-Chi Kombucha live Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zur9knRj75NIejpk5KbskV0aFAD3Wjsq6FIx6zsZ3DmGW75Tvs14Pm3Ukf_uIY31_FXJSmBEKWJHrTG9Rv0yRw" />
    <input value="15948" 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/ketchup-ohne-zuckerzusatz-bio-230-g-4565">
          <img alt="Ketchup ohne Zuckerzusatz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2810/file/small-8004644256b4242cf6455d63dacd5312.webp 600w, https://assets.fabulous.ch/public/variant_asset/2810/file/medium-a99f195220a86bb2a5d8f17dd94d79cb.webp 900w, https://assets.fabulous.ch/public/variant_asset/2810/file/large-97c78ec5d88cba407bb62e68fa7c4bc0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2810/file/medium-a99f195220a86bb2a5d8f17dd94d79cb.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">Connie&#39;s Kitchen</p>
          <a href="/de/products/ketchup-ohne-zuckerzusatz-bio-230-g-4565">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ketchup ohne Zuckerzusatz Bio, 230 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </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-4565-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fFmJGN-VhQNUuCEFaG-Rsszk74pym7Np8g-fVq345fY06MrZFTsSrnEWip5i6PDWbasywOWFoSFd8J8A0BwLiA" />
    <input value="4565" 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/mung-daal-mungbohnen-halb-geschalt-bio-500-g-15569">
          <img alt="Mung Daal Mungbohnen halb, geschält Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7109/file/small-40e98773fbcabf50506547e530132d05.webp 600w, https://assets.fabulous.ch/public/variant_asset/7109/file/medium-08ebd9fcc015cd0ccf9057fb86b60786.webp 900w, https://assets.fabulous.ch/public/variant_asset/7109/file/large-76b619c3151a2c687d290fd90b7142a6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7109/file/medium-08ebd9fcc015cd0ccf9057fb86b60786.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/mung-daal-mungbohnen-halb-geschalt-bio-500-g-15569">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mung Daal Mungbohnen halb, geschält Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XnUhcY1j8HVD4VcNbV_m8eKIEJK60QcVa-cyt7N3RWUWxGKwR81n2GZP_JZn2IeVQ8fN2C3PFV3EGDLhzpOrGw" />
    <input value="15569" 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/biscuit-almond-biscotti-bio-135-g-4143">
          <img alt="Biscuit Almond Biscotti Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2615/file/small-e48c522c1c3bb5028217f705607a71b5.webp 600w, https://assets.fabulous.ch/public/variant_asset/2615/file/medium-8bfc8bc4ac08c4a30d51b3a06fc763d2.webp 900w, https://assets.fabulous.ch/public/variant_asset/2615/file/large-3bdd4de6b628bddb8ed4c3adfbe1be06.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2615/file/medium-8bfc8bc4ac08c4a30d51b3a06fc763d2.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rhythm 108</p>
          <a href="/de/products/biscuit-almond-biscotti-bio-135-g-4143">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biscuit Almond Biscotti Bio, 135 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 3.04 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bdTMmDQWtpZn4nL5uzjxfPs51gPsp6z2B2jYsQwkuSUlZY9Z_rghO0JM2WKxv5AYWnYLSXu5vr6ol9jnccBXWw" />
    <input value="4143" 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/mandelmus-bio-250-g-336">
          <img alt="Mandelmus Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/300/file/small-cf30471b593fd4eebd6311ccb1fef797.webp 600w, https://assets.fabulous.ch/public/variant_asset/300/file/medium-f22cc317f77587749d6034be5be7604f.webp 900w, https://assets.fabulous.ch/public/variant_asset/300/file/large-1aa4481125272a1755a3a8780fbdf7f2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/300/file/medium-f22cc317f77587749d6034be5be7604f.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/mandelmus-bio-250-g-336">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mandelmus Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MLNWIqlvBf9M2P-4SxhI1oBghVaCzdZBBZYNvFQkFAt4AhXjY8GSUml2VCNBnymyIS9YHBXTxAmqaQ3qKcD6dQ" />
    <input value="336" 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/cashewmus-bio-250-g-332">
          <img alt="Cashewmus Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/292/file/small-823cae19aad346d2be04a2937ee2aa28.webp 600w, https://assets.fabulous.ch/public/variant_asset/292/file/medium-a5feedf880c55ac62bf5a27e0f643672.webp 900w, https://assets.fabulous.ch/public/variant_asset/292/file/large-4b5899705c5f22d9849542ff94207ecd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/292/file/medium-a5feedf880c55ac62bf5a27e0f643672.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/cashewmus-bio-250-g-332">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cashewmus Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qd-J38H7FarEorbzQSkuTpJc8M7T2CXi-HKoo7y8Q3DhbsoeC1WCB-EMHWhLrk8qMxMthETGN6pXjaj1wVitDg" />
    <input value="332" 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/kombucha-urban-passionsfrucht-dose-bio-330-ml-9045">
          <img alt="Kombucha Urban Passionsfrucht Dose Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5186/file/small-9738c7ff04200886720d42943a22e846.webp 600w, https://assets.fabulous.ch/public/variant_asset/5186/file/medium-ccd3f0b93ce48e1ada78bbc27eab87e5.webp 900w, https://assets.fabulous.ch/public/variant_asset/5186/file/large-2a9a56bf090738ceed85847f034eb5a4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5186/file/medium-ccd3f0b93ce48e1ada78bbc27eab87e5.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">Urban Kombucha</p>
          <a href="/de/products/kombucha-urban-passionsfrucht-dose-bio-330-ml-9045">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kombucha Urban Passionsfrucht Dose Bio, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vhws-A4raKPoFOp6ozDdD-coBac8mXNPXcpwTGUdICP2rW85xIX_Ds26QeGpt7xrRmfY7auHYQfyNXAaGPnOXQ" />
    <input value="9045" 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/kartoffelpuree-trockenmischung-bio-160-g-1265">
          <img alt="Kartoffelpüree Trockenmischung Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1096/file/small-407cc411056bc2b1bccd1c05c3c333a0.webp 600w, https://assets.fabulous.ch/public/variant_asset/1096/file/medium-a5ce6e90efc443bf068b29edd19da4ae.webp 900w, https://assets.fabulous.ch/public/variant_asset/1096/file/large-214f12fe8ccfc4ba3c229f8c46895039.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1096/file/medium-a5ce6e90efc443bf068b29edd19da4ae.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">Eden</p>
          <a href="/de/products/kartoffelpuree-trockenmischung-bio-160-g-1265">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kartoffelpüree Trockenmischung Bio, 160 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.25
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RtZVD3sxuytzE0-6LJbI1b-TQgz6QBOFr8Vv_dKbXA0OZxbOsZ8shla95CEmEamxHtyfRm1eAc0AOm-rr3-ycw" />
    <input value="1265" 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/dunkle-sauce-bio-21-g-10618">
          <img alt="Dunkle Sauce Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5594/file/small-775b5344cc255630ec1993b2db42f372.webp 600w, https://assets.fabulous.ch/public/variant_asset/5594/file/medium-53d328cabbe200a1c32f896c8a4d2de0.webp 900w, https://assets.fabulous.ch/public/variant_asset/5594/file/large-1e18d1a2166a87920baac75ef3fafb9e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5594/file/medium-53d328cabbe200a1c32f896c8a4d2de0.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">Natur Compagnie</p>
          <a href="/de/products/dunkle-sauce-bio-21-g-10618">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dunkle Sauce Bio, 21 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.55
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="URE5_pPiOnFMRW9C925SK5Vnh1-Kqt9Jg4gXIZ86TtoZoHo_WUyt3GnrxNn96TNPNChaFR20zQEsdxd34t6gpA" />
    <input value="10618" 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/biber-s-saisonmotiv-bio-80-g-3675">
          <img alt="Biber-S Saisonmotiv Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2398/file/small-05c3a50ebbaf54402ba2cd6e5f8f7eeb.webp 600w, https://assets.fabulous.ch/public/variant_asset/2398/file/medium-2d571110ddfd7140d75fc72194dfb1c5.webp 900w, https://assets.fabulous.ch/public/variant_asset/2398/file/large-f7f737ddd3d5819261d79c1ffe8c152e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2398/file/medium-2d571110ddfd7140d75fc72194dfb1c5.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">Leibacher Biber-Manufaktur</p>
          <a href="/de/products/biber-s-saisonmotiv-bio-80-g-3675">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biber-S Saisonmotiv Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="epmGAt7Xq-9iR9UqyYthk2vEFJ6JohXDvguebV03L9YyKMXDFHk8QkfpfrHDDAD3yovJ1B68B4sR9J47INPBqA" />
    <input value="3675" 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/schoko-amaretti-vegan-bio-34-g-13691">
          <img alt="Schoko-Amaretti Vegan Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6576/file/small-cb5edd5495222c537bb97a5c5cdb14e5.webp 600w, https://assets.fabulous.ch/public/variant_asset/6576/file/medium-45457a132f34bc4d2809428c44598596.webp 900w, https://assets.fabulous.ch/public/variant_asset/6576/file/large-96048724a4156c29c4cd14453fa1da1d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6576/file/medium-45457a132f34bc4d2809428c44598596.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">Leibacher Biber-Manufaktur</p>
          <a href="/de/products/schoko-amaretti-vegan-bio-34-g-13691">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Schoko-Amaretti Vegan Bio, 2 x 34 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 8.68 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1wgPHluehpRFAzWFHD2ieRiTurijrFs9a71XasGmHLefuUzfkTAROWCtnh4WusMdudxn8jSySXXEQlc8vELyyQ" />
    <input value="13691" 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/omega-life-vegan-omega-3-algenol-kapseln-60-stuck-2615">
          <img alt="Omega-life Vegan Omega-3 Algenöl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1892/file/small-d9d29d7ee9ef83537a0917f79bdcb242.webp 600w, https://assets.fabulous.ch/public/variant_asset/1892/file/medium-1d94c2e8bd608fa019bdcad5d168178c.webp 900w, https://assets.fabulous.ch/public/variant_asset/1892/file/large-d74b8c555bccbdba9a934ed0d671f01d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1892/file/medium-1d94c2e8bd608fa019bdcad5d168178c.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">Doetsch Grether AG</p>
          <a href="/de/products/omega-life-vegan-omega-3-algenol-kapseln-60-stuck-2615">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Omega-life Vegan Omega-3 Algenöl, 60 Kapseln</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 50.55
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2YqK01dSfM0sTJccsaleQoZ7_wXe9iRZ_78iqxPuPdiRO8kSnfzrYAniPIe7Lj8mJzQiT0noNhFQQCL9bgrTpg" />
    <input value="2615" 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/oliven-kalamata-oliven-ohne-stein-al-naturale-rohkost-bio-175-g-8065">
          <img alt="Oliven Kalamata Oliven OHNE STEIN al naturale Rohkost Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4728/file/small-2000f126580fbff674a91ea660334438.webp 600w, https://assets.fabulous.ch/public/variant_asset/4728/file/medium-564c849a83a91e45ba0a0d1cd281b0da.webp 900w, https://assets.fabulous.ch/public/variant_asset/4728/file/large-fb5c22ce86e77bbb061fc30d2d4765f6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4728/file/medium-564c849a83a91e45ba0a0d1cd281b0da.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">Mani</p>
          <a href="/de/products/oliven-kalamata-oliven-ohne-stein-al-naturale-rohkost-bio-175-g-8065">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Oliven Kalamata Oliven OHNE STEIN al naturale Rohkost Bio, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5mPSnmgfkF28_kFz-Ks7hmfHRluvxO6pPYhcSRWEHRGu0pFforEH8JlQ6ujyLFrixoibETja_OGSd1wfaGDzbw" />
    <input value="8065" 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">
      580 von 3&#39;199 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/urban-kombucha?format=turbo_stream&amp;page=30">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>