<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%3D33">
    <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-rumilia-feigensenf-120-g-18368">
          <img alt="Chalira Rumilia Feigensenf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11136/file/small-680c2c8233a458d6931802db95035956.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11136/file/medium-8c79b2fb4258a2bae0c496665d680f1d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11136/file/large-5c956fb827a374913d6ebea1ad187cc5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11136/file/medium-8c79b2fb4258a2bae0c496665d680f1d.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-rumilia-feigensenf-120-g-18368">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chalira Rumilia Feigensenf, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pYMI1UoFhJWUCpErp_rKmuzt1SHytnDfTL-G_s6_sNlOeKc1haeW-QqaSUYHv1cR2WxWKx-r574Db2z_yC3rPA" />
    <input value="18368" 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%3D33">
    <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-valero-krautersalz-nfp-47-g-18369">
          <img alt="Chalira Valero 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/10573/file/small-fc00eabf09ce045a064a1d7ffff7ad6a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10573/file/medium-3a703c2278c23ba267b8c078f290f068.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10573/file/large-7d5f71ad7dfd84f2e752ffecf9c3c037.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10573/file/medium-3a703c2278c23ba267b8c078f290f068.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-valero-krautersalz-nfp-47-g-18369">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chalira Valero Kräutersalz NFP, 47 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 29.57 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="z5yShEweXAr2I9ZyyNG5tp57ONOkcoy3Wa4Jcu2VfOAkZz1kg7xOZmizDh9olCQ9q_q72UlvG9YWfuNz6wcnBQ" />
    <input value="18369" 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%3D33">
    <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-wilde-krauter-gerebelt-glas-3-g-18370">
          <img alt="Chalira Wilde Kräuter gerebelt Glas" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10580/file/small-fae284b939e00d1ecce9c615d66e58f7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10580/file/medium-58f34ed56459aa60cd15136b428c4f5d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10580/file/large-870759d59fa14c25ff436859ac5e3bf7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10580/file/medium-58f34ed56459aa60cd15136b428c4f5d.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-wilde-krauter-gerebelt-glas-3-g-18370">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chalira Wilde Kräuter gerebelt Glas, 3 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 550.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zmlyVbhCjVDiNa3hUJfFRiGfssFyhXuhZDhd6LbfX_Qlkt21d-CfPHyldYzw0ljNFB4xy5-Y7MAr6LfpsE0EEQ" />
    <input value="18370" 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%3D33">
    <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/claro-mascobado-vollrohrzucker-bio-1-kg-18372">
          <img alt="Claro Mascobado Vollrohrzucker Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11129/file/small-060ea0f360df630ef173c29483a6be46.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11129/file/medium-1286cf2f6b2c07e85991fb6687b690e6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11129/file/large-1130dcd1342da45e79290954e598aee9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11129/file/medium-1286cf2f6b2c07e85991fb6687b690e6.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">Claro</p>
          <a href="/products/claro-mascobado-vollrohrzucker-bio-1-kg-18372">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Claro Mascobado Vollrohrzucker Bio, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MWBG5TxCjYh2DD6xJjrl6buD0NrLtcwyeSUfDLWsWvLam-kF8-Cf5Oic5tyGf3hijgJT0CaoW1M29fUNsz4BFw" />
    <input value="18372" 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%3D33">
    <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/classicayurveda-trikatu-gewurzmischung-dose-50-g-18373">
          <img alt="ClassicAyurveda Trikatu Gewürzmischung Dose" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10246/file/small-3714bf3978eb3e504be305a0f791cc64.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10246/file/medium-dd496b944eb2c081dd59a3d4ba789392.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10246/file/large-52783786987dcbd35c4120cfdac98962.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10246/file/medium-dd496b944eb2c081dd59a3d4ba789392.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">ClassicAyurveda</p>
          <a href="/products/classicayurveda-trikatu-gewurzmischung-dose-50-g-18373">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">ClassicAyurveda Trikatu Gewürzmischung Dose, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ybrgZR2RraIuDgFl5c7K0Ewrnz9Tt-xSGxxdjJ_R_IwiQU-F0jO_zrCe2QhFi1dbeaocNb6qezNUzLeNmUOnaQ" />
    <input value="18373" 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%3D33">
    <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/classicayurveda-gewurzmischung-asafoetida-mit-bockshornklee-dose-70-g-18375">
          <img alt="ClassicAyurveda Gewürzmischung Asafoetida mit Bockshornklee Dose" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10245/file/small-a72cef53ca2360509b35562c22512094.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10245/file/medium-ca05a6e7c27810fe1f7a49752c3375fd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10245/file/large-c410edec145a1023028cd922603a9ce4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10245/file/medium-ca05a6e7c27810fe1f7a49752c3375fd.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">ClassicAyurveda</p>
          <a href="/products/classicayurveda-gewurzmischung-asafoetida-mit-bockshornklee-dose-70-g-18375">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">ClassicAyurveda Gewürzmischung Asafoetida mit Bockshornklee Dose, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ioXSWyaqJF-Q9KGkvuDiTUurePcveWN25E5LZw6Clyhhfn276Qg2Mw5keckepX_Gfir7_cJk9BernqFmCBDMzQ" />
    <input value="18375" 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%3D33">
    <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/classicayurveda-kala-namak-gemahlen-dose-70-g-18376">
          <img alt="ClassicAyurveda Kala Namak gemahlen Dose" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10247/file/small-5643f216401399c525a8dea76fd8a93c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10247/file/medium-1fd4f4550bf4477ebadfbe7690747b6d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10247/file/large-26bd460a6b1f29dc91c73778733ea44f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10247/file/medium-1fd4f4550bf4477ebadfbe7690747b6d.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">ClassicAyurveda</p>
          <a href="/products/classicayurveda-kala-namak-gemahlen-dose-70-g-18376">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">ClassicAyurveda Kala Namak gemahlen Dose, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cd8YrYrzH7t8w-fw_cZoG_uKwMV7YLaGnGUuxJReFL-aJLdNRVEN1-JTP51dg_WQzgtDz5Z9IefTtcTFksxPWg" />
    <input value="18376" 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%3D33">
    <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/classicayurveda-rosenwasser-bio-250-ml-18377">
          <img alt="ClassicAyurveda Rosenwasser Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10337/file/small-04b4775e2f740b256e3850bd774801af.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10337/file/medium-a31877e9347ae54a4041581e0ec3dbe8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10337/file/large-b52cea806ae79aa98ff99d7f9fcc709a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10337/file/medium-a31877e9347ae54a4041581e0ec3dbe8.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">ClassicAyurveda</p>
          <a href="/products/classicayurveda-rosenwasser-bio-250-ml-18377">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">ClassicAyurveda Rosenwasser Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RqwWac49D7tNnRybyqP06ZAE84mEmylJlDg9hvjvHYqtV7mJAZ8d19MNxPZq5mlipYVwg2mGvijb6NeH_n1Gbw" />
    <input value="18377" 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%3D33">
    <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/clearspring-miso-suppe-sea-vegetable-rot-bio-40-g-18378">
          <img alt="Clearspring Miso Suppe Sea Vegetable rot Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11279/file/small-cb84eb5004deaf33087170320341a43c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11279/file/medium-5d9490c69eed1cf6c4c1465894555ace.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11279/file/large-cac64a5cc5cda1880c2399052d3399cf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11279/file/medium-5d9490c69eed1cf6c4c1465894555ace.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">ClearSpring</p>
          <a href="/products/clearspring-miso-suppe-sea-vegetable-rot-bio-40-g-18378">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Clearspring Miso Suppe Sea Vegetable rot Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GEO_SQC7hhtO4rJtKYZbxXJeOGNbYoCeuAD1HUlBCKTzuBCpzxmUd9ByagCJw8ZOR9-7abZ_F__30B8cT9NTQQ" />
    <input value="18378" 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%3D33">
    <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/clearspring-miso-suppe-tofu-weiss-bio-40-g-18379">
          <img alt="Clearspring Miso Suppe Tofu weiss Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11281/file/small-ee9bbe749b2acdcf7f9155b48f18d16c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11281/file/medium-540d9e0493163966f74cf8e6618c358d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11281/file/large-dfb603f79135642f1d4d2d7ba8bd8e22.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11281/file/medium-540d9e0493163966f74cf8e6618c358d.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">ClearSpring</p>
          <a href="/products/clearspring-miso-suppe-tofu-weiss-bio-40-g-18379">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Clearspring Miso Suppe Tofu weiss Bio, 40 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 16.75 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7umbyTsvYVRohCrcNbw_cvAKKqK3bI1CvENe3isJ9aoFEjQp9I1zOPYU8rGV-aL5xYupqFpxGiPzk7TfLZuuTw" />
    <input value="18379" 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%3D33">
    <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/clearspring-miso-sweet-white-bio-250-g-18380">
          <img alt="Clearspring Miso Sweet White Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11282/file/small-60ac48eae932ede8f8d8f2262500bfeb.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11282/file/medium-d346672d315e9dd224596fc95d35476f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11282/file/large-21cf768d74c23e0c432f9811518432e0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11282/file/medium-d346672d315e9dd224596fc95d35476f.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">ClearSpring</p>
          <a href="/products/clearspring-miso-sweet-white-bio-250-g-18380">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Clearspring Miso Sweet White Bio, 250 g</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 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="S0e-HjpbP10N8js9WBvAqGuRTFHvrllNZa3aywT2o62gvBH-9fktMZNi41D4Xl0jXhDPWwKzziwqfTDKAmT4SA" />
    <input value="18380" 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%3D33">
    <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/compagnie-kartoffel-lauch-fixe-tasse-bio-3-x-20-g-18383">
          <img alt="Compagnie Kartoffel-Lauch Fixe Tasse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9110/file/small-f9000370b2399682c61c830007ba0789.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9110/file/medium-105ebb55c5a817ae0ee788ee23371476.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9110/file/large-f55567aca45e0fe5030005bccfc5d3a5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9110/file/medium-105ebb55c5a817ae0ee788ee23371476.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">Compagnie</p>
          <a href="/products/compagnie-kartoffel-lauch-fixe-tasse-bio-3-x-20-g-18383">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Compagnie Kartoffel-Lauch Fixe Tasse Bio, 3 x 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="if-y02JkYYJHkEb2lmX9WAnoaYJIQviL-9makcXdsFtiBB0zrcZz7tkAnps2IGDTPGnqiKVfb-q0CXCQw0_rvg" />
    <input value="18383" 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%3D33">
    <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/compagnie-klare-huhnerbouillon-bio-100-g-18384">
          <img alt="Compagnie klare Hühnerbouillon Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9482/file/small-17a200ea83cfa03a432eef52d3003c68.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9482/file/medium-8c8a3bdfb34ebf66bf85ebb8b3b49007.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9482/file/large-c8e0c9661010d91d2e1ab0e7a2aa7158.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9482/file/medium-8c8a3bdfb34ebf66bf85ebb8b3b49007.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">Compagnie</p>
          <a href="/products/compagnie-klare-huhnerbouillon-bio-100-g-18384">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Compagnie klare Hühnerbouillon Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hy-Adg4PB9KYQsN5nVBdHf2Kz0-3fX17TMrmwVaz98ps1C-Wwa0VvgbSGxQ9FcCWyAtMRVpg6hoDGgzAUCGsLw" />
    <input value="18384" 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%3D33">
    <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/cosmoveda-tamarinden-paste-bio-vegan-135-g-18385">
          <img alt="Cosmoveda Tamarinden Paste 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/11221/file/small-f4955340578b34a81aed6ab04a75a008.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11221/file/medium-5c890320b6b04fcbdc26a59697877e05.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11221/file/large-374194d0f07df4f734d9f94569bddf89.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11221/file/medium-5c890320b6b04fcbdc26a59697877e05.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">Cosmoveda</p>
          <a href="/products/cosmoveda-tamarinden-paste-bio-vegan-135-g-18385">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cosmoveda Tamarinden Paste Bio vegan, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yii9g4EevzBoUYlhrGyAlS-zuPdNp-TZRFMWABdaZPoh0xJjTrytXPbBUQwMKR0eGjI7_aC6c7gLg_wBEcg_Hw" />
    <input value="18385" 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%3D33">
    <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/danival-atlantik-salz-fein-1-kg-18386">
          <img alt="Danival Atlantik Salz fein" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9602/file/small-123952c9798864ac78bcf3d5762ca15e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9602/file/medium-fff1ad160d9e33f8b1bfcd01a225aa1b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9602/file/large-775fb03f8be96f4cbdb28be9f82a72f3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9602/file/medium-fff1ad160d9e33f8b1bfcd01a225aa1b.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">Danival</p>
          <a href="/products/danival-atlantik-salz-fein-1-kg-18386">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Danival Atlantik Salz fein, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ImepFZNTvU5i682Ne01G32r8ABo4MGNJbieKO5RMQjbJnAb1XPGvIvx7FeDbCNtUX32DENUt9Cgh92A6kt4Z0w" />
    <input value="18386" 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%3D33">
    <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/danival-genmai-reismiso-bio-200-g-18387">
          <img alt="Danival Genmai Reismiso Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9601/file/small-793464354af0e415383b23c596bdfbf9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9601/file/medium-1f21d057fe89841e4ce5814bf9445829.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9601/file/large-550bf26c9a712950a5c62af7e44cc774.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9601/file/medium-1f21d057fe89841e4ce5814bf9445829.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">Danival</p>
          <a href="/products/danival-genmai-reismiso-bio-200-g-18387">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Danival Genmai Reismiso Bio, 200 g</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 4.25 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wIX5uiRX-vcZYlXIRVLRSVyE2fb4CqKu8ppBLT0zmJwrflZa6_Xom4fyjaXlF0zCaQVa_BUXNc-9SqssO6HDeQ" />
    <input value="18387" 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%3D33">
    <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/derit-kichererbsen-bio-360-g-18388">
          <img alt="DeRit Kichererbsen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9111/file/small-dedb44635dbff0204e78b44ad519750c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9111/file/medium-da8fce18b830aee38fe2b1772052991b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9111/file/large-3751b62046e63d6e2fa48f871f7ba6ce.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9111/file/medium-da8fce18b830aee38fe2b1772052991b.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">DeRit</p>
          <a href="/products/derit-kichererbsen-bio-360-g-18388">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">DeRit Kichererbsen Bio, 360 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Dz1EKVkLAkh95_d7dmP2DhCt0bA0zQvM7iRa7OM75-PkxuvJlqkQJON3LxbWJmuFJSxSutnQnK2h9LDt5am8Bg" />
    <input value="18388" 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%3D33">
    <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/derit-kidney-bohnen-bio-350-g-18389">
          <img alt="DeRit Kidney Bohnen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9112/file/small-c81788893024048f081f8749daf34659.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9112/file/medium-40f95314308286cf29989c373d0e72e8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9112/file/large-ba365cc82618925bbcb23c5c0eaeae1f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9112/file/medium-40f95314308286cf29989c373d0e72e8.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">DeRit</p>
          <a href="/products/derit-kidney-bohnen-bio-350-g-18389">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">DeRit Kidney Bohnen Bio, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Qv7rl9F_CihiBOgZtk0mv_73tYH9588AzlvoOiaPguqpBUR3Ht0YRPyUMHQWCLs0y3Y2ixD6WGGBiwI7IB3ZDw" />
    <input value="18389" 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%3D33">
    <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/derit-weisse-bohnen-in-tomaten-sauce-bio-360-g-18390">
          <img alt="DeRit Weisse Bohnen in Tomaten Sauce Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9113/file/small-b6cc5e3e658a3c3cb27ff761f99e60e1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9113/file/medium-9918e8bfb933734eb3f8adce50b67a86.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9113/file/large-1c02b74011c369991a9ce26c99df5a45.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9113/file/medium-9918e8bfb933734eb3f8adce50b67a86.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">DeRit</p>
          <a href="/products/derit-weisse-bohnen-in-tomaten-sauce-bio-360-g-18390">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">DeRit Weisse Bohnen in Tomaten Sauce Bio, 360 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uKEpGHf0Ov7krmwBIoakt_VHvX7vwoaQLqgpCHrqm3hTWob4uFYokno-tGyCwzk8wMY-dALfEfFheMMJfHjAnQ" />
    <input value="18390" 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%3D33">
    <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/dr-goerg-kokosmus-bio-roh-200-ml-18392">
          <img alt="Dr. Goerg Kokosmus Bio roh" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9603/file/small-0641f2623b85f0391f1d9de8d4a078f5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9603/file/medium-c6a59f0c9f44cc3e9fc30b9add20ebb4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9603/file/large-2f6200d7c95d5858a8df3e163d1e55a3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9603/file/medium-c6a59f0c9f44cc3e9fc30b9add20ebb4.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">Dr. Goerg</p>
          <a href="/products/dr-goerg-kokosmus-bio-roh-200-ml-18392">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dr. Goerg Kokosmus Bio roh, 200 ml</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 4.10 / 100 ml
            </p>
        </div>
      </div>

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

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

</template></turbo-stream>