<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/benecos-mini-set-nicht-nur-fur-warmduscher-bio-50-ml-15782">
          <img alt="Benecos Mini-Set &quot;Nicht nur für Warmduscher&quot; Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7196/file/small-79fd5a7a2c3d4693f33ecc81f9382455.webp 600w, https://assets.fabulous.ch/public/variant_asset/7196/file/medium-743b0d9987c26acb99be08a2540cdbf0.webp 900w, https://assets.fabulous.ch/public/variant_asset/7196/file/large-12f8b27c14c86e075807c46230761988.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7196/file/medium-743b0d9987c26acb99be08a2540cdbf0.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">benecos</p>
          <a href="/de/products/benecos-mini-set-nicht-nur-fur-warmduscher-bio-50-ml-15782">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Benecos Mini-Set &quot;Nicht nur für Warmduscher&quot; Bio, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nT8mykhFjrGr_Ckw-R3TIRrDkOf8i1Y8Ig2b3Yjl05e1Blv-6s9NTi7fageUwfcKe-EePQfP3ehPZwLiMGZ6gQ" />
    <input value="15782" 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/geschenkset-nagellack-classic-in-red-bio-3-stuck-15783">
          <img alt="Geschenkset Nagellack: Classic in Red Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7197/file/small-46cfa26aa9d69da4edf27325c94019f3.webp 600w, https://assets.fabulous.ch/public/variant_asset/7197/file/medium-1aab8bafef1973609f207a1f88f71e19.webp 900w, https://assets.fabulous.ch/public/variant_asset/7197/file/large-32c9fe464caee6b3fd6ec6fac30a3fa5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7197/file/medium-1aab8bafef1973609f207a1f88f71e19.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">benecos</p>
          <a href="/de/products/geschenkset-nagellack-classic-in-red-bio-3-stuck-15783">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Geschenkset Nagellack: Classic in Red Bio, 3 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="---TaS91DjffJP_y31AWQY82CogZcmzgBO8U34v5R1zT1u5djf_NyFoHvMWyjDJq7hSEUuI25zRphY3gM3ruSg" />
    <input value="15783" 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/geschenkset-nagellack-pretty-in-pastel-bio-3-stuck-15784">
          <img alt="Geschenkset Nagellack: Pretty in Pastel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7199/file/small-a6449d05c8946a360b515cc7560bd167.webp 600w, https://assets.fabulous.ch/public/variant_asset/7199/file/medium-fe6409ab5bdef25b251fc58d8c71f4da.webp 900w, https://assets.fabulous.ch/public/variant_asset/7199/file/large-2515778e3b43057e8065224ba980a5a6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7199/file/medium-fe6409ab5bdef25b251fc58d8c71f4da.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">benecos</p>
          <a href="/de/products/geschenkset-nagellack-pretty-in-pastel-bio-3-stuck-15784">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Geschenkset Nagellack: Pretty in Pastel Bio, 3 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wYNlsM_z1kcj6InFYDSkos0_70pxjHSRZ_0ykvevBNDpuhiEbXkVuKbLyvIN6ICJrB1hkIrI_0UKl6utTyytxg" />
    <input value="15784" 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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    25 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/bett-r-peanut-butter-cups-x-mas-edition-bio-156-g-15787">
          <img alt="Bett&#39;r Peanut Butter Cups X-Mas Edition Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7201/file/small-19f3796b16d72c3fe11c0102f537a961.webp 600w, https://assets.fabulous.ch/public/variant_asset/7201/file/medium-d60f4578fdadd483d1f444f72aa84b60.webp 900w, https://assets.fabulous.ch/public/variant_asset/7201/file/large-62410e068087334ba25806ce67795e2c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7201/file/medium-d60f4578fdadd483d1f444f72aa84b60.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-peanut-butter-cups-x-mas-edition-bio-156-g-15787">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bett&#39;r Peanut Butter Cups X-Mas Edition Bio, 156 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 10.40</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 7.80</span>
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="n1rLlyeAQFcYnXsOlFZWSu44s6ZauHcF_4OJCIro8Xa3Y7ajhQqDqJ2-ODn5inJhjxo9fKH8_NGS6RA3MmtYYA" />
    <input value="15787" 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/sriracha-jackfruit-200-g-15795">
          <img alt="Sriracha Jackfruit" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7210/file/small-ad457a2b73242a2f823de28ddd98edc7.webp 600w, https://assets.fabulous.ch/public/variant_asset/7210/file/medium-21b5b45cec1599214b7a3e105ec54463.webp 900w, https://assets.fabulous.ch/public/variant_asset/7210/file/large-7af0e79a9368f988fad95ef92cb47896.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7210/file/medium-21b5b45cec1599214b7a3e105ec54463.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">Nature&#39;s Charm</p>
          <a href="/de/products/sriracha-jackfruit-200-g-15795">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sriracha Jackfruit, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="huXuIi1bmrxmgWieu8Iq79R4z2mJsOMR7eVVIULuysCu3JMWj9FZQ-OiK6nWHg7EtVpBs3L0aMWAj8we-m1j1g" />
    <input value="15795" 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/bbq-jackfruit-200-g-15796">
          <img alt="BBQ Jackfruit" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7212/file/small-d2770f718ca1338eda22e46b24252230.webp 600w, https://assets.fabulous.ch/public/variant_asset/7212/file/medium-ae9ca3450464c12367a07bc37db2f0de.webp 900w, https://assets.fabulous.ch/public/variant_asset/7212/file/large-f11cea53e8b5db1e4334a09fcaa51811.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7212/file/medium-ae9ca3450464c12367a07bc37db2f0de.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">Nature&#39;s Charm</p>
          <a href="/de/products/bbq-jackfruit-200-g-15796">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">BBQ Jackfruit, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/bananenblute-in-lake-510-g-15797">
          <img alt="Bananenblüte in Lake" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7211/file/small-296b2cea7e42bf3e4dc396381395bb04.webp 600w, https://assets.fabulous.ch/public/variant_asset/7211/file/medium-89dc83b0f7b234d5fd36d0b92342b3d0.webp 900w, https://assets.fabulous.ch/public/variant_asset/7211/file/large-c7cd848e124137f112f6fd3687eb1b2d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7211/file/medium-89dc83b0f7b234d5fd36d0b92342b3d0.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">Nature&#39;s Charm</p>
          <a href="/de/products/bananenblute-in-lake-510-g-15797">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bananenblüte in Lake, 510 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-15797-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/sproud-erbsen-drink-vanille-vegane-alternative-zu-milch-1-l-15802">
          <img alt="Sproud Erbsen Drink Vanille Vegane Alternative zu Milch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7213/file/small-a45c7e50bfe41e8b4538a987a07b2c2e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7213/file/medium-4a50d74ed730f019ab8e4e36efe33845.webp 900w, https://assets.fabulous.ch/public/variant_asset/7213/file/large-806f53ce90ffa110add06dd6a0aacfc3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7213/file/medium-4a50d74ed730f019ab8e4e36efe33845.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">SPROUD</p>
          <a href="/de/products/sproud-erbsen-drink-vanille-vegane-alternative-zu-milch-1-l-15802">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sproud Erbsen Drink Vanille Vegane Alternative zu Milch, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EYSpldS9sMX9Db0qO3UjRO5-EjQ5EaZ4j3GxFze3lTs5vdShdjdzOngu_h1WqQdvj1yc7sJVLaziGygojzQ8LQ" />
    <input value="15802" 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/vegane-alternative-zu-skyr-himbeer-bio-400-g-15805">
          <img alt="Vegane Alternative zu Skyr Himbeer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7216/file/small-dbdbd7d314d3ef77510dd0c025542a09.webp 600w, https://assets.fabulous.ch/public/variant_asset/7216/file/medium-8b982d2634d3b2679ff6222bff9e0ab5.webp 900w, https://assets.fabulous.ch/public/variant_asset/7216/file/large-7b1b5c2b62d6f485cd87fd61f158c65f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7216/file/medium-8b982d2634d3b2679ff6222bff9e0ab5.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">Sojade</p>
          <a href="/de/products/vegane-alternative-zu-skyr-himbeer-bio-400-g-15805">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegane Alternative zu Skyr Himbeer Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fmxI_EpJK9CZgIGPxUz7BdN9o3Pu4CtW94HYMdQd_C1WVTXI6MPoLxyjwriokN8usl8tqRWkoIKa60EObJ5VOw" />
    <input value="15805" 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/yacon-sirup-squeezer-bio-235-g-15806">
          <img alt="Yacon Sirup Squeezer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7215/file/small-bb8b989a09b8229ebfdca32f97b29353.webp 600w, https://assets.fabulous.ch/public/variant_asset/7215/file/medium-353d38a9dfb96e4fbcae13636924bcd9.webp 900w, https://assets.fabulous.ch/public/variant_asset/7215/file/large-733a837a1d2653eda5f40f7e8a7b5358.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7215/file/medium-353d38a9dfb96e4fbcae13636924bcd9.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">Yacon&amp;co</p>
          <a href="/de/products/yacon-sirup-squeezer-bio-235-g-15806">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Yacon Sirup Squeezer Bio, 235 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QVKKLmLLLxYqBQustky0Fqmi1jxBKRS-XbRor9o_FJtpa_cawEHs6a8mSJvbkJA9yIBY5rptn2ow3vGQYry9jQ" />
    <input value="15806" 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/yacon-vanillesirup-squeezer-bio-215-g-15807">
          <img alt="Yacon Vanillesirup Squeezer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7217/file/small-7aaaea02af977a97714bc71a50940f77.webp 600w, https://assets.fabulous.ch/public/variant_asset/7217/file/medium-0b6a4fea443ae4d7c98169ec7691cfd7.webp 900w, https://assets.fabulous.ch/public/variant_asset/7217/file/large-8d31bbf3af7642e3a26b25e3688fab10.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7217/file/medium-0b6a4fea443ae4d7c98169ec7691cfd7.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">Yacon&amp;co</p>
          <a href="/de/products/yacon-vanillesirup-squeezer-bio-215-g-15807">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Yacon Vanillesirup Squeezer Bio, 215 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="B0sDhm062rOz_5R6ZC0C_ZacIT2NNC6oap8zdCQBhVsvcn6yz7AZTDbc100J8SbW976v53ZwpXwH9apLnIIsTQ" />
    <input value="15807" 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/yacon-haselnussaufstrich-bio-200-g-15809">
          <img alt="Yacon Haselnussaufstrich Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7218/file/small-caf4fc5d903ae7fea19653b2e8e17e79.webp 600w, https://assets.fabulous.ch/public/variant_asset/7218/file/medium-77e4f8096b782ba0a5bb8dacb7780f5a.webp 900w, https://assets.fabulous.ch/public/variant_asset/7218/file/large-d039e2a52f4fd7ab3a780902652bd58f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7218/file/medium-77e4f8096b782ba0a5bb8dacb7780f5a.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">Yacon&amp;co</p>
          <a href="/de/products/yacon-haselnussaufstrich-bio-200-g-15809">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Yacon Haselnussaufstrich Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="E4ebdnitaIGDtctAhH1J-sMAworMBzuXRbZXih9npCs7vuZC2ierfgaWiHfpoW3RoiJMUDdDsEMo3M61p-QNPQ" />
    <input value="15809" 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/dattello-schokocreme-datteln-bio-400-g-15810">
          <img alt="Dattello SchokoCreme Datteln Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7219/file/small-7cdfebc9ff6eb5edd51664337b5af1a9.webp 600w, https://assets.fabulous.ch/public/variant_asset/7219/file/medium-f2979ae5d8338bc2ba9e4f1336323e97.webp 900w, https://assets.fabulous.ch/public/variant_asset/7219/file/large-878d697de2e0db0f1646a06f8f756ab5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7219/file/medium-f2979ae5d8338bc2ba9e4f1336323e97.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">MAKRi</p>
          <a href="/de/products/dattello-schokocreme-datteln-bio-400-g-15810">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dattello SchokoCreme Datteln Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="muUReiTWoFOH2dKsAk4jIF5oVYmcOzu0FS1530V7wsOy3GxOhlxjrAL6kZtvkgcLP0rbU2d_sGB4R-Dg_fhr1Q" />
    <input value="15810" 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/yacon-haselnuss-kakao-aufstrich-bio-200-g-15811">
          <img alt="Yacon Haselnuss-Kakao-Aufstrich Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7221/file/small-5ba1b358ce854b96cb51fcb4e3cefcbf.webp 600w, https://assets.fabulous.ch/public/variant_asset/7221/file/medium-ee7a713da534314f6a07c05e347448d7.webp 900w, https://assets.fabulous.ch/public/variant_asset/7221/file/large-f56c2598b93cda0b761def1a0f70b425.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7221/file/medium-ee7a713da534314f6a07c05e347448d7.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">Yacon&amp;co</p>
          <a href="/de/products/yacon-haselnuss-kakao-aufstrich-bio-200-g-15811">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Yacon Haselnuss-Kakao-Aufstrich Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="F-_m9r2h9M6zFfZUleHUBqMlOo62lxQEFvkUzk_0pok_1pvCHys3MTY2tWP4PfAtwge0VE3Tn9B7k43x93cPnw" />
    <input value="15811" 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/vegan-jerky-teriyaki-primal-spirit-28-g-15823">
          <img alt="Vegan Jerky Teriyaki - Primal Spirit" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7222/file/small-ba32c8c4cd8078e03ea53580289cc4b9.webp 600w, https://assets.fabulous.ch/public/variant_asset/7222/file/medium-27f604426356a575b387ca5299ac52f0.webp 900w, https://assets.fabulous.ch/public/variant_asset/7222/file/large-4f813d4363022f1475fac76dc86d09d6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7222/file/medium-27f604426356a575b387ca5299ac52f0.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">Primal Spirit</p>
          <a href="/de/products/vegan-jerky-teriyaki-primal-spirit-28-g-15823">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Jerky Teriyaki - Primal Spirit, 28 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="H7wPaIjc4VqXLL5rMC_PSWgA9a8C8irybNwy0_dQLQc3hXJcKlYipRIP_Vxd8-tiCSJ7dfm2oSYBtqvsT9OEEQ" />
    <input value="15823" 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/vegan-jerky-texas-bbq-primal-spirit-28-g-15824">
          <img alt="Vegan Jerky Texas BBQ - Primal Spirit" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7227/file/small-dcb7188c29fe8fa5590c4c6fef6e23f3.webp 600w, https://assets.fabulous.ch/public/variant_asset/7227/file/medium-a7ac15e9707c569b13d3bb295ef9a9aa.webp 900w, https://assets.fabulous.ch/public/variant_asset/7227/file/large-59535754a1f9e2d159664a9d176814ef.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7227/file/medium-a7ac15e9707c569b13d3bb295ef9a9aa.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">Primal Spirit</p>
          <a href="/de/products/vegan-jerky-texas-bbq-primal-spirit-28-g-15824">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Jerky Texas BBQ - Primal Spirit, 28 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="P_t7lwbbVPdkl4Vt4S7xqUMcx_WEkbqsmWUEYCQsaPAXwgajpFGXCOG0xlqM8tWCIj5JL3_VMXj0D51fnK_B5g" />
    <input value="15824" 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/vegan-jerky-hickory-smoked-primal-spirit-28-g-15825">
          <img alt="Vegan Jerky Hickory Smoked - Primal Spirit" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7226/file/small-0ceb3a3fca6e95f77bff94a178a2119d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7226/file/medium-fdaffb1525cd18d6b0e3703f5f2befb0.webp 900w, https://assets.fabulous.ch/public/variant_asset/7226/file/large-ec95a8eab8a472b48ab547823d26a87c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7226/file/medium-fdaffb1525cd18d6b0e3703f5f2befb0.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">Primal Spirit</p>
          <a href="/de/products/vegan-jerky-hickory-smoked-primal-spirit-28-g-15825">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Jerky Hickory Smoked - Primal Spirit, 28 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-SYu7oBy2yelhMWFd76acerZ2uQukiDbWfEv9sh6K7rRH1PaIvgY2CCnhrIaYr5ai_tUPtXWqw80m7bJcPmCrA" />
    <input value="15825" 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/vegan-jerky-thai-peanut-primal-spirit-28-g-15826">
          <img alt="Vegan Jerky Thai Peanut - Primal Spirit" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7229/file/small-739647ca56e6ea549e6fb567349062fa.webp 600w, https://assets.fabulous.ch/public/variant_asset/7229/file/medium-53ee46c80d1c8429cf06a24c2b151f13.webp 900w, https://assets.fabulous.ch/public/variant_asset/7229/file/large-94c4f3b19fd78fa5a400749a8b293bcb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7229/file/medium-53ee46c80d1c8429cf06a24c2b151f13.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">Primal Spirit</p>
          <a href="/de/products/vegan-jerky-thai-peanut-primal-spirit-28-g-15826">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Jerky Thai Peanut - Primal Spirit, 28 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LprH1jbxTHiAoKJR7qIi-jiYaAsPRUEe2jeHPUweNGoGo7rilHuPhwWD4WaDfgbRWbrm0fQBysq3XR4C9J2dfA" />
    <input value="15826" 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/vegan-jerky-hot-spicy-primal-spirit-28-g-15827">
          <img alt="Vegan Jerky Hot &amp; Spicy - Primal Spirit" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7230/file/small-2a1f46dbab43233a24b495a2f6be12dd.webp 600w, https://assets.fabulous.ch/public/variant_asset/7230/file/medium-bfa16ee85c295813b5a074931422fc55.webp 900w, https://assets.fabulous.ch/public/variant_asset/7230/file/large-e2d3eaa18da9b0d50b5e2676b3bb6d56.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7230/file/medium-bfa16ee85c295813b5a074931422fc55.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">Primal Spirit</p>
          <a href="/de/products/vegan-jerky-hot-spicy-primal-spirit-28-g-15827">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Jerky Hot &amp; Spicy - Primal Spirit, 28 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yaslvNk0rjQHrpQyU1eFzVedfHykXDmS_DsRw5JB00nhkliIe75ty4KN1wU-i6HmNr_ypl8YskaRUYj8KsJ6Xw" />
    <input value="15827" 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/omega-3-epa-dha-liquid-150-ml-15838">
          <img alt="Omega-3 EPA &amp; DHA Liquid" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7228/file/small-e63702a2c09567e1f695035d150edf77.webp 600w, https://assets.fabulous.ch/public/variant_asset/7228/file/medium-8ce888b0736614725349a28bd8e3aae0.webp 900w, https://assets.fabulous.ch/public/variant_asset/7228/file/large-8f635027987a1a092644006b33f91e73.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7228/file/medium-8ce888b0736614725349a28bd8e3aae0.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">Vegetology</p>
          <a href="/de/products/omega-3-epa-dha-liquid-150-ml-15838">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Omega-3 EPA &amp; DHA Liquid, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="64syQJnzyj1CDL6lD9r84LVoxmgax1l-hKdTIx_1NELDsk90O3kJwscv_ZJiBtjL1EpIsuGD0qrpzcocp3adVA" />
    <input value="15838" 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;560 von 3&#39;169 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/products?format=turbo_stream&amp;page=129&amp;q=sojabohnen">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>