<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">
    <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/bumi-kurbis-tofu-burger-bio-200-g-14595">
          <img alt="Bumi Kürbis Tofu Burger Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6747/file/small-6ca78c093168015c3b51146bf7b482f8.webp 600w, https://assets.fabulous.ch/public/variant_asset/6747/file/medium-fac450bb4a1a53cee4be181f4fed655f.webp 900w, https://assets.fabulous.ch/public/variant_asset/6747/file/large-146f48867932b6821b4a5696314622d7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6747/file/medium-fac450bb4a1a53cee4be181f4fed655f.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">Bumi</p>
          <a href="/de/products/bumi-kurbis-tofu-burger-bio-200-g-14595">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bumi Kürbis Tofu Burger Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.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 2.75 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-14595-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/bumi-pulled-seitan-gyros-bio-175-g-14596">
          <img alt="Bumi Pulled Seitan Gyros Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6750/file/small-82795b43a0877175ca0602006b3030a4.webp 600w, https://assets.fabulous.ch/public/variant_asset/6750/file/medium-47fbf36ae166d759a38135cf42a77479.webp 900w, https://assets.fabulous.ch/public/variant_asset/6750/file/large-2ad32edcadbbcbe5a792ed12234f9f31.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6750/file/medium-47fbf36ae166d759a38135cf42a77479.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">Bumi</p>
          <a href="/de/products/bumi-pulled-seitan-gyros-bio-175-g-14596">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bumi Pulled Seitan Gyros Bio, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.45
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GrN37YM9jw9D7GspDu-fdL8Zzknor8kftgQzzzv4EaB3NBlDEfOfSc1GD3QHvZBb49qRZAT-ftIrfwu-ex_bgQ" />
    <input value="14596" 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/bumi-pulled-seitan-indian-bio-175-g-14597">
          <img alt="Bumi Pulled Seitan Indian Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6752/file/small-6cf1fb4eb951a4179eed07bf07b32bd0.webp 600w, https://assets.fabulous.ch/public/variant_asset/6752/file/medium-51b6f9c092d915970b79555e3f9c2d35.webp 900w, https://assets.fabulous.ch/public/variant_asset/6752/file/large-ad11bb718a080a3244bffc2e2c1989ef.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6752/file/medium-51b6f9c092d915970b79555e3f9c2d35.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">Bumi</p>
          <a href="/de/products/bumi-pulled-seitan-indian-bio-175-g-14597">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bumi Pulled Seitan Indian Bio, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.45
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="F5cJm92LcBWY8J5usBtT-n6BBPIIJBUsh133C1w_tSd6EGc1T0VgUxZa-jO5SVzVIkJb3-R1ouEaJs96HNh_Bg" />
    <input value="14597" 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/bumi-seitan-hack-bio-180-g-14598">
          <img alt="Bumi Seitan Hack Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6754/file/small-241890da4a375b2ecbfa198ecc6dff4e.webp 600w, https://assets.fabulous.ch/public/variant_asset/6754/file/medium-171b41d5866b31721c43a8ed11d24abf.webp 900w, https://assets.fabulous.ch/public/variant_asset/6754/file/large-1bee06b1e47570e7bee6728dfcf84fc7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6754/file/medium-171b41d5866b31721c43a8ed11d24abf.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">Bumi</p>
          <a href="/de/products/bumi-seitan-hack-bio-180-g-14598">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bumi Seitan Hack Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Kp6UQrMGcft2MD1WK7b6cXoWgtLUufzgiGYD1lJr86dHGfrsIchhvfiaWQsi5PVeJtXd_zjoSy0VHTunEow5hg" />
    <input value="14598" 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/pfiffikus-streuwurze-und-gemusebruhe-bio-450-g-14599">
          <img alt="Pfiffikus Streuwürze und Gemüsebrühe Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6755/file/small-4705b957894602b3fca8734445c8e19b.webp 600w, https://assets.fabulous.ch/public/variant_asset/6755/file/medium-ce769f96d9354f21edb3d1b56eae8f1b.webp 900w, https://assets.fabulous.ch/public/variant_asset/6755/file/large-70ff5e7d567b9914265d2f372edec7db.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6755/file/medium-ce769f96d9354f21edb3d1b56eae8f1b.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">Pfiffikuss</p>
          <a href="/de/products/pfiffikus-streuwurze-und-gemusebruhe-bio-450-g-14599">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pfiffikus Streuwürze und Gemüsebrühe Bio, 450 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-Pps_ZfeV2QlgSvlZdWANNAk4fGkFB1P6vEPhnri_o2VfQJTBRBHIqsrT7hsh48bjOe-3EhFqoJ3ijf3OgU0rA" />
    <input value="14599" 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/pfiffikus-streuwurze-und-gemusebruhe-dose-bio-250-g-14600">
          <img alt="Pfiffikus Streuwürze und Gemüsebrühe Dose Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6756/file/small-c8e47918c3fc67333015949514acc7b4.webp 600w, https://assets.fabulous.ch/public/variant_asset/6756/file/medium-72839f469805f5129f23b6f16bbc92c0.webp 900w, https://assets.fabulous.ch/public/variant_asset/6756/file/large-b215c2b445af9de57dd295354dae2342.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6756/file/medium-72839f469805f5129f23b6f16bbc92c0.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">Pfiffikuss</p>
          <a href="/de/products/pfiffikus-streuwurze-und-gemusebruhe-dose-bio-250-g-14600">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pfiffikus Streuwürze und Gemüsebrühe Dose Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DeM1-fvi1-oJM_wMF5GJq-WJWuUWXZEdXRidIsO0xnhgZFtXaSzHrIeZmFEew4aEuUoFyPoMJtDAY6VTg1MMWQ" />
    <input value="14600" 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/pfiffikuss-premium-kartoffelgewurz-bio-250-g-14601">
          <img alt="Pfiffikuss Premium Kartoffelgewürz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6758/file/small-3f93f97ff0eab738e9af6085003b34f6.webp 600w, https://assets.fabulous.ch/public/variant_asset/6758/file/medium-4b0e2152a40fd3e490c3a71882ec73ca.webp 900w, https://assets.fabulous.ch/public/variant_asset/6758/file/large-e74e17923e101c94993f14269d9eca3e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6758/file/medium-4b0e2152a40fd3e490c3a71882ec73ca.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">Pfiffikuss</p>
          <a href="/de/products/pfiffikuss-premium-kartoffelgewurz-bio-250-g-14601">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pfiffikuss Premium Kartoffelgewürz Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1-IKyUKbeVVaf1Rk8gKgBEla9TF_DB5FcapqpHkCkpW6ZWRn0FVpE9TVMDn7UK8rFZmqHJNdqYjs0VLVOeVYtA" />
    <input value="14601" 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/kokosmilch-schokolade-dessert-bio-80-g-14602">
          <img alt="Kokosmilch Schokolade Dessert Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6759/file/small-9c8085ff33636740625052c3837eeceb.webp 600w, https://assets.fabulous.ch/public/variant_asset/6759/file/medium-84fb155f98aa6854801252325c52c438.webp 900w, https://assets.fabulous.ch/public/variant_asset/6759/file/large-4d5120f67b0058417b5f7a4160573432.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6759/file/medium-84fb155f98aa6854801252325c52c438.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Harvest Moon</p>
          <a href="/de/products/kokosmilch-schokolade-dessert-bio-80-g-14602">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kokosmilch Schokolade Dessert Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2O-b3Y5pHzoZXMwdAE30eBgNtPHTOt7PHvrJAcJLPQ61aPVzHKcPfJf2qEAJH_tXRM7r3D9raQKDgfFwgqz3Lw" />
    <input value="14602" 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/kokosmilch-schokolade-salted-caramel-dessert-bio-80-g-14603">
          <img alt="Kokosmilch Schokolade Salted Caramel Dessert Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6761/file/small-fdf02311368337fbfb22e89449807d0d.webp 600w, https://assets.fabulous.ch/public/variant_asset/6761/file/medium-3192fedc2878c1def3bd2427829bbf67.webp 900w, https://assets.fabulous.ch/public/variant_asset/6761/file/large-c6ed9c92b4ec373605ef72bedf25c452.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6761/file/medium-3192fedc2878c1def3bd2427829bbf67.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Harvest Moon</p>
          <a href="/de/products/kokosmilch-schokolade-salted-caramel-dessert-bio-80-g-14603">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kokosmilch Schokolade Salted Caramel Dessert Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tcJTx4ZJe8BAhl48fVDsgqtPMk9e5yC6YCiYRtRV0ubYRT1pFIdrhs4sOmF0AuOt94xtYrK2l3f9U6A3lLIYxw" />
    <input value="14603" 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/pesto-al-limone-zitrone-bio-130-g-14604">
          <img alt="Pesto al Limone Zitrone Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6760/file/small-ae114b76619dfd4a847a617726a219c7.webp 600w, https://assets.fabulous.ch/public/variant_asset/6760/file/medium-60ef2401952c81a82046bc8106f9e164.webp 900w, https://assets.fabulous.ch/public/variant_asset/6760/file/large-225ce94d2135be9613f0b16a66bc8a58.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6760/file/medium-60ef2401952c81a82046bc8106f9e164.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">LaSelva</p>
          <a href="/de/products/pesto-al-limone-zitrone-bio-130-g-14604">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pesto al Limone Zitrone Bio, 130 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Qf9xOX6ENMMlRuiq1fci7Zra1q3pUfKi6k90q4Am-XYseB-X7EokhavsjPfcpS3CxhmJgAUARW93NEzawMEzVw" />
    <input value="14604" 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/dattel-rohmasse-bio-500-g-14605">
          <img alt="Dattel Rohmasse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6762/file/small-3fec3f1154516e21e6e962a5a601e911.webp 600w, https://assets.fabulous.ch/public/variant_asset/6762/file/medium-1c211577044db3f0afeb16d14430bc29.webp 900w, https://assets.fabulous.ch/public/variant_asset/6762/file/large-4cd61fbf87819a382176ee02add59f02.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6762/file/medium-1c211577044db3f0afeb16d14430bc29.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Govinda</p>
          <a href="/de/products/dattel-rohmasse-bio-500-g-14605">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dattel Rohmasse Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="l1MuFCXK8S5nXimKDSj-3eADF2dyKmZlU87Ns4vEksT61EC6twThaOn0TdcEevHyvMBISp570ajOtfXCyyNY5Q" />
    <input value="14605" 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/vanille-extrakt-bourbon-bio-20-ml-14611">
          <img alt="Vanille Extrakt Bourbon Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6764/file/small-fe61eeb7c2683210963f0d22a556a3f3.webp 600w, https://assets.fabulous.ch/public/variant_asset/6764/file/medium-16267d5612d4c139800ceaf91b0913fb.webp 900w, https://assets.fabulous.ch/public/variant_asset/6764/file/large-3504401e68834964a8af37baedbdc8b9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6764/file/medium-16267d5612d4c139800ceaf91b0913fb.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biovegan</p>
          <a href="/de/products/vanille-extrakt-bourbon-bio-20-ml-14611">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vanille Extrakt Bourbon Bio, 20 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="grH5awGNO48FaGJ0xNBpFb2rrAFyh9m-jIoWg3gOGtfvNpfFk0MryYvCBinNgmY64WjzLJ7WbnMR8S7yOOnQ9g" />
    <input value="14611" 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/birnel-biofarm-kessel-biosuisse-5-kg-14613">
          <img alt="Birnel Biofarm Kessel BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6765/file/small-7ad5e0812981f50e4f43cd3d4e6ba8bc.webp 600w, https://assets.fabulous.ch/public/variant_asset/6765/file/medium-ec5ca1f3a3f32f629e964fbd2486cc47.webp 900w, https://assets.fabulous.ch/public/variant_asset/6765/file/large-8b7fcc276a918f8a244b5d2e6f175656.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6765/file/medium-ec5ca1f3a3f32f629e964fbd2486cc47.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biofarm</p>
          <a href="/de/products/birnel-biofarm-kessel-biosuisse-5-kg-14613">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Birnel Biofarm Kessel BioSuisse, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 85.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="W3lrkrgLXkhq2iR1ts5PLCCPy6s2fkkRh1JlNbGyrqk2_gU8KsVODuRwQCi_nEADfEyUhtov_twaKV1E8VVkiA" />
    <input value="14613" 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/bett-r-waffel-mit-kakao-haselnusscreme-bio-30-g-14620">
          <img alt="Bett&#39;r Waffel mit Kakao-Haselnusscreme Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6767/file/small-8c8f1752b71b196f22d0aef0778eca21.webp 600w, https://assets.fabulous.ch/public/variant_asset/6767/file/medium-47607ccc2557308e8de1a317b2e1b623.webp 900w, https://assets.fabulous.ch/public/variant_asset/6767/file/large-d245751454e07080d85f666ddbdd9047.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6767/file/medium-47607ccc2557308e8de1a317b2e1b623.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">bett&#39;r</p>
          <a href="/de/products/bett-r-waffel-mit-kakao-haselnusscreme-bio-30-g-14620">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bett&#39;r Waffel mit Kakao-Haselnusscreme Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PhjLJLC4xJ1PRT4HiqGmV-QQwHA6P_nWkca1ueOPqFRTn6WKInbU28HvWlqD86l4uNOfXdZuThsMvY3Io2hidQ" />
    <input value="14620" 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/karamellbonbon-fudge-karamell-meersalz-bio-150-g-14621">
          <img alt="Karamellbonbon Fudge Karamell-Meersalz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6768/file/small-17da5e5f18576694812b4a398220386c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6768/file/medium-fdd1ea8710e56199730eaa2505fedd7a.webp 900w, https://assets.fabulous.ch/public/variant_asset/6768/file/large-ce0f63313a4ded4b84d3be40677c3315.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6768/file/medium-fdd1ea8710e56199730eaa2505fedd7a.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">Terrasana</p>
          <a href="/de/products/karamellbonbon-fudge-karamell-meersalz-bio-150-g-14621">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Karamellbonbon Fudge Karamell-Meersalz Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/champs-kakao-karamell-riegel-bio-43-g-14622">
          <img alt="Champs Kakao Karamell Riegel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6770/file/small-7ab39b86605fefd47404f172150552aa.webp 600w, https://assets.fabulous.ch/public/variant_asset/6770/file/medium-4d9c9f14a0fd5ffc9d6f8ac868bc81e5.webp 900w, https://assets.fabulous.ch/public/variant_asset/6770/file/large-1c0e31c162e81ef3f09e9c6b98c60f3c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6770/file/medium-4d9c9f14a0fd5ffc9d6f8ac868bc81e5.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Champs</p>
          <a href="/de/products/champs-kakao-karamell-riegel-bio-43-g-14622">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Champs Kakao Karamell Riegel Bio, 43 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

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

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


  

  <div class="border-gray-200 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/dinkel-toastbrot-hefefrei-bio-400-g-14641">
          <img alt="Dinkel Toastbrot hefefrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6769/file/small-2e88b963c45b85cf21352ad229b5b4d3.webp 600w, https://assets.fabulous.ch/public/variant_asset/6769/file/medium-a5f384d80b0b6e3bb6e0460e6570f4fe.webp 900w, https://assets.fabulous.ch/public/variant_asset/6769/file/large-c95e469d48693038ef189393f49b158b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6769/file/medium-a5f384d80b0b6e3bb6e0460e6570f4fe.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Nur Puur</p>
          <a href="/de/products/dinkel-toastbrot-hefefrei-bio-400-g-14641">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dinkel Toastbrot hefefrei Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5hpC43Y9g8H2xAHDxc74zob0snNtsjZsDSvDIkwl-NSLnSxN5POTh3huZZ7MnPfh2jftXoHjgaGQUPtTDMIy9Q" />
    <input value="14641" 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/easy-cooking-gewurz-kollektion-bio-325-g-14643">
          <img alt="Easy Cooking Gewürz Kollektion Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6772/file/small-5cc53ff226d6ab34d52eef3a38d29d5f.webp 600w, https://assets.fabulous.ch/public/variant_asset/6772/file/medium-c655ef4840d53c07c30dca2c2b7a2a79.webp 900w, https://assets.fabulous.ch/public/variant_asset/6772/file/large-01d27d7164bbd30e3802048f3afdb5f3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6772/file/medium-c655ef4840d53c07c30dca2c2b7a2a79.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">Soul Spice</p>
          <a href="/de/products/easy-cooking-gewurz-kollektion-bio-325-g-14643">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Easy Cooking Gewürz Kollektion Bio, 325 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 52.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="J47vjruF1M2f7juyQekib_qH1tGgX0pMRzNvME1hSNlKCYEgKUvEixFEX-9Iuy1ApkSJ_EwO_YHaSFdBDYaC-A" />
    <input value="14643" 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/happy-kiwi-getrocknete-kiwi-bio-60-g-14659">
          <img alt="Happy Kiwi getrocknete Kiwi Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6777/file/small-e6bf0c9455fe1763270c90e044904e88.webp 600w, https://assets.fabulous.ch/public/variant_asset/6777/file/medium-e05cca30fa0afc6978b823970262651d.webp 900w, https://assets.fabulous.ch/public/variant_asset/6777/file/large-791fb926c52e859fa5ca0aa87b3849e6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6777/file/medium-e05cca30fa0afc6978b823970262651d.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">Naturkostbar</p>
          <a href="/de/products/happy-kiwi-getrocknete-kiwi-bio-60-g-14659">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Happy Kiwi getrocknete Kiwi Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/champs-erdnuss-karamell-riegel-bio-45-g-14661">
          <img alt="Champs Erdnuss Karamell Riegel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6778/file/small-6ac6311554a849f3229ece93533a4a05.webp 600w, https://assets.fabulous.ch/public/variant_asset/6778/file/medium-da9442a03e3ae69cc074998fe0c5871e.webp 900w, https://assets.fabulous.ch/public/variant_asset/6778/file/large-aa59a8b51bec5cf4060f1ded9ebd0004.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6778/file/medium-da9442a03e3ae69cc074998fe0c5871e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Champs</p>
          <a href="/de/products/champs-erdnuss-karamell-riegel-bio-45-g-14661">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Champs Erdnuss Karamell Riegel Bio, 45 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4NPdEHWo5bavSUAd_HUsIupi2GHTYPwdwuLLytZO-fyNVLO-52b18CHjJED1JyMNtqGHTD8xS9BfmfO7lqkz3Q" />
    <input value="14661" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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



</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">
      2&#39;280 von 3&#39;168 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/products?format=turbo_stream&amp;page=115&amp;q=tofubox">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>