<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%2Fwurzmittel%3Fformat%3Dturbo_stream%26page%3D17">
    <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/salade-du-pecheur-streuer-bio-40-g-18628">
          <img alt="Salade Du Pêcheur Streuer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10285/file/small-e65474aeadfafec676cd131719dd1484.webp 600w, https://assets.fabulous.ch/public/variant_asset/10285/file/medium-f5d8ef783c2caa5847b6ba7e734761a1.webp 900w, https://assets.fabulous.ch/public/variant_asset/10285/file/large-55a16f26c7cea8ae6a9cec324360c126.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10285/file/medium-f5d8ef783c2caa5847b6ba7e734761a1.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lima</p>
          <a href="/products/salade-du-pecheur-streuer-bio-40-g-18628">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Salade Du Pêcheur Streuer Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.30
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18628&quot;],&quot;content_name&quot;:&quot;Salade Du Pêcheur Streuer Bio, 40 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18628&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GtYyPBTmNijGKc7sWx06__TeeQ5J0TkLt03X1rv4pFcB0xbDHg2jQ8XoGkkmzUkgH8FypDwjk525s639O6d_2g" />
    <input value="18628" 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%2Fwurzmittel%3Fformat%3Dturbo_stream%26page%3D17">
    <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/tamari-50-weniger-salz-bio-500-ml-18629">
          <img alt="Tamari 50% weniger Salz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10924/file/small-5e556ece640b05ed15aa941b04553976.webp 600w, https://assets.fabulous.ch/public/variant_asset/10924/file/medium-945c00a524a67211402f145dea842708.webp 900w, https://assets.fabulous.ch/public/variant_asset/10924/file/large-8f29f4f55230ed313d28fd00713583fa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10924/file/medium-945c00a524a67211402f145dea842708.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lima</p>
          <a href="/products/tamari-50-weniger-salz-bio-500-ml-18629">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tamari 50% weniger Salz Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18629&quot;],&quot;content_name&quot;:&quot;Tamari 50% weniger Salz Bio, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18629&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:17.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bWMrDzurmy0x81X5M59CZDQ8cIz_glML9vVEYwesW6J2Zg_wMUAORjIygVxOTzG73yN7Jopw-Z34Cz5Ih_OALw" />
    <input value="18629" 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%2Fwurzmittel%3Fformat%3Dturbo_stream%26page%3D17">
    <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/olivenol-kalamata-extra-vergine-bio-500-ml-18642">
          <img alt="Olivenöl Kalamata extra vergine Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10096/file/small-936ed018d00fc795251a624a45f7945b.webp 600w, https://assets.fabulous.ch/public/variant_asset/10096/file/medium-4de1c2d33afa88e4b24244449002d825.webp 900w, https://assets.fabulous.ch/public/variant_asset/10096/file/large-a283f54396d9b8a515aa14a07f028830.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10096/file/medium-4de1c2d33afa88e4b24244449002d825.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">Mani</p>
          <a href="/products/olivenol-kalamata-extra-vergine-bio-500-ml-18642">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Olivenöl Kalamata extra vergine Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18642&quot;],&quot;content_name&quot;:&quot;Olivenöl Kalamata extra vergine Bio, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18642&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:20.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mmHTsrzJ2yo88mD3kkDc2vx8huIS-dkCac-75O96Xc-BZPdNtiJOQT8ztFLvkK8FF2ONSGcLc5RnMcHPbyWGQg" />
    <input value="18642" 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%2Fwurzmittel%3Fformat%3Dturbo_stream%26page%3D17">
    <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/gemuse-bouillon-instant-fettfrei-150-g-18675">
          <img alt="Gemüse Bouillon Instant fettfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9250/file/small-f0ba8fb34bf1880f06149a28c8beb072.webp 600w, https://assets.fabulous.ch/public/variant_asset/9250/file/medium-d9f58e8354cad7b397928152b4d288e4.webp 900w, https://assets.fabulous.ch/public/variant_asset/9250/file/large-f2e8da4786d1c9b3bc26c1af2f3a86bf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9250/file/medium-d9f58e8354cad7b397928152b4d288e4.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">MORGA</p>
          <a href="/products/gemuse-bouillon-instant-fettfrei-150-g-18675">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gemüse Bouillon Instant fettfrei, 150 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 4.33 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18675&quot;],&quot;content_name&quot;:&quot;Gemüse Bouillon Instant fettfrei, 150 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18675&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="me5q7T28B_eqi0yUFQztgCpjaxzesNdNf8yf_ScjHHKC604SN1eSnKlKmDFo3J5fwXxgtqtCfdtxMuXWp3zH_w" />
    <input value="18675" 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%2Fwurzmittel%3Fformat%3Dturbo_stream%26page%3D17">
    <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/gemuse-bouillon-instant-fettfrei-bio-250-g-18676">
          <img alt="Gemüse Bouillon Instant fettfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9651/file/small-54cec52d63ca4c8ee63efa5dea08200a.webp 600w, https://assets.fabulous.ch/public/variant_asset/9651/file/medium-b8103e91182a139408083da733ba2cb6.webp 900w, https://assets.fabulous.ch/public/variant_asset/9651/file/large-7914200f9994011c91f3a0c3d5645002.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9651/file/medium-b8103e91182a139408083da733ba2cb6.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">MORGA</p>
          <a href="/products/gemuse-bouillon-instant-fettfrei-bio-250-g-18676">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gemüse Bouillon Instant fettfrei Bio, 250 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 4.36 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18676&quot;],&quot;content_name&quot;:&quot;Gemüse Bouillon Instant fettfrei Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18676&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="3lIrFlKVV1yUW7ew6RhsaAVJx08T0GqYovRerw4TNr3FVw_pWH7CN5eaYxWUyB-37lbM5WYiwA6sCiSEjkztMA" />
    <input value="18676" 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%2Fwurzmittel%3Fformat%3Dturbo_stream%26page%3D17">
    <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/gemuse-bouillon-instant-fettfrei-go-clean-bio-250-g-18677">
          <img alt="Gemüse Bouillon Instant fettfrei go clean Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9649/file/small-12900f36d115077aec1f639757ebc1e9.webp 600w, https://assets.fabulous.ch/public/variant_asset/9649/file/medium-4746af54489fff3bf768fbe7d69de4f9.webp 900w, https://assets.fabulous.ch/public/variant_asset/9649/file/large-5bdc46830facf75fdd0e400308797420.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9649/file/medium-4746af54489fff3bf768fbe7d69de4f9.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">MORGA</p>
          <a href="/products/gemuse-bouillon-instant-fettfrei-go-clean-bio-250-g-18677">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gemüse Bouillon Instant fettfrei go clean Bio, 250 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 4.36 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18677&quot;],&quot;content_name&quot;:&quot;Gemüse Bouillon Instant fettfrei go clean Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18677&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="BjLDRWQcIaR6LylZXtPygFWdlDAzJYDwVlXLOG7-15gdN-e6bve0z3nu_fwjA4FfvoKfmkbXKmZYq7ET7qEMFQ" />
    <input value="18677" 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%2Fwurzmittel%3Fformat%3Dturbo_stream%26page%3D17">
    <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/gemuse-bouillon-paste-1-kg-18678">
          <img alt="Gemüse Bouillon Paste" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9654/file/small-58408786f7344fb677d10137f5d47cd2.webp 600w, https://assets.fabulous.ch/public/variant_asset/9654/file/medium-dc5b87fb0b96c48efe926a16b5e0e9eb.webp 900w, https://assets.fabulous.ch/public/variant_asset/9654/file/large-d535ba77169e93456c265667dafd6b2e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9654/file/medium-dc5b87fb0b96c48efe926a16b5e0e9eb.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">MORGA</p>
          <a href="/products/gemuse-bouillon-paste-1-kg-18678">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gemüse Bouillon Paste, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 31.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18678&quot;],&quot;content_name&quot;:&quot;Gemüse Bouillon Paste, 1 kg&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18678&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:31.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8y1zB6nc3AA5t8h2X3yAd_qoxUpxfv6WOCUSh1MDgwToKFf4ozdJazp2HNMirPOoEbfO4ASMVAA222is01xYiQ" />
    <input value="18678" 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%2Fwurzmittel%3Fformat%3Dturbo_stream%26page%3D17">
    <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/gemuse-bouillon-paste-200-g-18679">
          <img alt="Gemüse Bouillon Paste" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9625/file/small-66298a097c6293dba6d57716d3efb17c.webp 600w, https://assets.fabulous.ch/public/variant_asset/9625/file/medium-49ca104d67690fcb587723b926f2db34.webp 900w, https://assets.fabulous.ch/public/variant_asset/9625/file/large-fbbe23b58592ee3b8c3c2dff399ae682.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9625/file/medium-49ca104d67690fcb587723b926f2db34.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">MORGA</p>
          <a href="/products/gemuse-bouillon-paste-200-g-18679">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gemüse Bouillon Paste, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18679&quot;],&quot;content_name&quot;:&quot;Gemüse Bouillon Paste, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18679&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5TACg9llGvKJN9qU511CZaoxUMgwNkOWdbixpSpRDBT-NSZ8046PmYr2DjGajTG6QS5bYkXE6QB7RsuOqg7XmQ" />
    <input value="18679" 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%2Fwurzmittel%3Fformat%3Dturbo_stream%26page%3D17">
    <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/gemuse-bouillon-paste-400-g-18680">
          <img alt="Gemüse Bouillon Paste" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10888/file/small-dc2f4ddb947b89cc57015e1313fd3efc.webp 600w, https://assets.fabulous.ch/public/variant_asset/10888/file/medium-418a2a55360c31acc20e62de42cc293a.webp 900w, https://assets.fabulous.ch/public/variant_asset/10888/file/large-b8070414a10a5621dee94d0814ce441b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10888/file/medium-418a2a55360c31acc20e62de42cc293a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">MORGA</p>
          <a href="/products/gemuse-bouillon-paste-400-g-18680">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gemüse Bouillon Paste, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18680&quot;],&quot;content_name&quot;:&quot;Gemüse Bouillon Paste, 400 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18680&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:15.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zRH61F_1Yr9nxhFrUIaIuA3enwMFXS7I1f3_xebMoZjWFN4rVR731GQHxc4tVvtn5sGUqXCvhF7bA4XuZpN6FQ" />
    <input value="18680" 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%2Fwurzmittel%3Fformat%3Dturbo_stream%26page%3D17">
    <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/gemuse-bouillon-paste-go-clean-bio-400-g-18681">
          <img alt="Gemüse Bouillon Paste go clean Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9653/file/small-defd7e0405a27d8f896f9c1561ed1d4a.webp 600w, https://assets.fabulous.ch/public/variant_asset/9653/file/medium-38fa120924622775637678f8cde79613.webp 900w, https://assets.fabulous.ch/public/variant_asset/9653/file/large-022f35c91ab6011e12f04cb4b0687622.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9653/file/medium-38fa120924622775637678f8cde79613.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">MORGA</p>
          <a href="/products/gemuse-bouillon-paste-go-clean-bio-400-g-18681">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gemüse Bouillon Paste go clean Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.30
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18681&quot;],&quot;content_name&quot;:&quot;Gemüse Bouillon Paste go clean Bio, 400 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18681&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:17.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TqLzkcrMuGjlekcVW5FSSp3WoJFnApqjWzwna4_vq65Vp9duwCctA-a7k7AmQSGVdsmrOxLwMDVVwl1AD7BwIw" />
    <input value="18681" 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%2Fwurzmittel%3Fformat%3Dturbo_stream%26page%3D17">
    <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/leinol-demeter-4-x-100-ml-18757">
          <img alt="Leinöl Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9268/file/small-bf193f9d9ac6070d8571776381faefa9.webp 600w, https://assets.fabulous.ch/public/variant_asset/9268/file/medium-1367c115c2bce4592d24463b07f41cf6.webp 900w, https://assets.fabulous.ch/public/variant_asset/9268/file/large-8d4212bbcbc5c609d55e5a1bce343eb9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9268/file/medium-1367c115c2bce4592d24463b07f41cf6.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">NaturKraftWerke</p>
          <a href="/products/leinol-demeter-4-x-100-ml-18757">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Leinöl Demeter, 4 x 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 47.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18757&quot;],&quot;content_name&quot;:&quot;Leinöl Demeter, 4 x 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18757&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:47.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="o3ekG2RNXts1dB-Kz9DkDGCQTMw03cz7j7UwkerRzYS4coDkbqbLsDa1yy-yAJfTi49HZkEvZm2BS0q6ao4WCQ" />
    <input value="18757" 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%2Fwurzmittel%3Fformat%3Dturbo_stream%26page%3D17">
    <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/mariendistelol-nativ-bio-250-ml-18759">
          <img alt="Mariendistelöl nativ Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9490/file/small-4e28529f1f513962af1688ac892b5201.webp 600w, https://assets.fabulous.ch/public/variant_asset/9490/file/medium-eb580861e4712710bbbaf1c559747ede.webp 900w, https://assets.fabulous.ch/public/variant_asset/9490/file/large-912f29ae452e6386c24208b9decf80d3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9490/file/medium-eb580861e4712710bbbaf1c559747ede.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">NaturKraftWerke</p>
          <a href="/products/mariendistelol-nativ-bio-250-ml-18759">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mariendistelöl nativ Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18759&quot;],&quot;content_name&quot;:&quot;Mariendistelöl nativ Bio, 250 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18759&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:35.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rhdSjsYYYaMVYNXInaNaDX3him3x6P6KLlR9pkRE1fm1EnZxzPP0yBahAW3gcynSlv6Bx4QaVBwgqgeNxBsOdA" />
    <input value="18759" 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%2Fwurzmittel%3Fformat%3Dturbo_stream%26page%3D17">
    <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/schwarzkummelol-nativ-demeter-50-ml-18763">
          <img alt="Schwarzkümmelöl nativ Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10095/file/small-75735a3747aa3676cfc62ed6328205fe.webp 600w, https://assets.fabulous.ch/public/variant_asset/10095/file/medium-2466b1242d1484e4e1d74dbbc6e6f89b.webp 900w, https://assets.fabulous.ch/public/variant_asset/10095/file/large-f6a3b9b3e6b8c799a72ec39c3b8af218.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10095/file/medium-2466b1242d1484e4e1d74dbbc6e6f89b.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">NaturKraftWerke</p>
          <a href="/products/schwarzkummelol-nativ-demeter-50-ml-18763">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schwarzkümmelöl nativ Demeter, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18763&quot;],&quot;content_name&quot;:&quot;Schwarzkümmelöl nativ Demeter, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18763&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:18.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="n5iAuUUi-EarnI36ZmMQU6JMouzk4TZetVbJW_Ta0y2EnaRGT8ltLahdWV8bs2OMSVOpRpETnMi7qLNwdIUIoA" />
    <input value="18763" 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%2Fwurzmittel%3Fformat%3Dturbo_stream%26page%3D17">
    <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/streuwurze-bio-80-g-18777">
          <img alt="Streuwürze Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9276/file/small-4d151537c3b4ec790c2614e0b4c18219.webp 600w, https://assets.fabulous.ch/public/variant_asset/9276/file/medium-507aedc77f686fa238ade68c76af5ff9.webp 900w, https://assets.fabulous.ch/public/variant_asset/9276/file/large-73f170ac182b2c7c4dcadd662c8d5b9d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9276/file/medium-507aedc77f686fa238ade68c76af5ff9.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Pfiffikuss</p>
          <a href="/products/streuwurze-bio-80-g-18777">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Streuwürze Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.55
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18777&quot;],&quot;content_name&quot;:&quot;Streuwürze Bio, 80 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18777&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.55,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="74TtQwpT1mc-Dar6WtriMfuDrZTsuv504mzzGyf303n0gcm8ALhDDD3Mfl8nCpHuEJymPplIVOLskokwp6gI9A" />
    <input value="18777" 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%2Fwurzmittel%3Fformat%3Dturbo_stream%26page%3D17">
    <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/harissa-scharf-demeter-125-g-18786">
          <img alt="Harissa Scharf Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10877/file/small-e821855c301d13f858731e6d3457f5f7.webp 600w, https://assets.fabulous.ch/public/variant_asset/10877/file/medium-b386bb38c33e93f9ac6cfdf9f216fced.webp 900w, https://assets.fabulous.ch/public/variant_asset/10877/file/large-ed992f3098a7950553fba9d0f6b4066f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10877/file/medium-b386bb38c33e93f9ac6cfdf9f216fced.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Pural</p>
          <a href="/products/harissa-scharf-demeter-125-g-18786">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Harissa Scharf Demeter, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18786&quot;],&quot;content_name&quot;:&quot;Harissa Scharf Demeter, 125 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18786&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="34nDDdqs0fsbbuoPg_6ACL0j_JAonozk9kxUCQ6qI1bEjOfy0EdEkBivPqr-LvPXVjz3Ol1sJnL4si4ijvX42w" />
    <input value="18786" 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%2Fwurzmittel%3Fformat%3Dturbo_stream%26page%3D17">
    <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/aceto-balsamico-di-modena-bio-500-ml-4b6a49ce-bf21-4c14-9cc2-f49dc4484ea8-18791">
          <img alt="Aceto Balsamico di Modena Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10929/file/small-0ffb658ffb3ee7c3e621340a53b95cb8.webp 600w, https://assets.fabulous.ch/public/variant_asset/10929/file/medium-9b7cf1622bfbb3552a7140c444490507.webp 900w, https://assets.fabulous.ch/public/variant_asset/10929/file/large-4dd2df3d6d75143108bb3094e152704c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10929/file/medium-9b7cf1622bfbb3552a7140c444490507.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/aceto-balsamico-di-modena-bio-500-ml-4b6a49ce-bf21-4c14-9cc2-f49dc4484ea8-18791">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aceto Balsamico di Modena Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18791&quot;],&quot;content_name&quot;:&quot;Aceto Balsamico di Modena Bio, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18791&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QV54NB7LXM_bjGlZoLhgP9GcKrUow898UeY4536kjo1aW1zLFCDJpNhNvfzdaBPgOoMhH10xZepfGELM_vtVAA" />
    <input value="18791" 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%2Fwurzmittel%3Fformat%3Dturbo_stream%26page%3D17">
    <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/aceto-balsamico-speciale-flasche-bio-250-ml-18792">
          <img alt="Aceto Balsamico Speciale Flasche Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10930/file/small-7864c173bd824ef993dfd07af9814caf.webp 600w, https://assets.fabulous.ch/public/variant_asset/10930/file/medium-a27d986523d23cd48d08289337e09825.webp 900w, https://assets.fabulous.ch/public/variant_asset/10930/file/large-5931ec952afdd85e490c4d940d54699b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10930/file/medium-a27d986523d23cd48d08289337e09825.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/aceto-balsamico-speciale-flasche-bio-250-ml-18792">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aceto Balsamico Speciale Flasche Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18792&quot;],&quot;content_name&quot;:&quot;Aceto Balsamico Speciale Flasche Bio, 250 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18792&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aKSYqNhk9-xb5ZEHpIoyl4kQYkI9Ehygl8508uXTYhtzobxX0o9ih1gkRaLZWkFIYg9p6EjgtjaZMA7ZZYy5lg" />
    <input value="18792" 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%2Fwurzmittel%3Fformat%3Dturbo_stream%26page%3D17">
    <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/hefeflocken-bio-150-g-18815">
          <img alt="Hefeflocken Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9618/file/small-987dba78c2039aebe3168fdd993cfc66.webp 600w, https://assets.fabulous.ch/public/variant_asset/9618/file/medium-397c74e8ea1cbf31456e99895b14910f.webp 900w, https://assets.fabulous.ch/public/variant_asset/9618/file/large-6c38f271179f20ec8283b3e158689a55.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9618/file/medium-397c74e8ea1cbf31456e99895b14910f.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/hefeflocken-bio-150-g-18815">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hefeflocken Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18815&quot;],&quot;content_name&quot;:&quot;Hefeflocken Bio, 150 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18815&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wQK1hqC8u6FGEZnIEI3UeIvyVxApicxOrbmDHWYPH__aB5F5qlcuykXQTW1tXaenYO1culx7ZtijR_k25lDEcg" />
    <input value="18815" 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%2Fwurzmittel%3Fformat%3Dturbo_stream%26page%3D17">
    <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/krautersalz-bio-500-g-18824">
          <img alt="Kräutersalz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10839/file/small-c7b0d32f4f3a3b72cecf4272f70cd80b.webp 600w, https://assets.fabulous.ch/public/variant_asset/10839/file/medium-fbe2e634f4484096e05960eb6b70b446.webp 900w, https://assets.fabulous.ch/public/variant_asset/10839/file/large-b4fcddc40d65482e4861b664add83b28.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10839/file/medium-fbe2e634f4484096e05960eb6b70b446.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/krautersalz-bio-500-g-18824">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kräutersalz Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.75
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18824&quot;],&quot;content_name&quot;:&quot;Kräutersalz Bio, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18824&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.75,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7t-48lzlzLI9t04j6k2sIcH2iwDX-8OB9ihC9En4eT712pwNVg5Z2T52moaXnd_-KumAqqIJaRf41jjfyaeisw" />
    <input value="18824" 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%2Fwurzmittel%3Fformat%3Dturbo_stream%26page%3D17">
    <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/oxyguard-leinol-nativ-bio-250-ml-18837">
          <img alt="Oxyguard Leinöl nativ Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9292/file/small-fa0b7d1d5e7501bb21df99bb1a08c574.webp 600w, https://assets.fabulous.ch/public/variant_asset/9292/file/medium-51538719f53ce834be094a17d426099c.webp 900w, https://assets.fabulous.ch/public/variant_asset/9292/file/large-1f6dbc80f84e2e2b66cc79e4435ce251.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9292/file/medium-51538719f53ce834be094a17d426099c.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/oxyguard-leinol-nativ-bio-250-ml-18837">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Oxyguard Leinöl nativ Bio, 250 ml</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 3.80 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18837&quot;],&quot;content_name&quot;:&quot;Oxyguard Leinöl nativ Bio, 250 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18837&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="apdsP6b0ip2nVk0HYNHhX8D2Y6Lg2g2-5JbaD2IbcPBxkkjArB8f9qSXmaIdAZKAK-loCJUopyjqaKAk4kSrfQ" />
    <input value="18837" 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">
      340 von 432 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/lebensmittel/wurzmittel?format=turbo_stream&amp;page=18">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>