<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%2Fleibacher-biber-manufaktur%3Fformat%3Dturbo_stream%26page%3D42">
    <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/ingwer-gemahlen-nfp-bio-40-g-18366">
          <img alt="Ingwer gemahlen NFP Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10625/file/small-cbd51cdf79e4bb01cd988411f5c4ea1c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10625/file/medium-2a0974e51f7b45932118e16f7fc0543a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10625/file/large-2e7b794f2509cad38785f61017eb0bb0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10625/file/medium-2a0974e51f7b45932118e16f7fc0543a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Brecht</p>
          <a href="/products/ingwer-gemahlen-nfp-bio-40-g-18366">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ingwer gemahlen NFP Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vrcfElHrBXnC-BBTXHNSJbAp_iwXO3d_REKH21ZTLWeWasGsOCMq9xQRYVYvg3SJPP-ILRhCPx0yOVAnxtUwCw" />
    <input value="18366" 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%2Fleibacher-biber-manufaktur%3Fformat%3Dturbo_stream%26page%3D42">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/kardamom-ganz-nfp-bio-40-g-18367">
          <img alt="Kardamom ganz NFP Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10626/file/small-c5dfceadde7535030556a5da38a611d6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10626/file/medium-6367b8e50e11a3b58fae9a47a8c23bac.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10626/file/large-1fa2e88d1e1210a11d34e68e2ea5ffd1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10626/file/medium-6367b8e50e11a3b58fae9a47a8c23bac.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Brecht</p>
          <a href="/products/kardamom-ganz-nfp-bio-40-g-18367">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kardamom ganz NFP Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DRcrxemFtCuZQMaa7HFOte0NxlseujttiJf5pCIQuyslyvV7gE2bpU-pt5-fgWgZYduwWhHDcw_-7C5YspamRw" />
    <input value="18367" 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%2Fleibacher-biber-manufaktur%3Fformat%3Dturbo_stream%26page%3D42">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/kardamom-gemahlen-bio-30-g-18368">
          <img alt="Kardamom gemahlen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9900/file/small-b9aaf915c11edd6d25379ddbeb8c606a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9900/file/medium-5b761636b8deb08db4f3bba33fcd86ea.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9900/file/large-0051138d132bdc3559aa97ffde6d26a3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9900/file/medium-5b761636b8deb08db4f3bba33fcd86ea.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Brecht</p>
          <a href="/products/kardamom-gemahlen-bio-30-g-18368">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kardamom gemahlen Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PnGXoSJRkROZ2_fD2YEoAvLvgcckCiZ1cparTFUgTlAWrEkfS5m-nU8yhsaqcQ6ufjn3xitzbhcE7XywxaZTPA" />
    <input value="18368" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/kardamom-gemahlen-nfp-bio-55-g-18369">
          <img alt="Kardamom gemahlen NFP Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10627/file/small-6d397f8f0a4c76d1c040a8207fff9f4a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10627/file/medium-9ebe3945e73c1a86265455a789003e63.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10627/file/large-62a0d2b9614328e47a34d7db98a68801.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10627/file/medium-9ebe3945e73c1a86265455a789003e63.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Brecht</p>
          <a href="/products/kardamom-gemahlen-nfp-bio-55-g-18369">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kardamom gemahlen NFP Bio, 55 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8WbWYqIQPnUq0wsPshST3L9f_slpBvgsI1zNfmsB7FHZuwjcy9gR-_w6egrB5LVwM4mIyGZ_sE5VJxqC-4fxPQ" />
    <input value="18369" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fleibacher-biber-manufaktur%3Fformat%3Dturbo_stream%26page%3D42">
    <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/knoblauchpulver-bio-40-g-18370">
          <img alt="Knoblauchpulver Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9903/file/small-0c6ddcad55d4d8977c072b8184b29f1a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9903/file/medium-6ae55a565e575f7af48b245273432c87.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9903/file/large-2cbf751a8030977b3a73a79addf572d0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9903/file/medium-6ae55a565e575f7af48b245273432c87.webp" />
