<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%2Ftaucherli%3Fformat%3Dturbo_stream%26page%3D63">
    <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/kokos-mandel-creme-bio-250-g-18806">
          <img alt="Kokos Mandel Creme Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9267/file/small-3f27e426f36293807342c7786e37772b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9267/file/medium-9e2dea875a5faa8f548a77522df6f02a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9267/file/large-18c094919dbafee81202ca3fe5710fa2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9267/file/medium-9e2dea875a5faa8f548a77522df6f02a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/products/kokos-mandel-creme-bio-250-g-18806">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kokos Mandel Creme Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.65
            </p>

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

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

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/krautersalz-bio-500-g-18807">
          <img alt="Kräutersalz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10829/file/small-b265c5d1c0088af18d412c29c236965c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10829/file/medium-95d24f25f41993a49b4749bd97ddf13e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10829/file/large-5d9234892c9453d7bf6a7499b4a5f27a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10829/file/medium-95d24f25f41993a49b4749bd97ddf13e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/products/krautersalz-bio-500-g-18807">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kräutersalz Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.75
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="L4nlyjL4MF_ECUB0INQa6mTb5PcvOZxjRWFoVaDBjTgJh-0Z6XAX_eUVCEsR0LvlYZVMLneVqBT1_WohgwD8hg" />
    <input value="18807" 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%2Ftaucherli%3Fformat%3Dturbo_stream%26page%3D63">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/krautersalz-mit-jodhaltigen-algen-bio-500-g-18808">
          <img alt="Kräutersalz mit jodhaltigen Algen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10874/file/small-3d990b2dd17e314db57c323a8ddc1150.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10874/file/medium-1c810cab773c0a3c576d12617f51f270.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10874/file/large-488324e4d287055f52d93994af3575d7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10874/file/medium-1c810cab773c0a3c576d12617f51f270.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/products/krautersalz-mit-jodhaltigen-algen-bio-500-g-18808">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kräutersalz mit jodhaltigen Algen Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.35
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Gq3fmhZS-B3V4xkwY_S047wsD9HOAB9uHEv8lCJ22ns8o9dJzdrfv_T_UQ9S8BXsuWKnCJasKxms1_7gAberxQ" />
    <input value="18808" 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%2Ftaucherli%3Fformat%3Dturbo_stream%26page%3D63">
    <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/langkorn-spitzenreis-bio-500-g-18809">
          <img alt="Langkorn Spitzenreis Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9269/file/small-08ad938cce98514d94abbc5c9a875fe3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9269/file/medium-14d43d148b1e72ec338c978cb14f1e34.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9269/file/large-d20fe716324db56a22ec01b923375518.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9269/file/medium-14d43d148b1e72ec338c978cb14f1e34.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/products/langkorn-spitzenreis-bio-500-g-18809">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Langkorn Spitzenreis Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.65
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IZ8EUxVJ-Ijb_ziK5PROtG3Zx4kAe1qPIkmAuqcaIDAHkQyAzsHfKvrjcLXV8O-7aJdvUFjXbviS1YLOhNtRjg" />
    <input value="18809" 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%2Ftaucherli%3Fformat%3Dturbo_stream%26page%3D63">
    <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/linsen-gelb-eu-bio-500-g-18810">
          <img alt="Linsen gelb EU Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9268/file/small-526c98f7d18cc94c9bee589902fb2625.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9268/file/medium-b1466fe75ebee6b498f5802c8c24ee30.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9268/file/large-e4184666b75342b5e488a9e41f099ab7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9268/file/medium-b1466fe75ebee6b498f5802c8c24ee30.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/products/linsen-gelb-eu-bio-500-g-18810">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Linsen gelb EU Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.55
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="M1x-M1RZUt1lTYNAHkX8dEmqxyWQW37eLz08vn6iqi0VUnbgj9F1f0RRy38vQV17TORv_Mj3SqmfoT7KXWPbkw" />
    <input value="18810" 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%2Ftaucherli%3Fformat%3Dturbo_stream%26page%3D63">
    <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/macadamia-creme-bio-250-g-18811">
          <img alt="Macadamia Creme Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9270/file/small-9e6f1be29d9ac5952c224d3524ca4e7f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9270/file/medium-4c2c393688a339d11c9fcf97a0cd32f7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9270/file/large-bfe57d7d6a5d6f994421e1630fd7613b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9270/file/medium-4c2c393688a339d11c9fcf97a0cd32f7.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/products/macadamia-creme-bio-250-g-18811">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Macadamia Creme Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.25
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="z76tHdA1AMbNPXs9IdLYqZNMEHhcuMAocRa-iwjtYp_psKXOC70nZOwhMwIQ1nmmlgK4oQQU9F_Birz_KywTIQ" />
    <input value="18811" 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%2Ftaucherli%3Fformat%3Dturbo_stream%26page%3D63">
    <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/maisgriess-polenta-demeter-500-g-18812">
          <img alt="Maisgriess-Polenta Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10905/file/small-bf16e90120ecb72964ed786967fb791e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10905/file/medium-ff5b6688eed3c4181df3cc319f2ac9a4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10905/file/large-10dc76cee05aab18b1c39314a6bb8917.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10905/file/medium-ff5b6688eed3c4181df3cc319f2ac9a4.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/products/maisgriess-polenta-demeter-500-g-18812">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Maisgriess-Polenta Demeter, 500 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 0.92 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AcmQYdGwjNv0gP8UVmjdo9uY7jTkiaFT24PX9KutjBgnx5iyCjiredWctytnbHys3tZG7bwllSRrH9WAiGz9pg" />
    <input value="18812" 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%2Ftaucherli%3Fformat%3Dturbo_stream%26page%3D63">
    <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/mandel-tonka-creme-bio-250-g-18813">
          <img alt="Mandel Tonka Creme Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9271/file/small-bb4254d3984622af4e7e12ae57a3d47c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9271/file/medium-a8b90e7097e3a65bd32fbf8342addc99.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9271/file/large-c8fda5b94c56ea4e3a9e1ea725c92c26.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9271/file/medium-a8b90e7097e3a65bd32fbf8342addc99.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/products/mandel-tonka-creme-bio-250-g-18813">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mandel Tonka Creme Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.45
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="W3pR9Dcg3PpARxT46czbd0NnwYpSDxix3suBPgzvjrh9dFkn7Kj7WGFbXMfYyHp4RilpUwqjLMZuV4NKLy7_Bg" />
    <input value="18813" 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%2Ftaucherli%3Fformat%3Dturbo_stream%26page%3D63">
    <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/mandel-creme-bio-250-g-18814">
          <img alt="Mandel-Creme Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9272/file/small-767f2c72b4b47aa777dec3e1f177a835.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9272/file/medium-c695d5c34b705f7489754f4a876dec24.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9272/file/large-c7eb42b0397190f7f91dd1467d09b0b5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9272/file/medium-c695d5c34b705f7489754f4a876dec24.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/products/mandel-creme-bio-250-g-18814">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mandel-Creme Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.25
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ELZkPDZnMvjAPc3X4kLogn_x8Zdy928oWzo76bxJZ7k2uGzv7e8VWuEhhejTRkmNer9ZTipbW1_rpjmdn4gWBw" />
    <input value="18814" 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%2Ftaucherli%3Fformat%3Dturbo_stream%26page%3D63">
    <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/mehl-kichererbsen-gerostet-bio-500-g-18815">
          <img alt="Mehl Kichererbsen geröstet Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9273/file/small-3558b180d6ba9b11323d76d9e5927e8b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9273/file/medium-04a200afa57bf19e894c383eed811612.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9273/file/large-a664608d77af2c373b41382770990cd8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9273/file/medium-04a200afa57bf19e894c383eed811612.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/products/mehl-kichererbsen-gerostet-bio-500-g-18815">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mehl Kichererbsen geröstet Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.00
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Ftaucherli%3Fformat%3Dturbo_stream%26page%3D63">
    <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/minuten-polenta-maisgriess-bio-500-g-18816">
          <img alt="Minuten Polenta Maisgriess Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10876/file/small-d57088cad4bbce631ed6d4d69bfe3c85.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10876/file/medium-8d4d1926d6ef83831fd190b80ec8ea87.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10876/file/large-4e5293bbef4bd6d9de89b0e05d1b3435.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10876/file/medium-8d4d1926d6ef83831fd190b80ec8ea87.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/products/minuten-polenta-maisgriess-bio-500-g-18816">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Minuten Polenta Maisgriess Bio, 500 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 0.96 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qomWZUY30zN-WQcBRNb1HilnifXOOZ1Tl4rzmwGIiCmMh562nb_0kV9FTz510lQRLCkhLJaVqSQnFvHvIkn5lw" />
    <input value="18816" 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%2Ftaucherli%3Fformat%3Dturbo_stream%26page%3D63">
    <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/mischmus-4-nuts-bio-250-g-18817">
          <img alt="Mischmus 4 Nuts Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9274/file/small-0b978c0d4b0a3145d1386ae8739f65cb.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9274/file/medium-aa3fe301635e8a1be38845aa71f0d988.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9274/file/large-c95915c5c50f6552c023c7db1a145a2c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9274/file/medium-aa3fe301635e8a1be38845aa71f0d988.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/products/mischmus-4-nuts-bio-250-g-18817">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mischmus 4 Nuts Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9ABQazFrqg8Z00yeFSCJuGFwKOWytX09SwPu2aKfru_SDli46uONrTjPBKEkJCi3ZD6APOoZSUr7n-ytgV7fUQ" />
    <input value="18817" 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%2Ftaucherli%3Fformat%3Dturbo_stream%26page%3D63">
    <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/mungbohnen-bio-500-g-18818">
          <img alt="Mungbohnen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10893/file/small-aee1c13ffb5c34d31f8c5fce0eb6391a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10893/file/medium-581d9b8c6c324a91fd4b83dae4ae9648.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10893/file/large-5113a0063802711fe8edf09dd5f863f6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10893/file/medium-581d9b8c6c324a91fd4b83dae4ae9648.webp" />
