<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/xylit-birkengold-haselnuss-schokolade-fair-100-g-5543">
          <img alt="Xylit Birkengold Haselnuss Schokolade Fair" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3218/file/small-13ff5a609b1d5f171a29ff3d5f6f4e84.webp 600w, https://assets.fabulous.ch/public/variant_asset/3218/file/medium-3779e22b3fb52bc29b35a02fd98815b9.webp 900w, https://assets.fabulous.ch/public/variant_asset/3218/file/large-3661c70eea93b078e28ee9c9e17bad17.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3218/file/medium-3779e22b3fb52bc29b35a02fd98815b9.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">Birkengold</p>
          <a href="/de/products/xylit-birkengold-haselnuss-schokolade-fair-100-g-5543">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xylit Birkengold Haselnuss Schokolade Fair, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DE-x0bxyj5nMoVh2FmrLo2qhFpUR67eSudortX_ugxvGWxnP4UhXTFM09lLPjJYVLv-NtE40uI3mQ7i0-8lj2g" />
    <input value="5543" 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/xylit-birkengold-zartbitter-schokolade-zuckerfrei-fair-100-g-5544">
          <img alt="Xylit Birkengold Zartbitter Schokolade Zuckerfrei Fair" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3219/file/small-b6f4b394d43407a1f588a74e710e576a.webp 600w, https://assets.fabulous.ch/public/variant_asset/3219/file/medium-72217078e0f867fcfbffe7d9962d55bd.webp 900w, https://assets.fabulous.ch/public/variant_asset/3219/file/large-c674f1d9f77614c3e241d0c365a03050.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3219/file/medium-72217078e0f867fcfbffe7d9962d55bd.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">Birkengold</p>
          <a href="/de/products/xylit-birkengold-zartbitter-schokolade-zuckerfrei-fair-100-g-5544">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xylit Birkengold Zartbitter Schokolade Zuckerfrei Fair, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iYlb_nre9taE4XrczbClknTnG4NDJTye5WQxsRLRdH9DnfPgJ-QuAxt01PgUVvgkMLmAohz6M4G6_aKwlvaUvg" />
    <input value="5544" 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/mehl-mandelmehl-teilentolt-bio-200-g-5545">
          <img alt="Mehl Mandelmehl teilentölt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3220/file/small-584dd916d4af09b139542bf076d0901d.webp 600w, https://assets.fabulous.ch/public/variant_asset/3220/file/medium-42ff039499bf425421e1d73a6cd007b8.webp 900w, https://assets.fabulous.ch/public/variant_asset/3220/file/large-7c49c90559d3cf0a97bec6681b98b283.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3220/file/medium-42ff039499bf425421e1d73a6cd007b8.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">Bauckhof</p>
          <a href="/de/products/mehl-mandelmehl-teilentolt-bio-200-g-5545">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mehl Mandelmehl teilentölt Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6jvdaLTMHw2R8QMIekeng0uDL8oRQ-gXre48RhOUkQkgL3V26fbH2A5krSyjofo1D920606c5wjyd69Hl7NxyA" />
    <input value="5545" 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/mehl-kokosmehl-glutenfei-bio-250-g-5546">
          <img alt="Mehl Kokosmehl glutenfei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3223/file/small-b967ba05fa5b79ad9bde34a875b7e6e8.webp 600w, https://assets.fabulous.ch/public/variant_asset/3223/file/medium-793de52337f853e784da59e0d913a7fa.webp 900w, https://assets.fabulous.ch/public/variant_asset/3223/file/large-2482cf5da5485f8355fa1da41f3a49f6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3223/file/medium-793de52337f853e784da59e0d913a7fa.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">Bauckhof</p>
          <a href="/de/products/mehl-kokosmehl-glutenfei-bio-250-g-5546">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mehl Kokosmehl glutenfei Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="d30cxnSEfJcJcAPFC35UYv4kE64yey7_mpaIlI9Ybyy9abTYKb6kQpblreHSmAnUunqIj22kIeDFDxuVC3-P7Q" />
    <input value="5546" 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/zuckerrubenfasern-glutenfrei-300-g-5563">
          <img alt="Zuckerrübenfasern glutenfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3222/file/small-d6f7bc0cab63b7c27ff63568c5829aad.webp 600w, https://assets.fabulous.ch/public/variant_asset/3222/file/medium-7fa9290b16e3f794fa96f09b225ba911.webp 900w, https://assets.fabulous.ch/public/variant_asset/3222/file/large-d74d8919f1ce3cb6f4085516d545968b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3222/file/medium-7fa9290b16e3f794fa96f09b225ba911.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">MORGA</p>
          <a href="/de/products/zuckerrubenfasern-glutenfrei-300-g-5563">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Zuckerrübenfasern glutenfrei, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7Caz1w5nsw-7qLgIsLAyMOwFAUcRTKHHyeLxUlvzsqsmMhvJU11r2iQ9FixpVm-GqFuaZk6TrtiWe2JT39RSag" />
    <input value="5563" 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/pasta-gnocchi-di-patate-kartoffel-gnocchi-glutenfrei-300-g-5579">
          <img alt="Pasta Gnocchi di Patate Kartoffel-Gnocchi Glutenfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3228/file/small-64305c0be1b8834e6c6ab3504f959d7b.webp 600w, https://assets.fabulous.ch/public/variant_asset/3228/file/medium-1ef42d5fe203499817564fb10005b65e.webp 900w, https://assets.fabulous.ch/public/variant_asset/3228/file/large-0261935268ccb70a016707cfabb4aeb0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3228/file/medium-1ef42d5fe203499817564fb10005b65e.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">Schär</p>
          <a href="/de/products/pasta-gnocchi-di-patate-kartoffel-gnocchi-glutenfrei-300-g-5579">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Gnocchi di Patate Kartoffel-Gnocchi Glutenfrei, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-5579-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/curry-paste-thai-grun-fair-bio-125-g-5582">
          <img alt="Curry Paste Thai Grün Fair Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3229/file/small-a39b777dca3bb53beff0804e15bdabfa.webp 600w, https://assets.fabulous.ch/public/variant_asset/3229/file/medium-89fa8731c8c61c1bd4964abcc6e492c2.webp 900w, https://assets.fabulous.ch/public/variant_asset/3229/file/large-52353548e06ded7e5be798585dc3ed6f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3229/file/medium-89fa8731c8c61c1bd4964abcc6e492c2.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">Welt Partner</p>
          <a href="/de/products/curry-paste-thai-grun-fair-bio-125-g-5582">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Curry Paste Thai Grün Fair Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WqKfJy6mPXsZR-9DaQoAu3KdSqSHjQHgj_-u0uGzTUuQtjc5c5zlrobSQWew7F0NNsPRhdhSDv_QZj3TZZStig" />
    <input value="5582" 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/mehl-hafermehl-vollkorn-glutenfrei-demeter-350-g-5600">
          <img alt="Mehl Hafermehl Vollkorn glutenfrei Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3242/file/small-a4e126ba8920b80faee3149a7000435c.webp 600w, https://assets.fabulous.ch/public/variant_asset/3242/file/medium-68010d187b7ae583fe5ffeeee206c74a.webp 900w, https://assets.fabulous.ch/public/variant_asset/3242/file/large-c7b59fb773cee2957654d5139d3eb94f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3242/file/medium-68010d187b7ae583fe5ffeeee206c74a.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">Bauckhof</p>
          <a href="/de/products/mehl-hafermehl-vollkorn-glutenfrei-demeter-350-g-5600">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mehl Hafermehl Vollkorn glutenfrei Demeter, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.45
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NrCU71vcEG_3JYoDRV2L8KVtnwPESIGVXyLcbwmCmBz8pDzxBubIumiwJCecu9ZG4TMEIpuXjooAu09ujaV43Q" />
    <input value="5600" 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-dinkel-hell-demeter-250-g-5601">
          <img alt="Lasagne 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/3244/file/small-ebc259a0a2392c8d7e1d591dd68c9d7f.webp 600w, https://assets.fabulous.ch/public/variant_asset/3244/file/medium-255fb199cfcf729b208c7d45e260d37e.webp 900w, https://assets.fabulous.ch/public/variant_asset/3244/file/large-18bd517d8f21a8a90d20a69615d2b1fd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3244/file/medium-255fb199cfcf729b208c7d45e260d37e.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/lasagne-dinkel-hell-demeter-250-g-5601">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lasagne Dinkel hell Demeter, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sM3kaB6AkkaDEqDN222gzkoKVKXUJkRFdMZmE6-xbPh62Ux2Q7pKkxyHDukCi_14DlTPhIv5S1orX_USK5aMOQ" />
    <input value="5601" 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/birkenzucker-xylit-beutel-500-g-5602">
          <img alt="Birkenzucker Xylit Beutel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3245/file/small-c4d233215d75f54a39c098039049a567.webp 600w, https://assets.fabulous.ch/public/variant_asset/3245/file/medium-422bb66b672e7626e610cd3515ee8b09.webp 900w, https://assets.fabulous.ch/public/variant_asset/3245/file/large-f4693e1206ecfd6953e38b8407b13357.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3245/file/medium-422bb66b672e7626e610cd3515ee8b09.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">Tautona</p>
          <a href="/de/products/birkenzucker-xylit-beutel-500-g-5602">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Birkenzucker Xylit Beutel, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.50
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-5602-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/senf-korniger-senf-im-glas-bio-125-ml-5603">
          <img alt="Senf Körniger Senf im Glas Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3246/file/small-f987f16a795baac32f94f32632b465fb.webp 600w, https://assets.fabulous.ch/public/variant_asset/3246/file/medium-3c1bc999fffcc70e1356233169f2780d.webp 900w, https://assets.fabulous.ch/public/variant_asset/3246/file/large-34db751be55071a9c9207945a916f72d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3246/file/medium-3c1bc999fffcc70e1356233169f2780d.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">Byodo</p>
          <a href="/de/products/senf-korniger-senf-im-glas-bio-125-ml-5603">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Senf Körniger Senf im Glas Bio, 125 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JXfZCkIq_rXQtWalDEb1XV3br58-LXsozsWhe9Pfr4rvY3EUHxAmYE8gyIHVoKjrGYU0vmHydDeRXDJ6V_hPSw" />
    <input value="5603" 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/senf-mittelscharfer-senf-im-glas-bio-200-ml-5604">
          <img alt="Senf Mittelscharfer Senf im Glas Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3247/file/small-42e5938f8cb7d62bca1f6bfed067d5fc.webp 600w, https://assets.fabulous.ch/public/variant_asset/3247/file/medium-7e5052c357105d1c2bd8de3d03cd2b8d.webp 900w, https://assets.fabulous.ch/public/variant_asset/3247/file/large-c2fa2e31a2e156384b11a9887b2b5ad8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3247/file/medium-7e5052c357105d1c2bd8de3d03cd2b8d.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">Byodo</p>
          <a href="/de/products/senf-mittelscharfer-senf-im-glas-bio-200-ml-5604">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Senf Mittelscharfer Senf im Glas Bio, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4Hw1wu2m_XR7QqeqtNanVw6JWg-H5kJSh6YZUsCXAlIqaJ3csJwloeTXCY5tMPrhStfBLtg5TU3YP4pTRLDikw" />
    <input value="5604" 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/senf-dijon-senf-im-glas-bio-125-ml-5605">
          <img alt="Senf Dijon Senf im Glas Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3248/file/small-4c8fb10910f815298b8601791f6d0a79.webp 600w, https://assets.fabulous.ch/public/variant_asset/3248/file/medium-b7289542eb141e23acd0736681e968f9.webp 900w, https://assets.fabulous.ch/public/variant_asset/3248/file/large-847d6c7f77afa831a93463f6f7e6a517.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3248/file/medium-b7289542eb141e23acd0736681e968f9.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">Byodo</p>
          <a href="/de/products/senf-dijon-senf-im-glas-bio-125-ml-5605">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Senf Dijon Senf im Glas Bio, 125 ml</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 3.36 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cJd6mIiTNotigzzbycrbwzoVGUCdjpTrZAmAm2mJECq6g9KG1anuXv0Wkv8QLIZ1fkuCYcJRm_Q7kBOa7a7w6w" />
    <input value="5605" 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/kokos-mandelmus-mit-dattel-bio-250-g-5650">
          <img alt="Kokos- &amp; Mandelmus mit Dattel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3262/file/small-59c00d0bdf342d86608ae6015903886f.webp 600w, https://assets.fabulous.ch/public/variant_asset/3262/file/medium-dd9c1060ab5b376ba3f02c1a41686dee.webp 900w, https://assets.fabulous.ch/public/variant_asset/3262/file/large-c43b7df6fbc25cdb06d6ea1cab2219f1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3262/file/medium-dd9c1060ab5b376ba3f02c1a41686dee.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/kokos-mandelmus-mit-dattel-bio-250-g-5650">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kokos- &amp; Mandelmus mit Dattel Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="z9d7QlQXLjSqAvP48RJ7NVrzTd4XJrby654LwMTaP_EFw9NcCS324TWXXdwo9CaDHq3W_0j5ue20B5jBQP3fMA" />
    <input value="5650" 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/mandelmus-weiss-aus-europa-bio-250-g-5663">
          <img alt="Mandelmus weiss  aus Europa Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3271/file/small-4ab69eee412fadb311e0146cf113dd3a.webp 600w, https://assets.fabulous.ch/public/variant_asset/3271/file/medium-5729ab4278f9021f7ea80376e6bd5d1d.webp 900w, https://assets.fabulous.ch/public/variant_asset/3271/file/large-b88bf69ea661a0a4697803c45acd4e36.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3271/file/medium-5729ab4278f9021f7ea80376e6bd5d1d.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/mandelmus-weiss-aus-europa-bio-250-g-5663">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mandelmus weiss  aus Europa Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.75
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2lWHM3fEl1UgUrVCKqi1GpDDKtVskklXEZQFbB7gkjoQQS8tKv5PgL_HG2bzTuis1J2x9DNNRkhODZZtmsdy-w" />
    <input value="5663" 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/ich-bin-kein-fleischkase-glutenfrei-bio-200-g-5706">
          <img alt="&quot;Ich bin kein Fleischkäse&quot; Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3292/file/small-284800cc58bfefdeef9fd04aa8a94b47.webp 600w, https://assets.fabulous.ch/public/variant_asset/3292/file/medium-c47955507187b4a2f95505b123a67384.webp 900w, https://assets.fabulous.ch/public/variant_asset/3292/file/large-cd1e7d9eac5d4c1a6229f4427e7deba2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3292/file/medium-c47955507187b4a2f95505b123a67384.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">Soyana</p>
          <a href="/de/products/ich-bin-kein-fleischkase-glutenfrei-bio-200-g-5706">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">&quot;Ich bin kein Fleischkäse&quot; Glutenfrei Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JvTcZBcfEkERR-5wBjC4OqwvGKUKiJrt8W6aLTH_LArs4HR6SiXKlI7SQFTf1uWM6HGDhFVXlfKu9wkstdjMyw" />
    <input value="5706" 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/tempeh-natur-fermentiert-bio-180-g-5707">
          <img alt="Tempeh Natur Fermentiert Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3293/file/small-4f067327d44a6081a7d72a507ddb3833.webp 600w, https://assets.fabulous.ch/public/variant_asset/3293/file/medium-120205a6549811146eaff05fc740f5a8.webp 900w, https://assets.fabulous.ch/public/variant_asset/3293/file/large-5f488eeca93ce34e11f1896534c7c389.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3293/file/medium-120205a6549811146eaff05fc740f5a8.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">Soyana</p>
          <a href="/de/products/tempeh-natur-fermentiert-bio-180-g-5707">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tempeh Natur Fermentiert Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.05
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Xv9WVF4Uj_Vmu9F-Yf7QysgtfiMuxqLYB6JaMnCkJZaU6_5KAy5XIPkuf1q4GI18jHPlAnEZrcdYO8kz9IPFVw" />
    <input value="5707" 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/ich-bin-keine-bratwurst-glutenfrei-bio-100-g-5708">
          <img alt="&quot;Ich bin keine Bratwurst&quot; Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3294/file/small-9d9f7ffb7d2da64eefd035ed148c370d.webp 600w, https://assets.fabulous.ch/public/variant_asset/3294/file/medium-6843749863ed6d97542c9114bf4eec1f.webp 900w, https://assets.fabulous.ch/public/variant_asset/3294/file/large-6d3d8014755214574e4e39007ba665c0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3294/file/medium-6843749863ed6d97542c9114bf4eec1f.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">Soyana</p>
          <a href="/de/products/ich-bin-keine-bratwurst-glutenfrei-bio-100-g-5708">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">&quot;Ich bin keine Bratwurst&quot; Glutenfrei Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </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 5.20 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9BCDaHh4VMqSFLKsrF96OUMD62K7IxmnBDHiuOgLbNk-BCt2JUKMHw2BHIh1uSePB11wQ-T8FrhbqHG5bCyMGA" />
    <input value="5708" 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/physalis-rohkostqualitat-bio-100-g-5709">
          <img alt="Physalis Rohkostqualität Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3295/file/small-149fe9cf6bd5f8a5397ab3068439de16.webp 600w, https://assets.fabulous.ch/public/variant_asset/3295/file/medium-e89070efc9cb673ea3f0869b3b19c0e5.webp 900w, https://assets.fabulous.ch/public/variant_asset/3295/file/large-fb1933a4b661e41778ab3bdea60d20f9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3295/file/medium-e89070efc9cb673ea3f0869b3b19c0e5.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">Flores Farm</p>
          <a href="/de/products/physalis-rohkostqualitat-bio-100-g-5709">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Physalis Rohkostqualität Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-5709-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">
    <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/tautona-erythrit-beutel-1-kg-5724">
          <img alt="Tautona Erythrit Beutel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3302/file/small-f8b86bcfe964fbe4997770283e09a4d8.webp 600w, https://assets.fabulous.ch/public/variant_asset/3302/file/medium-24a2e5a484ba8848f454eae74e002e6f.webp 900w, https://assets.fabulous.ch/public/variant_asset/3302/file/large-0ac66f9a20ac3e56b59332c14acb9151.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3302/file/medium-24a2e5a484ba8848f454eae74e002e6f.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">Tautona</p>
          <a href="/de/products/tautona-erythrit-beutel-1-kg-5724">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tautona Erythrit Beutel, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.80
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-5724-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>



</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">
      620 von 2&#39;289 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/lebensmittel?format=turbo_stream&amp;page=32">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>