<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%2Fgranovita%3Fformat%3Dturbo_stream%26page%3D44">
    <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/persische-mischung-bio-60-g-18419">
          <img alt="Persische Mischung Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9802/file/small-9d829b14fb6e476a779c8eaa4892fdfe.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9802/file/medium-05abe18c4dce8191a40dc26755617271.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9802/file/large-7339db5eb8ac9984d996cb760a4e594a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9802/file/medium-05abe18c4dce8191a40dc26755617271.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/persische-mischung-bio-60-g-18419">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Persische Mischung Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="j5Ru0mbvxYW_caYZ49Z9ZHM44nUx8K-l8UXKg6H-j2jRhzGPvJHL-xp-APdlgbBxj-mhPBYd3FAIfM2_mGwHSQ" />
    <input value="18419" 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%2Fgranovita%3Fformat%3Dturbo_stream%26page%3D44">
    <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/petersilie-gerebelt-bio-10-g-18420">
          <img alt="Petersilie 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/10111/file/small-f5d033464423157ce0089b68f5ddf9dc.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10111/file/medium-a75ba580f3f5fc9297e19a63490fc4b0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10111/file/large-e9cd55237bb714f78913bcb12665780d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10111/file/medium-a75ba580f3f5fc9297e19a63490fc4b0.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/petersilie-gerebelt-bio-10-g-18420">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Petersilie gerebelt Bio, 10 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ClmhYWdvBiVMhD3-Cc2062HwWmzaWmkcGcZimxCZMrdUSv48vREIW-mLmxCPmnn-nSEZJf23Gung_2WnKQu6lg" />
    <input value="18420" 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%2Fgranovita%3Fformat%3Dturbo_stream%26page%3D44">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/pfeffer-schwarz-ganz-nfp-bio-70-g-18421">
          <img alt="Pfeffer schwarz 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/10282/file/small-9bf5a92be1c0a5ed92500e7e0e41cec0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10282/file/medium-dbae6e15003633eee743c9e037c500bc.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10282/file/large-f3b1fa791c5324408fb91be2e55fc26d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10282/file/medium-dbae6e15003633eee743c9e037c500bc.webp" />
</a>    </header>

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

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="v5Fve0pSVCi5W4D8HU9ulmVMh9rgEDdaWFPVOXGJ8R_hgjAmkCxaVhxUJhKbGKODmZ3Ek8f9RK-hatIFSBt5Pg" />
    <input value="18421" 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%2Fgranovita%3Fformat%3Dturbo_stream%26page%3D44">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/pfeffer-schwarz-gemahlen-nfp-bio-60-g-18422">
          <img alt="Pfeffer schwarz 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/10902/file/small-df3004a5cb042d6e6171bc18b35807ce.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10902/file/medium-43d01ce277bedfc857112e56f2da5db3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10902/file/large-8c87fe1ddee4d3ac64fb2664dd4a137f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10902/file/medium-43d01ce277bedfc857112e56f2da5db3.webp" />
