<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%2Fsantenatur%3Fformat%3Dturbo_stream%26page%3D43">
    <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-18402">
          <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/9789/file/small-4306910166c817d26002b2f4e1921f37.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9789/file/medium-1146398793b08f9387535effe51c6eab.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9789/file/large-0f5babe612baae3d86ad296ec3364b45.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9789/file/medium-1146398793b08f9387535effe51c6eab.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-18402">
            <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-18402-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aDpnB1G7HtNHHXlpNtJmSTTINDJglWSmc8nmXXNPnriMajpcU00XiZ6EdYNlA_ZeSKDDUkZKNLhf0TCIo3Sitg" />
    <input value="18402" 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%2Fsantenatur%3Fformat%3Dturbo_stream%26page%3D43">
    <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-18403">
          <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/9790/file/small-980095a56919203d754a0ae6335ab97e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9790/file/medium-83593540ead3365d8b49f70c89a452fc.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9790/file/large-c61b65e15959dc59b7b420a11a38cef8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9790/file/medium-83593540ead3365d8b49f70c89a452fc.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-18403">
            <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-18403-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Z4mxRUMV0hPDYjnFouOyF6y7nVSGAt_ubCA7YOVlW4SD2eweQePbSRr7NS_xMiIA0NNqNKDdj_BAOO21NV5nig" />
    <input value="18403" 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%2Fsantenatur%3Fformat%3Dturbo_stream%26page%3D43">
    <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-18404">
          <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/9792/file/small-c1cdfed6d8e9d97726eed8014a6e0217.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9792/file/medium-6b9471b3a9ac7c1bf21d53c9ef51e0e0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9792/file/large-0f21a37b52530c4a9d1914448f55c67d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9792/file/medium-6b9471b3a9ac7c1bf21d53c9ef51e0e0.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-18404">
            <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-18404-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rX7OrQruTEthZIRQzKH-yE90AYZqmR9mnNajeCxhTExJLpP2CBhFEbj9iLqfcG7fMxz25kxGT3iwznWt_FpwQg" />
    <input value="18404" 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%2Fsantenatur%3Fformat%3Dturbo_stream%26page%3D43">
    <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-18405">
          <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/9791/file/small-ce3a082a5ad0c0669febb5aa5416759c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9791/file/medium-9bc0a8463aecdac96d06096a90dfda09.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9791/file/large-35d28d2bd176ebadaac76ccac0fb4ba2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9791/file/medium-9bc0a8463aecdac96d06096a90dfda09.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-18405">
            <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-18405-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pcauKxao0QI8gFJWq1OIRpLNqJzfHvR_rxrkNgDNid9BlvNwFF7YWOUZXrz4ghhR7qVf_PnBpGGDAjLj0Pa10Q" />
    <input value="18405" 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%2Fsantenatur%3Fformat%3Dturbo_stream%26page%3D43">
    <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-18406">
          <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/9793/file/small-5dc08e6663bc1516225232966c648c90.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9793/file/medium-618bde2bccf91afaefe3dabd6c97a608.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9793/file/large-81c5b7062ed0c744de12807ffdb87624.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9793/file/medium-618bde2bccf91afaefe3dabd6c97a608.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-18406">
            <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-18406-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cJ5DjkxnAMg-KJ6Lhmp4ubj6vdPBtz6-Cyp53iN7-CKUzh7VTpEJkuexkmHVu-iuxJJKs-dobqAnMq8L80DELA" />
    <input value="18406" 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%2Fsantenatur%3Fformat%3Dturbo_stream%26page%3D43">
    <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-18407">
          <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/10322/file/small-315a73db6fa68e3e56d0b6a40536c7ce.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10322/file/medium-eee37f33cff68d360db91429f98314a2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10322/file/large-ca70d72bd7323dad0a14d7fe9a2fd2de.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10322/file/medium-eee37f33cff68d360db91429f98314a2.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-18407">
            <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-18407-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RwEfrLOHlXfQZCrrlGFAjNpOmKd--lGyKctKYjKXF4ujUUL3sXGcLQn9JgHHsNCbpiZvx1glAawF05y34qwrhQ" />
    <input value="18407" 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%2Fsantenatur%3Fformat%3Dturbo_stream%26page%3D43">
    <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/lorbeerblatter-bio-5-g-18408">
          <img alt="Lorbeerblätter Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9794/file/small-4c9aeb54297bcfdb2ce742bb7dbeb682.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9794/file/medium-b302326e86dd101b74e900065c7cbf4e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9794/file/large-6eca54f4e3475505a1cc5c1f48d07c5a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9794/file/medium-b302326e86dd101b74e900065c7cbf4e.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/lorbeerblatter-bio-5-g-18408">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lorbeerblätter Bio, 5 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KX_O7aTM2B9RuQGftFYaxOJg_T93Veu4DuVGekXMVSrNL5O2pjrRRYggDXXnh4rTnggKX1GKu6Yi_ZCvlfdpJA" />
    <input value="18408" 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%2Fsantenatur%3Fformat%3Dturbo_stream%26page%3D43">
    <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-18409">
          <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/9795/file/small-029209213d71b56772a5788f404ed157.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9795/file/medium-fde7bd57c3b0e6dd70fa8af456541223.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9795/file/large-c6afe21d0cbf6382e5ba7ef468f5a5f3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9795/file/medium-fde7bd57c3b0e6dd70fa8af456541223.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-18409">
            <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-18409-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1wZskW_g2Uh-HTB1bsF7XGF7LMQgD7sAMTIgs8AFrjkzVjHKbRbQEqeEPJ89EOtLHRPbpAbQ6x4dKvZmED6SNw" />
    <input value="18409" 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%2Fsantenatur%3Fformat%3Dturbo_stream%26page%3D43">
    <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-18410">
          <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/10107/file/small-9175cb391c9f3f25d349626b3b2d7abb.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10107/file/medium-b0b45e5ad3df099a347b14193f2dd577.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10107/file/large-e00f2b60382edda922a296c0816a7322.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10107/file/medium-b0b45e5ad3df099a347b14193f2dd577.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-18410">
            <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-18410-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8fgsnxu7VY50kMtl8i7fHcr6wLymTbrzTUqo40tDqBoVqHHEGU1c1K0Jx4-h_08KtpI33ICS6u1hUn42m3iUFA" />
    <input value="18410" 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%2Fsantenatur%3Fformat%3Dturbo_stream%26page%3D43">
    <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-18411">
          <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/9797/file/small-1050e96a9689dd66231d665378e08454.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9797/file/medium-b8c6bfb274386544aff1f41aee7a3eb1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9797/file/large-542b7dd8cfd0c2be422f783e6f109b23.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9797/file/medium-b8c6bfb274386544aff1f41aee7a3eb1.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-18411">
            <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-18411-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MYqO8wBcb6WFqcff_FaAILKlp8zRcWrx9gYawwbZyEnV2tOoAqpm_1wwyzWvhxA3zs1QrPeuOu_aHswW1uL0Rw" />
    <input value="18411" 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%2Fsantenatur%3Fformat%3Dturbo_stream%26page%3D43">
    <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-18412">
          <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/9796/file/small-235aae1f3d69ef9e2fa825d4649d9e4b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9796/file/medium-8611a0b8d39b6f62a69f6c6c1427cb2a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9796/file/large-e6ec27da9102b7ba5ae479dad44589d6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9796/file/medium-8611a0b8d39b6f62a69f6c6c1427cb2a.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-18412">
            <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-18412-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aOrRn-Ixaq8g2eJ9aAb63dKQomybIKnPoi0bdt2TA1qMuozE4Mdj9flA7pc712rKrvhVDL3_-dGONc2jDag_VA" />
    <input value="18412" 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%2Fsantenatur%3Fformat%3Dturbo_stream%26page%3D43">
    <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-18413">
          <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/9798/file/small-7616053d416a28ad9dafa0db70005d2e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9798/file/medium-9575a7caaebaed5a6d325217de7b2427.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9798/file/large-d68400986ce54ee14df6746a548bfc77.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9798/file/medium-9575a7caaebaed5a6d325217de7b2427.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-18413">
            <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-18413-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dOqtbsV_aVep9TQ5HT9PpQLQlTXxfTXTse7njnUpKpyQuvA1x4lgDXBsONNO7t-yfrhiVdeiZc2d9jFbpRIWkg" />
    <input value="18413" 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%2Fsantenatur%3Fformat%3Dturbo_stream%26page%3D43">
    <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-18414">
          <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/10109/file/small-501174f27191b7f74c163dbf702251c6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10109/file/medium-e81949d5713efe7b97aeea2944287543.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10109/file/large-efa634e642d98e396046b112278c0625.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10109/file/medium-e81949d5713efe7b97aeea2944287543.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-18414">
            <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-18414-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xFUEmHCrsFyYDsnuhXh5AZmLkATiL8k4zmmlfHpUliwgBVnDcl25BkGXxQTWqekW5eNnZMTwmSbicXOpqm-qIg" />
    <input value="18414" 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%2Fsantenatur%3Fformat%3Dturbo_stream%26page%3D43">
    <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-18415">
          <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/9799/file/small-7daeec7115037d38d900dee03875398d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9799/file/medium-bfe1f0ffec2bbd25202beeed56ec7e56.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9799/file/large-f57226437e79806493c86dd8652395e6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9799/file/medium-bfe1f0ffec2bbd25202beeed56ec7e56.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-18415">
            <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-18415-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="06BWbwx78gVS6ChbHl0699yohdDauerHfFyAtGiKfuU38As0Do37X4txJLFNjKrgoMBysPxmutlQRFZhuLFC6w" />
    <input value="18415" 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%2Fsantenatur%3Fformat%3Dturbo_stream%26page%3D43">
    <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-18416">
          <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/9801/file/small-aa682fc88946695d79465666de276689.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9801/file/medium-40f644f291f7112f07858f36c6b319ae.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9801/file/large-58f571b04dee5e3d3af3d13f2ab7baaf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9801/file/medium-40f644f291f7112f07858f36c6b319ae.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-18416">
            <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-18416-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZxUbNUHNpGnn-325rxg5cabEZpxT9jMSsO6K3CPA-R6DRUZuQzutMz5icVP8yalm2qyR_HUpYwyc9lwJ8_vFEA" />
    <input value="18416" 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%2Fsantenatur%3Fformat%3Dturbo_stream%26page%3D43">
    <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-scharf-bio-35-g-18417">
          <img alt="Paprika scharf Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9586/file/small-fae65c6bdeb1500460e7ea35839d97a5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9586/file/medium-065e8435981338cb2fccff4bcd117fbc.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9586/file/large-4b88994eaf1d6361ddd231cef610265f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9586/file/medium-065e8435981338cb2fccff4bcd117fbc.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-scharf-bio-35-g-18417">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Paprika scharf 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-18417-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pOX0_MCvRH9ljSwgmxPVrfrgV-z5VirUMvW_XFwhQZJAtamnwllNJbwUIMrIwkW6hoigjN-Jesoe7WmJjBp9nA" />
    <input value="18417" 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%2Fsantenatur%3Fformat%3Dturbo_stream%26page%3D43">
    <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/pastaroma-bio-50-g-18418">
          <img alt="Pastaroma Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10110/file/small-22c4e7092f11c437cfdfb8a9803d33d3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10110/file/medium-d2a8fe250a30432739b4b672193fe374.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10110/file/large-5790fd55ea1e8e32ed58aad2496d0c73.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10110/file/medium-d2a8fe250a30432739b4b672193fe374.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/pastaroma-bio-50-g-18418">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pastaroma Bio, 50 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 11.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="L1SMSAVEub04kSFHNXUSfFo7x8u1mb71hTaYgZAXzBzLBNETB7Kw5-EILa1mpIJrJlMwq5NG7uupLk5UQCzwEg" />
    <input value="18418" 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%2Fsantenatur%3Fformat%3Dturbo_stream%26page%3D43">
    <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="0RIPr0HKg-9Yqzx_VczKDeEySN-ceIlRfEu3iAzb8GA1QlL0QzyKtYEyMJUGHVoanVq_v7qn2U9QU2Fd3ODMbg" />
    <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 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%2Fsantenatur%3Fformat%3Dturbo_stream%26page%3D43">
    <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="QOFuSkPPRanJ8p-_DZkM2ostMGHmsX9-nTdKTO85FQOksTMRQTlM8xBrk1VeSJzN90XHAcBuL2CxL5yZPwIpDQ" />
    <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  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%2Fsantenatur%3Fformat%3Dturbo_stream%26page%3D43">
    <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="22v9pRRZz8KjCMyvGqX1Ite-jj75FlxjPrg9TtVIjJ4_O6D-Fq_GmHqRwEVJdGU1q9Z5Xt_JDH0SoOubBXOwkA" />
    <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>



</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">
      860 von 2&#39;526 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/santenatur?format=turbo_stream&amp;page=44">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>