<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/sauce-asia-thai-mango-bio-220-ml-7928">
          <img alt="Sauce Asia Thai Mango Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4652/file/small-026c368e435d0ca70d9013a0b87a5536.webp 600w, https://assets.fabulous.ch/public/variant_asset/4652/file/medium-017947434266fe40dc3c79f4ab098e5d.webp 900w, https://assets.fabulous.ch/public/variant_asset/4652/file/large-72e744761b6390cfbddce368bd385693.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4652/file/medium-017947434266fe40dc3c79f4ab098e5d.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/sauce-asia-thai-mango-bio-220-ml-7928">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sauce Asia Thai Mango Bio, 220 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DmC3zvWKlSOnMfWOE_QzNnyHOJFZ_-sPMGJiPcBPOT4h7ACPQ_O72D5fSiH1ELrBASyVfa5FicYJH_GG2m5eGA" />
    <input value="7928" 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="jofZpZaubDwezxNtmxp5YmXg8W7E1wVCTP9vMdLuriuhC27kINdCx4ehrMJ9_vCVGEtcgjNtZ4t1gvyKyM_JDQ" />
    <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/biber-s-weiss-saisonmotiv-bio-80-g-7932">
          <img alt="Biber-S weiss Saisonmotiv Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4655/file/small-18dfaa198c36a9d43d00f8dd87bb5614.webp 600w, https://assets.fabulous.ch/public/variant_asset/4655/file/medium-139a6b0cd88998f303d10f239b07850c.webp 900w, https://assets.fabulous.ch/public/variant_asset/4655/file/large-1cac283102d747d7e735bdc448d109bd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4655/file/medium-139a6b0cd88998f303d10f239b07850c.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">Leibacher Biber-Manufaktur</p>
          <a href="/de/products/biber-s-weiss-saisonmotiv-bio-80-g-7932">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biber-S weiss Saisonmotiv 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-7932-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BLtZZoAisX6jAeNHifh6iRhdneHtbLVdImUg0kgAYOYrN-4nNlufhTpvXOhvHPN-ZfYwDRrW15QbGLNpUiEHwA" />
    <input value="7932" 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/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="U_h9hQcLQf5ppUCGUeukmt7f2oCcBwrcy8-jMt3h2UZ8dMrEsXJvBfDL_ym3Dy1to3R3bGu9aBXysjCJx8C-YA" />
    <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 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/schoko-muesli-hafer-glutenfrei-bio-425-g-7935">
          <img alt="Schoko Müesli HAFER Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4659/file/small-ba7cf61da1d7f2b0ea045558d81bdb6a.webp 600w, https://assets.fabulous.ch/public/variant_asset/4659/file/medium-dc4a177a7b3c7820bfb09924c61e678a.webp 900w, https://assets.fabulous.ch/public/variant_asset/4659/file/large-7931c852bffed9f155dc2603bdcf359b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4659/file/medium-dc4a177a7b3c7820bfb09924c61e678a.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/schoko-muesli-hafer-glutenfrei-bio-425-g-7935">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Schoko Müesli HAFER Glutenfrei Bio, 425 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 1.46 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QOJjdjqbmCclx3LWPMUd6WvbhYPtF2054_WpxtZBF9NvbtQ3jOK23LypzXnaIZQeFnAobxqtD_DaiDp9zGBw9Q" />
    <input value="7935" 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="kkiOMWVmveYPRaAxY57qzK1aOC1cCSWKLeR4FmCK5Vy9xDlw0x-THZYrH56FemM70PGVwauzR0MUmeutequCeg" />
    <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="cEJry4XxXGa4_2OMr_1VOmfs9J6kdRU1aPPgFs8bsDRfztyKM4hynSGR3CNJGdzNGkdZclPPd_xRjnOt1TrXEg" />
    <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/pesto-al-tartufo-bio-130-g-7954">
          <img alt="Pesto al tartufo Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4661/file/small-b04eedf6ce2f501b9fd3e8eda63253c2.webp 600w, https://assets.fabulous.ch/public/variant_asset/4661/file/medium-dc653ed15c12ba2ae14049628068e7a2.webp 900w, https://assets.fabulous.ch/public/variant_asset/4661/file/large-f3876d4b2f9a09b8870edd7993bfcaa9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4661/file/medium-dc653ed15c12ba2ae14049628068e7a2.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">LaSelva</p>
          <a href="/de/products/pesto-al-tartufo-bio-130-g-7954">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pesto al tartufo Bio, 130 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vZoJF-9hXqcctkNE2VFnZ9ATOrhyoBwX584U-0q0JZiSFr5WWRhwXIXY_Os_te6QrbiXVIUaft7es4dAUJVCvg" />
    <input value="7954" 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/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="dyWfs30zTCeGYTkPTnmS2keR4-Mtw62UZTiwA5ciJEhYqSjyy0pi3B8PhqConRstOjpOD9p5z11cRSO4jQNDbg" />
    <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  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/geliermittel-apfelpektin-glutenfrei-bio-20-g-7959">
          <img alt="Geliermittel Apfelpektin Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4665/file/small-1ab0f9ccf3935da4468dc173039c9b7b.webp 600w, https://assets.fabulous.ch/public/variant_asset/4665/file/medium-fe54a464e44a3b603609550ff60f1bf9.webp 900w, https://assets.fabulous.ch/public/variant_asset/4665/file/large-50f3f7cf5946c946696609abcf392a68.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4665/file/medium-fe54a464e44a3b603609550ff60f1bf9.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/geliermittel-apfelpektin-glutenfrei-bio-20-g-7959">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Geliermittel Apfelpektin Glutenfrei Bio, 20 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 20.50 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="miE_OG2aSsYFuGxYJz03dhuyfD_egNlTcj-7yRdZATG1rYh52-NkPZzW0_fB2b6BZhnR0yk6u5pLQihyDXhmFw" />
    <input value="7959" 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="giEKc_12yLzNHKWVLFBdrqVVT6xdxL7A3Kb3PuYK1XGtrb0ySw_mR1RyGjrKtNRZ2P7iQKp-3Anl22SF_CuyVw" />
    <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/essig-ume-su-pflaumenessig-bio-250-ml-7967">
          <img alt="Essig Ume-Su Pflaumenessig Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4667/file/small-77a95b1f89ffe8c9d26f79932573e743.webp 600w, https://assets.fabulous.ch/public/variant_asset/4667/file/medium-9acb0f12819c04006f8933da6706edcb.webp 900w, https://assets.fabulous.ch/public/variant_asset/4667/file/large-520dfa3135b0816ad808052e5fd78b5e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4667/file/medium-9acb0f12819c04006f8933da6706edcb.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">Lima</p>
          <a href="/de/products/essig-ume-su-pflaumenessig-bio-250-ml-7967">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Essig Ume-Su Pflaumenessig Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-3koASJhVHyVFyEwJ8oyhawhv9eQ_jp7_Ec0iCYMmPbU9Z9AlBh6hwx5np_BLrty0YoSO2dEWLLFOqczPC3_0A" />
    <input value="7967" 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-tsampa-sonams-gerste-demeter-250-g-7968">
          <img alt="Mehl Tsampa Sonams Gerste Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4669/file/small-7ce5aaad46a14ed5eec7da241b350241.webp 600w, https://assets.fabulous.ch/public/variant_asset/4669/file/medium-0f60012d1aa2fa9db9ea9c3bdbfe3835.webp 900w, https://assets.fabulous.ch/public/variant_asset/4669/file/large-80bde93889c04b8e4762dbec0c364142.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4669/file/medium-0f60012d1aa2fa9db9ea9c3bdbfe3835.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">Tsampa</p>
          <a href="/de/products/mehl-tsampa-sonams-gerste-demeter-250-g-7968">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mehl Tsampa Sonams Gerste Demeter, 250 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 2.24 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DWPW2aiiL6u9o6GGyrg7xfE8Ye--KYVvQot2k9R0200i72GYHtsBUCTNHiksXLIyjJfMA0mT56Z79uUozlW8aw" />
    <input value="7968" 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="pEQUg41Pcb3JHX7TFlU77AzX17eXletqjxKfUNF6P2uLyKPCOzZfRlBzwXzwsbIbcXx6W2AviaO2bwzry1tYTQ" />
    <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="kS8kAoLMMu165qRr3DYggaUyQULCNK3O6xNsvils9tu-o5NDNLUcFuOIG8Q60ql22JnsrjWOzwfSbv8FM02R_Q" />
    <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/tomatenkonzentrat-doppelt-konzentriert-28-30-bio-145-g-7988">
          <img alt="Tomatenkonzentrat, doppelt konzentriert 28-30% Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4676/file/small-a188e6d9b83b49c95072dd93d95e7870.webp 600w, https://assets.fabulous.ch/public/variant_asset/4676/file/medium-2feaee0a189f881e594e11f9bb4ee2fd.webp 900w, https://assets.fabulous.ch/public/variant_asset/4676/file/large-dfe8957b2ca39c0c9c896b0b75e4a027.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4676/file/medium-2feaee0a189f881e594e11f9bb4ee2fd.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">LaSelva</p>
          <a href="/de/products/tomatenkonzentrat-doppelt-konzentriert-28-30-bio-145-g-7988">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tomatenkonzentrat, doppelt konzentriert 28-30% Bio, 145 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 2.48 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VCwE3kt9dL2uZJxnaueMlHjVoDPdE5CDpyF23zjPDJ57oLOf_QRaRjcKI8iMAwVjBX4N3yqp8kqeXOVkIu5ruA" />
    <input value="7988" 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/biscuit-bio-bis-schoko-nuss-choc-o-nut-dinkel-85-g-7991">
          <img alt="Biscuit Bio Bis Schoko-Nuss Choc&#39;O Nut Dinkel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4679/file/small-a5bcdbe53e5a9a11e4520a352a16934f.webp 600w, https://assets.fabulous.ch/public/variant_asset/4679/file/medium-463e0df610e5b5949310dced9697355c.webp 900w, https://assets.fabulous.ch/public/variant_asset/4679/file/large-c8d61607028f24fbb8fffcd071c25c83.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4679/file/medium-463e0df610e5b5949310dced9697355c.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/biscuit-bio-bis-schoko-nuss-choc-o-nut-dinkel-85-g-7991">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biscuit Bio Bis Schoko-Nuss Choc&#39;O Nut Dinkel, 85 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sByixuQe2yo6AEznGMYK4uHfwKn1XFjWzQK-_Y6bl1qfkBWHUmf10aNu80j-IoMVnHRtRQLmOh_0fy1GlLrwfA" />
    <input value="7991" 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="A9sh9FUr5nYIbon8U9uZIav_ZgM0LHeYEt2Zb5QY8yAsV5a141LIjZEANlO1PxDW1lTL78OWFVEroArUjjmUBg" />
    <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-sushi-nori-algenblatter-gerostet-bio-25-g-7993">
          <img alt="Algen Sushi Nori Algenblätter geröstet Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4682/file/small-472a0bebc1a3cd9e8a456325e9f14307.webp 600w, https://assets.fabulous.ch/public/variant_asset/4682/file/medium-8af42b467d2fa666bc1769becc418be4.webp 900w, https://assets.fabulous.ch/public/variant_asset/4682/file/large-7d4d92e04f68f41b75ca6d41372f61dd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4682/file/medium-8af42b467d2fa666bc1769becc418be4.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-sushi-nori-algenblatter-gerostet-bio-25-g-7993">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Algen Sushi Nori Algenblätter geröstet Bio, 25 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Vd_-YJSYKaRm00gFCufez4E9-bHdMflKs3uL5d2qnzh6U0khIuEHX_-996rsA1c4_JZUXSqLm4OKBhhex4v4Hg" />
    <input value="7993" 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/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="bQ_GpDHTdKdy3i7TgNjpnRolugxvHPQvQ2K5XB_W3BhCg3Hlh6paXOuwkXxmPGBqZ44X4JimluZ6HyrnBfe7Pg" />
    <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>



</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;360 von 3&#39;185 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/raw-bite?format=turbo_stream&amp;page=69">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>