<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%2Fsoyana%3Fformat%3Dturbo_stream%26page%3D81">
    <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/ananassaft-bio-500-ml-9a6410b0-1077-40c3-be64-58f496a9ba81-19166">
          <img alt="Ananassaft Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10770/file/small-58f1232f8e77ebecb275a03514fe1368.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10770/file/medium-7cac3eb4507cdfe1c8133cbb844c2795.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10770/file/large-59c77eab41c110af634f0cb96b77e5b3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10770/file/medium-7cac3eb4507cdfe1c8133cbb844c2795.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">Voelkel</p>
          <a href="/products/ananassaft-bio-500-ml-9a6410b0-1077-40c3-be64-58f496a9ba81-19166">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ananassaft Bio, 500 ml</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 1.38 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qYhfmeF_eEKvd5KnB5GgDYo89bCD_XCHr43lr-qnuGI6faC8ohR5z6-f0d2OofU69K_NLlmNbPHDmcuA3-Z28w" />
    <input value="19166" 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%2Fsoyana%3Fformat%3Dturbo_stream%26page%3D81">
    <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/apfel-mango-saft-demeter-200-ml-19167">
          <img alt="Apfel Mango Saft Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10850/file/small-92f4e460633b4c1be146c364878d30d6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10850/file/medium-9bd341bb9676a62e6d04aa746efe4a80.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10850/file/large-5338f374dcef6847a83842f59cd7e154.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10850/file/medium-9bd341bb9676a62e6d04aa746efe4a80.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">Voelkel</p>
          <a href="/products/apfel-mango-saft-demeter-200-ml-19167">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Apfel Mango Saft Demeter, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ocfXz4rVrMpnQOuTsMW_A0aVlSiwQkXpBmF4Hnpqe-YyMijqyb6tR2eoqOk59eo0OAattmoyWZ9qdVYxTyu1dw" />
    <input value="19167" 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%2Fsoyana%3Fformat%3Dturbo_stream%26page%3D81">
    <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/apfel-mango-saft-demeter-700-ml-19168">
          <img alt="Apfel Mango Saft Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10851/file/small-09fdd6a3acec02daf5f024efdb9080d5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10851/file/medium-fda0a958278d8401825d8ccd11db78f1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10851/file/large-0bebbc5ef01e7e1fefa9347f5df4d962.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10851/file/medium-fda0a958278d8401825d8ccd11db78f1.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">Voelkel</p>
          <a href="/products/apfel-mango-saft-demeter-700-ml-19168">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Apfel Mango Saft Demeter, 700 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NvDdxYw7NNDJEmDLTt6hhYsH32_uwEKc_vtO607tTPWlBSLgz1A1Xcn6I7HH7vSy9ZTn8TSwXuqS72DEe6yCZA" />
    <input value="19168" 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%2Fsoyana%3Fformat%3Dturbo_stream%26page%3D81">
    <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/fair-to-go-orange-mango-maracuja-demeter-250-ml-19169">
          <img alt="fair to go Orange Mango Maracuja Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10986/file/small-4c99931aa1c53530c50e18431fa7e903.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10986/file/medium-0fb4380e97cb931d236c16cb1cd387eb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10986/file/large-d807d0ed021aee07586c8657b147a29d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10986/file/medium-0fb4380e97cb931d236c16cb1cd387eb.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">Voelkel</p>
          <a href="/products/fair-to-go-orange-mango-maracuja-demeter-250-ml-19169">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">fair to go Orange Mango Maracuja Demeter, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vt6DUscUgDyuZ9kQMxcy0Bx8_kH9MKDw1M0WUreQyX0tK3x3hH-Bsa6Pmmq6J2fnYu_G3ydAvIa42Th9gtEH7A" />
    <input value="19169" 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%2Fsoyana%3Fformat%3Dturbo_stream%26page%3D81">
    <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/fairer-eistee-mate-zitrone-demeter-500-ml-19170">
          <img alt="fairer Eistee Mate Zitrone Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10852/file/small-03aecec32a8bec7a8322d20a5e1bd430.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10852/file/medium-d3345bf8e9b589b66ee6fdd5171d4c8f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10852/file/large-5df575630adfc7074ff60614a16fbabb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10852/file/medium-d3345bf8e9b589b66ee6fdd5171d4c8f.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">Voelkel</p>
          <a href="/products/fairer-eistee-mate-zitrone-demeter-500-ml-19170">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">fairer Eistee Mate Zitrone Demeter, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TAwFMgRPks65e6CryZMQCJOOPQ9gulnw-woeNiMhQK3f-foXRySTQ7mT49FAo0U_7R0FkbrKRYaXHjAZFmCOPA" />
    <input value="19170" 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%2Fsoyana%3Fformat%3Dturbo_stream%26page%3D81">
    <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/gemusesaft-feldfrisch-demeter-700-ml-19171">
          <img alt="Gemüsesaft feldfrisch Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10295/file/small-0e0938d3e96db5dfdfeb96092242be2b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10295/file/medium-4aaf8eebbffbf385b4b4babe530d257a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10295/file/large-ae2e7f5b265a80e9858b8226c0a118dc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10295/file/medium-4aaf8eebbffbf385b4b4babe530d257a.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">Voelkel</p>
          <a href="/products/gemusesaft-feldfrisch-demeter-700-ml-19171">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gemüsesaft feldfrisch Demeter, 700 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GvGGZxe2Ki5Q4DFtkIvJn41YWKWqIc7ecdH-Ud5lsamJBHlCVN0ro1AIchcZu5yo88tgO3BR0qgdxdB-6yR_OA" />
    <input value="19171" 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%2Fsoyana%3Fformat%3Dturbo_stream%26page%3D81">
    <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/granatapfel-pur-muttersaft-demeter-750-ml-19172">
          <img alt="Granatapfel Pur Muttersaft Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10853/file/small-4ac8823fdc233137dab3f6d624ea81b4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10853/file/medium-43a2d3690fa86869ef0d50a38505b9ce.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10853/file/large-36032cc309e060e9bd75ad8bb085ae2b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10853/file/medium-43a2d3690fa86869ef0d50a38505b9ce.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">Voelkel</p>
          <a href="/products/granatapfel-pur-muttersaft-demeter-750-ml-19172">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Granatapfel Pur Muttersaft Demeter, 750 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="63ffdsTYoP0153jJPoTjx4GOxTZC_fwSdx81w0uz2SJ4giBTh7OhcDUPO7O3tLbw_x39qJiN4GQbCxvsfvIXsw" />
    <input value="19172" 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%2Fsoyana%3Fformat%3Dturbo_stream%26page%3D81">
    <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/smoothie-rote-bete-mango-grunkohl-spinat-demeter-250-ml-19173">
          <img alt="Smoothie Rote Bete Mango Grünkohl Spinat Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10553/file/small-ed8f4aa325ae0c2b11d5715e9d5ea1f5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10553/file/medium-c3ddaf1dcf281cf1c6214191ac4b2bc1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10553/file/large-cca2b6829d37556e687413c5e9516906.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10553/file/medium-c3ddaf1dcf281cf1c6214191ac4b2bc1.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">Voelkel</p>
          <a href="/products/smoothie-rote-bete-mango-grunkohl-spinat-demeter-250-ml-19173">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Smoothie Rote Bete Mango Grünkohl Spinat Demeter, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.75
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Li8lp0vNY8WSm9rwcCcB3QkEcsnlQr-0tfNO20I7gJa92tqCCKZiSJJzmYr5F1Tqd5dKVz8yo8LZ52D0d3pOBw" />
    <input value="19173" 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%2Fsoyana%3Fformat%3Dturbo_stream%26page%3D81">
    <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/hafer-cuisine-glas-demeter-330-ml-19174">
          <img alt="Hafer Cuisine Glas Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9427/file/small-f671e725167b119c06a70cb734ee6ff8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9427/file/medium-13df262446c42cfe318e5612e4ca39e8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9427/file/large-87c0cc154f3ffc180d46c5d8771da4e0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9427/file/medium-13df262446c42cfe318e5612e4ca39e8.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">Voelkel</p>
          <a href="/products/hafer-cuisine-glas-demeter-330-ml-19174">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hafer Cuisine Glas Demeter, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zrbHOYtH7S-3FbyDeApbL4Q_7bEZO9IywHECA1UXadxdQzgcyCzsorf9__nxOg4Y-qzVL8NLzkSsZSwsYFanTQ" />
    <input value="19174" 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%2Fsoyana%3Fformat%3Dturbo_stream%26page%3D81">
    <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/haferdrink-barista-glas-bio-750-ml-19175">
          <img alt="Haferdrink Barista Glas Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9428/file/small-102a7f8e6a62bf66ffa859e3ae2e0667.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9428/file/medium-8a8e3aa9412939fd4a65334b887d651b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9428/file/large-dfa378fc2e79628864f861dbbe582576.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9428/file/medium-8a8e3aa9412939fd4a65334b887d651b.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">Voelkel</p>
          <a href="/products/haferdrink-barista-glas-bio-750-ml-19175">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haferdrink Barista Glas Bio, 750 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.85
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OLWtFg8v_h7q4I9CwGGQGxSxiV2CCgKXVm8wRU1UQMSrQFIzTET_k-oIzDhJUcUsaiKxw1h6HuE6ex5qeBWOVQ" />
    <input value="19175" 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%2Fsoyana%3Fformat%3Dturbo_stream%26page%3D81">
    <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/haferdrink-glas-bio-750-ml-19176">
          <img alt="Haferdrink Glas Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9426/file/small-6a035f886c658a6096365b02d387fc9b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9426/file/medium-8f7d19202b1d90fc57b85005eec144a3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9426/file/large-99ce13d8195ab125f9e60998cc72f38c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9426/file/medium-8f7d19202b1d90fc57b85005eec144a3.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">Voelkel</p>
          <a href="/products/haferdrink-glas-bio-750-ml-19176">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haferdrink Glas Bio, 750 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="E7mLby2qYEUZ8tfy6zr2Tvusb09DAhzn_UZU10ilf4SATHRKbsFhyBkalIhiCqN5hT9X0ZlyAJGRUnr4feSxFQ" />
    <input value="19176" 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%2Fsoyana%3Fformat%3Dturbo_stream%26page%3D81">
    <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/multi-natur-saft-demeter-700-ml-19177">
          <img alt="Multi Natur Saft Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10551/file/small-a68cd0f9a330799a3180cbc835e79502.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10551/file/medium-b0b05dbcd851853dbe0a86ca9dcd0698.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10551/file/large-e875ac7f246c58d86fd3bcaa74140695.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10551/file/medium-b0b05dbcd851853dbe0a86ca9dcd0698.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">Voelkel</p>
          <a href="/products/multi-natur-saft-demeter-700-ml-19177">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Multi Natur Saft Demeter, 700 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.15
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0QkohSB2k1rUfUOFOUoOiHRAMZLUYSIShWqtwy4pnDhC_NegYx2S19SVAP-welu_CtMJDA4RPmTpfoPsG2hSqQ" />
    <input value="19177" 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%2Fsoyana%3Fformat%3Dturbo_stream%26page%3D81">
    <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/orangensaft-demeter-700-ml-19178">
          <img alt="Orangensaft Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10556/file/small-dd3eec11e845fb19819f79c3f5215cd0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10556/file/medium-625f5147bcbc0bbac78f6526306a6d5b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10556/file/large-2af509992905efee7c339d71f1c6b9af.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10556/file/medium-625f5147bcbc0bbac78f6526306a6d5b.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">Voelkel</p>
          <a href="/products/orangensaft-demeter-700-ml-19178">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Orangensaft 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-19178-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="v7OdjiuyOfsSzppVQoNED7CC0iMeeV1if2zOjKcyc2QsRmKraNk4dhIm2S_LsxE4zhHqvcQJQRQTeOCjknO99Q" />
    <input value="19178" 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%2Fsoyana%3Fformat%3Dturbo_stream%26page%3D81">
    <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/rote-bete-saft-feldfrisch-demeter-700-ml-19179">
          <img alt="Rote Bete Saft feldfrisch Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10854/file/small-2bb05bb102e41fe567ade3958fd22761.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10854/file/medium-e63a280343658392a708deb650379f63.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10854/file/large-fc9a1d34250a561ff49a4da3bdc4fb4f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10854/file/medium-e63a280343658392a708deb650379f63.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">Voelkel</p>
          <a href="/products/rote-bete-saft-feldfrisch-demeter-700-ml-19179">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rote Bete Saft feldfrisch Demeter, 700 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0Rckr7xCSsFnF0phmyGI3aiQQtRhRGYQCNoj4dHtS-lC4tuK_ylLTGf_CRsSEd3q1gN6Srs0emZkzg3O5KyFeA" />
    <input value="19179" 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%2Fsoyana%3Fformat%3Dturbo_stream%26page%3D81">
    <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/zitronensaft-demeter-700-ml-19180">
          <img alt="Zitronensaft Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10562/file/small-44d4bb59779d661ee75449e0454b7fba.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10562/file/medium-3f8aae9503f90dc3e2a5a1c4944da7c2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10562/file/large-b7801ee39fa6627230abe6a4046dd9c7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10562/file/medium-3f8aae9503f90dc3e2a5a1c4944da7c2.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">Voelkel</p>
          <a href="/products/zitronensaft-demeter-700-ml-19180">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zitronensaft Demeter, 700 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.65
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cmun-NiuzeW020FfBPreqLsS5WGGvwxpCGhqk6caN4fhnljdm8XMaLQzAiWNyoufxYHd_1zPEB9kfES8klv5Fg" />
    <input value="19180" 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%2Fsoyana%3Fformat%3Dturbo_stream%26page%3D81">
    <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/bambu-instant-bio-100-g-19181">
          <img alt="Bambu Instant Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9431/file/small-832f241880fcd2ebffadd65d8ef476d8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9431/file/medium-16d557deaf99c8d0f8e6e2b6a0bf9f5f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9431/file/large-676475941f458b2ef48d087452e470d9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9431/file/medium-16d557deaf99c8d0f8e6e2b6a0bf9f5f.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">Vogel</p>
          <a href="/products/bambu-instant-bio-100-g-19181">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bambu Instant Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.25
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ifcFnyw7Zwm-5TJqUhyK-0yikGj-dyLXXxAh4tU7SWoaAvq6b1BmhL4NcRDbLN_MMjGo9iQHPqEzBA_N4HqH-w" />
    <input value="19181" 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%2Fsoyana%3Fformat%3Dturbo_stream%26page%3D81">
    <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/bambu-instant-nfp-bio-200-g-19182">
          <img alt="Bambu Instant NFP Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9432/file/small-ef8b05d8b020418772155aa5741ae5b8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9432/file/medium-f4587a59b353a176c6dc800bb5048f1b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9432/file/large-70ce468a207536e1fce736ffbdbc80fd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9432/file/medium-f4587a59b353a176c6dc800bb5048f1b.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">Vogel</p>
          <a href="/products/bambu-instant-nfp-bio-200-g-19182">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bambu Instant NFP Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.75
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GoiKfNGRx631M3lZYgm57Ud1AqqyvepiEAbbXjb9xUyJfXVZkvrGIPXbOiPrOezaOeY6NGjN9hR8EvVxA7wL3Q" />
    <input value="19182" 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%2Fsoyana%3Fformat%3Dturbo_stream%26page%3D81">
    <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/biocarottin-konzentrat-bio-220-g-19183">
          <img alt="Biocarottin Konzentrat Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9433/file/small-046d30900b8db0d7027433b50c1205b9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9433/file/medium-f22df6eea9f7fadace757e66c69d23e3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9433/file/large-628f8db54dbdd155959d6ee377e2adff.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9433/file/medium-f22df6eea9f7fadace757e66c69d23e3.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">Vogel</p>
          <a href="/products/biocarottin-konzentrat-bio-220-g-19183">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biocarottin Konzentrat Bio, 220 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-5Xqk08k4FVo3azKVeS_inFVjt0oHhoIg1gcorV1EIZoYBW2DE_h2Gg177Dc1Oq9D8a2Q_JuBn7vTDKNgDTeFw" />
    <input value="19183" 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%2Fsoyana%3Fformat%3Dturbo_stream%26page%3D81">
    <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/herbadiat-bio-125-g-19184">
          <img alt="Herbadiät Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9933/file/small-d57244b617adce5f0f0dcd3d3361037b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9933/file/medium-4cc79e5cfd72b83ec7e7e8d974061113.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9933/file/large-43467cbcb9f8cbbeaa03cd9f200da767.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9933/file/medium-4cc79e5cfd72b83ec7e7e8d974061113.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">Vogel</p>
          <a href="/products/herbadiat-bio-125-g-19184">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Herbadiät Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WU9Xo52MX6bH_ZURVXhJH3r3oDOkKZCybksJ68K4lWzKuqiG3udeK8cV1mvcSBwoBGSYrX5ZjMQCXyfE9_lb_Q" />
    <input value="19184" 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%2Fsoyana%3Fformat%3Dturbo_stream%26page%3D81">
    <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/herbamare-bio-125-g-19185">
          <img alt="Herbamare Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9451/file/small-e9a87288670db22bfa6066cdf4949f4c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9451/file/medium-d7597fe6f974628d82db1f1a51f7f350.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9451/file/large-e021c24d8382251663f283cd99648a9f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9451/file/medium-d7597fe6f974628d82db1f1a51f7f350.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">Vogel</p>
          <a href="/products/herbamare-bio-125-g-19185">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Herbamare Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.85
            </p>

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

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

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

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



</template></turbo-stream>
<turbo-stream action="replace" target="infinite_scroll_sentinel"><template>
  <div id="infinite_scroll_sentinel" class="w-full py-8">
  <div class="flex flex-col items-center gap-3">
    <p class="text-sm text-gray-500">
      1&#39;620 von 2&#39;529 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/soyana?format=turbo_stream&amp;page=82">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>