<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="/de/signup?return_to=%2Fde%2Fcategories%2Fliebhart-s%3Fformat%3Dturbo_stream%26page%3D166">
    <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="/de/products/purifying-care-gesichtstonic-150-ml-19489">
          <img alt="Purifying Care Gesichtstonic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9848/file/small-53d4e770200248eb500494b00369bc13.webp 600w, https://assets.fabulous.ch/public/variant_asset/9848/file/medium-b2a05d1e206b1be9c0fa591cc031f4f5.webp 900w, https://assets.fabulous.ch/public/variant_asset/9848/file/large-2f75e6296354b6141d1af74d3d0d9c79.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9848/file/medium-b2a05d1e206b1be9c0fa591cc031f4f5.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">Börlind</p>
          <a href="/de/products/purifying-care-gesichtstonic-150-ml-19489">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Purifying Care Gesichtstonic, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="11P0pogCGlZkzI6dSHU5gM3ufAUuft65iJ0joeCfj9O_iqYjlV6QeM89i142vZjYzpBWHXAJyWYk9Km7bdP8yg" />
    <input value="19489" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fliebhart-s%3Fformat%3Dturbo_stream%26page%3D166">
    <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="/de/products/hansel-glas-37-g-19648">
          <img alt="Hänsel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11306/file/small-9f7855c2ef8eb5c69d28703bacc8b384.webp 600w, https://assets.fabulous.ch/public/variant_asset/11306/file/medium-001ae1ae80da1b5a1b0d9784a1bd1fff.webp 900w, https://assets.fabulous.ch/public/variant_asset/11306/file/large-dd98d2f7cdd3d9bedc81c0b7e3b0a93f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11306/file/medium-001ae1ae80da1b5a1b0d9784a1bd1fff.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Chalira</p>
          <a href="/de/products/hansel-glas-37-g-19648">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hänsel Bio, 37 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4f8Noi2BvVhuI9oQBwgla9LeqBqaTK_HxReKGPN66rGJJl8nMN03dsXS39N5wIQz0aCCAsQ7uBhpfgACfjaZqA" />
    <input value="19648" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fliebhart-s%3Fformat%3Dturbo_stream%26page%3D166">
    <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="/de/products/rauna-glas-64-g-19651">
          <img alt="Rauna Randensalz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11279/file/small-ad715b23fe2cd6f40530afa82e1b232c.webp 600w, https://assets.fabulous.ch/public/variant_asset/11279/file/medium-38dfeae20e81daeba7fc5a24ed6be68e.webp 900w, https://assets.fabulous.ch/public/variant_asset/11279/file/large-4fd30e5f6c988c7953fec05c549c8c60.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11279/file/medium-38dfeae20e81daeba7fc5a24ed6be68e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Chalira</p>
          <a href="/de/products/rauna-glas-64-g-19651">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rauna Randensalz Bio, 64 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="swWFpQirvTWx-73lJP9KtEaATGYMExLuKwEN4ajkF5_b3NcgFfc3GxoKuCZaN-vsRf5mflJkBTGHaIf7Jahkhg" />
    <input value="19651" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fliebhart-s%3Fformat%3Dturbo_stream%26page%3D166">
    <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="/de/products/nordsalz-nfp-80-g-19690">
          <img alt="Nordsalz" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10349/file/small-70fc50b6e238dae3d69a601da8618fd9.webp 600w, https://assets.fabulous.ch/public/variant_asset/10349/file/medium-8924e2d949f4987304b53944b862eb60.webp 900w, https://assets.fabulous.ch/public/variant_asset/10349/file/large-c178dbc6972c79f3c50a8c62fcd7cd6d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10349/file/medium-8924e2d949f4987304b53944b862eb60.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Chalira</p>
          <a href="/de/products/nordsalz-nfp-80-g-19690">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nordsalz, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rRjIbpiYDWgvC1qIg_Ti2Szi_B7AR0C9gUQeI1mmZs_FwZrrhcSHRoT6X0v9PEOBL5zWBp4wV2ItLZQ51OoV1g" />
    <input value="19690" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fliebhart-s%3Fformat%3Dturbo_stream%26page%3D166">
    <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="/de/products/tee-frauenmantel-bio-18-beutel-19695">
          <img alt="Frauenmantel Tee Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10174/file/small-624fdb7595e584bd9c7d3c700a10ed92.webp 600w, https://assets.fabulous.ch/public/variant_asset/10174/file/medium-37b8ec6ea447ecdde6341fb98790fceb.webp 900w, https://assets.fabulous.ch/public/variant_asset/10174/file/large-498aaaf2506c5892abff446b7e9ceb2c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10174/file/medium-37b8ec6ea447ecdde6341fb98790fceb.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/de/products/tee-frauenmantel-bio-18-beutel-19695">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Frauenmantel Tee Bio, 18 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.26 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eOrMLAhdvX0MuukPzoO5Drx1u2fzGpHscdny42bZ50YQM56pFQE3U6dL7MywSxhWvwuRf61thjPdsHj565WUXw" />
    <input value="19695" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fliebhart-s%3Fformat%3Dturbo_stream%26page%3D166">
    <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="/de/products/fruchtnektar-pfirsich-bio-3-x-200-ml-19707">
          <img alt="Fruchtnektar Pfirsich Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10854/file/small-9ba9d5ecce8b1b375c937849ad4261d3.webp 600w, https://assets.fabulous.ch/public/variant_asset/10854/file/medium-bd598a118d8aece5773e8525737830c3.webp 900w, https://assets.fabulous.ch/public/variant_asset/10854/file/large-17725f4897fc18ad23ae0d7a29e1477e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10854/file/medium-bd598a118d8aece5773e8525737830c3.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">Alce Nero</p>
          <a href="/de/products/fruchtnektar-pfirsich-bio-3-x-200-ml-19707">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Fruchtnektar Pfirsich Bio, 3 x 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.15
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="inn8shet1-zIzsXgTJVUMdxRKVeTLSP9EIcc2k1sSMjioK43CvFdwmM_wCMyXfVp3y8DT81aNCK87pbAwCA70Q" />
    <input value="19707" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fliebhart-s%3Fformat%3Dturbo_stream%26page%3D166">
    <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="/de/products/purifying-care-reinigungsgel-150-ml-19739">
          <img alt="Purifying Care Reinigungsgel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10209/file/small-81760af911d9bb6a9f4fbc587df727b6.webp 600w, https://assets.fabulous.ch/public/variant_asset/10209/file/medium-ccd6dbde336b19b664da3d409dc2d4be.webp 900w, https://assets.fabulous.ch/public/variant_asset/10209/file/large-3ae778a494944a7cf3210a8a99c38cbf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10209/file/medium-ccd6dbde336b19b664da3d409dc2d4be.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">Börlind</p>
          <a href="/de/products/purifying-care-reinigungsgel-150-ml-19739">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Purifying Care Reinigungsgel, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7Kcn1BQfHVbN_8RPN84H802HsjeV6qHJ3lxa-pYE4jmEfnVRCUOXeGYOwYxJBqarTvmYL8udthZyNdDgG0iRIA" />
    <input value="19739" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fliebhart-s%3Fformat%3Dturbo_stream%26page%3D166">
    <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="/de/products/aruna-gewurzmischung-violettes-curry-nfp-34-g-19760">
          <img alt="Aruna Gewürzmischung violettes Curry Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10348/file/small-7d1c63a67af1011f9c1d83495e9e6b58.webp 600w, https://assets.fabulous.ch/public/variant_asset/10348/file/medium-3e7caafce796cdcb75494ebfa970b8bb.webp 900w, https://assets.fabulous.ch/public/variant_asset/10348/file/large-032ffb4ec264b736e299431b413403eb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10348/file/medium-3e7caafce796cdcb75494ebfa970b8bb.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Chalira</p>
          <a href="/de/products/aruna-gewurzmischung-violettes-curry-nfp-34-g-19760">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aruna Gewürzmischung violettes Curry Bio, 38 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iuWLDD2NNwpIRQhI7INPkn9-j-wcakttGg9TaHo6n_TiPNmJING9JOO0DYuSS-7KfACl9EIdXLK2Ztly93bs7Q" />
    <input value="19760" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fliebhart-s%3Fformat%3Dturbo_stream%26page%3D166">
    <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="/de/products/valero-krautersalz-glas-47-g-19761">
          <img alt="Valero 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/11272/file/small-d96baabc16f892fac0f3970790a91b4d.webp 600w, https://assets.fabulous.ch/public/variant_asset/11272/file/medium-167cbb076b89f0cf42c2f81811bbbe84.webp 900w, https://assets.fabulous.ch/public/variant_asset/11272/file/large-d2452b42ed918d42cdda84b021fdb2c3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11272/file/medium-167cbb076b89f0cf42c2f81811bbbe84.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Chalira</p>
          <a href="/de/products/valero-krautersalz-glas-47-g-19761">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Valero Kräutersalz Bio, 47 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RWakrJWFDsOZ-71-KePYLTsShry2qOd-25PSTsUOvUUtv_YpiNmE7TIKuL1XK3l1OGyspOjf8KF3-lhUSELOXA" />
    <input value="19761" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fliebhart-s%3Fformat%3Dturbo_stream%26page%3D166">
    <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="/de/products/asura-glas-100-ml-19762">
          <img alt="Asura Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10311/file/small-8270c49af805eacdab997fdf1264c318.webp 600w, https://assets.fabulous.ch/public/variant_asset/10311/file/medium-15a645ba4c0da934d68586d1e7786ffb.webp 900w, https://assets.fabulous.ch/public/variant_asset/10311/file/large-fb839b97b6f0c5f8e9853c1174bd9100.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10311/file/medium-15a645ba4c0da934d68586d1e7786ffb.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Chalira</p>
          <a href="/de/products/asura-glas-100-ml-19762">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Asura Bio, 37 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TdgX9t-2w84wYlnJzAXvyg8K271jNPO2whL-MzH2glIlAUVzwupJ4JuTXAqyzU6SDHTxpT1D5Glue3QpvLrxSw" />
    <input value="19762" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fliebhart-s%3Fformat%3Dturbo_stream%26page%3D166">
    <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="/de/products/akropolis-olivensalzbluten-glas-72-g-19764">
          <img alt="Akropolis Olivensalz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11264/file/small-04a0b79266a37463198b39ab75dfd977.webp 600w, https://assets.fabulous.ch/public/variant_asset/11264/file/medium-ee06efff0ebf1f9b5e67e8822c84c65d.webp 900w, https://assets.fabulous.ch/public/variant_asset/11264/file/large-292a211ec5f93305c8976e4d95fcdae1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11264/file/medium-ee06efff0ebf1f9b5e67e8822c84c65d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Chalira</p>
          <a href="/de/products/akropolis-olivensalzbluten-glas-72-g-19764">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Akropolis Olivensalz Bio, 32 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EVqvTxSKww48OHpOifyQ4GM-EQpS6jzRhe7fu1s0U315g_3KCdZJIJfJf433NDG4YEA7EgydKw4ph1Wh1nggZA" />
    <input value="19764" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fliebhart-s%3Fformat%3Dturbo_stream%26page%3D166">
    <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="/de/products/rosa-salzbluten-nfp-60-g-19766">
          <img alt="Rosa Salzblüten" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11260/file/small-69abd8c9b3bf50f17a2f8469f4456bcd.webp 600w, https://assets.fabulous.ch/public/variant_asset/11260/file/medium-00d3a02ae927e6f0feef0662479dd284.webp 900w, https://assets.fabulous.ch/public/variant_asset/11260/file/large-8272640d875cb7f1b38830e1fb19702d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11260/file/medium-00d3a02ae927e6f0feef0662479dd284.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Chalira</p>
          <a href="/de/products/rosa-salzbluten-nfp-60-g-19766">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rosa Salzblüten, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eFWqQiqTcGe--zx4NDqtIaney4fZSZKAIJXLx-XchaEQjPjHN8_6SRUKObtK8gx5qqDhn4c-hV-M_EHdaJD2uA" />
    <input value="19766" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fliebhart-s%3Fformat%3Dturbo_stream%26page%3D166">
    <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="/de/products/wilde-krauter-gerebelt-nfp-3-g-19767">
          <img alt="Wilde Kräuter gerebelt" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11258/file/small-ea8a2cad288654bc4f00fb5f88f5f433.webp 600w, https://assets.fabulous.ch/public/variant_asset/11258/file/medium-65ff0fc0f3dfa21eb4258bddb129f11e.webp 900w, https://assets.fabulous.ch/public/variant_asset/11258/file/large-0b475680e8de610b7f1a50bd89d3fa17.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11258/file/medium-65ff0fc0f3dfa21eb4258bddb129f11e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Chalira</p>
          <a href="/de/products/wilde-krauter-gerebelt-nfp-3-g-19767">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wilde Kräuter gerebelt, 3 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7DbLptMyPtvc294XjwDxvAak4ThXqAxTAiXieeD2ediE75kjzm609Xcq29TxyFDkBdrLIAnfG4yuTGhjbboKwQ" />
    <input value="19767" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fliebhart-s%3Fformat%3Dturbo_stream%26page%3D166">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/brownie-bio-70-g-c950863f-9f80-4726-bc30-9daf6ac6bac4-19783">
          <img alt="Brownie Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11474/file/small-83dd23abd73329937956e15d2145c046.webp 600w, https://assets.fabulous.ch/public/variant_asset/11474/file/medium-5f8c0e7bbfcf5e05e867d29261edcb65.webp 900w, https://assets.fabulous.ch/public/variant_asset/11474/file/large-0b433ba5aba0933a5d1ac3ed8ca9f2ab.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11474/file/medium-5f8c0e7bbfcf5e05e867d29261edcb65.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"> Feinbäckerei Guggenloch</p>
          <a href="/de/products/brownie-bio-70-g-c950863f-9f80-4726-bc30-9daf6ac6bac4-19783">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Brownie Bio, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/de/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Benachrichtigen
