<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%2Fbionaturis%3Fformat%3Dturbo_stream%26page%3D64">
    <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-45-g-18819">
          <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/9273/file/small-6ed877207f824c7c32e763546d5cc829.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9273/file/medium-ac33986a36060b6034149b50abb2ecf1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9273/file/large-cf145a2b9da80eb629584ff0d89ded25.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9273/file/medium-ac33986a36060b6034149b50abb2ecf1.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-45-g-18819">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Samba Haselnuss Bio, 45 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.65
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.67 / 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="XMDknFPmNY9-hhWySKDEiBA3hDPS250A2P1LFDZqZ0cqUyVKW0AVCTVSVhal5zbX9tQdSy7bIHo8uU78A1zbUA" />
    <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  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%2Fbionaturis%3Fformat%3Dturbo_stream%26page%3D64">
    <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-dunkel-bio-45-g-18820">
          <img alt="Samba Haselnuss dunkel 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-1f2db3d46d8eb494d2075cf97a0f6194.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9274/file/medium-b21e20999328f7dd197477da3993221e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9274/file/large-bcbe38699b7e3b06a1f4cae66dacf2ab.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9274/file/medium-b21e20999328f7dd197477da3993221e.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-dunkel-bio-45-g-18820">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Samba Haselnuss dunkel Bio, 45 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.65
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.67 / 100 g
            </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="9b7xLtPrsCuvKgmu53_aIQemUZt2Hv14MhHVyr_pRheDLTD4202QreT-SgoKOCh-4UXI44oeQALWVdAiit_6AA" />
    <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 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%2Fbionaturis%3Fformat%3Dturbo_stream%26page%3D64">
    <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/stick-cocos-creme-bio-22-g-18821">
          <img alt="Stick Cocos 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/10922/file/small-543ff093750dd2b2fa526606adbd6aa4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10922/file/medium-0d9973321672bbc877c3fa0f2dd37995.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10922/file/large-d6ac0f0a8e26ea480b091897e6bc22ca.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10922/file/medium-0d9973321672bbc877c3fa0f2dd37995.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/stick-cocos-creme-bio-22-g-18821">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Stick Cocos Creme Bio, 22 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 7.05 / 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="WthqADz09or_OX6yXFmRRbFeiANHxj1cHv7tk8G4f4csS6vWNFLWDLTtPRaxHmMaV70Re7vGgCb6uuh79I7DkA" />
    <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  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%2Fbionaturis%3Fformat%3Dturbo_stream%26page%3D64">
    <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/stick-himbeer-joghurt-bio-22-g-18822">
          <img alt="Stick Himbeer Joghurt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10923/file/small-8490b7e2cea12e54c2b9a3cf02d47fa9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10923/file/medium-9b44957938466f8e71cbb346194c3051.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10923/file/large-7d021e6009eb99d05676436707340998.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10923/file/medium-9b44957938466f8e71cbb346194c3051.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/stick-himbeer-joghurt-bio-22-g-18822">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Stick Himbeer Joghurt Bio, 22 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 7.05 / 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="C-3gOzgIeHA0PYHCfpBF1Z-xg1jA4BuU3FKJn4LSLit9fiHtMK5Y9n_pwmaT17eKeVIaIDzgpu44Fox3t-SSPA" />
    <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 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%2Fbionaturis%3Fformat%3Dturbo_stream%26page%3D64">
    <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/suppennudeln-buchstaben-bunt-bio-500-g-18823">
          <img alt="Suppennudeln Buchstaben bunt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10764/file/small-ff2675ccc65b193d3e554ff20033430d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10764/file/medium-81a87838d4e5a3c31c41faeed2928ec4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10764/file/large-c7821e0f371eb42a1f0ab78249bd311c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10764/file/medium-81a87838d4e5a3c31c41faeed2928ec4.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/suppennudeln-buchstaben-bunt-bio-500-g-18823">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Suppennudeln Buchstaben bunt Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.79 / 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="CdU-6Day1GsRJk7ndtw4LkOgHhItGO9ICKTRHKNfqAt_Rv8-PhT07VryDUObm8pxpUOHatEYUjLs4NT0lmkUHA" />
    <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  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%2Fbionaturis%3Fformat%3Dturbo_stream%26page%3D64">
    <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/tafel-schokolade-bitter-85-bio-80-g-18824">
          <img alt="Tafel Schokolade Bitter 85% Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10924/file/small-c4902eec1c4fae005073ac0d8a128443.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10924/file/medium-0a7323895353d522ec00112c7d0d7b58.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10924/file/large-a2cb2df71df33e0f94d5c2b9b2499ef0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10924/file/medium-0a7323895353d522ec00112c7d0d7b58.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/tafel-schokolade-bitter-85-bio-80-g-18824">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tafel Schokolade Bitter 85% Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.45
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 5.56 / 100 g
            </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="csC1Qp64u5x_Eht06RgEmJOV6CIuaqgnZ8tpw5L_acIEU3SUlh6bGjTGWNAEX_bHdXZxWtJqFV2Dj2wrp8nV1Q" />
    <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 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%2Fbionaturis%3Fformat%3Dturbo_stream%26page%3D64">
    <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/tafel-schokolade-krachnuss-vollmilch-bio-100-g-18825">
          <img alt="Tafel Schokolade Krachnuss Vollmilch 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-1fb771374ef54039c771ff2a535100a0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9275/file/medium-d57f2fa7d15e3b441ea7e8f329f7f8f4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9275/file/large-1102cf0181dc8f1267e389869e2a904c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9275/file/medium-d57f2fa7d15e3b441ea7e8f329f7f8f4.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/tafel-schokolade-krachnuss-vollmilch-bio-100-g-18825">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tafel Schokolade Krachnuss Vollmilch Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 5.50 / 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="N5yEisJnyq6DfXyWegLWrkct2fkjSbYTwxigzWlY0VJBD0VcysHqKMipPzKXRSTxoc5Agd9JC2knXKUlXG5tRQ" />
    <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>


  

  <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%2Fbionaturis%3Fformat%3Dturbo_stream%26page%3D64">
    <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/tahin-weiss-ohne-salz-bio-250-g-18826">
          <img alt="Tahin weiss ohne Salz 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-3f54697973098a3ea5c4a23fd560681e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10874/file/medium-99ab2f6976b92d70132ef85bf64b02a5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10874/file/large-daeb163ec98d72e1fb0e2f15eb7b72d9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10874/file/medium-99ab2f6976b92d70132ef85bf64b02a5.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/tahin-weiss-ohne-salz-bio-250-g-18826">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tahin weiss ohne Salz Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xkBXvIgAQiIa5oZ4Ci6O-_LeL2aW9N4tyX9xxio3PQqw05ZqgKZipFEyxdznaXykFD22Hmr0Y1ctO3QuHwGBHQ" />
    <input value="18826" 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%2Fbionaturis%3Fformat%3Dturbo_stream%26page%3D64">
    <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/tiger-quick-instant-bio-400-g-18827">
          <img alt="Tiger Quick Instant 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-cfc3241548c7398784558941dd6801c7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9276/file/medium-b11248f5a3a0979445d63247176f457a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9276/file/large-d65e77a9bf7d5d3e41773f76becd7a74.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9276/file/medium-b11248f5a3a0979445d63247176f457a.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/tiger-quick-instant-bio-400-g-18827">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tiger Quick Instant Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-EhWK1UbM4AFism2FtwOjhm2uv9qUMnWzQ_15wdedXuO25f9Xb0TBk5eihL7m_zR_1Ujh5ZQdKwpS_APMmjJbA" />
    <input value="18827" 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%2Fbionaturis%3Fformat%3Dturbo_stream%26page%3D64">
    <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/tomaten-getrocknet-in-olivenol-bio-120-g-18828">
          <img alt="Tomaten getrocknet in Olivenöl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9987/file/small-921f22bc0e6a1ada980edbeca793510c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9987/file/medium-e0e35d12c0fb70756beee48bd56dd7fb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9987/file/large-03cc67368683bbfa7cff5f20f7e2d241.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9987/file/medium-e0e35d12c0fb70756beee48bd56dd7fb.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/tomaten-getrocknet-in-olivenol-bio-120-g-18828">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tomaten getrocknet in Olivenöl Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VPFlQhjGXfeg9dR-vbxQZn6iiRaJ2JxGyyyZmPJOFK0iYqSUEGB9ceshl9pQ-6I5mEEQbnXYITwvaJxwx3ioug" />
    <input value="18828" 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%2Fbionaturis%3Fformat%3Dturbo_stream%26page%3D64">
    <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/weissweinessig-bio-5-dl-18829">
          <img alt="Weissweinessig Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10883/file/small-d03d40507b9bd8d920e11780d37c596e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10883/file/medium-39f97e13c02cb23a32346b784f844e79.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10883/file/large-8d7c94895bb5892088ba4bf08902ed63.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10883/file/medium-39f97e13c02cb23a32346b784f844e79.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/weissweinessig-bio-5-dl-18829">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Weissweinessig Bio, 5 dl</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aSq9X8hjFmoSR5ZUKhKhhnIXz5eNM4DwTl_790T8uOgfuXyJwMU27FmT1fDHVVPZlPRW73EzPYqqG_4fccoE_w" />
    <input value="18829" 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%2Fbionaturis%3Fformat%3Dturbo_stream%26page%3D64">
    <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/wildreis-natur-200-g-18830">
          <img alt="Wildreis Natur" 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-0679c14690eed9d9b9fc9c1cdd880b9f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9277/file/medium-9cdb85dc39632a0df7bae24843944f9d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9277/file/large-011ea979a636d0e32c343caf1795d77c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9277/file/medium-9cdb85dc39632a0df7bae24843944f9d.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/wildreis-natur-200-g-18830">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wildreis Natur, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7FqCDwJPT-iz9k3fW3k6H6w8NtijK8uCXSHXb0qeXIaayUPZCulvbvgiDnu2PshASt-voF8rdvi5ZdKHf6jgkQ" />
    <input value="18830" 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%2Fbionaturis%3Fformat%3Dturbo_stream%26page%3D64">
    <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/rawbite-kakao-bio-50-g-18831">
          <img alt="RawBite Kakao Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9481/file/small-888e82522c9854be222384ca1e250ca0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9481/file/medium-8503403b51b6cb112e1c66bab16df17f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9481/file/large-72a6a0e3e69d5b3f91bb64ec75b63cd0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9481/file/medium-8503403b51b6cb112e1c66bab16df17f.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">Raw Bite</p>
          <a href="/products/rawbite-kakao-bio-50-g-18831">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">RawBite Kakao Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.65
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vU0ri4g_8xO744jm9BnL-8C4ibsFsL6EOrmE8XeXYqfL3updgJnTlfA3y0IZXjmkJlsQw_mwA_7e_YEZQqHesA" />
    <input value="18831" 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%2Fbionaturis%3Fformat%3Dturbo_stream%26page%3D64">
    <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/rawbite-kokosnuss-bio-roh-50-g-18832">
          <img alt="RawBite Kokosnuss Bio roh" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9483/file/small-2dc103042ed710a5791c3d98afb62338.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9483/file/medium-3c67ffd8a0936bd778aa35bd082e2ec4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9483/file/large-7a871fbb12898b7cb0ded871d62f382e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9483/file/medium-3c67ffd8a0936bd778aa35bd082e2ec4.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">Raw Bite</p>
          <a href="/products/rawbite-kokosnuss-bio-roh-50-g-18832">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">RawBite Kokosnuss Bio roh, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="f4GcersvPSywxOxV8v3Nfx7wyOUzEfhNUhI4f4HdiQ0JEl2ss4kdqvsQr_Efuj8g-BNRnc8RRTe2Vj2XtOs1Gg" />
    <input value="18832" 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%2Fbionaturis%3Fformat%3Dturbo_stream%26page%3D64">
    <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/rawbite-rohkostriegel-zitrone-bio-50-g-18833">
          <img alt="RawBite Rohkostriegel Zitrone Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9482/file/small-dfd65a7d7dad202cf74537f681b438ed.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9482/file/medium-f7413fd43028ff0e3e974299814b1045.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9482/file/large-f2c1c8092d605c27b5eca14cb313d0d6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9482/file/medium-f7413fd43028ff0e3e974299814b1045.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">Raw Bite</p>
          <a href="/products/rawbite-rohkostriegel-zitrone-bio-50-g-18833">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">RawBite Rohkostriegel Zitrone Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nSz6ZOKBoomVogs0K9eWV2XRBIYJbgFn7RUr6Mnrn1Xrvzuy6ieCD952SJDGkGQIgzKd_vVuvB0JUS4A_N0jQg" />
    <input value="18833" 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%2Fbionaturis%3Fformat%3Dturbo_stream%26page%3D64">
    <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/champion-alkoholfrei-7-5dl-bio-1-stuck-18834">
          <img alt="Champion alkoholfrei 7.5dl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10828/file/small-3b4d92ae1dedb2f90fe5ca14d6a86024.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10828/file/medium-726d017b06174c6f6f58e0a8ce3c8ac4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10828/file/large-c4b9888c02ad96fa92793386cd2b473b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10828/file/medium-726d017b06174c6f6f58e0a8ce3c8ac4.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">Rimuss</p>
          <a href="/products/champion-alkoholfrei-7-5dl-bio-1-stuck-18834">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Champion alkoholfrei 7.5dl Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eUL4tn2uli6z9U31YaC_R4YI41NhZubKcHO7wJgX7D0P0TlgdQi2qPghDlGM500YYOt6K51mW7CUN74orSFQKg" />
    <input value="18834" 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%2Fbionaturis%3Fformat%3Dturbo_stream%26page%3D64">
    <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/sanatura-inulin-ballaststoff-prebiotisch-250-g-18835">
          <img alt="Sanatura Inulin Ballaststoff prebiotisch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9484/file/small-7acb57611b386aea34abdeb7910bd834.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9484/file/medium-f63c121f0d2cdc75e9086825e80685eb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9484/file/large-2afd2c1265769b6896714fc07b3c3853.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9484/file/medium-f63c121f0d2cdc75e9086825e80685eb.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">Sanacura</p>
          <a href="/products/sanatura-inulin-ballaststoff-prebiotisch-250-g-18835">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sanatura Inulin Ballaststoff prebiotisch, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YJ5CQbn2Rbq6ntvP2DDedssfrlDVCIMqZ0AYXUWbDHQWDYOXsVBlPPFKmGs1dywpLfw3KCkIPlCDBB21cK2wYw" />
    <input value="18835" 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%2Fbionaturis%3Fformat%3Dturbo_stream%26page%3D64">
    <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/brot-mix-dunkel-konv-1-kg-18836">
          <img alt="Brot-Mix dunkel konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10599/file/small-62e036956222757ae8813d7de59eb826.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10599/file/medium-04dbb5cbd4f3ed4e4a52ebca7527c9a6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10599/file/large-37d2956ebe15040a5e180c3f67e9e1cb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10599/file/medium-04dbb5cbd4f3ed4e4a52ebca7527c9a6.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">Schär</p>
          <a href="/products/brot-mix-dunkel-konv-1-kg-18836">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Brot-Mix dunkel konv, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="T9kkngZAA6O4CDJWG0fm_LjUXdvpLCZByEdCM0TkfYo5SuVIDuYjJfPccfL2ABSjXjfEoxUsmzssA0fbcdLBnQ" />
    <input value="18836" 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%2Fbionaturis%3Fformat%3Dturbo_stream%26page%3D64">
    <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/butterkeks-konv-165-g-18837">
          <img alt="Butterkeks konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10605/file/small-04ca16eeea23ac39d6859b81a69857b2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10605/file/medium-f4a075b503647d66120fab790165b6e7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10605/file/large-ec6d1c75f6b1aeb68c4c98e18c6500eb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10605/file/medium-f4a075b503647d66120fab790165b6e7.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">Schär</p>
          <a href="/products/butterkeks-konv-165-g-18837">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Butterkeks konv, 165 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 2.79 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2k5cGfETmk7jzhgmldDhlVLcBGAtzfL5bm4mvhdOJT2s3Z3P-bW6yKgaW4J4lxPKtD-dGNHNT4OKKiNWIniZKg" />
    <input value="18837" 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%2Fbionaturis%3Fformat%3Dturbo_stream%26page%3D64">
    <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/butterkeks-choco-konv-130-g-18838">
          <img alt="Butterkeks Choco konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9501/file/small-0ecb98f36bf7b01246d680c11f9d8ef2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9501/file/medium-ecdf764e9198bd75a49ceafcb4f0248a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9501/file/large-8c62006b3b02161c02e47fe83adb45c4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9501/file/medium-ecdf764e9198bd75a49ceafcb4f0248a.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">Schär</p>
          <a href="/products/butterkeks-choco-konv-130-g-18838">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Butterkeks Choco konv, 130 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 4.77 / 100 g
            </p>
        </div>
      </div>

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

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

</template></turbo-stream>