<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/vegane-alternative-zu-omelette-ruhrei-stuck-bio-200-g-6950">
          <img alt="Vegane Alternative zu Omelette &amp; Rührei Stück Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4019/file/small-b39f72ef55fdec28906cae5d39216a1e.webp 600w, https://assets.fabulous.ch/public/variant_asset/4019/file/medium-ea73ee8d18280c609e3d3660a127513c.webp 900w, https://assets.fabulous.ch/public/variant_asset/4019/file/large-403bbf30942d50ea0e88c8958afd58b9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4019/file/medium-ea73ee8d18280c609e3d3660a127513c.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/vegane-alternative-zu-omelette-ruhrei-stuck-bio-200-g-6950">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegane Alternative zu Omelette &amp; Rührei Stück Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.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 2.60 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ckAnH9UJEK3ckZ_NG7JFVh2rGRxtckqGKui1_bJSk2dmnu3VYM6q56WnwYG8CP4fY54FQgoIkbXBaHfXC1ENDA" />
    <input value="6950" 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="uZgUZW9mZQQVBuJnataAh4b_dFr_OkdcBacQ3vnvvEitRt6v2qHfTmwwvCvNbDvO-MpoBJhAnG_uJ9L0QOwiIw" />
    <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/soja-tempeh-mediterran-bio-200-g-17375">
          <img alt="Soja Tempeh Mediterran Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8102/file/small-58fb6c5402437ab13fbf4c0074712bf4.webp 600w, https://assets.fabulous.ch/public/variant_asset/8102/file/medium-ff6d451c6571c9095b1d1ab254eed639.webp 900w, https://assets.fabulous.ch/public/variant_asset/8102/file/large-250bf52cf2cb4813312922238a590895.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8102/file/medium-ff6d451c6571c9095b1d1ab254eed639.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">Tempeh bagus</p>
          <a href="/de/products/soja-tempeh-mediterran-bio-200-g-17375">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soja Tempeh Mediterran Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QC2iAM3-uoKlh3fURL71OeEzcRylreSF4MHM-W_xTdlU82jKeDkAyNyxKZjjBE5wnwZtQsLXP7YLQQ7T1vLTsg" />
    <input value="17375" 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/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="HnYjyIvjJNGc8ScFbK0ir0ULBlVlxIYeK1Tddy5QuMAKqOkCPiSem-XHeUnLF5nmOz4aCwK-XS3A1B9dl1Mmqw" />
    <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 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-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">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UkxHq_TAVDYU_U8FcM8vBH58aX6gVWmwKVYkul73JrlGko1hQQfufG3LEUnXdZRNAEl1IMcvsoPC1uaQ5_S40g" />
    <input value="7408" 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-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="WMXqxlD8QOpKGusfOwHWqaAZHB-0nw25k_dDXp1dzrFMGyAM5Tv6oDMstVOcu23g3iwAQdPl1op4d4F0JF5Q2g" />
    <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 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-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="ztGQFNbL_To6TSVRDi4fmxjnYl-toBttLI9NLyqWxMLaD1reYwxHcEN7ex2plKTSZtJ-AcrawF7HD48Fk5VaqQ" />
    <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  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-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">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6tfc2ngnZcdZS2GIu7TiLqvfFviHxtimp9tv4_RhlqT-CRYQzeDfjSB9P8QcDlln1eoKpuC8A5VMW63JTWIIzw" />
    <input value="7409" 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/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="4gtiGSOrMLl-itOpvri4oVdSJxpKxn8V-gnAwNs2FfT21ajTlmyK8we8jeUZAgPoKWc7RC28pCYRiQLqYjWLnw" />
    <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  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/mandelpuree-rohkostqualitat-bio-1-kg-1197">
          <img alt="Mandelpüree Rohkostqualität Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1056/file/small-4d53b5ecd79a70f10649b6101b42a2ea.webp 600w, https://assets.fabulous.ch/public/variant_asset/1056/file/medium-d7aab992b26be27f29304932391c80c7.webp 900w, https://assets.fabulous.ch/public/variant_asset/1056/file/large-b864d884bf1ac40b4457527c9ad03d0a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1056/file/medium-d7aab992b26be27f29304932391c80c7.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/mandelpuree-rohkostqualitat-bio-1-kg-1197">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mandelpüree Rohkostqualität Bio, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 41.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WChYE1ZflEIZRaqeUwhg0xdo_JWmyd_M0x8b0cP7ub1M9pLZ45guCGBz9NL0stuaaV3gy8GzBP84n9n7evgn1g" />
    <input value="1197" 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="yH6Wy1-oL-MSuR707HLZVCEVWCRBDwcqOCqsfgNlaaDcoFwB6m-VqWuPQLhLyGIdXyBEeiZ13BnTqm5Uumb3yw" />
    <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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/eistee-classic-zitrone-bio-500-ml-15927">
          <img alt="Eistee Classic Zitrone Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7323/file/small-4ec8c6f2d4288c35560d2906d9fb5e7c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7323/file/medium-8c0b6a09fb1d59446de6a0f252cdb323.webp 900w, https://assets.fabulous.ch/public/variant_asset/7323/file/large-c78b007e93704039a035125f7a5a086a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7323/file/medium-8c0b6a09fb1d59446de6a0f252cdb323.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">Vivitz</p>
          <a href="/de/products/eistee-classic-zitrone-bio-500-ml-15927">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Eistee Classic Zitrone Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.25
            </p>

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

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

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

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


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Tipp
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/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="gJf_WLvSyWoXWgqczgT7pPJB7-QqPLUQ2gdxfzcBBgqUSTWSDhVzIG5sVNBpvkDtjHTzuk1GbiMxh7NVjgKYYQ" />
    <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  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/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="x-t3-5l0nUInfcHhtiec-2gHtpNHu1Rc4HQnuE4e6dLTNb0xLLMnCF5Ln60RnSeyFjKqzSDBj28L9OWS9x13uQ" />
    <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 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/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="hW4rRx6dYZnuIGkIL_fa27V05wW13jZTctrHaXa5wm2RsOGNq1rb05cWN0SITWGSy0H7W9Kk7WCZWgVDz7pcBg" />
    <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  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/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="-y0Ca2EdKcreQSa-IzxPC4c2CFkSD0KiUILtgZR4oGLv88ih1NqTgKd3ePKEhvRC-QMUB3V1mZG7Ai-rLXs-CQ" />
    <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 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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


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

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vr3QZJnM_MySxzBJWtMAm6J3UZ2OTeSTi6VA8jc3i2KqYxquLAtGhuvxbgX9abvS3EJNw-k3P6BgJYLYjjQVCQ" />
    <input value="17533" 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="vfo2Qni5CY7dBahauA3F5SwpHtFK56ahMQNlDuyPsWepJPyIzX6zxKQz9hYft36sUhwCjy2dfZLag6ckVYwvDA" />
    <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="DeOQS-yAUUOax36eK7xBA6zYg9dJUfmCEHKuUu3biUcZPVqBWUfrCePxINKMBvpK0u2fiS4rIrH78mx4VNgXLA" />
    <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="TvwOH0baS1veUPibeHSFrhRR330Dc2sqbWPjp-89CpFaIsTV8x3xEadmptffzj7namTDI2QJsBmG4yGNVj6U-g" />
    <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>



</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">
      160 von 3&#39;177 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/loma-linda?format=turbo_stream&amp;page=9">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>