<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%3D48">
    <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/dinkelmehl-hell-type-630-demeter-1-kg-18229">
          <img alt="Mehl Dinkelmehl hell 630 Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9158/file/small-790dfb3f5160efad73de01bc98019f3a.webp 600w, https://assets.fabulous.ch/public/variant_asset/9158/file/medium-ea74868d5c38349dc73e8b6d8c6ff13c.webp 900w, https://assets.fabulous.ch/public/variant_asset/9158/file/large-e87ceb0c2c2befdcd9c8631040169cf2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9158/file/medium-ea74868d5c38349dc73e8b6d8c6ff13c.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/products/dinkelmehl-hell-type-630-demeter-1-kg-18229">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mehl Dinkelmehl hell 630 Demeter, 1 kg</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 0.59 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18229&quot;],&quot;content_name&quot;:&quot;Mehl Dinkelmehl hell 630 Demeter, 1 kg&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18229&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9aVroeH_f5bckYJiQ8T-TCorGl7GMuU85YV2AGwzjIHSlnKJkmB-N5HM7uXdwIyXcBLcgxsN7ZS5bv8nQ2aCVQ" />
    <input value="18229" 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%3D48">
    <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/kardamom-ganz-nfp-bio-40-g-18424">
          <img alt="Kardamom ganz NFP Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10298/file/small-52082d00bf792c79aabe6614a56ef9af.webp 600w, https://assets.fabulous.ch/public/variant_asset/10298/file/medium-08c79d9f5b8c27ca50df47eab1b5e1fa.webp 900w, https://assets.fabulous.ch/public/variant_asset/10298/file/large-c9aa82b45cb5810dc7dffdafce65998a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10298/file/medium-08c79d9f5b8c27ca50df47eab1b5e1fa.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">Brecht</p>
          <a href="/products/kardamom-ganz-nfp-bio-40-g-18424">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kardamom ganz NFP Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 0.00
            </p>

          </div>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18424&quot;],&quot;content_name&quot;:&quot;Kardamom ganz NFP Bio, 40 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18424&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:0.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kwxXm6TxL1s1Fe8NGnUe-4g9U9KFuaAwb9z6g1KwdxW0P06z124u-nhIg4qEcWwg0gSVD1iGqJgzN3OkfeV5wQ" />
    <input value="18424" 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%3D48">
    <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/pfeffer-schwarz-gemahlen-nfp-bio-60-g-18449">
          <img alt="Pfeffer schwarz gemahlen NFP Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10917/file/small-2b8d579f4040f82bee56f4c1db7b66d1.webp 600w, https://assets.fabulous.ch/public/variant_asset/10917/file/medium-eba9c5b864b628e6278c355057164bd5.webp 900w, https://assets.fabulous.ch/public/variant_asset/10917/file/large-92fabac83fa1688626216fdd1cbdd895.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10917/file/medium-eba9c5b864b628e6278c355057164bd5.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">Brecht</p>
          <a href="/products/pfeffer-schwarz-gemahlen-nfp-bio-60-g-18449">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pfeffer schwarz gemahlen NFP Bio, 60 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 9.17 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18449&quot;],&quot;content_name&quot;:&quot;Pfeffer schwarz gemahlen NFP Bio, 60 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18449&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Gl2ZmwPVtfLubO1YWERxolAFZHzoV_NZTF8Vr3MAYa49boCzcEq0U6Mxgd_GQAN5CjyioTVo-_EQtJyIXFVveg" />
    <input value="18449" 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%3D48">
    <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/kurkuma-gemahlen-bio-150-g-19744">
          <img alt="Kurkuma gemahlen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10335/file/small-b02d4c37add0ac0de4ac95766e7fdbd6.webp 600w, https://assets.fabulous.ch/public/variant_asset/10335/file/medium-e09638233f3a5fd0b7102de0411bd122.webp 900w, https://assets.fabulous.ch/public/variant_asset/10335/file/large-8273ef6c20cfbdfca9904138cbeab146.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10335/file/medium-e09638233f3a5fd0b7102de0411bd122.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">Brecht</p>
          <a href="/products/kurkuma-gemahlen-bio-150-g-19744">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kurkuma gemahlen Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.50
            </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-19744-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19744&quot;],&quot;content_name&quot;:&quot;Kurkuma gemahlen Bio, 150 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19744&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="w6aCuZV3paGXpjgEaB2R5BXkonAMyzFgzgRggpGjptfklZuR5uikANr7VIP2GeM_T91krdH0OciS7-mlvvaoAw" />
    <input value="19744" 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%3D48">
    <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/sauce-honig-senf-bio-210-ml-18738">
          <img alt="Sauce Honig Senf Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10303/file/small-d701cbb7ecef8f93a181f791043ddfb2.webp 600w, https://assets.fabulous.ch/public/variant_asset/10303/file/medium-b1cc962815a1b53c88ae83c26ba766d5.webp 900w, https://assets.fabulous.ch/public/variant_asset/10303/file/large-8b5f1948fdfdf8aa27340f70df2da1c9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10303/file/medium-b1cc962815a1b53c88ae83c26ba766d5.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturata</p>
          <a href="/products/sauce-honig-senf-bio-210-ml-18738">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sauce Honig Senf Bio, 210 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.55
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18738&quot;],&quot;content_name&quot;:&quot;Sauce Honig Senf Bio, 210 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18738&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.55,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yWQngBdA4F1C8GpR7Hg7OPuCKXbE6HwtaykZD_V2uNjuVz6oZN_h_A-tBtZyfEnjobvvqxnXdIU3wpAo2iO2DA" />
    <input value="18738" 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%3D48">
    <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/nelken-gemahlen-bio-35-g-18440">
          <img alt="Nelken gemahlen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9820/file/small-110600741d0d77d8bbe230b1698b7bae.webp 600w, https://assets.fabulous.ch/public/variant_asset/9820/file/medium-d7390f10ae0cb4642bc5860a9c6f92f8.webp 900w, https://assets.fabulous.ch/public/variant_asset/9820/file/large-12eb3be1a46629dc0592cd2b2baa823f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9820/file/medium-d7390f10ae0cb4642bc5860a9c6f92f8.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">Brecht</p>
          <a href="/products/nelken-gemahlen-bio-35-g-18440">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nelken gemahlen Bio, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18440&quot;],&quot;content_name&quot;:&quot;Nelken gemahlen Bio, 35 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18440&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xz5Q_vZ3pF2WUfrmTvoUMk722jfQsL_DdT3Xo1fXG0jgDUnWheil_NsMlmHQ_mbpFM8c6g2Pt2sp1l6EeIIVnA" />
    <input value="18440" 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%3D48">
    <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/sauce-knoblauch-bio-210-ml-20074">
          <img alt="Sauce Knoblauch Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10788/file/small-9c860d23cef74fb98bc3a3efeb308aab.webp 600w, https://assets.fabulous.ch/public/variant_asset/10788/file/medium-5701911156b72b8c8ebce9a6e7cc8509.webp 900w, https://assets.fabulous.ch/public/variant_asset/10788/file/large-912c237c12830475527db14b9c30e1d8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10788/file/medium-5701911156b72b8c8ebce9a6e7cc8509.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturata</p>
          <a href="/products/sauce-knoblauch-bio-210-ml-20074">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sauce Knoblauch Bio, 210 ml</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 2.62 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20074&quot;],&quot;content_name&quot;:&quot;Sauce Knoblauch Bio, 210 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20074&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="m3vhVRdogAokofUk4EV76djdz2qZ0RKsAYGL1WgeQgG8SPh9ZPeBq2n8maN-QQkyguQJt0TuGgRdagLyR0tM1Q" />
    <input value="20074" 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%3D48">
    <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/bio-snacky-kresse-200-g-18800">
          <img alt="Bio-Snacky Kresse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10872/file/small-45d1745787a42ce8833add24dd3c3014.webp 600w, https://assets.fabulous.ch/public/variant_asset/10872/file/medium-222b04803e5f7d6c339ad09b50fda305.webp 900w, https://assets.fabulous.ch/public/variant_asset/10872/file/large-91e8762a9ce3bf428fddd44a67cbcf07.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10872/file/medium-222b04803e5f7d6c339ad09b50fda305.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/bio-snacky-kresse-200-g-18800">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bio-Snacky Kresse, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.45
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18800&quot;],&quot;content_name&quot;:&quot;Bio-Snacky Kresse, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18800&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.45,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LUw9xU9tSBI5CqliayKPlS1V4pSPnXTLb5vpItBbKBYKfyTtPPJJs3RXxeX1Jv1Od2wkSVKifGMzcGAF_w4mwg" />
    <input value="18800" 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%3D48">
    <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/soya-gehacktes-bio-200-g-19041">
          <img alt="Soya Gehacktes Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9723/file/small-83a17b72d4af08568400d2c822bf406e.webp 600w, https://assets.fabulous.ch/public/variant_asset/9723/file/medium-4ecf23b9809ccc4cc6f79bebe0248260.webp 900w, https://assets.fabulous.ch/public/variant_asset/9723/file/large-ba657fb90ead31282be06e3532f74ced.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9723/file/medium-4ecf23b9809ccc4cc6f79bebe0248260.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Soyana</p>
          <a href="/products/soya-gehacktes-bio-200-g-19041">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soya Gehacktes Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </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-19041-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19041&quot;],&quot;content_name&quot;:&quot;Soya Gehacktes Bio, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19041&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nG0dDXo5jJOUMQIxmV29w34-U_HuvbC6lZWGAqLrj-G7XgQlCaaNMtlsbrYHWc8YJAeVLDOCuBLJfg8ljb6BNQ" />
    <input value="19041" 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%3D48">
    <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/balsamico-apfel-himbeere-bio-250-ml-20097">
          <img alt="Balsamico Apfel Himbeere Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10827/file/small-536521b32882f3f18d5c3d4489be5eb3.webp 600w, https://assets.fabulous.ch/public/variant_asset/10827/file/medium-d149094e16e95e071be16aeab23379f9.webp 900w, https://assets.fabulous.ch/public/variant_asset/10827/file/large-f2adc3b78e095d24ab3d259fd42653f7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10827/file/medium-d149094e16e95e071be16aeab23379f9.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/balsamico-apfel-himbeere-bio-250-ml-20097">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Balsamico Apfel Himbeere Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20097&quot;],&quot;content_name&quot;:&quot;Balsamico Apfel Himbeere Bio, 250 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20097&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:12.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UiOtv7PbjEBCMdnYc5WZT_cWzMsJKJIbkioynO60PSt1ELSXwESN4Q9stV_tkeuUrS8KFtQXmrPOwbu7weEz_w" />
    <input value="20097" 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%3D48">
    <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/raps-kernol-bio-500-ml-10142">
          <img alt="Raps Kernöl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5493/file/small-b777c03b8f853928947e8b8465a73ff5.webp 600w, https://assets.fabulous.ch/public/variant_asset/5493/file/medium-84ce5f13f4e3c6a847e10b90db104dd8.webp 900w, https://assets.fabulous.ch/public/variant_asset/5493/file/large-2a7f4d60ceb6ca846d6e12492dc1e235.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5493/file/medium-84ce5f13f4e3c6a847e10b90db104dd8.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">Die kleine Mühle</p>
          <a href="/products/raps-kernol-bio-500-ml-10142">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Raps Kernöl Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;10142&quot;],&quot;content_name&quot;:&quot;Raps Kernöl Bio, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;10142&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:14.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VibjxBGBp-gkFXGRZ4hB8hqQRdMpoQ1QW-doPOrKa8ZxFfrsYh6mSWlIHRb5jDMpQKmDDvSeBfgHDOEbxZ9lEg" />
    <input value="10142" 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%3D48">
    <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/johannisbrotkernmehl-bio-65-g-18106">
          <img alt="Johannisbrotkernmehl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9050/file/small-38d336d713b5294e25ed42f175d3842f.webp 600w, https://assets.fabulous.ch/public/variant_asset/9050/file/medium-5d15b5cd913023014c34e0a1dcf3a9ab.webp 900w, https://assets.fabulous.ch/public/variant_asset/9050/file/large-5a66590f281d20af35356f3794c469c0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9050/file/medium-5d15b5cd913023014c34e0a1dcf3a9ab.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/johannisbrotkernmehl-bio-65-g-18106">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Johannisbrotkernmehl Bio, 65 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18106&quot;],&quot;content_name&quot;:&quot;Johannisbrotkernmehl Bio, 65 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18106&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:10.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KcMKzH5GF5iCZqLnyIoC9inD8YM2iLJxwUDjZzc3BNQO8BPkDdkWOc87zmBWjnAtc_o3Xuu3utmdq2pAGGIKAA" />
    <input value="18106" 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%3D48">
    <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/aus-erlinsbach-bio-330-ml-19156">
          <img alt="Verjus aus Erlinsbach Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10840/file/small-4a99bdfb89aec3369697310364eb5ae6.webp 600w, https://assets.fabulous.ch/public/variant_asset/10840/file/medium-8a42b1f32e94123130151a34e9f43b4e.webp 900w, https://assets.fabulous.ch/public/variant_asset/10840/file/large-6b6be14189f8735ac0b7f8bd1b9c9486.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10840/file/medium-8a42b1f32e94123130151a34e9f43b4e.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">Verjus</p>
          <a href="/products/aus-erlinsbach-bio-330-ml-19156">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Verjus aus Erlinsbach Bio, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.05
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19156&quot;],&quot;content_name&quot;:&quot;Verjus aus Erlinsbach Bio, 330 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19156&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:17.05,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yOGXWW7JUwt8fKgx7BB3d2N67pu1XQAOSG1GTmTTf2nv0o5xHVZSqjEhxLZyFAWsOUMoRmhiCKYUhs9pS4ZxvQ" />
    <input value="19156" 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%3D48">
    <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/bio-snacky-broccoli-bio-30-g-18798">
          <img alt="Bio-Snacky Broccoli Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9279/file/small-6527640278f261ffc9ccf7a37b0b287b.webp 600w, https://assets.fabulous.ch/public/variant_asset/9279/file/medium-d5f48134ea66e3ecde29a1badc057341.webp 900w, https://assets.fabulous.ch/public/variant_asset/9279/file/large-24c4d42838d006f01f295ccb6719b81b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9279/file/medium-d5f48134ea66e3ecde29a1badc057341.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/bio-snacky-broccoli-bio-30-g-18798">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bio-Snacky Broccoli Bio, 30 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 6.00 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18798&quot;],&quot;content_name&quot;:&quot;Bio-Snacky Broccoli Bio, 30 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18798&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JUxcX6QxgfL395zy4AhgaCTG-ya8symIoErosjkkz_ECf0V3166AU7qq8HV-DBKzfv89-2GMISD8oWGVFnHBJQ" />
    <input value="18798" 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%3D48">
    <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/peak-punk-haferriegel-dark-chocolate-bio-55-g-17505">
          <img alt="Peak Punk Haferriegel Dark Chocolate Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8161/file/small-8100b4fd0a396d5481db4363248e8e1b.webp 600w, https://assets.fabulous.ch/public/variant_asset/8161/file/medium-b574179b50a7a53f6da84c6e287f3ff6.webp 900w, https://assets.fabulous.ch/public/variant_asset/8161/file/large-891af90fd86f5f9f71808b47f2811aa0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8161/file/medium-b574179b50a7a53f6da84c6e287f3ff6.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">Peak Punk</p>
          <a href="/products/peak-punk-haferriegel-dark-chocolate-bio-55-g-17505">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Peak Punk Haferriegel Dark Chocolate Bio, 55 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.45
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17505&quot;],&quot;content_name&quot;:&quot;Peak Punk Haferriegel Dark Chocolate Bio, 55 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17505&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.45,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PadHM15kLs33OYwvlW7_O8C4IC9A7veo1KHpQgG882salF4bLfsvbLpk4KgLao3gmoHm8p3R_wCISmBlLun9vw" />
    <input value="17505" 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%3D48">
    <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/soja-paneer-natur-bio-200-g-111">
          <img alt="Soja-Paneer Natur Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/121/file/small-dc427ba0bbd12c8c12f4e1d962240414.webp 600w, https://assets.fabulous.ch/public/variant_asset/121/file/medium-cecde4a37302133289a13b87cd85b580.webp 900w, https://assets.fabulous.ch/public/variant_asset/121/file/large-7c21b935fbfed841766fcf69c735252a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/121/file/medium-cecde4a37302133289a13b87cd85b580.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">Engel-Tofu</p>
          <a href="/products/soja-paneer-natur-bio-200-g-111">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soja-Paneer Natur Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;111&quot;],&quot;content_name&quot;:&quot;Soja-Paneer Natur Bio, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;111&quot;,&quot;quantity&quot;:2}],&quot;value&quot;:12.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wDhlp4eXOLclY7B_aSJXW_ML3HCPe-Sv0659qqwHH-PnC3yP9Ag5Fmg-3Pj3JiWAqTIarVJE7AePRfSNg1IRNw" />
    <input value="111" type="hidden" name="variant_id" id="variant_id" />
    <input value="2" 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%3D48">
    <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/flanino-vanille-demeter-110-g-18343">
          <img alt="Flanino Vanille Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11334/file/small-a8f25517eec9ce35e466ddf58ebf0ee2.webp 600w, https://assets.fabulous.ch/public/variant_asset/11334/file/medium-9859ad28ac0a9a2465534e4ebfebf73a.webp 900w, https://assets.fabulous.ch/public/variant_asset/11334/file/large-f91f5c5b1e4f16f21d4bb9a2cb65b7be.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11334/file/medium-9859ad28ac0a9a2465534e4ebfebf73a.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">Biomilk</p>
          <a href="/products/flanino-vanille-demeter-110-g-18343">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Flanino Vanille Demeter, 110 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.85
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18343&quot;],&quot;content_name&quot;:&quot;Flanino Vanille Demeter, 110 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18343&quot;,&quot;quantity&quot;:4}],&quot;value&quot;:7.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Hza3SupQ8wyGi9dYgGyEyduAVauZ0slea_xdtxJ4O4k4Ba5imc_yrcvWu98eaPYSgbmTdkTtwfY3F9SQPS01XQ" />
    <input value="18343" type="hidden" name="variant_id" id="variant_id" />
    <input value="4" 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%3D48">
    <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/schokolade-virunga-70-kakao-bio-70-g-19843">
          <img alt="Schokolade Virunga 70% Kakao Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10411/file/small-e29b251e4c0494b483cc6949fd6afb30.webp 600w, https://assets.fabulous.ch/public/variant_asset/10411/file/medium-87ca7375cbef5360fe8f283f088d671e.webp 900w, https://assets.fabulous.ch/public/variant_asset/10411/file/large-602e305da8c9a29fa8ced75c4f7b4fcd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10411/file/medium-87ca7375cbef5360fe8f283f088d671e.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/schokolade-virunga-70-kakao-bio-70-g-19843">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schokolade Virunga 70% Kakao Bio, 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-19843-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19843&quot;],&quot;content_name&quot;:&quot;Schokolade Virunga 70% Kakao Bio, 70 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19843&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="n8x-irZDE5z_VnNtrEGYM9gh9RRFwPKds4gpmLX-XWS4_2eixdwSPbILH-oyReroghgzyZj_-jXvY6C_mqtTsA" />
    <input value="19843" 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%3D48">
    <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/gelier-birkenzucker-konv-500-g-18391">
          <img alt="Gelier-Birkenzucker konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9595/file/small-bf2ba5104ac798cef505d02c956a2fbb.webp 600w, https://assets.fabulous.ch/public/variant_asset/9595/file/medium-c21f985e171771864ddc126012a6073e.webp 900w, https://assets.fabulous.ch/public/variant_asset/9595/file/large-c179e45be895ba5d26169bdd0d9f8a56.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9595/file/medium-c21f985e171771864ddc126012a6073e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Birkengold</p>
          <a href="/products/gelier-birkenzucker-konv-500-g-18391">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gelier-Birkenzucker konv, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18391&quot;],&quot;content_name&quot;:&quot;Gelier-Birkenzucker konv, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18391&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:16.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7r9h5bhpYkI90IMhvOXBgn_0uryOEsiuUfwqJeBh3VLJjHjNy_Zj43CN76Yi4bNZJc18YVMtwAYNF6MCzzTThg" />
    <input value="18391" 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%3D48">
    <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/wandermischung-225-g-19847">
          <img alt="Wandermischung" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10415/file/small-7ab3c30b5a5feb20f0b9bcbe373b43e1.webp 600w, https://assets.fabulous.ch/public/variant_asset/10415/file/medium-974fedc777a9570e591466cb190e0272.webp 900w, https://assets.fabulous.ch/public/variant_asset/10415/file/large-e8a63b01e27c70a4a273163dd4b8206d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10415/file/medium-974fedc777a9570e591466cb190e0272.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">Sun Snack</p>
          <a href="/products/wandermischung-225-g-19847">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wandermischung, 225 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19847&quot;],&quot;content_name&quot;:&quot;Wandermischung, 225 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19847&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CKTn54rQ12zupaA6Cx4GJd9f-7sHPeTKRO4mCfK3Cagvl_7P-U_WzaP4zL2VGnT-hWY9ZtoC7GIYBa8u3eIHfA" />
    <input value="19847" 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">
      960 von 1&#39;894 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/lebensmittel?format=turbo_stream&amp;page=49">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>