<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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D26">
    <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/biedermann-butter-unpasteurisiert-biok-200-g-18195">
          <img alt="Biedermann Butter unpasteurisiert BioK" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10360/file/small-d05e704f55f719f4fd47f49e544f9680.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10360/file/medium-7e88a5725ba2fa09f2035bbca8452958.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10360/file/large-eef8a25e610aa851d55e08e00adad694.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10360/file/medium-7e88a5725ba2fa09f2035bbca8452958.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">Biedermann</p>
          <a href="/products/biedermann-butter-unpasteurisiert-biok-200-g-18195">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biedermann Butter unpasteurisiert BioK, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Fposvh0H8T8OgzRxUHTC_MAcGtX6nMghGn5CqStBl9vLahBbNAk17CNhhayW64OZ9bREId1GEI-In0BUkQ36Sw" />
    <input value="18195" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D26">
    <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/biedermann-joghurtalternative-kokos-heidelbeere-bio-vegan-150-g-18197">
          <img alt="Biedermann Joghurtalternative Kokos Heidelbeere Bio vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9470/file/small-1fb0ef11abf8d837ae5c0bce543befa6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9470/file/medium-707e9c54eceb642b2deab7e226ea3f1f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9470/file/large-8cb6ed80ed693380d9b10d1fedc54656.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9470/file/medium-707e9c54eceb642b2deab7e226ea3f1f.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">Biedermann</p>
          <a href="/products/biedermann-joghurtalternative-kokos-heidelbeere-bio-vegan-150-g-18197">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biedermann Joghurtalternative Kokos Heidelbeere Bio vegan, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.85
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eqiMeqNm5mFyM_haB3y03GCdBGp7jCfOtr79cQZNjZ6nWLCfimgisl_RSYfB4_W5VTVanlxW_2AkX_-MvAHgDg" />
    <input value="18197" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D26">
    <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/biedermann-joghurtalternative-kokos-mango-bio-vegan-150-g-18198">
          <img alt="Biedermann Joghurtalternative Kokos Mango Bio vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9471/file/small-b40cbd3f599ec114998f849df8dcd251.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9471/file/medium-7d3647f341c3c35b0c313562fa3fcbcb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9471/file/large-641fada0932d5b4bcae98b25fe7b1117.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9471/file/medium-7d3647f341c3c35b0c313562fa3fcbcb.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">Biedermann</p>
          <a href="/products/biedermann-joghurtalternative-kokos-mango-bio-vegan-150-g-18198">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biedermann Joghurtalternative Kokos Mango Bio vegan, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.85
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8sJYAawLsajk3uExksFrQr16erLNH19gPA7P9OcmOf4vMmTkhQV1e8k8UOxUXioniNIkRurFh86u780JXWpUbg" />
    <input value="18198" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D26">
    <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/biofarm-dinkel-risotto-bio-500-g-18199">
          <img alt="Biofarm Dinkel Risotto Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9797/file/small-26579ebe3c1f93d70b383d94eb4f2d88.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9797/file/medium-d1ef6e14422def9b98d6524973505b40.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9797/file/large-e3b0bd6631a736c43562d691986f0f34.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9797/file/medium-d1ef6e14422def9b98d6524973505b40.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">Biofarm</p>
          <a href="/products/biofarm-dinkel-risotto-bio-500-g-18199">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biofarm Dinkel Risotto Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TaR2vUTVZec1POGCp2FBsU-L0Bw9hsCOodk6tk8K4aOQVEpYbduhNBjeUF9h_gDUeiOO6BpcGCAzODhL9UaMMw" />
    <input value="18199" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D26">
    <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/biofarm-golden-light-zucker-bio-1-kg-18200">
          <img alt="Biofarm Golden Light Zucker Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9798/file/small-d7e2f236d4d49c3c4c459d2b746e6df4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9798/file/medium-bace2b11015e3d0f26d082e58b3aafc4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9798/file/large-9c23a87989f753f5a99705e690ca7c5f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9798/file/medium-bace2b11015e3d0f26d082e58b3aafc4.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">Biofarm</p>
          <a href="/products/biofarm-golden-light-zucker-bio-1-kg-18200">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biofarm Golden Light Zucker Bio, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Vo_7oGE3ypbaI84akv21f3aPRNfBsNudtjdOepNtvVKLf8dFSDkORffBf8dUYvQaQycaI-ZqAzMk1kyHKSHQwg" />
    <input value="18200" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D26">
    <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/biofarm-haferflocken-fein-biok-500-g-18201">
          <img alt="Biofarm Haferflocken fein BioK" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10341/file/small-75924c1aa2aa8f5b7b896d3fd64ac5d1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10341/file/medium-14620f830d0c6e449f9b540b4cca2678.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10341/file/large-fc4fc1830ea70b08b859d086d0a2be5c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10341/file/medium-14620f830d0c6e449f9b540b4cca2678.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">Biofarm</p>
          <a href="/products/biofarm-haferflocken-fein-biok-500-g-18201">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biofarm Haferflocken fein BioK, 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-18201-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WP8FSvwVX_4viD_S_Zc_V716zsDxfYLxcYO6b5XAvsmFDzmv1RubLQJqjg87CH4yiNKQNNanWl_jYriSL4zTWQ" />
    <input value="18201" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D26">
    <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/biofarm-knuspermuesli-aus-urgetreiden-biok-500-g-18202">
          <img alt="Biofarm Knuspermüesli aus Urgetreiden BioK" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9799/file/small-d153a3a6c8275ee93f858c2814ec4f11.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9799/file/medium-689a5bb5ee1453dc53dc95757d75d332.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9799/file/large-31773fd42023a78c7725a5eb29f072aa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9799/file/medium-689a5bb5ee1453dc53dc95757d75d332.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">Biofarm</p>
          <a href="/products/biofarm-knuspermuesli-aus-urgetreiden-biok-500-g-18202">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biofarm Knuspermüesli aus Urgetreiden BioK, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TUqlPU2MCYbFcJ-msJst1vIOSwaQqlNgb2jI3ckTc_yQupnYZILNVeiSLnt2BGyzx6YV8rdwi879icogc18ebA" />
    <input value="18202" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D26">
    <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/biofarm-knuspermuesli-choco-amaranth-biok-500-g-18203">
          <img alt="Biofarm Knuspermüesli Choco Amaranth BioK" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9801/file/small-636b750eea2a8c43a98a79ade33e6037.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9801/file/medium-019c910835c57241318379f4165fe5ea.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9801/file/large-6cb87d5bce7fa201ac060ca4a7500438.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9801/file/medium-019c910835c57241318379f4165fe5ea.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">Biofarm</p>
          <a href="/products/biofarm-knuspermuesli-choco-amaranth-biok-500-g-18203">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biofarm Knuspermüesli Choco Amaranth BioK, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="N6SV80hpCAV6KXf1ocS2PtWg2BQjprkse23anbJuyzLqVKkWYWfM1lfLxihnW_db4AiG4AR8YYLpjNhgCCKmog" />
    <input value="18203" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D26">
    <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/biofarm-knuspermuesli-classic-biok-500-g-18204">
          <img alt="Biofarm Knuspermüesli Classic BioK" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9800/file/small-b78f522d8c14a12856b6c8fae00fcb30.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9800/file/medium-0d394c4d511db188b19eb30a106e9ab3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9800/file/large-9c1c5ac71388c7c1b1be4bab30ec1628.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9800/file/medium-0d394c4d511db188b19eb30a106e9ab3.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">Biofarm</p>
          <a href="/products/biofarm-knuspermuesli-classic-biok-500-g-18204">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biofarm Knuspermüesli Classic BioK, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3nnP9znBkWfbtBM7d6lsPw9vTfXq4f3JfXngBI2sGGgDifMSEM9VtPZWouaxNi1aOscTAc07JWfvmOL5N-B1-A" />
    <input value="18204" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D26">
    <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/biofarm-schweizer-dorrbohnen-biok-100-g-18205">
          <img alt="Biofarm Schweizer Dörrbohnen BioK" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10560/file/small-a3d53683980adf4564e2d7507977fc0c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10560/file/medium-866d98a2341528c570453015cfff095d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10560/file/large-bf341a40ae29921efaaee884ae45a776.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10560/file/medium-866d98a2341528c570453015cfff095d.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">Biofarm</p>
          <a href="/products/biofarm-schweizer-dorrbohnen-biok-100-g-18205">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biofarm Schweizer Dörrbohnen BioK, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FrG9OweXSsgA2UpnKneqb3r_efObgDQDPumqfTwCBI_LQYHeLpmOGy07-7rs6OsKT1cnB7xa7K2sCKiAhk5pHw" />
    <input value="18205" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D26">
    <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/biofarm-schweizer-leinol-biok-500-ml-18206">
          <img alt="Biofarm Schweizer Leinöl BioK" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10979/file/small-12aff1a4314721c55c445945c96634f6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10979/file/medium-2583df97981004d2a8004354892d65bd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10979/file/large-16d9514368a7c2b5a2fc532a5ab6a4d1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10979/file/medium-2583df97981004d2a8004354892d65bd.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">Biofarm</p>
          <a href="/products/biofarm-schweizer-leinol-biok-500-ml-18206">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biofarm Schweizer Leinöl BioK, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Y5yLmaQCLE5G3adHysz8F2Wg6_oGLUBxUWdyeyNQz9e-bLd8jQzonWs_FpoMU71yUAi1DiH3mN_DhnCGmRyiRw" />
    <input value="18206" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D26">
    <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/biofarm-schweizer-maisgriess-bramata-bio-500-g-18207">
          <img alt="Biofarm Schweizer Maisgriess Bramata Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9802/file/small-8c8c71b2faf4cae64ab386679a44d5d7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9802/file/medium-7a0a82473a38130a331d5f99051496f6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9802/file/large-635b751951bda7823b24e6bc4c59a30f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9802/file/medium-7a0a82473a38130a331d5f99051496f6.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">Biofarm</p>
          <a href="/products/biofarm-schweizer-maisgriess-bramata-bio-500-g-18207">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biofarm Schweizer Maisgriess Bramata 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-18207-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kKbK6xNwmPiNBim6W8INz7goHG_GxG14ItZay_oF1AtNVvYOOn5cK6DkmGedXUyqjYBCm-EetdawN1g2QEm5mw" />
    <input value="18207" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D26">
    <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/biofarm-schweizer-sonnenblumen-bratol-bio-500-ml-18208">
          <img alt="Biofarm Schweizer Sonnenblumen Bratö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/10886/file/small-7c06d25274b79ea9f0e22953208a3cb6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10886/file/medium-2c85552293afb192e7ecf8c895dad8ec.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10886/file/large-dc335b9207e778a68a9c1fed835c64d4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10886/file/medium-2c85552293afb192e7ecf8c895dad8ec.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">Biofarm</p>
          <a href="/products/biofarm-schweizer-sonnenblumen-bratol-bio-500-ml-18208">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biofarm Schweizer Sonnenblumen Bratöl Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.45
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QSYlJ7yKeGEOczB0tdkNJmgDrstNLqHUCTSIA81Wi3-c1hnClYS8siORgalzRkxDXavwP2r0eXqb1Yr-dxrm7w" />
    <input value="18208" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D26">
    <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/biofarm-tomaten-getrocknet-bio-100-g-18209">
          <img alt="Biofarm Tomaten getrocknet Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10978/file/small-723e149148b4b8ca60efb34dc846c09a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10978/file/medium-650132ac401c516c2e359786b3993652.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10978/file/large-a992292b481a7b7f68b9c67e104b16aa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10978/file/medium-650132ac401c516c2e359786b3993652.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">Biofarm</p>
          <a href="/products/biofarm-tomaten-getrocknet-bio-100-g-18209">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biofarm Tomaten getrocknet Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NQvNK70IA6zMS1G-FgTv-WpbXFU23N6Gjg6AtIbAYSro-_HOlAbHf-Gp4GPQm66cX_MCoREGBigc74JJPIwMug" />
    <input value="18209" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D26">
    <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/biofarm-unigel-geliermittel-konv-500-g-18210">
          <img alt="Biofarm Unigel Geliermittel konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9803/file/small-0e7c31860ba0abfdb65b7f07490b1fc9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9803/file/medium-6532d08573f485ea38d3ba61f5086db8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9803/file/large-908e9056b338ecc75057fbcb9e6da8ce.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9803/file/medium-6532d08573f485ea38d3ba61f5086db8.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">Biofarm</p>
          <a href="/products/biofarm-unigel-geliermittel-konv-500-g-18210">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biofarm Unigel Geliermittel konv, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Rvk7Qbe_MvtNq_gTxoY6QB2b_hx72quG3zWfgr3Mv4ubCQeknrH2KGBJSc4AGXslKDOg6FwAcyhN1J1_B4DSGw" />
    <input value="18210" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D26">
    <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/biofarm-unigel-geliermittel-bio-500-g-18211">
          <img alt="Biofarm Unigel Geliermittel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9083/file/small-c183fd12567d0cb34f4fe0f05b9e323d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9083/file/medium-3eab6caa4efae45023711ba3919059f3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9083/file/large-06560889367612ed7f03b00bc1f7e59a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9083/file/medium-3eab6caa4efae45023711ba3919059f3.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">Biofarm</p>
          <a href="/products/biofarm-unigel-geliermittel-bio-500-g-18211">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biofarm Unigel Geliermittel Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.55
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yBjTY54nwR2WxBe9mXcJtdJwjBPgw6zK_E7gGesM88QV6O-GtykFzrsmpmBf6EjQ59jS58cZdGRur-LkUUCeVA" />
    <input value="18211" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D26">
    <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/biofarm-unigel-geliermittel-bio-50-g-18212">
          <img alt="Biofarm Unigel Geliermittel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9084/file/small-2699b4860e04098cbcf3a72b9c4c91db.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9084/file/medium-7f711dfa96cc9b5c186c5436009a8f38.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9084/file/large-bd9fdd44080fc096d09844a6a7832f37.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9084/file/medium-7f711dfa96cc9b5c186c5436009a8f38.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">Biofarm</p>
          <a href="/products/biofarm-unigel-geliermittel-bio-50-g-18212">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biofarm Unigel Geliermittel Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_y1uCHx_oTQiRSm-CXFBsPV7PT2zuXOW5lesX3ZiJSoi3VLtVXFl5w-nmGPP7gDVwNNjyZRjqzh0tq6izC5Iug" />
    <input value="18212" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D26">
    <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/biofarm-vollrohrzucker-jacutinga-bio-750-g-18213">
          <img alt="Biofarm Vollrohrzucker Jacutinga Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9804/file/small-9f2bcbd901635e436938fb6f3c679c0f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9804/file/medium-4bbe460a4952adeac751b9627d5090f4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9804/file/large-079981521b3184b38c0da5dfdbc86527.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9804/file/medium-4bbe460a4952adeac751b9627d5090f4.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">Biofarm</p>
          <a href="/products/biofarm-vollrohrzucker-jacutinga-bio-750-g-18213">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biofarm Vollrohrzucker Jacutinga Bio, 750 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eIis8SrCOMuVGg1YsHjX3q6BGrczNtkUvuioTGKBZFileJAUA8z8GLj4vIV255a7mylEQxTsAbosCaqx2M0JyA" />
    <input value="18213" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D26">
    <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/biomilk-caramelkopfli-biok-110-g-18214">
          <img alt="Biomilk Caramelköpfli BioK" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9695/file/small-b41235d70f4704091e1cdcff67d7fc7c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9695/file/medium-fad7407251ce68296b321b340464836c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9695/file/large-be8b50ca01b566b323508876b4417b26.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9695/file/medium-fad7407251ce68296b321b340464836c.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">Biomilk</p>
          <a href="/products/biomilk-caramelkopfli-biok-110-g-18214">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biomilk Caramelköpfli BioK, 110 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_w_qBtDGnn1Io7ybjiAC3rL9xMdLkTbcVLZVYuWMUDsi_9bj-charmVBDUZIv0O7h1WaM2xL7nLGV1efX8A9qw" />
    <input value="18214" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D26">
    <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/biomilk-flanino-chocolat-demeter-110-g-18215">
          <img alt="Biomilk Flanino Chocolat Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9686/file/small-3a0064d5bb8cb1084aa161d121fa0bf8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9686/file/medium-545fc79dfc6024e614010ba2d511beb1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9686/file/large-416147ab39243ef3cd7df8a073c337ce.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9686/file/medium-545fc79dfc6024e614010ba2d511beb1.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">Biomilk</p>
          <a href="/products/biomilk-flanino-chocolat-demeter-110-g-18215">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biomilk Flanino Chocolat Demeter, 110 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.85
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NAvfHP9aczCJ5TqUTcQ_O5bE_o1SitlgHZks_2sBv6Tp--P51lS346QHi0mLW35eo2ygeXVQAc6PeC4C0U3SNA" />
    <input value="18215" 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">
      520 von 1&#39;583 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/lebensmittel?format=turbo_stream&amp;page=27">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>