<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/artischocken-in-olivenol-alce-nero-bio-330-g-8071">
          <img alt="Artischocken in Olivenöl Alce Nero Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4734/file/small-64eb6b71259dd9a0d0eaf26ed5c550e5.webp 600w, https://assets.fabulous.ch/public/variant_asset/4734/file/medium-f62cfac7dd8f769439c1d8b2c2c28119.webp 900w, https://assets.fabulous.ch/public/variant_asset/4734/file/large-85ff887ced863591f2b40007be73d615.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4734/file/medium-f62cfac7dd8f769439c1d8b2c2c28119.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">Alce Nero</p>
          <a href="/de/products/artischocken-in-olivenol-alce-nero-bio-330-g-8071">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Artischocken in Olivenöl Alce Nero Bio, 330 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.25
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6jEFXPoTgN0sIRZIPN6cOBKLT44dFOh383yR9seNTLooBUMYcfKSVJgGrCrc9Ku-H1xKzhvQN0ndyO_4AgXANQ" />
    <input value="8071" 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/reis-alternative-dinkel-wie-reis-kochdinkel-demeter-500-g-8083">
          <img alt="Reis Alternative Dinkel wie Reis Kochdinkel Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4736/file/small-c60e108f4c14536117205b1496a1dd83.webp 600w, https://assets.fabulous.ch/public/variant_asset/4736/file/medium-251b33ccc227bf2a4009edc096a7d415.webp 900w, https://assets.fabulous.ch/public/variant_asset/4736/file/large-5c20626d893b0d71c45e31ad0bf86444.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4736/file/medium-251b33ccc227bf2a4009edc096a7d415.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">Donath</p>
          <a href="/de/products/reis-alternative-dinkel-wie-reis-kochdinkel-demeter-500-g-8083">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Reis Alternative Dinkel wie Reis Kochdinkel Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fZCiqzMwfu4c0zcpGS6gANitkqp2hr5dJs2HB3HqedC_pOTvuNFsZ6j0jUv5BJeG1XqX6nBCYWMIefkJtGL1Xw" />
    <input value="8083" 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/reis-alternative-hafer-wie-reis-kochhafer-demeter-500-g-8084">
          <img alt="Reis Alternative Hafer wie Reis Kochhafer Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4738/file/small-c3af6462c2d2cefb6e29dd81dd8e42af.webp 600w, https://assets.fabulous.ch/public/variant_asset/4738/file/medium-538450b519f044b213949a9f491d41af.webp 900w, https://assets.fabulous.ch/public/variant_asset/4738/file/large-fb1f36ac971234b0426c6b1cb13fcd18.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4738/file/medium-538450b519f044b213949a9f491d41af.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">Donath</p>
          <a href="/de/products/reis-alternative-hafer-wie-reis-kochhafer-demeter-500-g-8084">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Reis Alternative Hafer wie Reis Kochhafer Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nVmSPargMBuqYpvAE_UbvfjkqqdPgchxvR_fG7wTWhlfbdR5IQEikh5FIaLz3yw79TOv50lFF0-Tq6EVeZvWlg" />
    <input value="8084" 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/ol-mct-ol-aus-kokosnussol-bio-500-ml-8085">
          <img alt="Öl MCT-Öl aus Kokosnussöl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4739/file/small-5749a0c2106310e524dd0c856d831a5c.webp 600w, https://assets.fabulous.ch/public/variant_asset/4739/file/medium-0bd82221a9b9c2890c7d2712e68b79e8.webp 900w, https://assets.fabulous.ch/public/variant_asset/4739/file/large-c3241378fbe783ab4fb61fe750d3b784.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4739/file/medium-0bd82221a9b9c2890c7d2712e68b79e8.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">Kulau</p>
          <a href="/de/products/ol-mct-ol-aus-kokosnussol-bio-500-ml-8085">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Öl MCT-Öl aus Kokosnussöl Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 34.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-gwtzZ0UmyGlozuc3oBabEVjw0S1XF9g8leLgNcYI2w4OGuJFvWJqBGEgf4-qm3qSLTGBLOYgF7c4_WOEpCv4w" />
    <input value="8085" 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/pasta-konjak-spaghetti-bio-270-g-8244">
          <img alt="Pasta Konjak Spaghetti Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4824/file/small-5122a7a3f1346daa51cdaf4f541e51b2.webp 600w, https://assets.fabulous.ch/public/variant_asset/4824/file/medium-2f496d5271e6dc26a83cc63b7f8f642b.webp 900w, https://assets.fabulous.ch/public/variant_asset/4824/file/large-36376ada5d7ceac4345d1baeb9380377.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4824/file/medium-2f496d5271e6dc26a83cc63b7f8f642b.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">Vitanu</p>
          <a href="/de/products/pasta-konjak-spaghetti-bio-270-g-8244">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Konjak Spaghetti Bio, 270 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sQSPH32w57y21OkTmDY9wecp4ZpmGQ19xR3A7rZXem5zMMlb9lH1NQLzU3F4HApH6v7k2mDd0kPrqb7gc9_24Q" />
    <input value="8244" 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/pasta-konjak-nudeln-bio-270-g-8245">
          <img alt="Pasta Konjak Nudeln Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4825/file/small-e4c033148a0da35aea3ff35467ee9635.webp 600w, https://assets.fabulous.ch/public/variant_asset/4825/file/medium-d431aceb0e4bd0b6383ed93b25a6c719.webp 900w, https://assets.fabulous.ch/public/variant_asset/4825/file/large-768d3edda84c85b49fe39e049628e092.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4825/file/medium-d431aceb0e4bd0b6383ed93b25a6c719.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">Vitanu</p>
          <a href="/de/products/pasta-konjak-nudeln-bio-270-g-8245">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Konjak Nudeln Bio, 270 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oOlraj1EKyZMAg0rkhwK1B2kqcfrDszssNB6jJFMa_1i3S0utqU5r_glt0lyNj1SEHOsh-3KE9KeZASCVMTncg" />
    <input value="8245" 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/pasta-konjak-tagliatelle-bio-270-g-8246">
          <img alt="Pasta Konjak Tagliatelle Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4832/file/small-45b7091a88c392bfacc8f2231a18c240.webp 600w, https://assets.fabulous.ch/public/variant_asset/4832/file/medium-1d54594097530c8522f68553ad3e9be6.webp 900w, https://assets.fabulous.ch/public/variant_asset/4832/file/large-85e78110febe891e9fe84b482a0cb4a2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4832/file/medium-1d54594097530c8522f68553ad3e9be6.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">Vitanu</p>
          <a href="/de/products/pasta-konjak-tagliatelle-bio-270-g-8246">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Konjak Tagliatelle Bio, 270 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pdcme1IV3FhILU6jcNks6re_ta5sNl3HwXTawDkcLm9n42A_2fTO0fwK9MGQ8xtsumiw7mrygvnvwKTO_JSi4A" />
    <input value="8246" 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/reis-konjak-reis-bio-270-g-8247">
          <img alt="Reis Konjak-Reis Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4833/file/small-fb168b85cce5e7ac46e6326cf715e479.webp 600w, https://assets.fabulous.ch/public/variant_asset/4833/file/medium-172a7a71785ae01d3fd010810080e8ed.webp 900w, https://assets.fabulous.ch/public/variant_asset/4833/file/large-6929feaf171e3bd6ef38bef4c9ddef88.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4833/file/medium-172a7a71785ae01d3fd010810080e8ed.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">Vitanu</p>
          <a href="/de/products/reis-konjak-reis-bio-270-g-8247">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Reis Konjak-Reis Bio, 270 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZdBQfd98ndMZiIvB9YO9wCu9S1vE-obGaalVml9II7Kn5BY5VJ2PWq2vMaMVqYpGJmpOG8I-WfhHHSuUmsCvPQ" />
    <input value="8247" 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/kurbisgewurz-pumpkin-spice-bio-14-g-8284">
          <img alt="Kürbisgewürz Pumpkin Spice Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4857/file/small-d136211158b5dcdac5ff3e42bff0f5dc.webp 600w, https://assets.fabulous.ch/public/variant_asset/4857/file/medium-280621d542b720eebaa79583427a7fdc.webp 900w, https://assets.fabulous.ch/public/variant_asset/4857/file/large-f4688272f87ee64ac91165c3b8b78635.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4857/file/medium-280621d542b720eebaa79583427a7fdc.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biovegan</p>
          <a href="/de/products/kurbisgewurz-pumpkin-spice-bio-14-g-8284">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kürbisgewürz Pumpkin Spice Bio, 14 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="upMWAI40CdAR4kBZEYwrIiFt8LlW7l0B1kVGM5rYZvN4p1BEBdUbWaXF-jvxphykLLr1-VAqgj_48Tg9X1DqfA" />
    <input value="8284" 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-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/chutney-karamellisierte-rote-zwiebeln-195-g-8320">
          <img alt="Chutney Karamellisierte Rote Zwiebeln" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4891/file/small-d5f1dd886e79629ba0f0aad5a6c15073.webp 600w, https://assets.fabulous.ch/public/variant_asset/4891/file/medium-f3aee153a6eab45ac9956ff07957b71c.webp 900w, https://assets.fabulous.ch/public/variant_asset/4891/file/large-ae31cf9a0a54b8a4d3bd0e8158ae6c07.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4891/file/medium-f3aee153a6eab45ac9956ff07957b71c.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">Shaws</p>
          <a href="/de/products/chutney-karamellisierte-rote-zwiebeln-195-g-8320">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chutney Karamellisierte Rote Zwiebeln, 195 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 2.54 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-8320-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 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/chutney-chunky-mango-300-g-8358">
          <img alt="Chutney Chunky Mango" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4921/file/small-795fd22ae97bbe98f25f02c2e5b318fa.webp 600w, https://assets.fabulous.ch/public/variant_asset/4921/file/medium-d7b753657517eb91055f08cae92ecce7.webp 900w, https://assets.fabulous.ch/public/variant_asset/4921/file/large-11e0bf8f1a752307dd1f255ba52aa3b2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4921/file/medium-d7b753657517eb91055f08cae92ecce7.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">Shaws</p>
          <a href="/de/products/chutney-chunky-mango-300-g-8358">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chutney Chunky Mango, 300 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 1.60 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MGDYOKarQ9rBYnOiXAKp6xaxMMgiS-9KRHQUF_hMdKLyVJ58LUpRU3VFycC8KJ5tG2Y1iCSPMHRqwGoZPcT4LQ" />
    <input value="8358" 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/essig-reisessig-genmai-su-bio-250-ml-c191c7b5-4bcb-4b85-9c0b-a9a2255441ef-8374">
          <img alt="Essig Reisessig Genmai Su Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4941/file/small-73ae1e278b378838d5d162e127705257.webp 600w, https://assets.fabulous.ch/public/variant_asset/4941/file/medium-d854a68326fb0da352311eff8afec45d.webp 900w, https://assets.fabulous.ch/public/variant_asset/4941/file/large-8bf3785cefdc8c77e7f151e75a98230b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4941/file/medium-d854a68326fb0da352311eff8afec45d.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">Arche</p>
          <a href="/de/products/essig-reisessig-genmai-su-bio-250-ml-c191c7b5-4bcb-4b85-9c0b-a9a2255441ef-8374">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Essig Reisessig Genmai Su Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lyAwbfzPV457HOfwRSD7hJElHq4QtIMdSbvkecjWYJlVFHYpdy5FB887XZKlCswCnPIb7hZwXCNnD5p3DV7sFg" />
    <input value="8374" 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/salatsauce-franzosisch-vegan-bio-500-ml-8570">
          <img alt="Salatsauce Französisch Vegan Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4996/file/small-26b788c00b64233d93f872d01fd7a01e.webp 600w, https://assets.fabulous.ch/public/variant_asset/4996/file/medium-f2244b6e25c17b38bbccef6876b6ac43.webp 900w, https://assets.fabulous.ch/public/variant_asset/4996/file/large-9cefc343ca7ff0eb58f993f806c4181b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4996/file/medium-f2244b6e25c17b38bbccef6876b6ac43.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">huusgmacht</p>
          <a href="/de/products/salatsauce-franzosisch-vegan-bio-500-ml-8570">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Salatsauce Französisch Vegan Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xF4_lVIze0t-vPdmQk3R7A9j0BNyfyhKYHNTIl6rFtQGannR2dJpwsqbTQSiZ-ZqArTVU3S793ROxy0smyOaWw" />
    <input value="8570" 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/salatsauce-balsamico-vegan-bio-500-ml-8571">
          <img alt="Salatsauce Balsamico Vegan Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5000/file/small-0dde546392ec73f9a345c6d900a9b06d.webp 600w, https://assets.fabulous.ch/public/variant_asset/5000/file/medium-44a4611c8d86b954ac8bcd3376e77540.webp 900w, https://assets.fabulous.ch/public/variant_asset/5000/file/large-ed6345f9be0be18195ff6acfe67a585e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5000/file/medium-44a4611c8d86b954ac8bcd3376e77540.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">huusgmacht</p>
          <a href="/de/products/salatsauce-balsamico-vegan-bio-500-ml-8571">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Salatsauce Balsamico Vegan Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.40
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/ketchup-jalapeno-ohne-zuckerzusatz-bio-230-g-8573">
          <img alt="Ketchup Jalapeno ohne Zuckerzusatz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5003/file/small-eb18805bfaa6d04dad0359f0bbd37124.webp 600w, https://assets.fabulous.ch/public/variant_asset/5003/file/medium-5ef57248b8be35b106055c4eef348e63.webp 900w, https://assets.fabulous.ch/public/variant_asset/5003/file/large-768594e04ef11d58015906ed5a370b3a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5003/file/medium-5ef57248b8be35b106055c4eef348e63.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Connie&#39;s Kitchen</p>
          <a href="/de/products/ketchup-jalapeno-ohne-zuckerzusatz-bio-230-g-8573">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ketchup Jalapeno ohne Zuckerzusatz Bio, 230 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.45
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5_A1PSoL5zT7Z9_Yv6yoNeeOJZehmX0AlaXSvwbW8C4lxHN5oer1vU9AZbpfhp-z6lkg16ddoj67Eayxw158oQ" />
    <input value="8573" 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/pasta-explore-cuisine-penne-aus-roten-linsen-bio-250-g-8639">
          <img alt="Pasta Explore Cuisine Penne aus roten Linsen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5029/file/small-2f58e6551c8044162b3356482aa7cd04.webp 600w, https://assets.fabulous.ch/public/variant_asset/5029/file/medium-a31ce4858eeaad54cd2417300060806b.webp 900w, https://assets.fabulous.ch/public/variant_asset/5029/file/large-9eb7d6043733f18cf5331a7784f668d4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5029/file/medium-a31ce4858eeaad54cd2417300060806b.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">Explore Cuisine</p>
          <a href="/de/products/pasta-explore-cuisine-penne-aus-roten-linsen-bio-250-g-8639">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Explore Cuisine Penne aus roten Linsen Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gWEE-91VE9pLBIjsDLXweBPua61mgUm1LV3Fei1531lDVUK_VrQBU_8jMo7sn8f-Hjlu7WBFlosD6bt06PFT1g" />
    <input value="8639" 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/lasagne-explore-cuisine-aus-grunen-linsen-bio-250-g-8643">
          <img alt="Lasagne Explore Cuisine aus grünen Linsen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5033/file/small-5449c1db86d48216b5508f6a1d5174cb.webp 600w, https://assets.fabulous.ch/public/variant_asset/5033/file/medium-4c5cb7c7312c691a0722aedd01c0609c.webp 900w, https://assets.fabulous.ch/public/variant_asset/5033/file/large-07a7a1ff2537943d101ce9c9d83ebd75.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5033/file/medium-4c5cb7c7312c691a0722aedd01c0609c.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">Explore Cuisine</p>
          <a href="/de/products/lasagne-explore-cuisine-aus-grunen-linsen-bio-250-g-8643">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lasagne Explore Cuisine aus grünen Linsen Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.15
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Kv8zy1hbBZ3FAv87v96yUoTvRQhlLqAulG3FxuMtNZfoy3WP07oXFHElRVlf9IXUiThASGPqfxC62bvIJqW5GA" />
    <input value="8643" 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/rotkohl-glas-demeter-350-g-8658">
          <img alt="Rotkohl Glas Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5036/file/small-228fbd244dfcc0046239506c19a4de00.webp 600w, https://assets.fabulous.ch/public/variant_asset/5036/file/medium-79eef76ab0576a0e6a88f1e9b5c46e37.webp 900w, https://assets.fabulous.ch/public/variant_asset/5036/file/large-e11cc35ed06c6a5db7fdd4fdf94bdc24.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5036/file/medium-79eef76ab0576a0e6a88f1e9b5c46e37.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Nur Puur</p>
          <a href="/de/products/rotkohl-glas-demeter-350-g-8658">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rotkohl Glas Demeter, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ikW0WTucQPkq-1-92f6CJkqLhbNT1E7HkKt3Tav7zhVIcfIdsH1ScJ7c5d851LWgR1yA81UQkfm-HwlDbnNCmg" />
    <input value="8658" 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/fullgreen-riced-blumenkohlreis-low-carb-keto-vegan-200-g-8663">
          <img alt="FullGreen Riced Blumenkohlreis Low Carb Keto Vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5038/file/small-a4b13c942cfb72a888472d01d25453dd.webp 600w, https://assets.fabulous.ch/public/variant_asset/5038/file/medium-012fc482760af7c1b0a84191b934f1e6.webp 900w, https://assets.fabulous.ch/public/variant_asset/5038/file/large-cea7d660fe9fad9dbe54899c0670c372.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5038/file/medium-012fc482760af7c1b0a84191b934f1e6.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">FullGreen</p>
          <a href="/de/products/fullgreen-riced-blumenkohlreis-low-carb-keto-vegan-200-g-8663">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">FullGreen Riced Blumenkohlreis Low Carb Keto Vegan, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-8663-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/ketchup-kinder-tomaten-mit-apfelsusse-bio-500-ml-8812">
          <img alt="Ketchup Kinder Tomaten mit Apfelsüsse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5110/file/small-5fca30345c7638448661fa6fa4ae76a6.webp 600w, https://assets.fabulous.ch/public/variant_asset/5110/file/medium-04ad7256591d2ee76c608bbba5354c7c.webp 900w, https://assets.fabulous.ch/public/variant_asset/5110/file/large-12a5adce793f88cf068af3036e71f59e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5110/file/medium-04ad7256591d2ee76c608bbba5354c7c.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">Zwergenwiese</p>
          <a href="/de/products/ketchup-kinder-tomaten-mit-apfelsusse-bio-500-ml-8812">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ketchup Kinder Tomaten mit Apfelsüsse Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5oRPjlNOlLOdmnCAmG297xwm3sdHyYeHzuUW3mq6R7wksAnK2K-GOim9yuJ4R4ppEfHbh0ENWLngUWjQrzLLMw" />
    <input value="8812" 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">
      320 von 581 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/lebensmittel/kochzutaten?format=turbo_stream&amp;page=17">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>