<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/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="51joY-3sFE-B_k2DbZRD2J8dI-T4hkmRlyoKJz97YOZ1e0ZVhtNh2KogqQKBT7YiFraLpsQEQq9RvuQH7oWDYA" />
    <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  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-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="n8v7VN7cMIQumB5swu-vVcivn03cdotHLExmMt_wxA4N6FViteNFEwVG-u0uNFqvQQQ3D-D0gHnq2IgSDg4niA" />
    <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 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-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="Tjn8gcq23gOp3JG9wUc2FhKteOFCQS9GlFkxXBXgxWbcGlK3oYmrlIICdTwtnMPsmwbQo37DJHhSzd98xB4m4A" />
    <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  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-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="1cijxlscH6Xey8RRlYJslrUASzLXsi3W9UegWV8xsphH6w3wMCNqMvUVINB5WZlsPKvjcOswJugz0055js9RHg" />
    <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 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-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="RAHpoc9XOWPrjVyFi9FtybUIuVVvX__6QOejBSdlIYfWIkeXpGhM9MBTuARnCpgzPKMRF1Pd9MSGc00l9pvCAQ" />
    <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  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-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="y3WVc56qW8nf4oPFOeIXk821gXDnjtTwCvoyAveBH_ZZVjtF9ZUuXvQ8Z0TVOeJpRB4pMtsM387MbtwiJn_8cA" />
    <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 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/taboule-bio-150-g-15848">
          <img alt="Taboulé Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7234/file/small-4ac082631b0c32e102333f2437439c5c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7234/file/medium-28b77ac4ca7be895012e9feb98e6c49b.webp 900w, https://assets.fabulous.ch/public/variant_asset/7234/file/large-a59dcc21f93a47a19eb0dc834aa0cade.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7234/file/medium-28b77ac4ca7be895012e9feb98e6c49b.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">Antersdorfer</p>
          <a href="/de/products/taboule-bio-150-g-15848">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Taboulé Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sgyM5xAwpBuvoy6YCPhOJ1r8fRuDkCV4ah1KZ_T15XcgLyLRew_RjIR9yhnkI7vd01fVWb8SLkasiaRHJQsG8Q" />
    <input value="15848" 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/indische-bulgur-pfanne-bio-150-g-15849">
          <img alt="Indische Bulgur-Pfanne Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7235/file/small-27bbcd9cae7d419dc9be0f6d7981167c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7235/file/medium-28e71bb47fc1b01e53eee67f2ef858e0.webp 900w, https://assets.fabulous.ch/public/variant_asset/7235/file/large-04ded731632a807e77116e75ffa4abbb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7235/file/medium-28e71bb47fc1b01e53eee67f2ef858e0.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">Antersdorfer</p>
          <a href="/de/products/indische-bulgur-pfanne-bio-150-g-15849">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Indische Bulgur-Pfanne Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Nx9vCyWnnTLERPquBucCevJFl5snN5kkJWNaNuELGLelPME9Tpjope-aHi_qPPeAe-4_2Ru1khrj97QWMPX7MQ" />
    <input value="15849" 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/risotto-steinpilz-tomate-bio-150-g-15851">
          <img alt="Risotto Steinpilz Tomate Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7238/file/small-cecd0eaef312c43ddbf57a1d65aa8f78.webp 600w, https://assets.fabulous.ch/public/variant_asset/7238/file/medium-0cb03b457e739d07585162f4f4bd6c31.webp 900w, https://assets.fabulous.ch/public/variant_asset/7238/file/large-e4c06dc4f54c69b561f7ecbf448b487c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7238/file/medium-0cb03b457e739d07585162f4f4bd6c31.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">Antersdorfer</p>
          <a href="/de/products/risotto-steinpilz-tomate-bio-150-g-15851">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Risotto Steinpilz Tomate Bio, 150 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 3.20 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BmHtNgVHb-DEaGe2V-30_SxTbUpGkZy9x2Fq1Cej_56UQkMAbngad--2gze7NgEHpfjFCHoTl4MB9YT09l0cGA" />
    <input value="15851" 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/gemuse-linsen-eintopf-bio-150-g-15852">
          <img alt="Gemüse Linsen Eintopf Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7239/file/small-076cd0d713a1d7cec0ab954401d2287e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7239/file/medium-cb2a07cc60608ee9b592cb0652b8ed6b.webp 900w, https://assets.fabulous.ch/public/variant_asset/7239/file/large-8c1afc0a1dad5b0a02045429a51879b5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7239/file/medium-cb2a07cc60608ee9b592cb0652b8ed6b.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">Antersdorfer</p>
          <a href="/de/products/gemuse-linsen-eintopf-bio-150-g-15852">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gemüse Linsen Eintopf Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="whXsEJE9rQekcP1eq8Scqy93PQq5iZsOlpCno8Ev5e9QNkIm-gLYkI-uGd9HH2lRptyVSIULkDBQBEmDENEGaQ" />
    <input value="15852" 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/orientalischer-hirse-teller-bio-150-g-15853">
          <img alt="Orientalischer Hirse Teller Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7240/file/small-2aa392825a89e3101ca00d8a98cc8800.webp 600w, https://assets.fabulous.ch/public/variant_asset/7240/file/medium-72e726000035733cf4a356e09b3b1f0c.webp 900w, https://assets.fabulous.ch/public/variant_asset/7240/file/large-2506cff5a070877de5e0cf3aa9b89948.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7240/file/medium-72e726000035733cf4a356e09b3b1f0c.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">Antersdorfer</p>
          <a href="/de/products/orientalischer-hirse-teller-bio-150-g-15853">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Orientalischer Hirse Teller Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dKh1YHKY5ljRHZHIYXgB4rm5Znfv_Epqm3NlD47HkzXmi9tWGaeTz_rDdUmNo_QYMBLONdN-QVRd54svXzlwsw" />
    <input value="15853" 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/quinoa-gemusetopf-bio-150-g-15855">
          <img alt="Quinoa Gemüsetopf Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7248/file/small-5de736b5ec5d24330cc3ea2c22fc1d44.webp 600w, https://assets.fabulous.ch/public/variant_asset/7248/file/medium-009a8ff5b1ec2346efdc6e429286bbb6.webp 900w, https://assets.fabulous.ch/public/variant_asset/7248/file/large-a55e61dc1bbb8f9c5898466f660d0b7c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7248/file/medium-009a8ff5b1ec2346efdc6e429286bbb6.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">Antersdorfer</p>
          <a href="/de/products/quinoa-gemusetopf-bio-150-g-15855">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Quinoa Gemüsetopf Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DQMtyZeA8zuAZpkS_aXipsEM4yjpwDQ3-YPf4jKG-0ifIIP__L-GrKu4fZMRfhdcSKdLatVCPwk_FzHC43gYzg" />
    <input value="15855" 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/minutenpolenta-mit-steinpilzen-bio-150-g-15856">
          <img alt="Minutenpolenta mit Steinpilzen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7251/file/small-f5ab9445aa2abe16d75bf16934dc4cfc.webp 600w, https://assets.fabulous.ch/public/variant_asset/7251/file/medium-2d73e73230b08d018cae54ee410e04cc.webp 900w, https://assets.fabulous.ch/public/variant_asset/7251/file/large-95a774f6ece5609d0832fe7684b54bd3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7251/file/medium-2d73e73230b08d018cae54ee410e04cc.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">Antersdorfer</p>
          <a href="/de/products/minutenpolenta-mit-steinpilzen-bio-150-g-15856">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Minutenpolenta mit Steinpilzen Bio, 150 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 3.20 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zDAcoqQXPFj5oelM4iCQYMVrHE1P64VhCqeF--cza8NeE7KUzyhJz9J_Dc0O-2WaTMC0D3Npjl_MM2vbNs2IRQ" />
    <input value="15856" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/eistee-apfelminze-bio-500-ml-15926">
          <img alt="Eistee Apfelminze Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7322/file/small-a6cc13ae334edbd9b9e2623949ac801b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7322/file/medium-601cbe025da7c53b0403416d816ef071.webp 900w, https://assets.fabulous.ch/public/variant_asset/7322/file/large-8ab98836ca9499743a185adda1655819.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7322/file/medium-601cbe025da7c53b0403416d816ef071.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Vivitz</p>
          <a href="/de/products/eistee-apfelminze-bio-500-ml-15926">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Eistee Apfelminze Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.25
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tPE_iDJIMYlB9w8pjwyAqVMxSrsruJ0iqLmWA5dqty0m0pG-WXdEHmop66hj13VT2pri-Rc6lhxuLXgjRpRUqw" />
    <input value="15926" 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/eistee-gruntee-bio-500-ml-15928">
          <img alt="Eistee Grüntee Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7324/file/small-d1e0061bad0e4d71c7de1b02b12a7276.webp 600w, https://assets.fabulous.ch/public/variant_asset/7324/file/medium-3986c676f03c2737d7d6aa51249fae23.webp 900w, https://assets.fabulous.ch/public/variant_asset/7324/file/large-7a2cea10e549778e8872bbedc0835a51.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7324/file/medium-3986c676f03c2737d7d6aa51249fae23.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Vivitz</p>
          <a href="/de/products/eistee-gruntee-bio-500-ml-15928">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Eistee Grüntee Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.25
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XWEXC9cOLJuWne5osxTj9DGxPmio3jbVcIqUkO5t7iLPQrk9vDFZDL1DCulfzxYOuBqWKpRcPeu2HnqwP5MNpA" />
    <input value="15928" 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/schorle-rhabarber-bio-500-ml-15929">
          <img alt="Schorle Rhabarber Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7325/file/small-cd9b892c29bd422fe0cb07f58635508f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7325/file/medium-6852b5a5dc30c5acee7ed7d133c4629f.webp 900w, https://assets.fabulous.ch/public/variant_asset/7325/file/large-304b17dcad5a6219ac9bba07dead18a0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7325/file/medium-6852b5a5dc30c5acee7ed7d133c4629f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Vivitz</p>
          <a href="/de/products/schorle-rhabarber-bio-500-ml-15929">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Schorle Rhabarber Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="v7lF2E2tNEZ7dDCLE8qcoZmDmHZGnJFym4Q1LNR3NMotmuvuJpJB0VCq1Ar_EWlbECgwNHoemkxdENsMBYnXTA" />
    <input value="15929" 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/eistee-cold-brew-assam-black-tea-bio-500-ml-15931">
          <img alt="Eistee Cold Brew Assam Black Tea Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7327/file/small-377f4a768cc4921374c9494aeed21bbb.webp 600w, https://assets.fabulous.ch/public/variant_asset/7327/file/medium-efff60e5f59fb0ec4bf178aae26bf6f4.webp 900w, https://assets.fabulous.ch/public/variant_asset/7327/file/large-038b82c85656e7c608859bbec7db166a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7327/file/medium-efff60e5f59fb0ec4bf178aae26bf6f4.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Vivitz</p>
          <a href="/de/products/eistee-cold-brew-assam-black-tea-bio-500-ml-15931">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Eistee Cold Brew Assam Black Tea Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.65
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qANn5-L6jpYVWv2ye4EEHMLbYc-8cjtdtEmI1XBZvMc6IMnRicX7AT6EGTOXWvHmS3DJjYDwMGNy3Wb1oadfQQ" />
    <input value="15931" 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/maulbeeren-rohkost-bio-100-g-15942">
          <img alt="Maulbeeren Rohkost Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7336/file/small-c05a1e23b392d0abb7bae062f7d1258e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7336/file/medium-0bc1ba50d51c5388aea10ce0e5270e10.webp 900w, https://assets.fabulous.ch/public/variant_asset/7336/file/large-d02a54d85b7651d71a557de265e40a56.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7336/file/medium-0bc1ba50d51c5388aea10ce0e5270e10.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/de/products/maulbeeren-rohkost-bio-100-g-15942">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Maulbeeren Rohkost Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.85
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ktcmn7jHPWPS5F65p00_RJ7oDDXDMH9ac6dVdCDGhuMA9Iip0_hI9Pk6ujhLlsq-F0Okd_-ydGS1M7tU8ThlZQ" />
    <input value="15942" 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/treets-crunchy-corn-210-g-15945">
          <img alt="Treets Crunchy Corn" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7339/file/small-124ee3699a84e0b9a9f56102eb46935d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7339/file/medium-cc5c30761dd00a0298b846954d992038.webp 900w, https://assets.fabulous.ch/public/variant_asset/7339/file/large-7382a5ab5f8dd95a0bf41c1d28eea880.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7339/file/medium-cc5c30761dd00a0298b846954d992038.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">Treets GmbH</p>
          <a href="/de/products/treets-crunchy-corn-210-g-15945">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Treets Crunchy Corn, 210 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.40</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.50</span>
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-15945-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/kale-chips-cheesy-glutenfrei-bio-30-g-15954">
          <img alt="Kale Chips Cheesy Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7343/file/small-107f57709b6cfa31ad8c5c0576fdf9ac.webp 600w, https://assets.fabulous.ch/public/variant_asset/7343/file/medium-ac4ea60eb29f14c7b965430c0b012df5.webp 900w, https://assets.fabulous.ch/public/variant_asset/7343/file/large-016da733bfb027a20e6825592f63fb68.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7343/file/medium-ac4ea60eb29f14c7b965430c0b012df5.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/kale-chips-cheesy-glutenfrei-bio-30-g-15954">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kale Chips Cheesy Glutenfrei Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.75
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BE2RSzx58cfSAVJQ8yj12GMIGLy6F-QSrvgc4iQewyOWbj99V0aEUPnfttEf8wAi6qOw_oaV7yxobPLC9eAgpQ" />
    <input value="15954" 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">
      1&#39;080 von 1&#39;235 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/collections/under-5?format=turbo_stream&amp;page=55">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>