</a>

      </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="/de/signup?return_to=%2Fde%2Fcategories%2Fliebhart-s%3Fformat%3Dturbo_stream%26page%3D166">
    <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="/de/products/tofu-crunchy-mit-chili-sauce-bio-100-g-19792">
          <img alt="Tofu Crunchy mit Chili Sauce Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10404/file/small-2e2a88bb662202da5ab05a4c9669be7f.webp 600w, https://assets.fabulous.ch/public/variant_asset/10404/file/medium-5aae275e608536598dd794904bdf7bd1.webp 900w, https://assets.fabulous.ch/public/variant_asset/10404/file/large-48d7d991f0beaaf33c6790c25926d9aa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10404/file/medium-5aae275e608536598dd794904bdf7bd1.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">Noppas</p>
          <a href="/de/products/tofu-crunchy-mit-chili-sauce-bio-100-g-19792">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tofu Crunchy mit Chili Sauce Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.55
            </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 6.55 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4O8qFwNLbwXEVk5t2wqPzuWwfUDa1vtUqK4v3NUQ2XiINniSHhflK2-nS66lwi6W5s5XWISh7IsEx6XGWFyqYQ" />
    <input value="19792" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fliebhart-s%3Fformat%3Dturbo_stream%26page%3D166">
    <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="/de/products/hummus-pinienkerne-bio-170-g-19830">
          <img alt="Hummus Pinienkerne Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10391/file/small-548e71ff19f0880da9ceacfdc84d2559.webp 600w, https://assets.fabulous.ch/public/variant_asset/10391/file/medium-a5b5af1a63b5ef3d0f70bc535ed473be.webp 900w, https://assets.fabulous.ch/public/variant_asset/10391/file/large-9660320e7d6b1e1a8f62599c5fa9085a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10391/file/medium-a5b5af1a63b5ef3d0f70bc535ed473be.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Florentin</p>
          <a href="/de/products/hummus-pinienkerne-bio-170-g-19830">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hummus Pinienkerne Bio, 170 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.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 2.85 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5P7pGcF35qp1-P-J60M30ip4vT6QvBt4DcfICz_36ByMJ7uc3CtshN4J-kqVi5aKKQaXJs7LDKehrkIRsrubBQ" />
    <input value="19830" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fliebhart-s%3Fformat%3Dturbo_stream%26page%3D166">
    <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="/de/products/tamangur-krautersalz-nfp-49-g-19836">
          <img alt="Tamangur Kräuterpfeffer" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11251/file/small-0e9cb33fc8fcfac3b2d8af0304f1534b.webp 600w, https://assets.fabulous.ch/public/variant_asset/11251/file/medium-9b11fad6e572a16f25c947ba9fb62826.webp 900w, https://assets.fabulous.ch/public/variant_asset/11251/file/large-28700335bff51e7e6c8d00dda16842d9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11251/file/medium-9b11fad6e572a16f25c947ba9fb62826.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Chalira</p>
          <a href="/de/products/tamangur-krautersalz-nfp-49-g-19836">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tamangur Kräuterpfeffer, 55 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3_sSmHrluo5vGwTlAqt25pc0SK_RWdl0j3IKnMe8F2e3IkAdZ7kwoMTqASZ8Y9e-lEpit48uzqsjG4CGSvBkfg" />
    <input value="19836" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fliebhart-s%3Fformat%3Dturbo_stream%26page%3D166">
    <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="/de/products/beeren-mandel-knusper-musli-bio-300-g-19841">
          <img alt="Beeren Mandel Knusper-Müsli Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11378/file/small-07e1d1a58f3a4d0077e032b41fa2fa6c.webp 600w, https://assets.fabulous.ch/public/variant_asset/11378/file/medium-049de2212e8ca4061ddb14c1fecaaf93.webp 900w, https://assets.fabulous.ch/public/variant_asset/11378/file/large-5d350c5324708e73abc38d7e9b002e13.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11378/file/medium-049de2212e8ca4061ddb14c1fecaaf93.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Hammermühle Organic</p>
          <a href="/de/products/beeren-mandel-knusper-musli-bio-300-g-19841">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Beeren Mandel Knusper-Müsli Bio, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1VKGwDjD6o85lN0yx5LO7jGzxqhdbmfCPPGqUZrIona9i9RFJZ9goZJl2PG5Wm-2Ms3ssAMZcB2QmCBLF4TRbw" />
    <input value="19841" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fliebhart-s%3Fformat%3Dturbo_stream%26page%3D166">
    <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="/de/products/salatdressing-tandoori-bio-500-ml-19845">
          <img alt="Salatdressing Tandoori Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10413/file/small-53ca4c1e75cda567c0fc38f9f55fac76.webp 600w, https://assets.fabulous.ch/public/variant_asset/10413/file/medium-24cb989bbd78d7523dc56bbbc9c8abeb.webp 900w, https://assets.fabulous.ch/public/variant_asset/10413/file/large-11d4a56f48e17d7269514a359cdd4634.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10413/file/medium-24cb989bbd78d7523dc56bbbc9c8abeb.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">huusgmacht</p>
          <a href="/de/products/salatdressing-tandoori-bio-500-ml-19845">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Salatdressing Tandoori Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.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 1.46 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SaJAJNpAFrGkZIqCpG2JPqgVOV5F7tpLDn0tzIFyFmkhexKhxxycnw-Vj0HapShmq2sTRhuZzZSiFKfWDD5lcA" />
    <input value="19845" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fliebhart-s%3Fformat%3Dturbo_stream%26page%3D166">
    <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="/de/products/vesta-glas-bio-40-g-19876">
          <img alt="Vesta Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10515/file/small-5c7b77edfba088aeb23f52cc9be34cc7.webp 600w, https://assets.fabulous.ch/public/variant_asset/10515/file/medium-b9669976784b98df8f047f3c8ca6297f.webp 900w, https://assets.fabulous.ch/public/variant_asset/10515/file/large-fd318470aba72ef64ddb0c37c267f797.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10515/file/medium-b9669976784b98df8f047f3c8ca6297f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Chalira</p>
          <a href="/de/products/vesta-glas-bio-40-g-19876">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vesta Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1zg07Ih0LLbDzYV8lMZHima24ail2BPWbAIM4s1C2Ky_4WZplSimmGg8gL_qDubSZcjLsPuvBAnAa4b4QA6rtQ" />
    <input value="19876" 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">
      3&#39;320 von 3&#39;439 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/liebhart-s?format=turbo_stream&amp;page=167">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>