<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/biscuit-haselnuss-hafer-schoko-cookies-glutenfrei-bio-120-g-7902">
          <img alt="Biscuit Haselnuss Hafer Schoko Cookies Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4625/file/small-bc5c8baabf8590d7cfcd541cca0e961c.webp 600w, https://assets.fabulous.ch/public/variant_asset/4625/file/medium-5f684ad09d4aaedad934f3d7083800eb.webp 900w, https://assets.fabulous.ch/public/variant_asset/4625/file/large-96dd39d0acdd919b014184e49d71c037.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4625/file/medium-5f684ad09d4aaedad934f3d7083800eb.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">Céliane</p>
          <a href="/de/products/biscuit-haselnuss-hafer-schoko-cookies-glutenfrei-bio-120-g-7902">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biscuit Haselnuss Hafer Schoko Cookies Glutenfrei Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bqPnojGnCtAnMObSszSMNSbz7tJu4vJGwSpBK6WY_lgFr4SwCt7F2wGRo10Yjbp8g-oYvpki31nJ4Red5CnhBw" />
    <input value="7902" 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/chips-susskartoffel-chips-fein-gesalzen-bio-100-g-7907">
          <img alt="Chips Süsskartoffel Chips fein gesalzen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4630/file/small-379502767b0450e36b834a2c46970d59.webp 600w, https://assets.fabulous.ch/public/variant_asset/4630/file/medium-60cc834e133c40afc1d23b99fa6dfff6.webp 900w, https://assets.fabulous.ch/public/variant_asset/4630/file/large-e644713929cb016a7eaf8e15e18b100a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4630/file/medium-60cc834e133c40afc1d23b99fa6dfff6.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">Heimatgut</p>
          <a href="/de/products/chips-susskartoffel-chips-fein-gesalzen-bio-100-g-7907">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chips Süsskartoffel Chips fein gesalzen Bio, 100 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 4.95 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CN1zLFgFylHM4k_wGj8xsMdIplHK4LZ_mHITwXEnB9lj0RA-Y3wFWupDCn-xhgf5YlFQPT0gm2CQuUV3MJYYhg" />
    <input value="7907" 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/dinkel-oliven-snacks-krauter-bio-150-g-7909">
          <img alt="Dinkel Oliven-Snacks Kräuter Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4632/file/small-56e838265420cd7ab1bc897e78cdb59d.webp 600w, https://assets.fabulous.ch/public/variant_asset/4632/file/medium-bea8b1a73a173addbfdebd9276c1c415.webp 900w, https://assets.fabulous.ch/public/variant_asset/4632/file/large-580180d0d20fdae955d2a7d7b44e683e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4632/file/medium-bea8b1a73a173addbfdebd9276c1c415.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">Sommer</p>
          <a href="/de/products/dinkel-oliven-snacks-krauter-bio-150-g-7909">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dinkel Oliven-Snacks Kräuter Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kSI3sxDvFLj0o318I2D3Dqs3hO6dcZfexU8wJC7GCd36LlShK5bbs9ICOPOI2cFHDi5ygmqxusHNhGaSb3cWgg" />
    <input value="7909" 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/pane-picco-mit-sesam-schwarzkummel-demeter-150-g-7913">
          <img alt="Pane Picco mit Sesam Schwarzkümmel Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4638/file/small-e53a6bb03f49368d03053683aec32664.webp 600w, https://assets.fabulous.ch/public/variant_asset/4638/file/medium-7777fe328ae80d008a0a6e11f2ad11c8.webp 900w, https://assets.fabulous.ch/public/variant_asset/4638/file/large-ee46b2f72764f043da3bcd9bca7c6cd4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4638/file/medium-7777fe328ae80d008a0a6e11f2ad11c8.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">Sommer</p>
          <a href="/de/products/pane-picco-mit-sesam-schwarzkummel-demeter-150-g-7913">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pane Picco mit Sesam Schwarzkümmel Demeter, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZWUMNUPs_c1Rlv7FqhwIbCtk72DR4SCcy_DvwJJljo0OaW8neJUyxnc3u0oBpT4ljn0ZDCYhDYPDO7l209SR0g" />
    <input value="7913" 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/3in1-reinigung-peeling-maske-125-ml-7919">
          <img alt="3in1 Reinigung-Peeling-Maske" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4644/file/small-27793230c6722150458da2ea2b6c5434.webp 600w, https://assets.fabulous.ch/public/variant_asset/4644/file/medium-9ff342a7f037016f8b9e5c174361263b.webp 900w, https://assets.fabulous.ch/public/variant_asset/4644/file/large-fe723f88467969df05b062ac762f5a03.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4644/file/medium-9ff342a7f037016f8b9e5c174361263b.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">Lavera</p>
          <a href="/de/products/3in1-reinigung-peeling-maske-125-ml-7919">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">3in1 Reinigung-Peeling-Maske, 125 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FATRp9DTEdN9qkbo_FJ4MDr6PT1gHSrnRZYUJtefPI5_CLK166re2FsLA2dX6055n-PLUZfdB_hNXUKQli4j0Q" />
    <input value="7919" 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/tomatenpuree-in-der-tube-bio-120-g-7922">
          <img alt="Tomatenpüree in der Tube Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4648/file/small-6aa5f64a3da5ee71ce2cbcc00862fb83.webp 600w, https://assets.fabulous.ch/public/variant_asset/4648/file/medium-fcb38e5a269aed80b35a4b0343715fd6.webp 900w, https://assets.fabulous.ch/public/variant_asset/4648/file/large-8dabbbb77fb1bc879961524bb7d55f38.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4648/file/medium-fcb38e5a269aed80b35a4b0343715fd6.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">Gautschi</p>
          <a href="/de/products/tomatenpuree-in-der-tube-bio-120-g-7922">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tomatenpüree in der Tube Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SgQWodZpYTzv4ZqyQMBa5aJuwi_Fcoe7ha67wLWKu8YhCHWz7RCuN8lA3z3reWysB3c0QzKyqqSNZe129DukmQ" />
    <input value="7922" 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/wurzsauce-mojo-verde-bio-125-g-7924">
          <img alt="Würzsauce Mojo Verde Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4647/file/small-7c6d440df6d28da9265d9d8c9fe7c695.webp 600w, https://assets.fabulous.ch/public/variant_asset/4647/file/medium-59bfc98d2ede549b1b2e9f52a9516961.webp 900w, https://assets.fabulous.ch/public/variant_asset/4647/file/large-5477690a25f10a0970e566704bfc6d0a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4647/file/medium-59bfc98d2ede549b1b2e9f52a9516961.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">Sanchon</p>
          <a href="/de/products/wurzsauce-mojo-verde-bio-125-g-7924">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Würzsauce Mojo Verde Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KmOlSkMvSWjMCIThWgo9CO8rnGGWyrXz1ShvnAjft9xBb8ZYeFaGY-qpwW7xswtBSjJqDWEKmOzd4zkqSW6ogw" />
    <input value="7924" 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/erdnusssauce-sate-bio-320-ml-7929">
          <img alt="Erdnusssauce Saté Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4653/file/small-61562cc8cbe9360d79a688262aa2ed47.webp 600w, https://assets.fabulous.ch/public/variant_asset/4653/file/medium-3e2db3f5c82f6d928a1d158827ff3573.webp 900w, https://assets.fabulous.ch/public/variant_asset/4653/file/large-51532dfcc84ad811f2c7fe81d3bbc25b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4653/file/medium-3e2db3f5c82f6d928a1d158827ff3573.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">Sanchon</p>
          <a href="/de/products/erdnusssauce-sate-bio-320-ml-7929">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Erdnusssauce Saté Bio, 320 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="evXPZRFpg4k5vZBGbvCPLWMahKFdN8M6ldqavzyxC10R-ax3KhBMgh8c1cnFSblkxgNyzar37iWdEcwJfQAUAg" />
    <input value="7929" 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/rapunzel-espresso-zartbitterschokolade-bio-100-g-7934">
          <img alt="Rapunzel Espresso Zartbitterschokolade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4657/file/small-e0dc7726cedd07eadd06f523ed7b3af7.webp 600w, https://assets.fabulous.ch/public/variant_asset/4657/file/medium-94e9f1ca39d25fd31d7f691ad2557798.webp 900w, https://assets.fabulous.ch/public/variant_asset/4657/file/large-a1273ff26371572960db00604b84c955.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4657/file/medium-94e9f1ca39d25fd31d7f691ad2557798.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/rapunzel-espresso-zartbitterschokolade-bio-100-g-7934">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rapunzel Espresso Zartbitterschokolade Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.45
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vT9mt5IF65nvklm89_wMBsJ1ALMY_ruPM9PA7nx-8LXWMwWlqXwkkskzHDNcRTpPZ2z23-8-lpA7GJZYPc_v6g" />
    <input value="7934" 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/arche-tokyo-mix-reiscracker-bio-80-g-7937">
          <img alt="Arche Tokyo Mix Reiscracker Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4656/file/small-14a51a90e9cf68d9a7b83460b80d049c.webp 600w, https://assets.fabulous.ch/public/variant_asset/4656/file/medium-b3f1c595c9b9c3f7cc9d6d764a3985fb.webp 900w, https://assets.fabulous.ch/public/variant_asset/4656/file/large-6ec3de4661b510d1ab946e5b504a6dc8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4656/file/medium-b3f1c595c9b9c3f7cc9d6d764a3985fb.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/arche-tokyo-mix-reiscracker-bio-80-g-7937">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Arche Tokyo Mix Reiscracker Bio, 80 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 7.25 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gkWB0gV1OAzbIvtSUe4-KvFgrKcPSphwScRBCOh9RvjpSeLAPgz3B_2Dvt36VwhjVHlay_iKtW9BDxe-qcxZpw" />
    <input value="7937" 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/kerne-mix-gerostet-buchweizen-kurbiskerne-sesam-bio-250-g-7938">
          <img alt="Kerne-Mix geröstet (Buchweizen, Kürbiskerne, Sesam) Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4658/file/small-008035d4df407cc896379b1d02029469.webp 600w, https://assets.fabulous.ch/public/variant_asset/4658/file/medium-ed815d6766d861ebf079c7df35cb5e79.webp 900w, https://assets.fabulous.ch/public/variant_asset/4658/file/large-6b5b6647cd1d5e27fb2c22048d1623b0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4658/file/medium-ed815d6766d861ebf079c7df35cb5e79.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/kerne-mix-gerostet-buchweizen-kurbiskerne-sesam-bio-250-g-7938">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kerne-Mix geröstet (Buchweizen, Kürbiskerne, Sesam) Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GSBGiEkPplHq7vK7wg751ygF-r_74B-S6lRu_LFFMzNyLCWacnZpWsxPtzRpt8-ejRwM0wwgMo3inzhK8PQsbA" />
    <input value="7938" 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-terra-verde-crema-di-balsamico-di-modena-bio-150-ml-7955">
          <img alt="Essig Terra Verde Crema di Balsamico di Modena Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4662/file/small-8388ff963d2a591c8aa5e02a0cdd75cd.webp 600w, https://assets.fabulous.ch/public/variant_asset/4662/file/medium-83c1b7512541e2aa4a820d514cc5742b.webp 900w, https://assets.fabulous.ch/public/variant_asset/4662/file/large-8617e68412e24c8390e6ab43e67cf1d5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4662/file/medium-83c1b7512541e2aa4a820d514cc5742b.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">Terra Verde</p>
          <a href="/de/products/essig-terra-verde-crema-di-balsamico-di-modena-bio-150-ml-7955">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Essig Terra Verde Crema di Balsamico di Modena Bio, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.85
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_UsCartIZRi40R2XUHtr0AMgyPPzRL2TmxU4p-_QOQ6WR2F4gDGqE55wWBj7wl2Zpjk-nwSEkIyT3m4RrmEmUQ" />
    <input value="7955" 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/zitronensaure-konservieren-gelieren-konv-10-g-7960">
          <img alt="Zitronensäure konservieren &amp; gelieren konv." class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4666/file/small-616e2b09d70d8c9e8117d661d6a02fc7.webp 600w, https://assets.fabulous.ch/public/variant_asset/4666/file/medium-e888b3a2e64b4f61e04421c6be7167ca.webp 900w, https://assets.fabulous.ch/public/variant_asset/4666/file/large-0383e314dd9c8868225b63ee7083960c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4666/file/medium-e888b3a2e64b4f61e04421c6be7167ca.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/zitronensaure-konservieren-gelieren-konv-10-g-7960">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Zitronensäure konservieren &amp; gelieren konv., 10 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_9USmxbO41yXvcoE7AiQvDlMfQHM0LKCTcXaim_A182U2XGJLbcsV7Ecj4tHsab1nFWLbTsQn51FDow8LnHIkg" />
    <input value="7960" 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/pfiffikuss-premium-krauterbutter-krautersalz-bio-200-g-7970">
          <img alt="Pfiffikuss Premium Kräuterbutter Kräutersalz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4670/file/small-d90f36e7d10f17e7e867a3f5954d8a76.webp 600w, https://assets.fabulous.ch/public/variant_asset/4670/file/medium-7885f4a0dd04537a2e1f7eb4e4f2eeea.webp 900w, https://assets.fabulous.ch/public/variant_asset/4670/file/large-958fcd662e3d0bf8a07f1f2e87a51c85.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4670/file/medium-7885f4a0dd04537a2e1f7eb4e4f2eeea.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">Pfiffikuss</p>
          <a href="/de/products/pfiffikuss-premium-krauterbutter-krautersalz-bio-200-g-7970">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pfiffikuss Premium Kräuterbutter Kräutersalz Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.45
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gEaNxvXQ1FGdUYBPdhyvNmhBj5z4E3Qi2eYu0Is7D0nrSu7UzqkbWrvwxcDdpZl_zVh58A_TWT3RLXhmyooQFg" />
    <input value="7970" 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/brot-e-sener-dinkelbrot-demeter-500-g-7983">
          <img alt="Brot E&#39;sener Dinkelbrot Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4673/file/small-d0331a9561a45f3bf6e19f4038605916.webp 600w, https://assets.fabulous.ch/public/variant_asset/4673/file/medium-ec5debb412042757578e161c8b37623d.webp 900w, https://assets.fabulous.ch/public/variant_asset/4673/file/large-bdef3866da51ec3e38750d891797c6eb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4673/file/medium-ec5debb412042757578e161c8b37623d.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">Pural</p>
          <a href="/de/products/brot-e-sener-dinkelbrot-demeter-500-g-7983">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Brot E&#39;sener Dinkelbrot Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cyfERimyrBfgT8IaZGyt3mj8fC-hxdAQ3Nwm9iZIl5gYK6dUEstjHMbuh5XP1ZuXzeWKQ1YF_Q_UF3BAZ_mIxw" />
    <input value="7983" 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-glasnudeln-aus-erbsenstarke-bio-200-g-7992">
          <img alt="Pasta Glasnudeln aus Erbsenstärke Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4681/file/small-d7f82e2fdb8d4e78b2a8abdb76c924a1.webp 600w, https://assets.fabulous.ch/public/variant_asset/4681/file/medium-56be5b627d08269256e7c8e0fc6959c1.webp 900w, https://assets.fabulous.ch/public/variant_asset/4681/file/large-8218d90bea2f62c557d7764971052b28.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4681/file/medium-56be5b627d08269256e7c8e0fc6959c1.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/pasta-glasnudeln-aus-erbsenstarke-bio-200-g-7992">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Glasnudeln aus Erbsenstärke Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.75
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="P77NXl-qBpkwimP-dCC8HLUeJ2-gOPDMcywYE3Y77dhUsq5MZNPJkhYrJnHfmYpVEAfRA1f43dN7506lN4ryhw" />
    <input value="7992" 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/algen-nori-flocken-20-g-7994">
          <img alt="Algen Nori Flocken" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4683/file/small-d46496e490700aebb7eb964cff25b136.webp 600w, https://assets.fabulous.ch/public/variant_asset/4683/file/medium-7a28b7b8b46d49e9be955d093d02a055.webp 900w, https://assets.fabulous.ch/public/variant_asset/4683/file/large-7619ed7ccc80143e6c960c82dff17a62.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4683/file/medium-7a28b7b8b46d49e9be955d093d02a055.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/algen-nori-flocken-20-g-7994">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Algen Nori Flocken, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bghDgfRcWglYjhRlIDqQ7iHyY0zPsqQDYJT-D3y-vPQFBCCTzyWVAn4vUeqLg6anhOuVIDhyiRxoX6i5PQ-jqw" />
    <input value="7994" 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/hafer-muesli-protein-glutenfrei-bio-425-g-7995">
          <img alt="Hafer Müesli Protein glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4686/file/small-8a2ce9904315a8cfb120d98d4977f31a.webp 600w, https://assets.fabulous.ch/public/variant_asset/4686/file/medium-7730ed49e4388a9b6b0d2185c877d4fa.webp 900w, https://assets.fabulous.ch/public/variant_asset/4686/file/large-5aa29b1171aab7be42f86473ca1678ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4686/file/medium-7730ed49e4388a9b6b0d2185c877d4fa.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/hafer-muesli-protein-glutenfrei-bio-425-g-7995">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hafer Müesli Protein glutenfrei Bio, 425 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.35
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="g7HHKEKdn-wZXsZSUciyh2olfMTRWhAKfUYhJHOFu3bovaQ6eeRQ5z__g936cYTOzzyKqCaaPRV1jXeSMjSkKQ" />
    <input value="7995" 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/xylit-konfiture-himbeere-220-g-8013">
          <img alt="Xylit Konfitüre Himbeere" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4688/file/small-20a5e993466106fbf9507a104940caed.webp 600w, https://assets.fabulous.ch/public/variant_asset/4688/file/medium-9b8e252131a7cd706de2042bddb0db85.webp 900w, https://assets.fabulous.ch/public/variant_asset/4688/file/large-f8d1ad40e7875f494c392e616e4c1e1e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4688/file/medium-9b8e252131a7cd706de2042bddb0db85.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">Xucker</p>
          <a href="/de/products/xylit-konfiture-himbeere-220-g-8013">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xylit Konfitüre Himbeere, 220 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 2.68 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-8013-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/bindemittel-guarkernmehl-fur-kalte-speisen-glutenfrei-bio-100-g-8018">
          <img alt="Bindemittel Guarkernmehl für kalte Speisen Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4690/file/small-d07ab219b06c9f5a12d256dbe28cc541.webp 600w, https://assets.fabulous.ch/public/variant_asset/4690/file/medium-8fc7ace02195dd0a142504131e191891.webp 900w, https://assets.fabulous.ch/public/variant_asset/4690/file/large-53663d3cab9db32ab727ba0d1be35593.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4690/file/medium-8fc7ace02195dd0a142504131e191891.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/bindemittel-guarkernmehl-fur-kalte-speisen-glutenfrei-bio-100-g-8018">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bindemittel Guarkernmehl für kalte Speisen Glutenfrei Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

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

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



</template></turbo-stream>
<turbo-stream action="replace" target="infinite_scroll_sentinel"><template>
  <div id="infinite_scroll_sentinel" class="w-full py-8">
  <div class="flex flex-col items-center gap-3">
    <p class="text-sm text-gray-500">
      1&#39;900 von 3&#39;184 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/liebhart-s?format=turbo_stream&amp;page=96">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>