<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/schokoladentafel-whole-cocoa-fruit-bio-150-g-17236">
          <img alt="Schokoladentafel Whole Cocoa Fruit Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8047/file/small-e35a9ba947b22629d677b7c9ff12c05f.webp 600w, https://assets.fabulous.ch/public/variant_asset/8047/file/medium-97672cc2a8c42b65e9010cfb80a8b471.webp 900w, https://assets.fabulous.ch/public/variant_asset/8047/file/large-f088111ecefa5ee5c1de9eaceb1a3c3d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8047/file/medium-97672cc2a8c42b65e9010cfb80a8b471.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">Vivani / Ichoc</p>
          <a href="/de/products/schokoladentafel-whole-cocoa-fruit-bio-150-g-17236">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Schokoladentafel Whole Cocoa Fruit Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.55
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/schoko-drops-bolivia-wild-100-bio-150-g-17237">
          <img alt="Schoko-Drops Bolivia Wild 100% Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8049/file/small-4dd59fe494f0bbfd5ef179626d496039.webp 600w, https://assets.fabulous.ch/public/variant_asset/8049/file/medium-3872efb82ed7de37436f33920de5a7e6.webp 900w, https://assets.fabulous.ch/public/variant_asset/8049/file/large-ba95a08d0f24d5a22232ba3ddf020095.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8049/file/medium-3872efb82ed7de37436f33920de5a7e6.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturkostbar</p>
          <a href="/de/products/schoko-drops-bolivia-wild-100-bio-150-g-17237">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Schoko-Drops Bolivia Wild 100% Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.90
            </p>

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

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

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/schoko-drops-bolivia-wild-49-cashew-bio-150-g-17238">
          <img alt="Schoko-Drops Bolivia Wild 49% Cashew Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8050/file/small-7bd5af3aa6fd9a3fb4031dee44dedeb4.webp 600w, https://assets.fabulous.ch/public/variant_asset/8050/file/medium-2ced021ab1c116edb2f4a822452d4980.webp 900w, https://assets.fabulous.ch/public/variant_asset/8050/file/large-7be9c68fb762c28b10b52beec256cc74.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8050/file/medium-2ced021ab1c116edb2f4a822452d4980.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturkostbar</p>
          <a href="/de/products/schoko-drops-bolivia-wild-49-cashew-bio-150-g-17238">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Schoko-Drops Bolivia Wild 49% Cashew Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 14.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 11.90</span>
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3mXoXvDk5GUeFaDvv-TKBMfrXTuYB8-YL6F3C1oyQePFHTM6hqB6imVmZDgHjago6Q4OsIdmOpcSBVEPIrMQFw" />
    <input value="17238" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/schoko-drops-bolivia-wild-51-kaffee-bio-150-g-17239">
          <img alt="Schoko-Drops Bolivia Wild 51% Kaffee Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8051/file/small-b29ba452120539550d810a601eb0c5a6.webp 600w, https://assets.fabulous.ch/public/variant_asset/8051/file/medium-378e313d24cc45918f5773d1cdf7edc6.webp 900w, https://assets.fabulous.ch/public/variant_asset/8051/file/large-f9a3e98c2c747bc8df639cb0c09395ab.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8051/file/medium-378e313d24cc45918f5773d1cdf7edc6.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturkostbar</p>
          <a href="/de/products/schoko-drops-bolivia-wild-51-kaffee-bio-150-g-17239">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Schoko-Drops Bolivia Wild 51% Kaffee Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="B7zkh1qON3iKn0e7rPgMQeWBGoCV4XUeGOsY6zu-p3UcxD_jLMqpl_Hsg2wUkW5ty2RJC4qAgBElTz7vQz_2gQ" />
    <input value="17239" 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/pita-aufbackbrot-weizen-bio-480-g-17278">
          <img alt="Pita Aufbackbrot Weizen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8052/file/small-c61fc31ec683032eb4cc656458f4c912.webp 600w, https://assets.fabulous.ch/public/variant_asset/8052/file/medium-fd0289b1f0ab06b8374cd24cfd5382d6.webp 900w, https://assets.fabulous.ch/public/variant_asset/8052/file/large-56a506f116b5b800ab4be9f1ebb6cc04.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8052/file/medium-fd0289b1f0ab06b8374cd24cfd5382d6.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Terrasana</p>
          <a href="/de/products/pita-aufbackbrot-weizen-bio-480-g-17278">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pita Aufbackbrot Weizen Bio, 480 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qn7FfAFEpowJBk-ULDKG5i-bsquXjpNkqbz0lTPpw-SxBh4YdwA4Y3J1i0OUW-TKAX7hIIjvZmuUGNKRS2iSEA" />
    <input value="17278" 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/vegdog-chevvies-xl-200-g-17279">
          <img alt="VEGDOG CHEVVIES XL" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8053/file/small-d5a2c13babb54a6833bf74af4ac6e142.webp 600w, https://assets.fabulous.ch/public/variant_asset/8053/file/medium-95a8fdfe1842706ed1c603c1bf9de53b.webp 900w, https://assets.fabulous.ch/public/variant_asset/8053/file/large-79632035c2026a8299298dbe1475db59.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8053/file/medium-95a8fdfe1842706ed1c603c1bf9de53b.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">VEGDOG</p>
          <a href="/de/products/vegdog-chevvies-xl-200-g-17279">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">VEGDOG CHEVVIES XL, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pgZycFdWaJW8SP-PisvxUSkexkrdy2bV_DRZAbe-fzO9fqkUIRL2esc7O1gyopN9B_uVwcKqk9rBkH8Fzz8uxw" />
    <input value="17279" 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/vegdog-trockenfutter-simply-crunch-2-kg-17283">
          <img alt="VEGDOG Trockenfutter Simply Crunch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8055/file/small-5384b6f48ec882e59569aacec4230125.webp 600w, https://assets.fabulous.ch/public/variant_asset/8055/file/medium-7bafa348cb63369b0024253344b35fa2.webp 900w, https://assets.fabulous.ch/public/variant_asset/8055/file/large-de783484b01bb10a8b0d954392101ffb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8055/file/medium-7bafa348cb63369b0024253344b35fa2.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">VEGDOG</p>
          <a href="/de/products/vegdog-trockenfutter-simply-crunch-2-kg-17283">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">VEGDOG Trockenfutter Simply Crunch, 2 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7eER2_qN7KqEv2S-WFHn54zhosdwREpMll4UH7nOVsn2mcq_jMlyRf_MoGngOIXLogTxTG8lv0Or-jIbwU8HPQ" />
    <input value="17283" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/vegdog-pure-bites-115-g-17286">
          <img alt="VEGDOG Pure Bites" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8059/file/small-ae3c6be7a632a6244ca6945df1a428a1.webp 600w, https://assets.fabulous.ch/public/variant_asset/8059/file/medium-9717976496b55fe43889a8670e486299.webp 900w, https://assets.fabulous.ch/public/variant_asset/8059/file/large-da03dbe88d6e75cef94508a2bfe13f01.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8059/file/medium-9717976496b55fe43889a8670e486299.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">VEGDOG</p>
          <a href="/de/products/vegdog-pure-bites-115-g-17286">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">VEGDOG Pure Bites, 115 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-AXyvZEQu7tfjjzIbXt8Yjp46lJ6IDxa84JsStoDz2fjfSnZ51QlVCT9-B_VEh5OFJ252WVByVXOJkpOooKekw" />
    <input value="17286" 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/vegcat-pure-bites-60-g-17287">
          <img alt="VEGCAT Pure Bites" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8060/file/small-0aa74214d2ed40fc024ea8c75c50e8a8.webp 600w, https://assets.fabulous.ch/public/variant_asset/8060/file/medium-8ee914ebe0c9eadba2584fc337c05c79.webp 900w, https://assets.fabulous.ch/public/variant_asset/8060/file/large-6355f62ff3e3e9ede260ec0276416585.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8060/file/medium-8ee914ebe0c9eadba2584fc337c05c79.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">VEGDOG</p>
          <a href="/de/products/vegcat-pure-bites-60-g-17287">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">VEGCAT Pure Bites, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.00
            </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-17287-card">
        

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kurbiskerne-in-zartbitter-schokolade-bio-50-g-17288">
          <img alt="Kürbiskerne in Zartbitter-Schokolade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8062/file/small-de03eb69656c991c9aca4fa616c7871f.webp 600w, https://assets.fabulous.ch/public/variant_asset/8062/file/medium-bfa276c417e8f94daa765272b16a6c3a.webp 900w, https://assets.fabulous.ch/public/variant_asset/8062/file/large-3bc249fa9ccc9856db6fb2c54b683688.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8062/file/medium-bfa276c417e8f94daa765272b16a6c3a.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">Landgarten</p>
          <a href="/de/products/kurbiskerne-in-zartbitter-schokolade-bio-50-g-17288">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kürbiskerne in Zartbitter-Schokolade Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.80
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/himbeere-in-zartbitter-schokolade-bio-90-g-17290">
          <img alt="Himbeere in Zartbitter-Schokolade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8077/file/small-7e9c462a6af4c21b30d19d1d02ca98dd.webp 600w, https://assets.fabulous.ch/public/variant_asset/8077/file/medium-ab42e75eebc963aff15d0bb67d81d3c3.webp 900w, https://assets.fabulous.ch/public/variant_asset/8077/file/large-76fc78952bb53e1ca1e5da70a4aec2be.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8077/file/medium-ab42e75eebc963aff15d0bb67d81d3c3.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">Landgarten</p>
          <a href="/de/products/himbeere-in-zartbitter-schokolade-bio-90-g-17290">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Himbeere in Zartbitter-Schokolade Bio, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.85
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LzL9S3wQ3QfgrQG1rUAFmv83lmHims_vZB0KXu1r8QY0SiYvClRD6JvexWIVKWe20dLF6v37OuBZuSxaleqg8g" />
    <input value="17290" 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/sonnenblumenkerne-bio-500-g-cab45aa4-9cbb-4f3d-af70-cef5fbab56c0-17300">
          <img alt="Sonnenblumenkerne Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8078/file/small-1fa77f8e64925dc8f6e8bf738d80b964.webp 600w, https://assets.fabulous.ch/public/variant_asset/8078/file/medium-6e68d98fd69b48ba6a44725b6bb22c8c.webp 900w, https://assets.fabulous.ch/public/variant_asset/8078/file/large-a05d32a044eb5f7a52a1854f6f2f1eaa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8078/file/medium-6e68d98fd69b48ba6a44725b6bb22c8c.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/sonnenblumenkerne-bio-500-g-cab45aa4-9cbb-4f3d-af70-cef5fbab56c0-17300">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sonnenblumenkerne Bio, 500 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.76 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vvAIBFjvj5iKhgu8FrPuEl5RYY3LrMitVyO3KLpWBUeliNNgLqsRd_H1z2uu2ow-cLQyBtTNPaJqh5EswtdUsw" />
    <input value="17300" 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/taco-burritogewurz-mexikanische-kuche-bio-50-g-17301">
          <img alt="Taco- &amp; Burritogewürz Mexikanische Küche Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8079/file/small-3dba104b41ec14d80a4e630c851dc08a.webp 600w, https://assets.fabulous.ch/public/variant_asset/8079/file/medium-0ee027f371175e2e993ff9302b2fb55c.webp 900w, https://assets.fabulous.ch/public/variant_asset/8079/file/large-c7c9efed33b1eccc6a354f38981e0cd4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8079/file/medium-0ee027f371175e2e993ff9302b2fb55c.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">Lebensbaum</p>
          <a href="/de/products/taco-burritogewurz-mexikanische-kuche-bio-50-g-17301">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Taco- &amp; Burritogewürz Mexikanische Küche Bio, 50 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 8.20 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uSYULGAGc-Uk-vrBuY9cuBUC4RxTEjUfA1O_kiOoueeiXs9IFkLtCl-JPhYB5j6UO-eyl0xzwBA-95mWWynoEw" />
    <input value="17301" 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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/handcreme-bio-aprikose-100-ml-17302">
          <img alt="Handcreme Bio-Aprikose" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8080/file/small-e3ceac13d6d32014b366e5de8d55fb54.webp 600w, https://assets.fabulous.ch/public/variant_asset/8080/file/medium-b316b57f382dffed21ad0ad38d3a78e8.webp 900w, https://assets.fabulous.ch/public/variant_asset/8080/file/large-5e95a74a20c94dbc662f6f32538c0270.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8080/file/medium-b316b57f382dffed21ad0ad38d3a78e8.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/handcreme-bio-aprikose-100-ml-17302">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Handcreme Bio-Aprikose, 100 ml</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 3.90 / 100 ml
            </p>
        </div>
      </div>

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/handcreme-bio-lavendel-100-ml-17303">
          <img alt="Handcreme Bio-Lavendel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8081/file/small-bc1d74e48f463f8fdb4a1327797d11d1.webp 600w, https://assets.fabulous.ch/public/variant_asset/8081/file/medium-de112b77b31f49eeb99648b4847b21f6.webp 900w, https://assets.fabulous.ch/public/variant_asset/8081/file/large-a46f473f98767b4dbbc499a7e2f8f1d2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8081/file/medium-de112b77b31f49eeb99648b4847b21f6.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/handcreme-bio-lavendel-100-ml-17303">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Handcreme Bio-Lavendel, 100 ml</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 3.90 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tKZyeYqyR8TQw14EMc79uldMa6bQHGmM00fKiHqWzNev3qkd_PbZK6uwmtOJp5-Weak4Lc99nIPu4-yMAhedIw" />
    <input value="17303" 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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/handcreme-bio-pampelmuse-100-ml-17304">
          <img alt="Handcreme Bio-Pampelmuse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8082/file/small-aab26bb7731b7a617b40e248606ed6e3.webp 600w, https://assets.fabulous.ch/public/variant_asset/8082/file/medium-5e598f2d07f080ff9b06cac4ec352512.webp 900w, https://assets.fabulous.ch/public/variant_asset/8082/file/large-278475b372be7929221765c738fa5258.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8082/file/medium-5e598f2d07f080ff9b06cac4ec352512.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/handcreme-bio-pampelmuse-100-ml-17304">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Handcreme Bio-Pampelmuse, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/handcreme-bio-hafer-100-ml-17305">
          <img alt="Handcreme Bio-Hafer" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8083/file/small-e7b41249f08435bae04f17e9e525e62e.webp 600w, https://assets.fabulous.ch/public/variant_asset/8083/file/medium-3324210f9946c2b7d6cbe80e6995dc58.webp 900w, https://assets.fabulous.ch/public/variant_asset/8083/file/large-490018fcb09eae04117eaa9b400f6c6e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8083/file/medium-3324210f9946c2b7d6cbe80e6995dc58.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/handcreme-bio-hafer-100-ml-17305">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Handcreme Bio-Hafer, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="F1KC8jk3kujvPIbOmfxve7y4fEIU3KrY0C4jwHgF41cMKlmWT3MMB5RPQhkhlQ1Xkl0vyQu9X9ftigXEAISyow" />
    <input value="17305" 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/spatzle-hartweizen-hell-demeter-500-g-17318">
          <img alt="Spätzle Hartweizen hell Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8086/file/small-20424d1795b630674ed4a35e03f40bd0.webp 600w, https://assets.fabulous.ch/public/variant_asset/8086/file/medium-299b0fbc4d7ca37c6e8960813a98124c.webp 900w, https://assets.fabulous.ch/public/variant_asset/8086/file/large-953befe764affb6f233c7a3c5df04ab5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8086/file/medium-299b0fbc4d7ca37c6e8960813a98124c.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">Naturata</p>
          <a href="/de/products/spatzle-hartweizen-hell-demeter-500-g-17318">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Spätzle Hartweizen hell Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mGdXq11ZZZz6yztkCWMiPGH-mv5C3pyFardy50KTaNCDH4zPKx37c4G4_7OxCkAQTxvJdV2_aYpXE1TjOhI5JA" />
    <input value="17318" 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/spatzle-dinkel-hell-demeter-500-g-17319">
          <img alt="Spätzle Dinkel hell Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8087/file/small-58a5b438df2c5ce54250a25522b01da4.webp 600w, https://assets.fabulous.ch/public/variant_asset/8087/file/medium-7da6b2944496d38c789e0a2059c777d6.webp 900w, https://assets.fabulous.ch/public/variant_asset/8087/file/large-185f223fb38c30abba0f23f722888c58.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8087/file/medium-7da6b2944496d38c789e0a2059c777d6.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">Naturata</p>
          <a href="/de/products/spatzle-dinkel-hell-demeter-500-g-17319">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Spätzle Dinkel hell Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="304jS40E0HiTmv1WZRbdb2QKwzZPaT-Gc_N8RkjmafnENvgv-0BOl-jpOYHdf79DSu-QvVAIyolOV1pCMGc4DQ" />
    <input value="17319" 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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/chili-sin-carne-bio-320-g-17320">
          <img alt="Chili sin Carne Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8088/file/small-9d791341ee99ddf530bd22a4f449657c.webp 600w, https://assets.fabulous.ch/public/variant_asset/8088/file/medium-28c9534373a02115c0f0681308748ac8.webp 900w, https://assets.fabulous.ch/public/variant_asset/8088/file/large-efcffca79fc8dba6ed49156ec623971b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8088/file/medium-28c9534373a02115c0f0681308748ac8.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">the vegan cow</p>
          <a href="/de/products/chili-sin-carne-bio-320-g-17320">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chili sin Carne Bio, 320 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pzLAhqdSeS9CSnwO4UAupVrqt4ACoyjBPIW2CjViyE-8Shvi0RbnwDk5uNlZKUyJdA_kCx3C3c4BIZAOTeOZuw" />
    <input value="17320" 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">
      3&#39;020 von 3&#39;169 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/stronghold?format=turbo_stream&amp;page=152">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>