</a>    </header>

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

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nV-zuBQPvXpt-uk21D--p2XLj0UVPgEMgtREw8FgRiu7Ubtrz4ea2EzmoQnlOx-oYIUnnE2SNXsySEa34qE3lQ" />
    <input value="18818" 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%2Ftaucherli%3Fformat%3Dturbo_stream%26page%3D63">
    <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/orangeat-gewurfelt-bio-100-g-18819">
          <img alt="Orangeat gewürfelt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9603/file/small-f5409446060e70551d40fe28c7fc55a7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9603/file/medium-055bf75e7d828f085e3a020fcb441e5c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9603/file/large-b2611968df87249c3c5e950b32d2e64b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9603/file/medium-055bf75e7d828f085e3a020fcb441e5c.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/products/orangeat-gewurfelt-bio-100-g-18819">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Orangeat gewürfelt Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.85
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="H3dpiiAYK6pzLgzQCJUt1CIVo7VGfCRKE0ppVMhEouo5eWFZ-5AMCFIyRO85kYzbJ1sLbB7QED2j1msg64XTVA" />
    <input value="18819" 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%2Ftaucherli%3Fformat%3Dturbo_stream%26page%3D63">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/oxyguard-leinol-nativ-bio-250-ml-18820">
          <img alt="Oxyguard Leinöl nativ Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9275/file/small-841df3f49dac736ac3bd9db65e9312f6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9275/file/medium-b2a88361b5c4fa2cff54726e61f4241e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9275/file/large-ff06a5085f5bf9669979c4fac519324f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9275/file/medium-b2a88361b5c4fa2cff54726e61f4241e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/products/oxyguard-leinol-nativ-bio-250-ml-18820">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Oxyguard Leinöl nativ Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hKRqCk70nWN7uqh0n1DHIPsInIRJ0t6la1-CsvyF1NSiqmLZlXy6wVqm4EuuVGYv_kY0XRF-6tLbw4DG30Slag" />
    <input value="18820" 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%2Ftaucherli%3Fformat%3Dturbo_stream%26page%3D63">
    <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/parboiled-reis-weiss-bio-500-g-18821">
          <img alt="Parboiled Reis weiss Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9276/file/small-1362e9a0ce00b3359cf24ae51a247fd9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9276/file/medium-28a2996e4a845e076cd98db8482c5b21.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9276/file/large-8151e126ea0605a957b9fd022c065c1b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9276/file/medium-28a2996e4a845e076cd98db8482c5b21.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/products/parboiled-reis-weiss-bio-500-g-18821">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Parboiled Reis weiss Bio, 500 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 1.24 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RJvjw2LyXHOQlUyp9FBFG9700Xc8xtwIIO4TCZBNeB5ilesQuXp70bGJBJbFVOQU27p5rmRq6H-QchF9s4wJoA" />
    <input value="18821" 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%2Ftaucherli%3Fformat%3Dturbo_stream%26page%3D63">
    <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/reismischung-wildreis-bio-500-g-18822">
          <img alt="Reismischung Wildreis Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9277/file/small-b3a7da21d1101997e59d1ec1a132a1a6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9277/file/medium-64f4e8ed76dea55f762cafc0d7aaa07a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9277/file/large-2b0dda67a7eaff2f852d033b3ed553ab.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9277/file/medium-64f4e8ed76dea55f762cafc0d7aaa07a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/products/reismischung-wildreis-bio-500-g-18822">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Reismischung Wildreis Bio, 500 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 1.22 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="R6RZXP749ENTV5jjgICf7H6E46lDvVyX2l7AG_mXsRRhqlGPJXDT4XJL0NyxhD7je8pLcBsRaOBqwsJv2lbAqg" />
    <input value="18822" 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%2Ftaucherli%3Fformat%3Dturbo_stream%26page%3D63">
    <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/risotto-spitzenreis-rundkorn-weiss-bio-500-g-18823">
          <img alt="Risotto Spitzenreis Rundkorn weiss Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9278/file/small-e4996c9198bc45a20247c7ee006af697.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9278/file/medium-c2df9ed0f898314446b9ffe2f8275839.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9278/file/large-866f85c949a39dd843a6764bed63c0e5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9278/file/medium-c2df9ed0f898314446b9ffe2f8275839.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/products/risotto-spitzenreis-rundkorn-weiss-bio-500-g-18823">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Risotto Spitzenreis Rundkorn weiss Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.65
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nwodHR-DWv5LEJiUWDsiyqoSx-Bg-mUQIhuHQnWt5fK5BBXOxAt9XGoM0KtpP4PFr1xvOThWUWeSh4U2VmyUTA" />
    <input value="18823" 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%2Ftaucherli%3Fformat%3Dturbo_stream%26page%3D63">
    <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/rotweinessig-bio-500-ml-18824">
          <img alt="Rotweinessig Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10873/file/small-0297656430b93708f29de00fe4494480.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10873/file/medium-0cdde4c01cc7036d23abee4aa1ab63c4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10873/file/large-07345cfc4e47d1d057855b1dae2783cc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10873/file/medium-0cdde4c01cc7036d23abee4aa1ab63c4.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/products/rotweinessig-bio-500-ml-18824">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rotweinessig Bio, 500 ml</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 0.96 / 100 ml
            </p>
        </div>
      </div>

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Ftaucherli%3Fformat%3Dturbo_stream%26page%3D63">
    <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/samba-haselnuss-bio-250-g-18825">
          <img alt="Samba Haselnuss Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10906/file/small-9c332a35252dfdcc9af31420d0467e75.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10906/file/medium-1a295248d462e413ab78eca26fba4744.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10906/file/large-0214d65256e59e8df3ce599bde299221.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10906/file/medium-1a295248d462e413ab78eca26fba4744.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/products/samba-haselnuss-bio-250-g-18825">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Samba Haselnuss Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.50
            </p>

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

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

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

</template></turbo-stream>