<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%2Fsafte-sussgetranke%3Fformat%3Dturbo_stream%26page%3D5">
    <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/granatapfel-bio-500-ml-18371">
          <img alt="Granatapfel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9205/file/small-c4a5d5eccc9964ad54b5c5eb3bdcd10b.webp 600w, https://assets.fabulous.ch/public/variant_asset/9205/file/medium-6f6f542eedfa21f5d92546b447bff6b3.webp 900w, https://assets.fabulous.ch/public/variant_asset/9205/file/large-37727ce6c78075860c58a9e35b0b2b27.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9205/file/medium-6f6f542eedfa21f5d92546b447bff6b3.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">Biotta</p>
          <a href="/products/granatapfel-bio-500-ml-18371">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Granatapfel Bio, 500 ml</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.18 / 100 ml
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-18371-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  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%2Fsafte-sussgetranke%3Fformat%3Dturbo_stream%26page%3D5">
    <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/holundersaft-bio-500-ml-18372">
          <img alt="Holundersaft Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9206/file/small-dc38e55d8aeedd1244d76b620abfab7d.webp 600w, https://assets.fabulous.ch/public/variant_asset/9206/file/medium-34a7953c970de1be5677b75b51a5fe05.webp 900w, https://assets.fabulous.ch/public/variant_asset/9206/file/large-8f21df95798bd4fb08c49551923117ea.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9206/file/medium-34a7953c970de1be5677b75b51a5fe05.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">Biotta</p>
          <a href="/products/holundersaft-bio-500-ml-18372">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Holundersaft Bio, 500 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.44 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18372&quot;],&quot;content_name&quot;:&quot;Holundersaft Bio, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18372&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nsx8jNzElXBIS-sJnPglvAinKRHW_jcoxZP3JksZV1AGJXiinbGoYUHBpGLROju5ZkswK7gaRGGY26DgQCE71Q" />
    <input value="18372" 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%2Fsafte-sussgetranke%3Fformat%3Dturbo_stream%26page%3D5">
    <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/mango-mix-bio-500-ml-18373">
          <img alt="Mango Mix Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9207/file/small-1740a8f0a2bc01ef9ea8f917b0e110ed.webp 600w, https://assets.fabulous.ch/public/variant_asset/9207/file/medium-72aeb6e119a38dcc262f9da92dc7391e.webp 900w, https://assets.fabulous.ch/public/variant_asset/9207/file/large-280d2defcf7bd6f96d83c5c8548ea34d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9207/file/medium-72aeb6e119a38dcc262f9da92dc7391e.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">Biotta</p>
          <a href="/products/mango-mix-bio-500-ml-18373">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mango Mix Bio, 500 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.98 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18373&quot;],&quot;content_name&quot;:&quot;Mango Mix Bio, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18373&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Xhnd6uMhVqPpnJpFHalNGlJenwuNQimUuTnTzx4QhZLG8NnEolRrsuAW1S5Qa1MfPLKGMeOmWt3kcYQJFSjpFw" />
    <input value="18373" 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%2Fsafte-sussgetranke%3Fformat%3Dturbo_stream%26page%3D5">
    <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/mein-safttag-1-mango-gurke-bio-500-ml-18374">
          <img alt="Mein Safttag 1 Mango Gurke Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9598/file/small-160617715278101e759fbdca750d90fa.webp 600w, https://assets.fabulous.ch/public/variant_asset/9598/file/medium-943ca371198763a70d9eda4fc822fa92.webp 900w, https://assets.fabulous.ch/public/variant_asset/9598/file/large-7e8a127de17ac7451c713fd34c8d162c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9598/file/medium-943ca371198763a70d9eda4fc822fa92.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">Biotta</p>
          <a href="/products/mein-safttag-1-mango-gurke-bio-500-ml-18374">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mein Safttag 1 Mango Gurke Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18374&quot;],&quot;content_name&quot;:&quot;Mein Safttag 1 Mango Gurke Bio, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18374&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jatjZ0T_ahHw6wRmFNDu01x02KtUAnbfiQKgVIdMO40VQmdJBYpXAPlhSw1ZEvDWMpjBkTrmBZbUSveSjHRXCA" />
    <input value="18374" 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%2Fsafte-sussgetranke%3Fformat%3Dturbo_stream%26page%3D5">
    <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/mein-safttag-2-bio-500-ml-18375">
          <img alt="Mein Safttag 2 Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10912/file/small-83b13f503b61db46f1c9b8e15d68a7db.webp 600w, https://assets.fabulous.ch/public/variant_asset/10912/file/medium-73f71f886f95cbb376450ad5630c27fa.webp 900w, https://assets.fabulous.ch/public/variant_asset/10912/file/large-cbcbe74ba83f97ec73b8cec1c2447623.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10912/file/medium-73f71f886f95cbb376450ad5630c27fa.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">Biotta</p>
          <a href="/products/mein-safttag-2-bio-500-ml-18375">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mein Safttag 2 Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18375&quot;],&quot;content_name&quot;:&quot;Mein Safttag 2 Bio, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18375&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0T0YjYiXeu4-tWBF00q6HEhslZxuY6o3vK0NYZhEimZJ1ByjyeJH_zc_Ly6eiKQZJoCMpgCH2X7h5Vqnk3zm4w" />
    <input value="18375" 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%2Fsafte-sussgetranke%3Fformat%3Dturbo_stream%26page%3D5">
    <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/preiselbeersaft-plus-bio-500-ml-18376">
          <img alt="Preiselbeersaft Plus Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9208/file/small-895d5242052cf67fb1e64d29c26e54eb.webp 600w, https://assets.fabulous.ch/public/variant_asset/9208/file/medium-48f1622bedd983d8aec7c69db83d7655.webp 900w, https://assets.fabulous.ch/public/variant_asset/9208/file/large-493b05496396ff66e05ec84f99106f31.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9208/file/medium-48f1622bedd983d8aec7c69db83d7655.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">Biotta</p>
          <a href="/products/preiselbeersaft-plus-bio-500-ml-18376">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Preiselbeersaft Plus Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18376&quot;],&quot;content_name&quot;:&quot;Preiselbeersaft Plus Bio, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18376&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RM-kUICkipNEFZVDcnLHCEc3TW-ZmW0OeHJYOX9ad-_cJqB-wdG3gk2f2ig_sNkNKdtUVfd9HkclOg__dGIbag" />
    <input value="18376" 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%2Fsafte-sussgetranke%3Fformat%3Dturbo_stream%26page%3D5">
    <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/rueblisaft-bio-500-ml-18377">
          <img alt="Rüeblisaft Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9209/file/small-894f462806d0135ddf692eef8613d688.webp 600w, https://assets.fabulous.ch/public/variant_asset/9209/file/medium-9ce711fe668fe59693cb82d42e4e8203.webp 900w, https://assets.fabulous.ch/public/variant_asset/9209/file/large-22dc07f5bd913ac71eedf75d4cebdf14.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9209/file/medium-9ce711fe668fe59693cb82d42e4e8203.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">Biotta</p>
          <a href="/products/rueblisaft-bio-500-ml-18377">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rüeblisaft Bio, 500 ml</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 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18377&quot;],&quot;content_name&quot;:&quot;Rüeblisaft Bio, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18377&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="dW-gsluDGiqmY3QxXocD0SkcJHaQXVb9A45-O6ZudhXthqScGvYnO6_pO1oTRR3UR_A9TP65JbRexin9rVYakA" />
    <input value="18377" 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%2Fsafte-sussgetranke%3Fformat%3Dturbo_stream%26page%3D5">
    <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/tomatensaft-bio-500-ml-18378">
          <img alt="Tomatensaft Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9210/file/small-e90c827a35bc325cebceb7ac68bacdb7.webp 600w, https://assets.fabulous.ch/public/variant_asset/9210/file/medium-b3836465a60e178cde51b327d96e64c3.webp 900w, https://assets.fabulous.ch/public/variant_asset/9210/file/large-3288bd1a6da1cb904e81ea826cfca65f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9210/file/medium-b3836465a60e178cde51b327d96e64c3.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">Biotta</p>
          <a href="/products/tomatensaft-bio-500-ml-18378">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tomatensaft Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18378&quot;],&quot;content_name&quot;:&quot;Tomatensaft Bio, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18378&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YJ7agC44MLhlpCZCSMTpHxjNgApjQZuB2RNFohY-uM74d96ub00NqWwuaSkFBvcadiGZMA2l6MiEWxJkHQbUSw" />
    <input value="18378" 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%2Fsafte-sussgetranke%3Fformat%3Dturbo_stream%26page%3D5">
    <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/vita-7-bio-500-ml-18379">
          <img alt="Vita 7 Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9211/file/small-475551b3349aaa52517412eeb7affd82.webp 600w, https://assets.fabulous.ch/public/variant_asset/9211/file/medium-8850c7e1e77e15c582cf1388395a785c.webp 900w, https://assets.fabulous.ch/public/variant_asset/9211/file/large-5eda5ad5350e672389a4b2c99364131f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9211/file/medium-8850c7e1e77e15c582cf1388395a785c.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">Biotta</p>
          <a href="/products/vita-7-bio-500-ml-18379">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vita 7 Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18379&quot;],&quot;content_name&quot;:&quot;Vita 7 Bio, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18379&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EDPGRs7o9-B5M7gp7uNd91SSQW8hMMpE0TIS6d1emIeI2sJoj53K8XC590KjIUPyOn5YVU_UuQ2MekUv1mb0Ag" />
    <input value="18379" 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%2Fsafte-sussgetranke%3Fformat%3Dturbo_stream%26page%3D5">
    <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/vital-antioxidant-bio-500-ml-18380">
          <img alt="Vital Antioxidant Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9212/file/small-5664b10148924736f5dc352db8b05b2e.webp 600w, https://assets.fabulous.ch/public/variant_asset/9212/file/medium-e65cff94c8bceda4c8d41c732ff8ada3.webp 900w, https://assets.fabulous.ch/public/variant_asset/9212/file/large-2ae381e7d4fb10d64d64764e58d2ad45.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9212/file/medium-e65cff94c8bceda4c8d41c732ff8ada3.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">Biotta</p>
          <a href="/products/vital-antioxidant-bio-500-ml-18380">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vital Antioxidant Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.85
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18380&quot;],&quot;content_name&quot;:&quot;Vital Antioxidant Bio, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18380&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.85,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MU8RvN7wNsP72rz8MUKsQa9ACDMCKD_45-UOuMzeuyepphWSn4UL0vJQ85d8gLJEwawRCWzMTLG6rVl-x-bXog" />
    <input value="18380" 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%2Fsafte-sussgetranke%3Fformat%3Dturbo_stream%26page%3D5">
    <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/vital-digest-bio-500-ml-18381">
          <img alt="Vital Digest Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9213/file/small-e23df80b458fc1a81ef0a3b0fae788da.webp 600w, https://assets.fabulous.ch/public/variant_asset/9213/file/medium-5467172934fc14ab528b3439973082af.webp 900w, https://assets.fabulous.ch/public/variant_asset/9213/file/large-7d8044f865436c7cc51e6896571f830d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9213/file/medium-5467172934fc14ab528b3439973082af.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">Biotta</p>
          <a href="/products/vital-digest-bio-500-ml-18381">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vital Digest Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18381&quot;],&quot;content_name&quot;:&quot;Vital Digest Bio, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18381&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Z6PkMdeXeq5IYWSA3NPWfkq_pRCeax9Hj-Vhrol_mx__SuAfluJHv0HrK-uREch7JFO8KvCPbA7SrTZogkf3mg" />
    <input value="18381" 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%2Fsafte-sussgetranke%3Fformat%3Dturbo_stream%26page%3D5">
    <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/vital-immun-bio-500-ml-18382">
          <img alt="Vital Immun Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9214/file/small-c2a550deb704387939a14de5f317aaf1.webp 600w, https://assets.fabulous.ch/public/variant_asset/9214/file/medium-e9a4d8c9fa8f0bee5c74d51326af3eb6.webp 900w, https://assets.fabulous.ch/public/variant_asset/9214/file/large-5759465d737641fbe457288022874a1f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9214/file/medium-e9a4d8c9fa8f0bee5c74d51326af3eb6.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">Biotta</p>
          <a href="/products/vital-immun-bio-500-ml-18382">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vital Immun Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.85
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18382&quot;],&quot;content_name&quot;:&quot;Vital Immun Bio, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18382&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.85,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6l18eNGuQ8jUPKh8rN4ilwXxC0NnM4pfIshI9Qn9tk9ytHhWkNt-2d225xfhHDySax0SeQnX-RZ_gB8zAsXayg" />
    <input value="18382" 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%2Fsafte-sussgetranke%3Fformat%3Dturbo_stream%26page%3D5">
    <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/vital-kartoffelsaft-bio-500-ml-18383">
          <img alt="Vital Kartoffelsaft Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9215/file/small-294c1a005b8214cf0e28dabcb4b301f5.webp 600w, https://assets.fabulous.ch/public/variant_asset/9215/file/medium-be0d7230485c63141e0276144f2a3ffe.webp 900w, https://assets.fabulous.ch/public/variant_asset/9215/file/large-ab231450c4b2df744edd0e2ee0cf2290.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9215/file/medium-be0d7230485c63141e0276144f2a3ffe.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">Biotta</p>
          <a href="/products/vital-kartoffelsaft-bio-500-ml-18383">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vital Kartoffelsaft Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18383&quot;],&quot;content_name&quot;:&quot;Vital Kartoffelsaft Bio, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18383&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qUZdtK89NYUUfjcQY5BY6dZSgIEFNDuwLmayF_-5yLkxr1ma7kgIlB30eHsuUkbsuL6Zu2vQSPlzLuXR9IGkPA" />
    <input value="18383" 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%2Fsafte-sussgetranke%3Fformat%3Dturbo_stream%26page%3D5">
    <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/vital-sauerkrautsaft-bio-500-ml-18384">
          <img alt="Vital Sauerkrautsaft Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9216/file/small-164610dc048fd48d34ce3ba1bfb33b9a.webp 600w, https://assets.fabulous.ch/public/variant_asset/9216/file/medium-e4a9423266f7d2123a776ad46a6f97d3.webp 900w, https://assets.fabulous.ch/public/variant_asset/9216/file/large-c6692baf8b5ba21d9ca555673b36805f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9216/file/medium-e4a9423266f7d2123a776ad46a6f97d3.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">Biotta</p>
          <a href="/products/vital-sauerkrautsaft-bio-500-ml-18384">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vital Sauerkrautsaft Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.35
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18384&quot;],&quot;content_name&quot;:&quot;Vital Sauerkrautsaft Bio, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18384&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.35,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4tbgRliQfQxlP7qq6x0kkUgnlLajbMJDMeqis9Kj7Rx6P-RoGeVAHWy19cGm3zqUJsuNjM2IsQpsovV12ZuBmQ" />
    <input value="18384" 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%2Fsafte-sussgetranke%3Fformat%3Dturbo_stream%26page%3D5">
    <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/vital-shot-ingwer-bio-60-ml-18385">
          <img alt="Vital Shot Ingwer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9597/file/small-a4b051a797776b19becfb27fb4742260.webp 600w, https://assets.fabulous.ch/public/variant_asset/9597/file/medium-67dae9a0d4555d79f4ebd413524c582e.webp 900w, https://assets.fabulous.ch/public/variant_asset/9597/file/large-4b31a1a21334495f2de21d43ca027e04.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9597/file/medium-67dae9a0d4555d79f4ebd413524c582e.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">Biotta</p>
          <a href="/products/vital-shot-ingwer-bio-60-ml-18385">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vital Shot Ingwer Bio, 60 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.25
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18385&quot;],&quot;content_name&quot;:&quot;Vital Shot Ingwer Bio, 60 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18385&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.25,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IS2Vdx7IK1MS9TeRs-wQ4-sc2gj0zILS63mIw6vZ8Bm5xJFZX70WQht_ePr-Lg7mhfDDMpoo8Zu2Md8FoOGcnA" />
    <input value="18385" 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%2Fsafte-sussgetranke%3Fformat%3Dturbo_stream%26page%3D5">
    <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/cocoswasser-1-l-18513">
          <img alt="Cocoswasser" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10068/file/small-6a50dc662caccbc6da0110f76613e747.webp 600w, https://assets.fabulous.ch/public/variant_asset/10068/file/medium-4dbd350bb5c63281ce4a8e26c8183114.webp 900w, https://assets.fabulous.ch/public/variant_asset/10068/file/large-057a031938cc2a4bd75abd5793639f54.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10068/file/medium-4dbd350bb5c63281ce4a8e26c8183114.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">Dr. Antonio Martins</p>
          <a href="/products/cocoswasser-1-l-18513">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cocoswasser, 1 l</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.66 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18513&quot;],&quot;content_name&quot;:&quot;Cocoswasser, 1 l&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18513&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="uEO5_PTLulhXIf00NK4WQZKqSt-5j7KOAmdcYBj1aP8gqr3Stb6HSV6rsl95bAhE_EZT5ddrwcdfLwumE80Eeg" />
    <input value="18513" 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%2Fsafte-sussgetranke%3Fformat%3Dturbo_stream%26page%3D5">
    <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/limonade-grapefruit-bio-500-ml-18583">
          <img alt="Limonade Grapefruit Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10857/file/small-e5bd4800c4323a0bb5c983d35c69a4f1.webp 600w, https://assets.fabulous.ch/public/variant_asset/10857/file/medium-8ec4ebb7788181e25bb997e084e71055.webp 900w, https://assets.fabulous.ch/public/variant_asset/10857/file/large-d0f51078d40fc0cc66ab53961d513ae7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10857/file/medium-8ec4ebb7788181e25bb997e084e71055.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">Holderhof</p>
          <a href="/products/limonade-grapefruit-bio-500-ml-18583">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Limonade Grapefruit Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18583&quot;],&quot;content_name&quot;:&quot;Limonade Grapefruit Bio, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18583&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="j1YgH3suR9bqLz9Xz6ZXxoaYSuGRfpAVz1uyOS7b91QXvyQxOlt6x-OlcDyCZEnD6HRT2_-a41ySE-X_JeOb0Q" />
    <input value="18583" 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%2Fsafte-sussgetranke%3Fformat%3Dturbo_stream%26page%3D5">
    <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/limonade-holunderbluten-bio-500-ml-18584">
          <img alt="Limonade Holunderblüten Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10858/file/small-cd71591d7f43a0dd72067ddc7e96a940.webp 600w, https://assets.fabulous.ch/public/variant_asset/10858/file/medium-89641500d0ba8d6f0ad3def8c5453547.webp 900w, https://assets.fabulous.ch/public/variant_asset/10858/file/large-2b5842046082e73089ebd7bc3bf46876.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10858/file/medium-89641500d0ba8d6f0ad3def8c5453547.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">Holderhof</p>
          <a href="/products/limonade-holunderbluten-bio-500-ml-18584">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Limonade Holunderblüten Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18584&quot;],&quot;content_name&quot;:&quot;Limonade Holunderblüten Bio, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18584&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mb0_yi5lUd4zzhmtjy-uDjCJvUgF5R6x_kJ0mPr7DlwBVDvkbxBszzpEVsbC7bALXmWkcmsBbfijCiNe8cNi2Q" />
    <input value="18584" 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%2Fsafte-sussgetranke%3Fformat%3Dturbo_stream%26page%3D5">
    <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/schorle-apfel-himbeer-bio-500-ml-18585">
          <img alt="Schorle Apfel Himbeer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9236/file/small-ebe6c2755790d65edbb85ae0f1f9a331.webp 600w, https://assets.fabulous.ch/public/variant_asset/9236/file/medium-98b7689f2677f78dd5e631feea83f02f.webp 900w, https://assets.fabulous.ch/public/variant_asset/9236/file/large-422f864e76aa9caa0f0324b4da8fca04.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9236/file/medium-98b7689f2677f78dd5e631feea83f02f.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">Holderhof</p>
          <a href="/products/schorle-apfel-himbeer-bio-500-ml-18585">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schorle Apfel Himbeer Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18585&quot;],&quot;content_name&quot;:&quot;Schorle Apfel Himbeer Bio, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18585&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FKQtEVEUjSPWddcWLNUnAVfkAGRc_T6Lk-h-CTvOs9yMTSk_EGGwMt__mH1hFzkEOQgZXjIZTcLOoCnPMPbfWQ" />
    <input value="18585" 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%2Fsafte-sussgetranke%3Fformat%3Dturbo_stream%26page%3D5">
    <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/quetschi-apfel-blaubeere-banane-demeter-120-g-18648">
          <img alt="Quetschi Apfel Blaubeere Banane Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10913/file/small-ed519ff0ebd76ad7d4532ea9f2fcc468.webp 600w, https://assets.fabulous.ch/public/variant_asset/10913/file/medium-3c6bd1c0629eaaeb2e11ef4fd8ec175f.webp 900w, https://assets.fabulous.ch/public/variant_asset/10913/file/large-b81da02ad1b877ea4f74aad567b640b5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10913/file/medium-3c6bd1c0629eaaeb2e11ef4fd8ec175f.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">Mogli Naturkost GmbH</p>
          <a href="/products/quetschi-apfel-blaubeere-banane-demeter-120-g-18648">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Quetschi Apfel Blaubeere Banane Demeter, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18648&quot;],&quot;content_name&quot;:&quot;Quetschi Apfel Blaubeere Banane Demeter, 120 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18648&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2jJzYZxjqk7bBOQIszybiWy_G3KMml3pEmOBa0TxsshC23dP3RaXX9KOq2P-_oWMAlMCSOJ-LqBPK9atT8neTQ" />
    <input value="18648" 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">
      100 von 119 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/getranke-wein/safte-sussgetranke?format=turbo_stream&amp;page=6">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>