</a>    </header>

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

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="slXNQLV8dv67VC3iESyJNyRfwiIn9d__jLT31k94vtyaiBP-3LRZcG29XOdi3K-bqIm0IyiMl536zyAq3_6jsA" />
    <input value="18370" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fleibacher-biber-manufaktur%3Fformat%3Dturbo_stream%26page%3D42">
    <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/koriander-ganz-nfp-bio-40-g-18371">
          <img alt="Koriander ganz NFP Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10603/file/small-bba2ade14fe6490e273bc59aef8cc855.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10603/file/medium-dc8fb41668502c2dfcced2ef8eb8b387.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10603/file/large-4ee562c1f4afe5c07a46648fb423965a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10603/file/medium-dc8fb41668502c2dfcced2ef8eb8b387.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Brecht</p>
          <a href="/products/koriander-ganz-nfp-bio-40-g-18371">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Koriander ganz NFP Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4swBXTh-4fgfnUM2XYJf5_PkbybVQPkMzldcw3NKatPKEd_jUbbOdsl0MjMucnlLfzIZJ9o5sW64LIs_48x3vw" />
    <input value="18371" 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%2Fleibacher-biber-manufaktur%3Fformat%3Dturbo_stream%26page%3D42">
    <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/koriander-gemahlen-bio-25-g-18372">
          <img alt="Koriander gemahlen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9901/file/small-3788a4098c76492bb2c4cecc98e6aa02.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9901/file/medium-77025fb16f2326bc4222305b7a1f2a78.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9901/file/large-d0128ab5ab6ff8e51115c076e92a55ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9901/file/medium-77025fb16f2326bc4222305b7a1f2a78.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Brecht</p>
          <a href="/products/koriander-gemahlen-bio-25-g-18372">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Koriander gemahlen Bio, 25 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 18.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qMd8E_4sH-0d3YN4mvvCvyYEmq3uys-HHpt6ZMznsUKAGqKtl-QwY8s08n3pC-QTqtLsrOGzh-Vo4K2YXGGsLg" />
    <input value="18372" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  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%2Fleibacher-biber-manufaktur%3Fformat%3Dturbo_stream%26page%3D42">
    <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/krauter-der-provence-bio-20-g-18373">
          <img alt="Kräuter der Provence Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9902/file/small-f129d0e88e2d31d0bec0cfd1d47d009d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9902/file/medium-ba3f00d257f2f8033f3f6e308dbe2fd2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9902/file/large-0cb6ebfd0b8ea14a10ceffbac3fdf961.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9902/file/medium-ba3f00d257f2f8033f3f6e308dbe2fd2.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Brecht</p>
          <a href="/products/krauter-der-provence-bio-20-g-18373">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kräuter der Provence Bio, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DP96gs8B7DLaADOCsqx4psnHNA2wWBgHCJOsskIGuwAkIqQ8psnDvAzpQofBXF4KRRFCDL8hUGV-6HtO0oCmbA" />
    <input value="18373" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 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%2Fleibacher-biber-manufaktur%3Fformat%3Dturbo_stream%26page%3D42">
    <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/kummel-ganz-bio-40-g-18374">
          <img alt="Kümmel ganz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9904/file/small-8ef3251e0f93c2fad5f8fafd7b603b13.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9904/file/medium-4c5ea14e667d5e56f932f536988120e7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9904/file/large-cd0edb409ddabb9a1839808e1907a61f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9904/file/medium-4c5ea14e667d5e56f932f536988120e7.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Brecht</p>
          <a href="/products/kummel-ganz-bio-40-g-18374">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kümmel ganz Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="z5DNAOtE7vwZDrrwzxnooejiFEMIxEI8Hbib0r1c6YjnTRO-gozBcs_ny_W86c4NZDRiQge9Cl5rw0wuLdr05A" />
    <input value="18374" 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%2Fleibacher-biber-manufaktur%3Fformat%3Dturbo_stream%26page%3D42">
    <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/kummel-gemahlen-bio-30-g-18375">
          <img alt="Kümmel gemahlen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9906/file/small-dd6e0518829a14a0cf4064d32467e7fd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9906/file/medium-1fdd23b3d697abb72b5c8dc7a3372efb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9906/file/large-60557ed71154cff72aee1d6cf6b91811.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9906/file/medium-1fdd23b3d697abb72b5c8dc7a3372efb.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Brecht</p>
          <a href="/products/kummel-gemahlen-bio-30-g-18375">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kümmel gemahlen Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7QSj0NX3tmhg7_dCNgT1Ug7pQkAyeWRAHsA7XIgbQgHF2X1uvD-Z5rYGhkdF9NP-gj80QT0ALCJou-ygGJ1fbQ" />
    <input value="18375" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/kurkuma-gemahlen-bio-42-g-18376">
          <img alt="Kurkuma gemahlen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9905/file/small-3bf97b5800792096d5ec2ba8bc4fd2e3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9905/file/medium-c509a4be3ee79e90a87ff9b9749bec7c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9905/file/large-d2bc0fb4e8a3b902fc3f3f3261989731.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9905/file/medium-c509a4be3ee79e90a87ff9b9749bec7c.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Brecht</p>
          <a href="/products/kurkuma-gemahlen-bio-42-g-18376">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kurkuma gemahlen Bio, 42 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EsZOp9ZGz9j_l8RYkDJCbkVfnRN2dQRKCEgzAhiEld86G5AZv47gVil-tV3jwmTCyYnrEnkMTCh-M-T-iAKIsw" />
    <input value="18376" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/kurkuma-gemahlen-nfp-bio-60-g-18377">
          <img alt="Kurkuma gemahlen NFP Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10682/file/small-73810a54c7f931c57f4e131eba9b77a1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10682/file/medium-657a8a556c1289d3d3abf88be7ea25bf.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10682/file/large-6a28914c1dff1abb4909ea2dd8dcfc62.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10682/file/medium-657a8a556c1289d3d3abf88be7ea25bf.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Brecht</p>
          <a href="/products/kurkuma-gemahlen-nfp-bio-60-g-18377">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kurkuma gemahlen NFP Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="49w4s5Nv-eC6XWQKGGoJO4-poxQ9KxwGoK_9qlpWH8nLAeYN-qfWbmy0FQ9rmi-XA3_VFTJSVGTW1CpWytACpQ" />
    <input value="18377" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fleibacher-biber-manufaktur%3Fformat%3Dturbo_stream%26page%3D42">
    <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/majoran-gerebelt-bio-8-g-18378">
          <img alt="Majoran gerebelt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9907/file/small-a4e29a6dc48098a0c6e4bce3ef1df5a0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9907/file/medium-08bb4d139a3cc375341e484e88377300.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9907/file/large-2d9482913a8c5707fdaec8eaa8a4b958.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9907/file/medium-08bb4d139a3cc375341e484e88377300.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Brecht</p>
          <a href="/products/majoran-gerebelt-bio-8-g-18378">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Majoran gerebelt Bio, 8 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XNCNRNZmCEwwR0Q3Oi1AmhL6L7mDyAHlOuIEbjA2Rxd0DVP6v64nwuauNTJJ3WY2nixZuIyxSYdMmdOSoLBaew" />
    <input value="18378" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fleibacher-biber-manufaktur%3Fformat%3Dturbo_stream%26page%3D42">
    <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/muskatblute-gemahlen-bio-30-g-18379">
          <img alt="Muskatblüte gemahlen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10294/file/small-c5e0446a8d66318c5094468350ff4416.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10294/file/medium-e4b20377de6703686189fb0242f5ca00.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10294/file/large-48eb35e3b74af704e0f73e8603878332.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10294/file/medium-e4b20377de6703686189fb0242f5ca00.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Brecht</p>
          <a href="/products/muskatblute-gemahlen-bio-30-g-18379">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Muskatblüte gemahlen Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rBBnXvyARKMj28BYZrMLI1Wz8mq1zK0SZf86Xh6UFZOEzbnglUhrLfUysV0VQy2P2WWEa7q15XAThO2ijhII_w" />
    <input value="18379" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fleibacher-biber-manufaktur%3Fformat%3Dturbo_stream%26page%3D42">
    <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/muskatnuss-gemahlen-bio-35-g-18380">
          <img alt="Muskatnuss gemahlen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9908/file/small-a233c3378563e7d1072598ca26ec56e8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9908/file/medium-29bdb9953c1b658f4a4a6594d6adeb94.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9908/file/large-bcd5956db1eb75a0d256c123ff0dba93.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9908/file/medium-29bdb9953c1b658f4a4a6594d6adeb94.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Brecht</p>
          <a href="/products/muskatnuss-gemahlen-bio-35-g-18380">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Muskatnuss gemahlen Bio, 35 g</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 21.43 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hTVLsyxspHl--BWy8eSRmzH7XtAes95U8FaXXEMS152t6JUNRaSL96gRZLeCFLc3vS0o0RHKljaGLUCg05TK8Q" />
    <input value="18380" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/nelken-ganz-bio-30-g-18381">
          <img alt="Nelken ganz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9909/file/small-414697dfdd142b66997bf8d2556b5b6a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9909/file/medium-ff52a6191319a5d519a59fd81199f4fa.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9909/file/large-d7e66f54ce64e4fadcd3611aafa6e44b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9909/file/medium-ff52a6191319a5d519a59fd81199f4fa.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Brecht</p>
          <a href="/products/nelken-ganz-bio-30-g-18381">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nelken ganz Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qhU8IAii_74XNt_xB9KQSGeDauIjxLSuQnJpQqTwj7KCyOKeYWrQMMHfrvR0Irbk61Uc4yy9_Mw0Cb6-NHaS3g" />
    <input value="18381" 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%2Fleibacher-biber-manufaktur%3Fformat%3Dturbo_stream%26page%3D42">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/nelken-gemahlen-bio-35-g-18382">
          <img alt="Nelken gemahlen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9910/file/small-79f5d953573f01a0d96b5d09c5d728d0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9910/file/medium-03185558cd2415d2c2d391856b6c3c09.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9910/file/large-a2ce195302f2f27ac9e0fb70c9b3c9a5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9910/file/medium-03185558cd2415d2c2d391856b6c3c09.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Brecht</p>
          <a href="/products/nelken-gemahlen-bio-35-g-18382">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nelken gemahlen Bio, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zs8YmIXsu4olrQsF0qt3l_QLgCsrKAzcs5pwnNlCSrjmEsYm7CSUBPNEegChW1E7eN32KiRRRL7F4adgScRX1A" />
    <input value="18382" 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%2Fleibacher-biber-manufaktur%3Fformat%3Dturbo_stream%26page%3D42">
    <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/oregano-gerebelt-bio-10-g-18383">
          <img alt="Oregano gerebelt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10295/file/small-1e2bc6afe018c813f50d09f5f33c55da.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10295/file/medium-d60ebbe8fd52df25c362bd1fd7c48e81.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10295/file/large-b30919bfab0b8f587d44dfe46c9b49fe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10295/file/medium-d60ebbe8fd52df25c362bd1fd7c48e81.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Brecht</p>
          <a href="/products/oregano-gerebelt-bio-10-g-18383">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Oregano gerebelt Bio, 10 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KK6COgQCfflxXU_0zTQY6PVlhKvvCfexgMBOo2QoPqIAc1yEbcpSd6e0PvG-xD5EebPyquBwv9P2u5lf9K4jzg" />
    <input value="18383" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fleibacher-biber-manufaktur%3Fformat%3Dturbo_stream%26page%3D42">
    <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/paprika-edelsuss-bio-45-g-18384">
          <img alt="Paprika edelsüss Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9912/file/small-f4ebf9640209f15e314532132811e2d8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9912/file/medium-f643c779f62cc1e800617948224be638.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9912/file/large-2a527c238509ade75532c77699722342.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9912/file/medium-f643c779f62cc1e800617948224be638.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Brecht</p>
          <a href="/products/paprika-edelsuss-bio-45-g-18384">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Paprika edelsüss Bio, 45 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 13.56 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VNFxi8x8dPY98D7WJa8H7Z0plH1ton8Pq5GJVrVpSHJ8DK81pbRbeOsZT9NWXyFBEf_ifGLbN23d6l6qJe9VHg" />
    <input value="18384" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fleibacher-biber-manufaktur%3Fformat%3Dturbo_stream%26page%3D42">
    <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/paprika-gerauchert-bio-40-g-18385">
          <img alt="Paprika geräuchert Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9913/file/small-1eb042c6c1d3910ad235f21a0c733b24.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9913/file/medium-e6742efc7be863c7e2d662160d4d5875.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9913/file/large-dd296fdfb3a6518c821d30feb299ea4f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9913/file/medium-e6742efc7be863c7e2d662160d4d5875.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Brecht</p>
          <a href="/products/paprika-gerauchert-bio-40-g-18385">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Paprika geräuchert Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fa1fNcUpgbwG6P36ACQjIpvMKJT9WK1lzs5vhXuaLNVVcIGLrOGuMtABjP9z1AWOFxpelfIh5Qe4tbh56xwxuQ" />
    <input value="18385" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>



</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">
      840 von 3&#39;030 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/leibacher-biber-manufaktur?format=turbo_stream&amp;page=43">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>