<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%2Fgetranke-wein%2Fmilch-milchalternativen%2Fsojabasis%3Fformat%3Dturbo_stream%26page%3D85">
    <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/muesli-hafer-mit-nussen-demeter-425-g-18317">
          <img alt="Müesli Hafer mit Nüssen Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10331/file/small-ff5e57f5bd9553b17bdd443def1288a3.webp 600w, https://assets.fabulous.ch/public/variant_asset/10331/file/medium-458f552e42a69896b8eccb03aed9ef14.webp 900w, https://assets.fabulous.ch/public/variant_asset/10331/file/large-74fcf0e143fe6b0c3549fba2f5556a7e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10331/file/medium-458f552e42a69896b8eccb03aed9ef14.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">Bauckhof</p>
          <a href="/products/muesli-hafer-mit-nussen-demeter-425-g-18317">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Müesli Hafer mit Nüssen Demeter, 425 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18317&quot;],&quot;content_name&quot;:&quot;Müesli Hafer mit Nüssen Demeter, 425 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18317&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3vLOumlYa4sboeMPNINqVInGsZqU6G9uXP8mljAg15FOV1U5mmvlUMIxamr3XABSoTxp_UKKlXaD5s2zXNcRaw" />
    <input value="18317" 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%2Fgetranke-wein%2Fmilch-milchalternativen%2Fsojabasis%3Fformat%3Dturbo_stream%26page%3D85">
    <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/pudding-gries-reis-bio-2-x-65-g-18318">
          <img alt="Pudding Gries Reis Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9591/file/small-a6b2b95f0b56eb4d095c17459e771993.webp 600w, https://assets.fabulous.ch/public/variant_asset/9591/file/medium-2d65e7470ccd4f249eff7aa3e0173e54.webp 900w, https://assets.fabulous.ch/public/variant_asset/9591/file/large-593d7ff5ba54b80af6cf290d512b744a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9591/file/medium-2d65e7470ccd4f249eff7aa3e0173e54.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">Bauckhof</p>
          <a href="/products/pudding-gries-reis-bio-2-x-65-g-18318">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pudding Gries Reis Bio, 2 x 65 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18318&quot;],&quot;content_name&quot;:&quot;Pudding Gries Reis Bio, 2 x 65 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18318&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Zql_9AH5xvR-Sl-cIzrFvFvOcKpian4-pGubYxfsHjX2DOR38spIL6fa1vng5a-6czSozbQIhCZ7cnBGexvYzw" />
    <input value="18318" 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%2Fgetranke-wein%2Fmilch-milchalternativen%2Fsojabasis%3Fformat%3Dturbo_stream%26page%3D85">
    <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/speisestarke-mais-bio-250-g-18319">
          <img alt="Speisestärke Mais Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9193/file/small-9733cce62397bbfb86f6b612fc762523.webp 600w, https://assets.fabulous.ch/public/variant_asset/9193/file/medium-ff35e628bcd47aaab0e6fd2187f73c0a.webp 900w, https://assets.fabulous.ch/public/variant_asset/9193/file/large-505c516a451ce4bc0f1e4314de311af9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9193/file/medium-ff35e628bcd47aaab0e6fd2187f73c0a.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">Bauckhof</p>
          <a href="/products/speisestarke-mais-bio-250-g-18319">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Speisestärke Mais Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18319&quot;],&quot;content_name&quot;:&quot;Speisestärke Mais Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18319&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EX-k8QVZPkUVaFQrXE0Qt50DSt2CLnpfstZpimnC_h-B2j9y9mqwnsz43U6fknqxtfmSulRMgEdtz4KvBTU45Q" />
    <input value="18319" 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%2Fgetranke-wein%2Fmilch-milchalternativen%2Fsojabasis%3Fformat%3Dturbo_stream%26page%3D85">
    <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/traubensaft-weiss-demeter-700-ml-18321">
          <img alt="Traubensaft weiss Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9587/file/small-1f59207953c33f17748ae956a6f13658.webp 600w, https://assets.fabulous.ch/public/variant_asset/9587/file/medium-39a33b0388b3c5dadcfcf8d188c29b15.webp 900w, https://assets.fabulous.ch/public/variant_asset/9587/file/large-f44e091ead65541c30616ded1a910f3d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9587/file/medium-39a33b0388b3c5dadcfcf8d188c29b15.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">Beutelsbacher</p>
          <a href="/products/traubensaft-weiss-demeter-700-ml-18321">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Traubensaft weiss Demeter, 700 ml</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 0.89 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18321&quot;],&quot;content_name&quot;:&quot;Traubensaft weiss Demeter, 700 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18321&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TXZ2MJUtG8XQPoQgIM92XeiwmaZTrP8lCprjSLCMqvTd0-2zZh6VHgmuDUXjEBxbwEpBwYXOBT3Vgwht3HtsDg" />
    <input value="18321" 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%2Fgetranke-wein%2Fmilch-milchalternativen%2Fsojabasis%3Fformat%3Dturbo_stream%26page%3D85">
    <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/golden-light-zucker-bio-1-kg-18327">
          <img alt="Golden Light Zucker Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9789/file/small-cd068a65302d721af3cf34beeece0580.webp 600w, https://assets.fabulous.ch/public/variant_asset/9789/file/medium-52bfc059cf4afa5fbbc1b6823c24d8b0.webp 900w, https://assets.fabulous.ch/public/variant_asset/9789/file/large-ecb575f5a6d6bbd34cdb8e8f1befbbb5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9789/file/medium-52bfc059cf4afa5fbbc1b6823c24d8b0.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/golden-light-zucker-bio-1-kg-18327">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-18327-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18327&quot;],&quot;content_name&quot;:&quot;Golden Light Zucker Bio, 1 kg&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18327&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4NxvHIExIlGUMqiCElmAUWhfKvWedKHo8zzEQ9lVQf5wefSfcgKsik2iIefRhupXQKXykkgWW_AsJS9mtaKHBA" />
    <input value="18327" 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%2Fgetranke-wein%2Fmilch-milchalternativen%2Fsojabasis%3Fformat%3Dturbo_stream%26page%3D85">
    <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/haferflocken-fein-bio-500-g-18328">
          <img alt="Haferflocken fein Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10235/file/small-621ab16f77d6a398ae664084e24b5e47.webp 600w, https://assets.fabulous.ch/public/variant_asset/10235/file/medium-6e27d135991982ef190fc47e857e8fdd.webp 900w, https://assets.fabulous.ch/public/variant_asset/10235/file/large-76cd01a1900c4a6c2e2b0c1b6658ed23.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10235/file/medium-6e27d135991982ef190fc47e857e8fdd.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/haferflocken-fein-bio-500-g-18328">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haferflocken fein Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18328&quot;],&quot;content_name&quot;:&quot;Haferflocken fein Bio, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18328&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ECWSPK8DW1sGgXcoZ71nmPeEo80ylCgyK_8ajbVI2Z6AgAm_XDDVgN8R_k2kYg2e3357quT20ir05vGo2b8fZA" />
    <input value="18328" 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%2Fgetranke-wein%2Fmilch-milchalternativen%2Fsojabasis%3Fformat%3Dturbo_stream%26page%3D85">
    <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/knuspermuesli-aus-urgetreiden-bio-500-g-18329">
          <img alt="Knuspermüesli aus Urgetreiden Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9790/file/small-6b4309a433b57e2895a8ea195ced22c6.webp 600w, https://assets.fabulous.ch/public/variant_asset/9790/file/medium-51fc90f7fa87ae3c0cf69cf74af296a7.webp 900w, https://assets.fabulous.ch/public/variant_asset/9790/file/large-49d205b4de6c95eddd69a15f7be10354.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9790/file/medium-51fc90f7fa87ae3c0cf69cf74af296a7.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/knuspermuesli-aus-urgetreiden-bio-500-g-18329">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Knuspermüesli aus Urgetreiden Bio, 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-18329-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18329&quot;],&quot;content_name&quot;:&quot;Knuspermüesli aus Urgetreiden Bio, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18329&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LOQULqt19QXnkjvlnTT05HEMG1hS_ssA-6_TcBdU4Gu8QY-tWEZ73j4CsoBe657iWfbDP4ScMRgktjhVe6MmkQ" />
    <input value="18329" 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%2Fgetranke-wein%2Fmilch-milchalternativen%2Fsojabasis%3Fformat%3Dturbo_stream%26page%3D85">
    <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/knuspermuesli-choco-amaranth-bio-500-g-18330">
          <img alt="Knuspermüesli Choco Amaranth Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9791/file/small-df57be5bc015a009ec34217c380c4954.webp 600w, https://assets.fabulous.ch/public/variant_asset/9791/file/medium-043fdb73fe36aaaad6cdcbe03fa9724b.webp 900w, https://assets.fabulous.ch/public/variant_asset/9791/file/large-5a9fb06ea227e36c627b9027ece80e7e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9791/file/medium-043fdb73fe36aaaad6cdcbe03fa9724b.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/knuspermuesli-choco-amaranth-bio-500-g-18330">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Knuspermüesli Choco Amaranth Bio, 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-18330-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18330&quot;],&quot;content_name&quot;:&quot;Knuspermüesli Choco Amaranth Bio, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18330&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:10.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aO3j7MaSBeWMRgEF2I-v0FY1iFkqGvwz4hh_IBW68Db4SHhvNaGLPlXWiGAbUMXWfs9QPvx4Bis9AZQFeU02zA" />
    <input value="18330" 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%2Fgetranke-wein%2Fmilch-milchalternativen%2Fsojabasis%3Fformat%3Dturbo_stream%26page%3D85">
    <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/knuspermuesli-classic-bio-500-g-18331">
          <img alt="Knuspermüesli Classic Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9792/file/small-ea2ea339b032c56db2cd00828eaee468.webp 600w, https://assets.fabulous.ch/public/variant_asset/9792/file/medium-586c37b4326985f7f0b83e8cffbfe67a.webp 900w, https://assets.fabulous.ch/public/variant_asset/9792/file/large-eef11331fae0f580be6402b9f5d87fed.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9792/file/medium-586c37b4326985f7f0b83e8cffbfe67a.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/knuspermuesli-classic-bio-500-g-18331">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Knuspermüesli Classic Bio, 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-18331-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18331&quot;],&quot;content_name&quot;:&quot;Knuspermüesli Classic Bio, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18331&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Z_WjJTbrZrSbcMXZK3BEAZpvQP2OpP_mxl8pNc2tW4_3UDimxdjob0LgTLzory4HspWYmljGBf4ZRsIQoVqddQ" />
    <input value="18331" 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%2Fgetranke-wein%2Fmilch-milchalternativen%2Fsojabasis%3Fformat%3Dturbo_stream%26page%3D85">
    <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/schweizer-dorrbohnen-bio-100-g-18332">
          <img alt="Schweizer Dörrbohnen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10306/file/small-d4797f5062017ca3377a6981439fa8f0.webp 600w, https://assets.fabulous.ch/public/variant_asset/10306/file/medium-ef3281360808ac3c4e66222007dfa814.webp 900w, https://assets.fabulous.ch/public/variant_asset/10306/file/large-fad13af00ceac5303ca57e6a3917053d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10306/file/medium-ef3281360808ac3c4e66222007dfa814.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/schweizer-dorrbohnen-bio-100-g-18332">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schweizer Dörrbohnen Bio, 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-18332-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18332&quot;],&quot;content_name&quot;:&quot;Schweizer Dörrbohnen Bio, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18332&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:15.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dVTLl3FG_2gW9K03NDnYLxUipJLrsnnL-SefOB2Xe27l8VAUgnVxs89kJFL35rIpPdh89T3Qg9MmPnQdcWC9lA" />
    <input value="18332" 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%2Fgetranke-wein%2Fmilch-milchalternativen%2Fsojabasis%3Fformat%3Dturbo_stream%26page%3D85">
    <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/schweizer-leinol-bio-500-ml-18333">
          <img alt="Schweizer Leinöl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10640/file/small-1ed999f93772277a94b87647ff30f995.webp 600w, https://assets.fabulous.ch/public/variant_asset/10640/file/medium-57f1d69663315c101cdbbcfb248c77e7.webp 900w, https://assets.fabulous.ch/public/variant_asset/10640/file/large-f76df047f3bcf219cf1f47767dff5347.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10640/file/medium-57f1d69663315c101cdbbcfb248c77e7.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/schweizer-leinol-bio-500-ml-18333">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schweizer Leinöl Bio, 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-18333-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18333&quot;],&quot;content_name&quot;:&quot;Schweizer Leinöl Bio, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18333&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:20.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-EXC73NQkRG7DZLZJwXEupQD_eZr24ebFVlMALdjA2Jo4FlsgGMfymKdG7zk2q68vPklgb25fYPKQKcl25TFmA" />
    <input value="18333" 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%2Fgetranke-wein%2Fmilch-milchalternativen%2Fsojabasis%3Fformat%3Dturbo_stream%26page%3D85">
    <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/schweizer-maisgriess-bramata-bio-500-g-18334">
          <img alt="Schweizer Maisgriess Bramata Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9793/file/small-60ea662076959ba6489e6d53237c0ac6.webp 600w, https://assets.fabulous.ch/public/variant_asset/9793/file/medium-50ad9e60838ef8f3dc73f841f4193588.webp 900w, https://assets.fabulous.ch/public/variant_asset/9793/file/large-0e24990cffe50783c2e097681d841924.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9793/file/medium-50ad9e60838ef8f3dc73f841f4193588.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/schweizer-maisgriess-bramata-bio-500-g-18334">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-18334-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18334&quot;],&quot;content_name&quot;:&quot;Schweizer Maisgriess Bramata Bio, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18334&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="r5zoEN0fBHZjUk4qLf0t87Sm_KQ3UAjONEV8IzZ40MM_OXOTLiyKrbrCx0_uIkf1nFwkw-Ey8tbrXJcGWo8WOQ" />
    <input value="18334" 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%2Fgetranke-wein%2Fmilch-milchalternativen%2Fsojabasis%3Fformat%3Dturbo_stream%26page%3D85">
    <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-bio-100-g-18336">
          <img alt="Tomaten getrocknet Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10905/file/small-1d9c511f18b21f56d3a8c6a6c9493e31.webp 600w, https://assets.fabulous.ch/public/variant_asset/10905/file/medium-79d16c949fd592997a17069e18cc0722.webp 900w, https://assets.fabulous.ch/public/variant_asset/10905/file/large-2973a40b424d0fca5609e2c4e09d6eff.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10905/file/medium-79d16c949fd592997a17069e18cc0722.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/tomaten-getrocknet-bio-100-g-18336">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-18336-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18336&quot;],&quot;content_name&quot;:&quot;Tomaten getrocknet Bio, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18336&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HrqDjFDLcrc9LYcGgLv5RedsXibSvtmSrAV7s0zuesGOHxgPo_j8bOS9DmNDZJNDz5aGQQTcI4pzHJCWIBm8Ow" />
    <input value="18336" 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%2Fgetranke-wein%2Fmilch-milchalternativen%2Fsojabasis%3Fformat%3Dturbo_stream%26page%3D85">
    <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/unigel-geliermittel-konv-500-g-18337">
          <img alt="Unigel Geliermittel konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9794/file/small-458fa56d15a2a984f540b92abca48c96.webp 600w, https://assets.fabulous.ch/public/variant_asset/9794/file/medium-8923b21ca9edd595ad7e8c44e366f8f9.webp 900w, https://assets.fabulous.ch/public/variant_asset/9794/file/large-3a9cc2e63348321081549e0072be85de.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9794/file/medium-8923b21ca9edd595ad7e8c44e366f8f9.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/unigel-geliermittel-konv-500-g-18337">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-18337-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18337&quot;],&quot;content_name&quot;:&quot;Unigel Geliermittel konv, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18337&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:26.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hBgbNBCIcj3jq12s3uPQNqnwllYjEGaAoiSuAKrRKOsUvYC347v85jo71MkdPLowgQpOMfVynJh9PUUlxibuEQ" />
    <input value="18337" 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%2Fgetranke-wein%2Fmilch-milchalternativen%2Fsojabasis%3Fformat%3Dturbo_stream%26page%3D85">
    <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/unigel-geliermittel-bio-500-g-18338">
          <img alt="Unigel Geliermittel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9194/file/small-b8a50fd7759f5f7eb547f2f899830290.webp 600w, https://assets.fabulous.ch/public/variant_asset/9194/file/medium-3d8311202de87344efe56daf6478ef43.webp 900w, https://assets.fabulous.ch/public/variant_asset/9194/file/large-c28cfc17e1dbabdf838e60a4d596e853.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9194/file/medium-3d8311202de87344efe56daf6478ef43.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/unigel-geliermittel-bio-500-g-18338">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-18338-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18338&quot;],&quot;content_name&quot;:&quot;Unigel Geliermittel Bio, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18338&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:22.55,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KYtb3FrAKxtt_NI1U4RjuFnGMpYZ3NW6Cs4Vtk_-Loi5LsBfqfOlwLRsW1CQWwm-cTzq8c--L6LV1_6TIwnocg" />
    <input value="18338" 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%2Fgetranke-wein%2Fmilch-milchalternativen%2Fsojabasis%3Fformat%3Dturbo_stream%26page%3D85">
    <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/unigel-geliermittel-bio-50-g-18339">
          <img alt="Unigel Geliermittel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9195/file/small-93cae33bb588c2c20b9bf4db16d498bd.webp 600w, https://assets.fabulous.ch/public/variant_asset/9195/file/medium-623508ce77967304be2743d86f1cd668.webp 900w, https://assets.fabulous.ch/public/variant_asset/9195/file/large-3a356a69212aa41c99eb1b549a1b0e76.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9195/file/medium-623508ce77967304be2743d86f1cd668.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/unigel-geliermittel-bio-50-g-18339">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-18339-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18339&quot;],&quot;content_name&quot;:&quot;Unigel Geliermittel Bio, 50 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18339&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Pzpfjy5-HHD5PcHqpYnRowy_9KGgoCuHCKYj2im0Ux6vn8QM3U2SqyCtSI9mVrulJEUsxnbC0Z_Xv8j_RUOV5A" />
    <input value="18339" 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%2Fgetranke-wein%2Fmilch-milchalternativen%2Fsojabasis%3Fformat%3Dturbo_stream%26page%3D85">
    <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/vollrohrzucker-jacutinga-bio-750-g-18340">
          <img alt="Vollrohrzucker Jacutinga Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9795/file/small-ba9ce4edbeec9e20e4bd0dbf86c02b02.webp 600w, https://assets.fabulous.ch/public/variant_asset/9795/file/medium-7a6d400cacc368c89d7d46427065492b.webp 900w, https://assets.fabulous.ch/public/variant_asset/9795/file/large-a14c896014c6ac9d383a0000dfeecc9d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9795/file/medium-7a6d400cacc368c89d7d46427065492b.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/vollrohrzucker-jacutinga-bio-750-g-18340">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-18340-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18340&quot;],&quot;content_name&quot;:&quot;Vollrohrzucker Jacutinga Bio, 750 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18340&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KtA86c4EHthqUhLGgGqPT4TFX8iwVZosixnaO6txG5y6dadqPTeQA7PCm6NDteVJrD-Hr2Y3YDRUADEex4bdZg" />
    <input value="18340" 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%2Fgetranke-wein%2Fmilch-milchalternativen%2Fsojabasis%3Fformat%3Dturbo_stream%26page%3D85">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/joghurt-erdbeere-demeter-150-g-18345">
          <img alt="Joghurt Erdbeere Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11327/file/small-ce9c3b6fe412a6517888df92fba56e6d.webp 600w, https://assets.fabulous.ch/public/variant_asset/11327/file/medium-3e2d2e2558a9001cd118def8a33b7490.webp 900w, https://assets.fabulous.ch/public/variant_asset/11327/file/large-80fb08901f10925066740afa53bcfca3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11327/file/medium-3e2d2e2558a9001cd118def8a33b7490.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/joghurt-erdbeere-demeter-150-g-18345">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Joghurt Erdbeere Demeter, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.40
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.93 / 100 g
            </p>
        </div>
      </div>

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Benachrichtigen
</a>

      </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%2Fgetranke-wein%2Fmilch-milchalternativen%2Fsojabasis%3Fformat%3Dturbo_stream%26page%3D85">
    <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/joghurt-haselnuss-demeter-150-g-18347">
          <img alt="Joghurt Haselnuss Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11324/file/small-8a555495152ade7cd0edea5bb18a466b.webp 600w, https://assets.fabulous.ch/public/variant_asset/11324/file/medium-a5ef7ee8527d71a40fee4b6a7f15681a.webp 900w, https://assets.fabulous.ch/public/variant_asset/11324/file/large-c839d39b0a096d582471a04c383a6d9c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11324/file/medium-a5ef7ee8527d71a40fee4b6a7f15681a.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/joghurt-haselnuss-demeter-150-g-18347">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Joghurt Haselnuss Demeter, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.40
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.93 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18347&quot;],&quot;content_name&quot;:&quot;Joghurt Haselnuss Demeter, 150 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18347&quot;,&quot;quantity&quot;:4}],&quot;value&quot;:5.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="im-_FKbMsZZg8o9mKCPjYLSDpsr4TdohzGTmfrVyD28ayiSXVf8_TbliBgPr_IlmnHl-rS4vIDkTfQ1b2YXJlQ" />
    <input value="18347" type="hidden" name="variant_id" id="variant_id" />
    <input value="4" 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%2Fgetranke-wein%2Fmilch-milchalternativen%2Fsojabasis%3Fformat%3Dturbo_stream%26page%3D85">
    <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/joghurt-mango-demeter-150-g-18349">
          <img alt="Joghurt Mango Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11344/file/small-da6cd15590225d2f7fe81bf9e9ce17ac.webp 600w, https://assets.fabulous.ch/public/variant_asset/11344/file/medium-f7d441f9f8f2f2b4d42f308ad2fe5f5f.webp 900w, https://assets.fabulous.ch/public/variant_asset/11344/file/large-b61b653a483cf77aa83adeffd700da1d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11344/file/medium-f7d441f9f8f2f2b4d42f308ad2fe5f5f.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/joghurt-mango-demeter-150-g-18349">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Joghurt Mango Demeter, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.40
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.93 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18349&quot;],&quot;content_name&quot;:&quot;Joghurt Mango Demeter, 150 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18349&quot;,&quot;quantity&quot;:4}],&quot;value&quot;:5.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gFxe4N92tgg_G3tujvgz1wGFu-i6csP0Uyj_FI_nWGsQ-cVjLEU40-aL8gtNJ1nRKX9jj2wQOeyMMRQx4xCekQ" />
    <input value="18349" type="hidden" name="variant_id" id="variant_id" />
    <input value="4" 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;700 von 2&#39;853 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/getranke-wein/milch-milchalternativen/sojabasis?format=turbo_stream&amp;page=86">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>