</a>    </header>

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

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="y94A2RepFlncpS0rEMsN2yRPTWZpwL5UBfp4MKxf4m2VzV-EzdcYJ3mqi8WWnMDO2J4OL04tzaH8w38Mlc1qTA" />
    <input value="18422" 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%2Fgranovita%3Fformat%3Dturbo_stream%26page%3D44">
    <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/pizza-krauter-bio-45-g-18423">
          <img alt="Pizza Kräuter Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9803/file/small-f686a03b97a6c86ef1c48da7230ad88a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9803/file/medium-616e5825d8d1e093a74b25bd402feb6d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9803/file/large-261ffb0d33265e54de000bcf8e38928c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9803/file/medium-616e5825d8d1e093a74b25bd402feb6d.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/pizza-krauter-bio-45-g-18423">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pizza Kräuter Bio, 45 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VsNG680A7s0E3lj3I7MH_sm8HO3eIrhnQpUr6i1SrH8I0Bm2F37gs6HR_hml5MrrNW1fpPnPy5K7rCzWFMAkXg" />
    <input value="18423" 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%2Fgranovita%3Fformat%3Dturbo_stream%26page%3D44">
    <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/pommes-frites-gewurzsalz-bio-60-g-18424">
          <img alt="Pommes Frites Gewürzsalz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9804/file/small-2796a8f85724713b8e8d6bc6bdf7547d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9804/file/medium-0ab491fc95fb3361ce7f40055841c415.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9804/file/large-a4fe7e87757f419349b9c4896e2723cf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9804/file/medium-0ab491fc95fb3361ce7f40055841c415.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/pommes-frites-gewurzsalz-bio-60-g-18424">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pommes Frites Gewürzsalz Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgranovita%3Fformat%3Dturbo_stream%26page%3D44">
    <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/ras-el-hanout-gewurz-bio-55-g-18425">
          <img alt="Ras el Hanout Gewürz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9805/file/small-f4f7915ad440c6f57d2a8131e38a7a0a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9805/file/medium-224ff58d2b93f6f09230965328fffd48.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9805/file/large-4e53353f3a0bc2ef60971f442c8f7644.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9805/file/medium-224ff58d2b93f6f09230965328fffd48.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/ras-el-hanout-gewurz-bio-55-g-18425">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ras el Hanout Gewürz Bio, 55 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VSGPCFSXOFZfkCwj1MhdiKVGqQ_u3E72d80ayx7MO4sLMtBVjuk2KPqfis1Sn5CdWZfqRskxPQOO9B33J16zqg" />
    <input value="18425" 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%2Fgranovita%3Fformat%3Dturbo_stream%26page%3D44">
    <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/rosmarin-geschnitten-bio-20-g-18426">
          <img alt="Rosmarin geschnitten Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9589/file/small-20d4ee902507dc1f23ff940af93494ba.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9589/file/medium-21d06ca9565cee3d4435cf989f90038a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9589/file/large-d96edb1ecf2d1ff53e62e72994713b04.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9589/file/medium-21d06ca9565cee3d4435cf989f90038a.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/rosmarin-geschnitten-bio-20-g-18426">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rosmarin geschnitten Bio, 20 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 22.50 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="crVH_hS4eAVu6PmXSlLj9tflyxz_Sd1mEEk589RfgygsphijzsZ2e8vnX3nMBS7jKzSIVdikrpPpcD7P7c0LCQ" />
    <input value="18426" 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%2Fgranovita%3Fformat%3Dturbo_stream%26page%3D44">
    <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/salatkrauter-grob-gemahlen-25-g-18427">
          <img alt="Salatkräuter grob gemahlen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10112/file/small-5927e9a315c140bf9882799b123a9a8f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10112/file/medium-d6da121083620252675c4b59e0033717.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10112/file/large-ed1af369726b12a9a1b86ea7ffeb9288.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10112/file/medium-d6da121083620252675c4b59e0033717.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/salatkrauter-grob-gemahlen-25-g-18427">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Salatkräuter grob gemahlen, 25 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 20.80 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LRPuiYHxLc5MzLeix2Q1v7Nq0zJMKg-tUnQTlGNgUUxzALHUW48jsOnDEUxBM_iqT7uQe2vHfFirTRSoWvLZbQ" />
    <input value="18427" 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%2Fgranovita%3Fformat%3Dturbo_stream%26page%3D44">
    <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/schwarzkummel-ganz-bio-40-g-18428">
          <img alt="Schwarzkü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/9590/file/small-b1abd848adb42229c2c1487e2fb68ddb.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9590/file/medium-abdc10573aaf6953c83f5c8f4f0fdbca.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9590/file/large-c1a154c0c5a12474d950bdd3a5fcb04b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9590/file/medium-abdc10573aaf6953c83f5c8f4f0fdbca.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/schwarzkummel-ganz-bio-40-g-18428">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schwarzkümmel ganz 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-18428-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QxjvHGeVnx2pUK7e1jm-OPqG7ox0UWlD2j4p1LPAA8MdC7BBveuRYwxfCDBQbnMtBletxVO8GrYjBy7oilKL4g" />
    <input value="18428" 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%2Fgranovita%3Fformat%3Dturbo_stream%26page%3D44">
    <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/sternanis-gemahlen-bio-27-g-18429">
          <img alt="Sternanis 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/10113/file/small-1c7496472b1dde425dc25106b37b4eaa.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10113/file/medium-840b8628c519ce9e10f3176b4350b731.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10113/file/large-861861d4c8cbc3dbb6df3ff9b63faf90.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10113/file/medium-840b8628c519ce9e10f3176b4350b731.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/sternanis-gemahlen-bio-27-g-18429">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sternanis gemahlen Bio, 27 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="59h1E0Ol-bkjVhU35i6t2W1-MkOxbnaGOE-g48nByVe5yypOmdv3x4ZZs9lgeWDMka9xCpaDBXPBdqff8FNBdg" />
    <input value="18429" 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%2Fgranovita%3Fformat%3Dturbo_stream%26page%3D44">
    <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/thymian-gerebelt-bio-15-g-18430">
          <img alt="Thymian 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/10903/file/small-2d54612f392bcd9e44a98e4cb518a6f0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10903/file/medium-2a4b66e3c739f45173c71029dd825101.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10903/file/large-73b3826e73094d3e534af1649ad04a88.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10903/file/medium-2a4b66e3c739f45173c71029dd825101.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/thymian-gerebelt-bio-15-g-18430">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Thymian gerebelt Bio, 15 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="h_ldSJohaI7jrNC6WGAwtJmVEC5YXStpgNJ3PIBGKgTZ6gIVQF9m8EajdlTeN_2hZURTZ3-wWJx563AAudSiJQ" />
    <input value="18430" 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%2Fgranovita%3Fformat%3Dturbo_stream%26page%3D44">
    <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/wacholderbeeren-ganz-nfp-bio-35-g-18431">
          <img alt="Wacholderbeeren 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/10390/file/small-3bfc4d5797e143bbc01a0daf886484d8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10390/file/medium-7675f15aa3705a55971613c5ace42b30.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10390/file/large-40f410b839095b9226b162515385fc80.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10390/file/medium-7675f15aa3705a55971613c5ace42b30.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/wacholderbeeren-ganz-nfp-bio-35-g-18431">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wacholderbeeren ganz NFP Bio, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iH5oTEEOTbsWZbWI8FweLn0OvrQ1-47SCisA_yXxxFjWbTcRm3BDxbNqE2Z2C9M7gd_9_RIW_SfzEgfDHGNMeQ" />
    <input value="18431" 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%2Fgranovita%3Fformat%3Dturbo_stream%26page%3D44">
    <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/zimt-cassia-gemahlen-bio-35-g-18432">
          <img alt="Zimt Cassia 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/9588/file/small-13108c8bfe2dab53b0835fad37375d1b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9588/file/medium-c6d31f7b9ee21b9d9d11ab4ebb9d6c20.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9588/file/large-20b8959a63d9c1d22642492b600ad8ee.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9588/file/medium-c6d31f7b9ee21b9d9d11ab4ebb9d6c20.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/zimt-cassia-gemahlen-bio-35-g-18432">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zimt Cassia gemahlen Bio, 35 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 14.86 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="elB5QIcOuFAD8F46qKsvcCXbOozYwrbJMkXN_0mOEHskQyYdXXC2Lqb_-NQu_OJl2Qp5xf8vxTzLfMrDcByYWg" />
    <input value="18432" 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%2Fgranovita%3Fformat%3Dturbo_stream%26page%3D44">
    <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/zimt-ceylon-gemahlen-bio-27-g-18433">
          <img alt="Zimt Ceylon 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/9587/file/small-285617733e51c9892c7da27172112d42.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9587/file/medium-5512980176b1733eaa01b7f03bba466e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9587/file/large-0f9369c62b76e3d64f47b2003c7c34e5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9587/file/medium-5512980176b1733eaa01b7f03bba466e.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/zimt-ceylon-gemahlen-bio-27-g-18433">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zimt Ceylon gemahlen Bio, 27 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 19.26 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="82-wLg6asPriTqFL8HUv62pGFhgg4tfhUhz_d0NhqVitfO9z1OS-hEdBB6V2IuL-lpdVUQcPpBSrJfhLevMheQ" />
    <input value="18433" 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%2Fgranovita%3Fformat%3Dturbo_stream%26page%3D44">
    <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/zimt-ceylon-gemahlen-nfp-bio-45-g-18434">
          <img alt="Zimt Ceylon 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/10283/file/small-f248f91961cde751aefc7fe3cd33c8cc.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10283/file/medium-83be6ea3b515f225a422c66624ffcd59.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10283/file/large-a08439509734f92cf4cfd27c6d72f081.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10283/file/medium-83be6ea3b515f225a422c66624ffcd59.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/zimt-ceylon-gemahlen-nfp-bio-45-g-18434">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zimt Ceylon gemahlen NFP Bio, 45 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 13.78 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vSN72CEWKGboKACQFh02FHcJSnodq3ieOQ9Xp-Ork_bjMCSF-2gmGE0npn6QSvsBi9gJMzpGC2vANlCb2jkb1w" />
    <input value="18434" 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%2Fgranovita%3Fformat%3Dturbo_stream%26page%3D44">
    <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/zimt-stangen-bio-5-stuck-18435">
          <img alt="Zimt Stangen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10114/file/small-d315204c420f1442154c94f0e5d6bfce.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10114/file/medium-8a33f310d55227eda5078e6566882f6b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10114/file/large-e85c49cc45967ec391c02ddc6218b4ac.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10114/file/medium-8a33f310d55227eda5078e6566882f6b.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/zimt-stangen-bio-5-stuck-18435">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zimt Stangen Bio, 5 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QfJof4cMtEZwqI_0AmvS93vYVCD77icIEe7lIUiAWvUf4TciXXK6ONWnKRqEPB_ihwkXadwDVP3o1-IdcRLS1A" />
    <input value="18435" 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%2Fgranovita%3Fformat%3Dturbo_stream%26page%3D44">
    <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/zitronenpfeffer-grob-gemahlen-bio-40-g-18436">
          <img alt="Zitronenpfeffer grob 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/9585/file/small-68cf9958031d8629ee8f191e934bad2a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9585/file/medium-58d79d9b00c6af2dce476edb36276714.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9585/file/large-4cbd663a23483f5acedfcddc554b46bf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9585/file/medium-58d79d9b00c6af2dce476edb36276714.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/zitronenpfeffer-grob-gemahlen-bio-40-g-18436">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zitronenpfeffer grob gemahlen Bio, 40 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 14.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EJicE5OSb7rHASG8nWlKPeHd2WJOpdcO4MyofH-NnSVOi8NOSexhxGIOh1IbPocoHQyaK2lIpPsZ9a9ARh8VBA" />
    <input value="18436" 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%2Fgranovita%3Fformat%3Dturbo_stream%26page%3D44">
    <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/biotics-g-sachets-30-stuck-18437">
          <img alt="Biotics G Sachets" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9967/file/small-a6ae3b1ca6f6a6771a7b80bde44e6c92.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9967/file/medium-98ccff7f4f57112f5c385a3d19d78270.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9967/file/large-cd3949b12361529fb1c6e8087cf0e1fd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9967/file/medium-98ccff7f4f57112f5c385a3d19d78270.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">Burgerstein</p>
          <a href="/products/biotics-g-sachets-30-stuck-18437">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biotics G Sachets, 30 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 49.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lpWH99m4eXLvOAKLwRnIVanUApj2cZ_Z8CGL5ZSR3FPIhtiqA8Z3DEo3pGVHTgVAVQVB0dGc7CwJGIzZrQNUcg" />
    <input value="18437" 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%2Fgranovita%3Fformat%3Dturbo_stream%26page%3D44">
    <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/apfel-balsam-5-saure-bio-250-ml-18438">
          <img alt="Apfel Balsam 5% Säure Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9968/file/small-e76ab1b21ec477fa00b9cf5cda06bc35.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9968/file/medium-a4c2b1f2579ded927fb615bfa4b51a95.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9968/file/large-919b1c6c9be83605328adecbe31519b4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9968/file/medium-a4c2b1f2579ded927fb615bfa4b51a95.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">Byodo</p>
          <a href="/products/apfel-balsam-5-saure-bio-250-ml-18438">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Apfel Balsam 5% Säure Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Iqf1DmXN9ABVWslixoplxyCXHOaGdmIxD7FkMfFrJBx8tKpTv7P6fvBVb4xA3ajS3EZfr6GbEcT2iGMNyPmsPQ" />
    <input value="18438" 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">
      880 von 2&#39;529 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/granovita?format=turbo_stream&amp;page=45">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>