<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%2Fbioplanete%3Fformat%3Dturbo_stream%26page%3D62">
    <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/bio-snacky-radieschen-40-g-18779">
          <img alt="Bio-Snacky Radieschen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9258/file/small-f99e21f1eb811ec22d08544ddfa79b11.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9258/file/medium-a80e7cb7cf939d71952484f92bd23908.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9258/file/large-d20d1bc0fc5a46db9119651a96755eb9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9258/file/medium-a80e7cb7cf939d71952484f92bd23908.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/bio-snacky-radieschen-40-g-18779">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bio-Snacky Radieschen, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.55
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OHs6hdq4C3ggEU_A-jKQMzabJMoU1Pn8-PPM7QUlE8uiGgul17FHMJcI1KT-mvEiHthSTvUHoEhossQ8ZNgHzA" />
    <input value="18779" 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%2Fbioplanete%3Fformat%3Dturbo_stream%26page%3D62">
    <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/bohnen-weiss-bio-500-g-18780">
          <img alt="Bohnen 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/10866/file/small-6fdf3acade61790a2548af9f5303cca9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10866/file/medium-37ae3ac01bd79759fa30c8b4ca654798.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10866/file/large-2ec9c3f4df854f271ef50d1e52e87288.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10866/file/medium-37ae3ac01bd79759fa30c8b4ca654798.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/bohnen-weiss-bio-500-g-18780">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bohnen weiss Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.25
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AKkCBwETKZgizlWm_VJ5vVi40rAjT0n-zFfldHdZvaKayDMnDBpl0JXXzsL5-hiscPukNMKcEEpcFu2lFqSppQ" />
    <input value="18780" 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%2Fbioplanete%3Fformat%3Dturbo_stream%26page%3D62">
    <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/brei-guten-morgen-ayurveda-bio-500-g-18781">
          <img alt="Brei Guten Morgen Ayurveda Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10233/file/small-d8b3f4d326ca5990259364fe97f8ffcc.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10233/file/medium-eb1431053264b4fd9a697a26adb855dc.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10233/file/large-a6e7cc9026a9cc23356821963eca7cf2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10233/file/medium-eb1431053264b4fd9a697a26adb855dc.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/brei-guten-morgen-ayurveda-bio-500-g-18781">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Brei Guten Morgen Ayurveda Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.25
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qkJRUvTHZPbSBPtt1uqwYKokHk5FkWw9bJC3oUhbEigwI2By-c4ovmUdYAnSQtFxgmdoyqRCNYn80b9wKaYGLw" />
    <input value="18781" 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%2Fbioplanete%3Fformat%3Dturbo_stream%26page%3D62">
    <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/brei-guten-morgen-basen-balance-bio-500-g-18782">
          <img alt="Brei Guten Morgen Basen Balance Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10234/file/small-324ccf1d4d6113140e3b319e4dad141b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10234/file/medium-fb5350c8637007563e058f529f0e9f6a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10234/file/large-c1b5db02057dde03b3ef0046a58c7a8e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10234/file/medium-fb5350c8637007563e058f529f0e9f6a.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/brei-guten-morgen-basen-balance-bio-500-g-18782">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Brei Guten Morgen Basen Balance 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-18782-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FCRJZOa013_p-Cq6vQL2BRnxW7Wy5W8G8zgGbX8MUsuORXhE672bN17hsd65qpcUMbItMVM2NrJjeQ68HvFGzA" />
    <input value="18782" 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%2Fbioplanete%3Fformat%3Dturbo_stream%26page%3D62">
    <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/brei-guten-morgen-basis-bio-500-g-18783">
          <img alt="Brei Guten Morgen Basis Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10235/file/small-affef4407c35a3a765d7072515dd6f5d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10235/file/medium-b4d615a82a9c008d22d5f9cee7d07d68.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10235/file/large-9d90452af519bbfd76af40806fa931c1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10235/file/medium-b4d615a82a9c008d22d5f9cee7d07d68.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/brei-guten-morgen-basis-bio-500-g-18783">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Brei Guten Morgen Basis 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-18783-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tl0o-WCquggik11pXvr_Be0yjaMpl-znGggAb2LdBY4sPBnZbaP2QJWKxg1aUp4UxXH7J8hEtVOKSQi-AyARiQ" />
    <input value="18783" 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%2Fbioplanete%3Fformat%3Dturbo_stream%26page%3D62">
    <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/brei-sportler-bio-500-g-18784">
          <img alt="Brei Sportler Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10231/file/small-650c77c44f93dc04992e205291a703f0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10231/file/medium-6f5f3ef496f925f0de700f797123e284.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10231/file/large-5f467222cd4efee77ef8355764b92e95.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10231/file/medium-6f5f3ef496f925f0de700f797123e284.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/brei-sportler-bio-500-g-18784">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Brei Sportler Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.25
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GKr0EMRTn1RZNhgVmaZFppspJnSlfazuqFTO8fO7TGKCy8UwyVrTHO4vg3GdDiS3s2pQ8ESu9Vo4FcYgkkZYZQ" />
    <input value="18784" 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%2Fbioplanete%3Fformat%3Dturbo_stream%26page%3D62">
    <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/cashew-creme-bio-250-g-18785">
          <img alt="Cashew-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/10916/file/small-cadb863dfef3fed0748ea04ff895e71d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10916/file/medium-38e6137d6d4710990708d1e219f239bd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10916/file/large-0ddfcc58a370eb354b044e0bffe295bf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10916/file/medium-38e6137d6d4710990708d1e219f239bd.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/cashew-creme-bio-250-g-18785">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cashew-Creme Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="M7XKsMEj3E8RKMHLlv5Am3wjNXvdGPxU1-0nU58ozhip1PuQzCqQB6YxWq-SViGKVGBD_zzLpeBHrC-C_tXaHw" />
    <input value="18785" 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%2Fbioplanete%3Fformat%3Dturbo_stream%26page%3D62">
    <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/creme-cashew-bio-250-g-18786">
          <img alt="Creme Cashew Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10879/file/small-511e13b281a7ec7af1439b6ecb1041f9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10879/file/medium-3ee9f2c7fba9c742b4d3c834d85e1445.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10879/file/large-78aec96a11fc51358fa059402f001c98.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10879/file/medium-3ee9f2c7fba9c742b4d3c834d85e1445.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/creme-cashew-bio-250-g-18786">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Creme Cashew Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="77QpTalDKj81yCH1ZTd0bc1de8H5M8sG1VtNaIrDDax11RhtpEpmd4LRupFhnxV85R4NRRjgkrJFGkW56z4Zqw" />
    <input value="18786" 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%2Fbioplanete%3Fformat%3Dturbo_stream%26page%3D62">
    <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/chana-dal-kichererbsen-halb-eu-bio-500-g-18787">
          <img alt="Chana Dal Kichererbsen halb 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/9257/file/small-1580881a6389db4fea638fabc7a9719b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9257/file/medium-1ec365d1ac45da106d1650b98f32fd71.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9257/file/large-4861b0ada5efa234d122ea2a1920971d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9257/file/medium-1ec365d1ac45da106d1650b98f32fd71.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/chana-dal-kichererbsen-halb-eu-bio-500-g-18787">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chana Dal Kichererbsen halb EU Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.55
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vVZ4cbdrGt3k2V85n1z10fLcyn79fO2jhHFizc_WghQnN0lRumJWlVPAxF2b9JTA2p-8-hyvtBcUMGocriuWEw" />
    <input value="18787" 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%2Fbioplanete%3Fformat%3Dturbo_stream%26page%3D62">
    <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/erbsen-grun-halb-eu-bio-500-g-18788">
          <img alt="Erbsen grün halb 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/10917/file/small-56973ff0c7cef4b151ceafb037e670f9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10917/file/medium-479be62f5d9e31709d277eb01ec4bde5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10917/file/large-d0d557f601501c14f624f276564c750c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10917/file/medium-479be62f5d9e31709d277eb01ec4bde5.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/erbsen-grun-halb-eu-bio-500-g-18788">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Erbsen grün halb EU 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-18788-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9abEanTLmdNLMhlw-97fz0t6bw4WPD7vawuCS1VczFZvx_VKecLVm_wrghT_dr7eYzkZivfvZ1v7SoqaNKHYUQ" />
    <input value="18788" 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%2Fbioplanete%3Fformat%3Dturbo_stream%26page%3D62">
    <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/gemuse-bruhwurfel-original-bio-84-g-18789">
          <img alt="Gemüse-Brühwürfel Original Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10918/file/small-5083a4b9a6103b5acf14ebf401595140.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10918/file/medium-903590e7f46144d3958716f7f344e16a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10918/file/large-654d0c047e98b943169c54d01a6d0199.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10918/file/medium-903590e7f46144d3958716f7f344e16a.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/gemuse-bruhwurfel-original-bio-84-g-18789">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gemüse-Brühwürfel Original Bio, 84 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.75
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QtMINhEVM6CFjeckU5z-0KwInYvu-zhe-ThRPbdFToHYsjkWHBx_6DKUfEBXNJ_BhEvrDw8oYeppeVns1rhahg" />
    <input value="18789" 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%2Fbioplanete%3Fformat%3Dturbo_stream%26page%3D62">
    <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/gourmet-berglinsen-eu-bio-500-g-18790">
          <img alt="Gourmet Berglinsen 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/10887/file/small-fa24ef4ad19a74e2a498f2c55a7aba09.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10887/file/medium-737c131cc70edfb26c678637135d9cff.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10887/file/large-247f85aa1298c00104884ed3e554b333.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10887/file/medium-737c131cc70edfb26c678637135d9cff.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/gourmet-berglinsen-eu-bio-500-g-18790">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gourmet Berglinsen EU Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="c4DqVOu75JeJmfJwbjyPqySmctZ_VX2eP_YwqdH-kB3p4dt05rKo3z6AaRRqlO66DOUEUp6GJCqvtzh4sAOEGg" />
    <input value="18790" 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%2Fbioplanete%3Fformat%3Dturbo_stream%26page%3D62">
    <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/hefeflocken-bio-150-g-18791">
          <img alt="Hefeflocken Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9596/file/small-e809340f976a985270949826ab4f9f45.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9596/file/medium-7df1a6b99c46c8e17edceb9dcac5878f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9596/file/large-fdbcef91ad924298199ac7fdbc757e6e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9596/file/medium-7df1a6b99c46c8e17edceb9dcac5878f.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/hefeflocken-bio-150-g-18791">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hefeflocken Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.95
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FMELhV45OgaL_57X2XcBkRki75LCvhT7oWL9MPMI2-uOoDqlUzB2TjzmBbPd32CAMWGZFiNtTU8xI_XhkvXP7A" />
    <input value="18791" 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%2Fbioplanete%3Fformat%3Dturbo_stream%26page%3D62">
    <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/honig-marzipan-bio-250-g-18792">
          <img alt="Honig Marzipan Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9259/file/small-7712bb6271bccf63f12836f5f7ecab1c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9259/file/medium-51decb184dc5f8e8597efcd8490514d7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9259/file/large-5441a991477efa161a6c868fa12b85b6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9259/file/medium-51decb184dc5f8e8597efcd8490514d7.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/honig-marzipan-bio-250-g-18792">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Honig Marzipan Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.25
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wVuvLZlT-zHSLflq6a4JAZksR4QoEnR6jiwSmj1UELFbOp4NlFq3eWU0Yg7tBmgQsW8xAMnBLc4ebRpLXKkEtg" />
    <input value="18792" 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%2Fbioplanete%3Fformat%3Dturbo_stream%26page%3D62">
    <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/jasmin-reis-natur-bio-500-g-18793">
          <img alt="Jasmin Reis natur Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9260/file/small-b3c110a75e47bd3b3eaaeaa67a285278.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9260/file/medium-876b7cc9aa9578026c28d400e2042d82.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9260/file/large-4017d843bcdb1ce17084c12fe6cd2f4e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9260/file/medium-876b7cc9aa9578026c28d400e2042d82.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/jasmin-reis-natur-bio-500-g-18793">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Jasmin Reis natur Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.15
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-O8BbAz79ab6OaH3-oTPTjRjIsqbTXZyB7bLk_6QyeFijjBMAfK57k0gOpP-LK5fHCBUTnqeL8aX98NCn23d5g" />
    <input value="18793" 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%2Fbioplanete%3Fformat%3Dturbo_stream%26page%3D62">
    <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/jasmin-reis-weiss-bio-500-g-18794">
          <img alt="Jasmin 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/10919/file/small-bd942d09c420e27dcbd8cd685e38ad00.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10919/file/medium-e95879107d4bdce85173dff98e8f16b2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10919/file/large-3d048c4545b936ff6bbb575ed0be7acf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10919/file/medium-e95879107d4bdce85173dff98e8f16b2.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/jasmin-reis-weiss-bio-500-g-18794">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Jasmin Reis weiss Bio, 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-18794-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="a8BDjPbEPmN20QpwUYxsrl9jPeAEVjjhAbEBw4Rvue_xoXKs-81yK8HIkRRVJA2_dyBLZOWFYVWR8AkS5ZKt6A" />
    <input value="18794" 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%2Fbioplanete%3Fformat%3Dturbo_stream%26page%3D62">
    <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/kakao-mit-kokosblutenzucker-dose-bio-250-g-18795">
          <img alt="Kakao mit Kokosblütenzucker Dose Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10920/file/small-83f6e921b2a0109d8cfd5ae220103ae0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10920/file/medium-55fba68a5886a940b311a0f169184e83.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10920/file/large-ae59a53233bdc28c4c10f8280afdc576.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10920/file/medium-55fba68a5886a940b311a0f169184e83.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/kakao-mit-kokosblutenzucker-dose-bio-250-g-18795">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kakao mit Kokosblütenzucker Dose Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yWeoY4xJ_NnX_rlhmWWIYYjJd-G9KpE0Jx5ULKQYO5BTBplDgUCwkWDnIgWdzelwoIoBZVz5yIC3X1z9xeUvlw" />
    <input value="18795" 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%2Fbioplanete%3Fformat%3Dturbo_stream%26page%3D62">
    <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/kakaobutter-chips-mild-bio-100-g-18796">
          <img alt="Kakaobutter Chips mild Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9599/file/small-1ac3ca666c6013db501943dd70a2f607.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9599/file/medium-83e0c11973efb7e2d919aca906e2c80e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9599/file/large-011a7a0b32d64c99dfb9bcf73a8bb886.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9599/file/medium-83e0c11973efb7e2d919aca906e2c80e.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/kakaobutter-chips-mild-bio-100-g-18796">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kakaobutter Chips mild Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cPXwONQ5KJLDs73tzWSkzj86PNMSk_2Ugh3i6GTkisXqlMEY2TBk2nSqJonJzMXfF3lKV_NApCASXOo5BRmewg" />
    <input value="18796" 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%2Fbioplanete%3Fformat%3Dturbo_stream%26page%3D62">
    <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/kichererbsen-eu-bio-500-g-18797">
          <img alt="Kichererbsen 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/10881/file/small-254940cc7bcd1acb3954bf856cf259ba.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10881/file/medium-2e389ad894b2fc6636112e057df83756.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10881/file/large-2cd8548098095410307b59922e58b008.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10881/file/medium-2e389ad894b2fc6636112e057df83756.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/kichererbsen-eu-bio-500-g-18797">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kichererbsen EU Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5ki5pUPS78gqMrrcmm21O7NMwy3J3mgXF6QDrvdc3Wt8KYiFTtujgJ0rIbiexdQqmw-1qSgNMaOH5Qt_lqHJbA" />
    <input value="18797" 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%2Fbioplanete%3Fformat%3Dturbo_stream%26page%3D62">
    <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-haselnussmus-mit-dattel-bio-250-g-18798">
          <img alt="Kokos Haselnussmus mit Dattel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10921/file/small-731e4fc30cca4c4b1896fe7c2dec4f29.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10921/file/medium-401a2569d03efb60353111d378ba0c26.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10921/file/large-bc80ca7cc08444ab16baef5eb0b41b11.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10921/file/medium-401a2569d03efb60353111d378ba0c26.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-haselnussmus-mit-dattel-bio-250-g-18798">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kokos Haselnussmus mit Dattel Bio, 250 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 3.20 / 100 g
            </p>
        </div>
      </div>

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

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

</template></turbo-stream>