<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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D69">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/sonnentor-gewurz-salattopping-nfp-bio-30-g-20118">
          <img alt="Sonnentor Gewürz Salattopping NFP Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10680/file/small-3ebd9b05b406ba1c52cfdae4eb3d1cdb.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10680/file/medium-9f85aaa3de8f5e04b1b45a66cb8dfb71.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10680/file/large-b0a7dc21da4db5c6a7a5c373bcbc5f16.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10680/file/medium-9f85aaa3de8f5e04b1b45a66cb8dfb71.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">Sonnentor</p>
          <a href="/products/sonnentor-gewurz-salattopping-nfp-bio-30-g-20118">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sonnentor Gewürz Salattopping NFP Bio, 30 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 18.67 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CdrqtGVL5c1XC76x5mnJxp0Rpppr0eIl9a5ZZcJ4d0wMV4AX6gRHQNUBj8y0wBPs7hXjTl4Frj0f3t52fWy6dA" />
    <input value="20118" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D69">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/nkw-hanfol-demeter-250-ml-20123">
          <img alt="NKW Hanföl Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10682/file/small-28842c6e985cf3d3791be3ce10d9f173.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10682/file/medium-08f6e0c2edfaaab54047ded281aba0d0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10682/file/large-fedc87ab60f5d10cdde8ca3aa79a39e3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10682/file/medium-08f6e0c2edfaaab54047ded281aba0d0.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">NKW</p>
          <a href="/products/nkw-hanfol-demeter-250-ml-20123">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">NKW Hanföl Demeter, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SyKsaZPVIZEiI2cElsmsTvtvOqChUlK1MS0xBebCRo5Or8bKHJqDHKApVnnEYHZkiGt_dJSGHq3bXbYWWdaLtg" />
    <input value="20123" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D69">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/florentin-hummus-pinienkerne-bio-vegan-170-g-20124">
          <img alt="Florentin Hummus Pinienkerne Bio vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10683/file/small-bcc50681dbef4ab309789b0f698f747a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10683/file/medium-f17c6801280f107bc55f1a7b4d74fa3e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10683/file/large-2e0bd352f1168769f01c9eb0b5d19d6f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10683/file/medium-f17c6801280f107bc55f1a7b4d74fa3e.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">Florentin</p>
          <a href="/products/florentin-hummus-pinienkerne-bio-vegan-170-g-20124">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Florentin Hummus Pinienkerne Bio vegan, 170 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Y8KVvdMlGDNaqTwSDugF7B8Bak540REVatqeX2GCEPxmT_8eXGq6vtijDW9cQd_GbAUvmk0FXQ2AqhlM3pbdxA" />
    <input value="20124" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D69">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/nkw-kichererbsen-miso-bio-250-g-20126">
          <img alt="NKW Kichererbsen Miso Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10685/file/small-13253a966d3ddc8a9812aa603d6241f0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10685/file/medium-f6e995962bd4a30bd836a5144030df68.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10685/file/large-c8feacafa8d8435c99668ac0e30633be.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10685/file/medium-f6e995962bd4a30bd836a5144030df68.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">NKW</p>
          <a href="/products/nkw-kichererbsen-miso-bio-250-g-20126">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">NKW Kichererbsen Miso Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rpkIfFSevgH1X202nQE8mz7farq2t4cTc3f9HWOnKBerFGLf29EcjHdVXEvPqOaxTdsvboNjywuZB3oO3LPlLw" />
    <input value="20126" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D69">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/l-antica-madia-farfalle-mit-kurkuma-und-violetter-karotte-bio-250-g-20127">
          <img alt="L&#39;antica Madia Farfalle mit Kurkuma und violetter Karotte Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10686/file/small-845c2e9ed28096c274eef44b8717aee7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10686/file/medium-2d179b870b266cfb26dbc24f2b485144.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10686/file/large-691ce9ef101331de7fe467b8e78180dd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10686/file/medium-2d179b870b266cfb26dbc24f2b485144.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">L&#39;antica Madia</p>
          <a href="/products/l-antica-madia-farfalle-mit-kurkuma-und-violetter-karotte-bio-250-g-20127">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">L&#39;antica Madia Farfalle mit Kurkuma und violetter Karotte Bio, 250 g</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 1.80 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FPKILV95EdmiQsp2xy0VyThlPjuMofAOgoN_GsUkl7ARf-KO0DazVCBI-wuVhM_jS2F777l1vBZo8_gJejBaiA" />
    <input value="20127" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D69">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/rapunzel-bio-snacky-wellness-sprossen-mix-40-g-20130">
          <img alt="Rapunzel Bio-Snacky Wellness Sprossen Mix" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10690/file/small-9cb4806af2c009e878722c985f8e7680.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10690/file/medium-6ce0def4188d98cd843e79904bba971b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10690/file/large-442dbeaeba246abce8cd981470308ab6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10690/file/medium-6ce0def4188d98cd843e79904bba971b.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="/products/rapunzel-bio-snacky-wellness-sprossen-mix-40-g-20130">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rapunzel Bio-Snacky Wellness Sprossen Mix, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="X7Id36eOrxSggSf2iw-jdOG0vCtlaMqqiQUP4P4dIVFaP3d8KMENmSKLFovZpnlekrD5_1C8hrJjdYjzQQnsaQ" />
    <input value="20130" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D69">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/chalira-tamangur-krautersalz-glas-55-g-20131">
          <img alt="Chalira Tamangur Kräutersalz Glas" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10689/file/small-0c55c82e6c5741c9e08cae4b60913973.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10689/file/medium-1168b57b536b603098fb16c5e250173f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10689/file/large-05c11a6c9ce9de621a6da040a9680303.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10689/file/medium-1168b57b536b603098fb16c5e250173f.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">Chalira</p>
          <a href="/products/chalira-tamangur-krautersalz-glas-55-g-20131">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chalira Tamangur Kräutersalz Glas, 55 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iSh97IHLdSamNVQEU0zJzRbX-7B2RLSs8DiYLYhEswOMpRdPDoTXqyQ_ZXkB5RPnZdO-ZEOQ-LQaSB8-N1B-Ow" />
    <input value="20131" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D69">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/chalira-tamangur-krautersalz-nfp-49-g-20132">
          <img alt="Chalira Tamangur Kräutersalz NFP" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10691/file/small-1bd45a59a5024885d83ccbda87b85445.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10691/file/medium-0f0f0a360a95ffa9a2e95a66c0868a29.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10691/file/large-584d4ce7837080a26c93f09f6027a688.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10691/file/medium-0f0f0a360a95ffa9a2e95a66c0868a29.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">Chalira</p>
          <a href="/products/chalira-tamangur-krautersalz-nfp-49-g-20132">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chalira Tamangur Kräutersalz NFP, 49 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="40Ulx43oTfBU6jHiILebu62MsavNUX5vTs6YWNl38RLmyE9kAqfvfdbgAJ9yHkGR3oj0f_iFMnekvh9LZmM8Kg" />
    <input value="20132" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D69">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/rapunzel-kokosbluten-sirup-bio-250-ml-20133">
          <img alt="Rapunzel Kokosblüten Sirup Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10692/file/small-aac04d5bb75ce5b101606060beb738bc.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10692/file/medium-78f8dd80dc86fa2f7c1ef4a814bcd14d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10692/file/large-580468cc0757076479db66ce4ff15ed6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10692/file/medium-78f8dd80dc86fa2f7c1ef4a814bcd14d.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="/products/rapunzel-kokosbluten-sirup-bio-250-ml-20133">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rapunzel Kokosblüten Sirup Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4cGhj_kTEjpz1XfkC9L9_8dmAq-ieH-6K1rf6gXZo1LkTMssdlywt_HfRplZeyfVtGJHe5esM6LBKlj5us1uag" />
    <input value="20133" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D69">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/schnitzer-grissini-tomate-bio-gf-100-g-20135">
          <img alt="Schnitzer Grissini Tomate Bio gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10694/file/small-294348e4aab73553655d4dbe6fa28b2a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10694/file/medium-8128f9a1409a99545dfd4b40680d5fdf.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10694/file/large-630ba3c631d2ffbb70dd217beec12b13.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10694/file/medium-8128f9a1409a99545dfd4b40680d5fdf.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">Schnitzer</p>
          <a href="/products/schnitzer-grissini-tomate-bio-gf-100-g-20135">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schnitzer Grissini Tomate Bio gf, 100 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 5.10 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="G6xgycunmcwvu8OsRLNvFqiULCl1FOrYx8NlOKzkzKQeIQpqROg7Qa2x8tEWGrU825Bp_UDApsAts-IrE_ABnA" />
    <input value="20135" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D69">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/hammermuhle-beeren-mandel-knusper-musli-bio-gf-300-g-20137">
          <img alt="Hammermühle Beeren Mandel Knusper-Müsli Bio gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10704/file/small-3f8d42046f0c32b60740e1b0dd4c65ac.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10704/file/medium-6865a147c4bda91735c618d250bcfc60.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10704/file/large-a43a81ce856eb144733d963b3b57f1d9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10704/file/medium-6865a147c4bda91735c618d250bcfc60.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">Hammermühle</p>
          <a href="/products/hammermuhle-beeren-mandel-knusper-musli-bio-gf-300-g-20137">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hammermühle Beeren Mandel Knusper-Müsli Bio gf, 300 g</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.30 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_Jxu99TeKHqlDFCi3JLnMKftwoizA8XPIwDVWNIUBTr5EQRUW5GK9ycGYd-OOz0a1OmHXIbXidfJcFJLbQDIAg" />
    <input value="20137" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D69">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/originalbeans-schokolade-virunga-70-kakao-bio-gf-70-g-20139">
          <img alt="OriginalBeans Schokolade Virunga 70% Kakao Bio gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10706/file/small-29afae8568d3cd51d17f15ab3ce825a5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10706/file/medium-17d98a15a56e512cc0e4836e72ee60a2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10706/file/large-f58374d891212db788748386ebcf5823.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10706/file/medium-17d98a15a56e512cc0e4836e72ee60a2.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">OriginalBeans</p>
          <a href="/products/originalbeans-schokolade-virunga-70-kakao-bio-gf-70-g-20139">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">OriginalBeans Schokolade Virunga 70% Kakao Bio gf, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BaggNoDkAhP1XlL5AkQ-tRysWqrzCsHsYQlpbc_32T8AJUqVD6ugnndUY4RQ7eSfb6gffsbejfSLee5-cOMUBw" />
    <input value="20139" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D69">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/huusgmacht-salatdressing-tandoori-bio-vegan-500-ml-20142">
          <img alt="Huusgmacht Salatdressing Tandoori Bio vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10709/file/small-f9b2e2fcc55b4f94b340446487b6b07f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10709/file/medium-5dcfb5009ce33ec4c450a392180c4a95.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10709/file/large-dd9f1a22946396e77bc4921c1206d50d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10709/file/medium-5dcfb5009ce33ec4c450a392180c4a95.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">huusgmacht</p>
          <a href="/products/huusgmacht-salatdressing-tandoori-bio-vegan-500-ml-20142">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Huusgmacht Salatdressing Tandoori Bio vegan, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Zd139WtYWcUS7XYCF03GHENt6HRjXd7hd3DQ3oCbyGlgUB1W5Bf7SJDnR39F5Bw2MGmtoFaJkvmdAFfNP48FUQ" />
    <input value="20142" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D69">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/nkw-kokosnussol-mct-demeter-250-ml-20143">
          <img alt="NKW Kokosnussöl MCT Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10710/file/small-ee14faf2af349a16cede720a03dc26c6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10710/file/medium-911864a3940823783be181422f3df4f8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10710/file/large-b769e654856db1b7ca423799aa88fc4c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10710/file/medium-911864a3940823783be181422f3df4f8.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">NKW</p>
          <a href="/products/nkw-kokosnussol-mct-demeter-250-ml-20143">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">NKW Kokosnussöl MCT Demeter, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dEugOVkkVqUht-HDC8UoY9klPLXdGAXS2gpYQtYsi11xxsqa1mv0KKO90L5ZbPJJqiF5YejMScowet9RaThGZQ" />
    <input value="20143" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D69">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/sunsnack-wandermischung-225-g-20144">
          <img alt="SunSnack Wandermischung" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10712/file/small-4a0143105ba32fb31a0ca8fc8b86b2a1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10712/file/medium-644bb50d13d388c3f939c61ceb5a8e9a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10712/file/large-4d6770282d37fc1105805d8f1d796f87.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10712/file/medium-644bb50d13d388c3f939c61ceb5a8e9a.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">SunSnack</p>
          <a href="/products/sunsnack-wandermischung-225-g-20144">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">SunSnack Wandermischung, 225 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1c0NC6CvF2S5ttmtilNxJVpOpBtnT9wzEkjH2cy7rifQQGeoL-C16Tu86NDY-qsPKUrhz1KbkCv4OEDKc69jHw" />
    <input value="20144" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D69">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/wheaty-snacker-weenie-bio-vegan-30-g-20145">
          <img alt="Wheaty Snacker Weenie Bio vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10890/file/small-ff22a211750f6b87ed0c2bb5181a8b0e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10890/file/medium-6ee1fa2fddddde73f08b68e9a9812e02.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10890/file/large-e9f3dba002b5cb7ddc5d480b30833f91.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10890/file/medium-6ee1fa2fddddde73f08b68e9a9812e02.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">Wheaty</p>
          <a href="/products/wheaty-snacker-weenie-bio-vegan-30-g-20145">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wheaty Snacker Weenie Bio vegan, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zxOB3ZOB7PVfQON-OYa5vDZ3Bx0mzb0YljFEiPZjmyDKnut-HM5OeN1K0gNrL2OWRXNCyRMZ8QB8QcObSXdWGA" />
    <input value="20145" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D69">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/biofarm-sorghum-hirse-biok-500-g-20147">
          <img alt="Biofarm Sorghum Hirse BioK" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10713/file/small-069a12ef2fc7a73d3605ecf230e01185.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10713/file/medium-bd292d9ea104a52249d2843db2dacc8d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10713/file/large-eaf7fa28e00e7e34f71e666e50847b60.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10713/file/medium-bd292d9ea104a52249d2843db2dacc8d.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">Biofarm</p>
          <a href="/products/biofarm-sorghum-hirse-biok-500-g-20147">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biofarm Sorghum Hirse BioK, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NzlAFPcWCdASLH8XQqDdb6Tdml188OIrw4jPbpu_GwAytCq3eFmrXZAmTmoQCQdF19nfiUkkrjMp-Eh9JKvWOA" />
    <input value="20147" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D69">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/rapunzel-zuckerrohr-melasse-bio-300-g-20148">
          <img alt="Rapunzel Zuckerrohr-Melasse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10714/file/small-c0dacc1141262b74fa9512e0e2be15cf.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10714/file/medium-59a36fc83653826fce748d3afe11e9c0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10714/file/large-5e2c64831110be5a377b86faa8ac716c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10714/file/medium-59a36fc83653826fce748d3afe11e9c0.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="/products/rapunzel-zuckerrohr-melasse-bio-300-g-20148">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rapunzel Zuckerrohr-Melasse Bio, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nCPLxIubCrBjcl8qHZaLwNXJmEX_dsujC1FL2tBwkWCZrqFnBNSoPeF4bldPP1Hqps3dkcqih7vhIczJb2RcWA" />
    <input value="20148" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D69">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/morga-hafervollkornmehl-biok-glutenfrei-500-g-20150">
          <img alt="Morga Hafervollkornmehl BioK glutenfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10716/file/small-4518f5832d1d050845f593b3166cf3c4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10716/file/medium-a49edf65afd40e5f95df882587f148e5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10716/file/large-a248e29944b804d17b50cc5ab60b6223.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10716/file/medium-a49edf65afd40e5f95df882587f148e5.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">MORGA</p>
          <a href="/products/morga-hafervollkornmehl-biok-glutenfrei-500-g-20150">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Hafervollkornmehl BioK glutenfrei, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="D4brYTpaKOrMXZr3uKIiiMsT2tlNcMR8nDzMgz8Qy_gKC4HCtRWKZ05Xq4rqC_iiuBefDXikiGR2TEuQgAQGwA" />
    <input value="20150" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D69">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/taucherli-schokoladentafel-petazeta-dark-100-g-20152">
          <img alt="Taucherli Schokoladentafel Petazeta Dark" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10717/file/small-35c55b9517f8c90c15f19768f8a6cc14.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10717/file/medium-04692d16ff92aec55a9130808bc14e64.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10717/file/large-11719b0f6a7f8fb72434555c6416b6db.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10717/file/medium-04692d16ff92aec55a9130808bc14e64.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">Taucherli</p>
          <a href="/products/taucherli-schokoladentafel-petazeta-dark-100-g-20152">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Taucherli Schokoladentafel Petazeta Dark, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="l7Y5VrIJvr3DW1ZoOdD_K68WADCgApnmdsqX3Zvd8cKSO1P1PUYcMEFRZxVreSUB3BJF5JXW1f6cuhDOJMk8-g" />
    <input value="20152" 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;380 von 1&#39;583 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/lebensmittel?format=turbo_stream&amp;page=70">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>