<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%3Fformat%3Dturbo_stream%26page%3D19">
    <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/beutelsbacher-sanddorn-muttersaft-bio-200-ml-19879">
          <img alt="Beutelsbacher Sanddorn Muttersaft Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10274/file/small-31eecb123b8981af0046cda309e05a73.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10274/file/medium-810358017428792e31f3a2eb35fbb2ee.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10274/file/large-e558c04c1b8b7e6b9e292c7762cafe92.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10274/file/medium-810358017428792e31f3a2eb35fbb2ee.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Beutelsbacher</p>
          <a href="/products/beutelsbacher-sanddorn-muttersaft-bio-200-ml-19879">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Beutelsbacher Sanddorn Muttersaft Bio, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.55
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ia01j3kZdPWElpBGilTXp3J3He9fUuKqYG__J3oO0e_FvKjJehrDPnif-mgGUICO7jvSGc0roj99Y8CQgVeRAQ" />
    <input value="19879" 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%3Fformat%3Dturbo_stream%26page%3D19">
    <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/beutelsbacher-cranberry-muttersaft-bio-200-ml-19880">
          <img alt="Beutelsbacher Cranberry Muttersaft Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10275/file/small-e261f483ecc7b68c1aa4425af6202932.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10275/file/medium-45acf72ca938964325865284d8e03428.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10275/file/large-353a77ea125df8b443287a13b51611da.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10275/file/medium-45acf72ca938964325865284d8e03428.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Beutelsbacher</p>
          <a href="/products/beutelsbacher-cranberry-muttersaft-bio-200-ml-19880">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Beutelsbacher Cranberry Muttersaft Bio, 200 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 2.38 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PBuvlzgc6p9cPsdI5q5roWQ-gvMTD4cF2CZRoECyoujYCjLROx9dVKA3rWZqqjyI-HJNBYF2x5DFKm4Xu-viBg" />
    <input value="19880" 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%3Fformat%3Dturbo_stream%26page%3D19">
    <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/beutelsbacher-heidelbeer-muttersaft-bio-330-ml-19881">
          <img alt="Beutelsbacher Heidelbeer Muttersaft Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10276/file/small-d8069c04770132a4aa5fa1d09c2dad30.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10276/file/medium-42ea4653577c0700cc608d8a0ce4aee8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10276/file/large-b5534b666e156d5c2ce7ce36ded4263e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10276/file/medium-42ea4653577c0700cc608d8a0ce4aee8.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Beutelsbacher</p>
          <a href="/products/beutelsbacher-heidelbeer-muttersaft-bio-330-ml-19881">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Beutelsbacher Heidelbeer Muttersaft Bio, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZNpfu4RYhj5i08iMqSO9jnPHbgozBJUnCbIWa-9OsVOAy8L9h1sx9Z7aoqIlJ-qn74uh_KF91bIUvincFBfxvQ" />
    <input value="19881" 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%3Fformat%3Dturbo_stream%26page%3D19">
    <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/beutelsbacher-tomatensaft-roma-demeter-700-ml-19882">
          <img alt="Beutelsbacher Tomatensaft Roma Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10277/file/small-5e5a14f2634e8e2c4b1d83ffe7554ab8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10277/file/medium-e8a46751ff5efbbd1483d71addb23539.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10277/file/large-80edbc18321ee4dd6855c8647784d91c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10277/file/medium-e8a46751ff5efbbd1483d71addb23539.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Beutelsbacher</p>
          <a href="/products/beutelsbacher-tomatensaft-roma-demeter-700-ml-19882">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Beutelsbacher Tomatensaft Roma 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-19882-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pe7MaxTYV6_kEpWhT-eaUcYJKgbMp1mvqus_09UtTWdB_1EtF9vgZBgb_4_D4814WkXl8F7eGTq35wBkLnQNiQ" />
    <input value="19882" 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%3Fformat%3Dturbo_stream%26page%3D19">
    <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/bernardo-espresso-deca-bio-10-stuck-19883">
          <img alt="Bernardo Espresso Deca bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10279/file/small-368f42c8224c88967823ff7e0c4a0504.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10279/file/medium-60c7cd3027d5e5e8f52c562c35e72cb7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10279/file/large-09b7f099412faa1bfb29c3cac6c8a46a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10279/file/medium-60c7cd3027d5e5e8f52c562c35e72cb7.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">Bernardo</p>
          <a href="/products/bernardo-espresso-deca-bio-10-stuck-19883">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bernardo Espresso Deca bio, 10 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.65
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xI8ZC-aGFLwGf_2QWaHkM_6STmu0oKUIKqnRm9uWPoognoRN5YWjd_p2l77VpbMaYt6BnSbZ5Z03pe4sIM9-ZA" />
    <input value="19883" 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%3Fformat%3Dturbo_stream%26page%3D19">
    <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/bernardo-lungo-forte-bio-10-stuck-19884">
          <img alt="Bernardo Lungo Forte bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10278/file/small-571779440f6b2b0960f84faeb8c2c354.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10278/file/medium-679baa76f1b7381fbf48961338708bf0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10278/file/large-731db2d9517bded53fb95d43407397b1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10278/file/medium-679baa76f1b7381fbf48961338708bf0.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">Bernardo</p>
          <a href="/products/bernardo-lungo-forte-bio-10-stuck-19884">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bernardo Lungo Forte bio, 10 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.65
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zW1ykYrHA-69_FQGKyCW6d8g9dZUJcKnk5E3NfSx9-opfO_XicS0JUH1PiinJMHAQ2w6IMZcgjKOnQiCD-i3BA" />
    <input value="19884" 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%3Fformat%3Dturbo_stream%26page%3D19">
    <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/bernardo-espresso-dolce-bio-10-stuck-19885">
          <img alt="Bernardo Espresso Dolce bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10280/file/small-b50743721a843d10662799e8f951c093.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10280/file/medium-7f304d7efe4eb6ec451a038a8fa4d30f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10280/file/large-94bdb935c12e41d82585f8a32321fb86.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10280/file/medium-7f304d7efe4eb6ec451a038a8fa4d30f.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">Bernardo</p>
          <a href="/products/bernardo-espresso-dolce-bio-10-stuck-19885">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bernardo Espresso Dolce bio, 10 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.65
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="T2XWL_K1x7VRr6GfjKm9Ky7Psb8HYKtJqKx835bha76rdEtp8bZwfq2my7EAreoCsoN-SZUZ69y1oENobbgrUA" />
    <input value="19885" 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%3Fformat%3Dturbo_stream%26page%3D19">
    <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/bernardo-espresso-perla-bio-10-stuck-19886">
          <img alt="Bernardo Espresso Perla bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10281/file/small-a1a87224f23ea30c2c5280ac9256f480.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10281/file/medium-1b456208c5f3422341155d648b5a02ea.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10281/file/large-3f6b697f96e7ecee5e62975a501c739d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10281/file/medium-1b456208c5f3422341155d648b5a02ea.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">Bernardo</p>
          <a href="/products/bernardo-espresso-perla-bio-10-stuck-19886">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bernardo Espresso Perla bio, 10 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.65
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VNPZqCQz8ZFhyq35Ect5OuSGsmVh9kb-5PXuoy_TmHWwwkTuJzBGWp3Dx9edzy4TeMp9k_OPBmv5-dEU1IrYmw" />
    <input value="19886" 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%3Fformat%3Dturbo_stream%26page%3D19">
    <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/alcenero-fruchtnektar-pfirsich-bio-3-x-200-ml-19888">
          <img alt="AlceNero Fruchtnektar Pfirsich Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11302/file/small-dbd10d11c8ef3eb28416669fb951f426.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11302/file/medium-6eab450618b9ac54748c26f2c33a1d83.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11302/file/large-f16110312f130f72c4666ef6c2016d2a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11302/file/medium-6eab450618b9ac54748c26f2c33a1d83.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">AlceNero</p>
          <a href="/products/alcenero-fruchtnektar-pfirsich-bio-3-x-200-ml-19888">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">AlceNero Fruchtnektar Pfirsich Bio, 3 x 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="f6-36c5LZDn1bq0cRcsxIof-6V30Dm3d7cQbFCBzX0qbviqvzUjT8glnxzLJz2YLG7Imq2Z3LUjwyCSj2yofpA" />
    <input value="19888" 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%3Fformat%3Dturbo_stream%26page%3D19">
    <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/hampstead-gruntee-pur-offen-demeter-100-g-19984">
          <img alt="Hampstead Grüntee Pur offen Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10357/file/small-340220f58ad7746e7fa39a83bb0f2343.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10357/file/medium-ad2f927be58aef3413c9c6e40510a84c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10357/file/large-7d9629f65cbb3e74ae25b4fcb9bd9cff.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10357/file/medium-ad2f927be58aef3413c9c6e40510a84c.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">Hampstead</p>
          <a href="/products/hampstead-gruntee-pur-offen-demeter-100-g-19984">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hampstead Grüntee Pur offen Demeter, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Arb3_sqANCYn19cMAxVW9g4SodKLG_yj3zfdPUMlTgPmp2q4yYOD7dvevSKPEQHfkl5uJBlivDbCO-KKuHwO7Q" />
    <input value="19984" 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%3Fformat%3Dturbo_stream%26page%3D19">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/biomilk-kefir-drink-mango-demeter-500-ml-20047">
          <img alt="Biomilk Kefir Drink Mango Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10448/file/small-ca591209d90d660fb54742e3b4e3a168.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10448/file/medium-d912ca68233ef098a193830a99cef033.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10448/file/large-b9a32b4483c4f837c029460cbc97eb2c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10448/file/medium-d912ca68233ef098a193830a99cef033.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biomilk</p>
          <a href="/products/biomilk-kefir-drink-mango-demeter-500-ml-20047">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biomilk Kefir Drink Mango Demeter, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-SQqrFIto50Yxcp0Q7W_T0twWdACOR99_oelNeYzfvgdNbfqUS4UVuTMoFrPsehm1zyWJpBAX-jji5qCHWo-Fg" />
    <input value="20047" 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%3Fformat%3Dturbo_stream%26page%3D19">
    <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/keth-pinot-gris-alkoholfrei-7-5dl-bio-1-stuck-20061">
          <img alt="Keth Pinot Gris alkoholfrei 7.5dl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10472/file/small-243566d6222fb5f88120dd5d34e66e1d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10472/file/medium-fbf491152cf092d7664561b1d90719a8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10472/file/large-5edb62293559732638a6a5cda016f1df.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10472/file/medium-fbf491152cf092d7664561b1d90719a8.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">Keth</p>
          <a href="/products/keth-pinot-gris-alkoholfrei-7-5dl-bio-1-stuck-20061">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Keth Pinot Gris alkoholfrei 7.5dl Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BY7VWaPF-2VDvnhJdE-1M3KoifeD_905DBs-K1s2B6zhn0gfoMZMrr-3Emf4S-Ia7uRGARGGnawRFwGcoG9HQg" />
    <input value="20061" 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%3Fformat%3Dturbo_stream%26page%3D19">
    <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/lammsbrau-glutenfreies-bier-bio-330-ml-20075">
          <img alt="Lammsbräu glutenfreies Bier Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10520/file/small-3f20c629fedb34bc0e83d2c14ecc80dc.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10520/file/medium-338c2144527f949c58353ab72e634f82.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10520/file/large-d703893cc368f9469f1924f4df82f39b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10520/file/medium-338c2144527f949c58353ab72e634f82.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">Lammsbräu</p>
          <a href="/products/lammsbrau-glutenfreies-bier-bio-330-ml-20075">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lammsbräu glutenfreies Bier Bio, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.55
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BbjCDYf1ogs0PRv1WPsglYS02OWSCw74-fTjK_uSKvnhqV9LhPYVwMg0cdvU_3e8GPgXEwByTm3k-NycAMtqFw" />
    <input value="20075" 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%3Fformat%3Dturbo_stream%26page%3D19">
    <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/biotta-vital-shot-energy-traube-guarana-bio-60-ml-20082">
          <img alt="Biotta Vital Shot Energy Traube-Guarana Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10527/file/small-8b9fd6173b5bd4ef5c0de8eee3db9c55.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10527/file/medium-1db4f57eed112ef7cb10fe3467c6222e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10527/file/large-890431c59dc3a4b021029d48652275b2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10527/file/medium-1db4f57eed112ef7cb10fe3467c6222e.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/biotta-vital-shot-energy-traube-guarana-bio-60-ml-20082">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biotta Vital Shot Energy Traube-Guarana Bio, 60 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6gel14pWlWC38a7LEmWfQt5KUqyu92TLPp4_PntenCgOFjiRiVUiq0v4xOWeYchrQgadWjyOJF4jkgCJgAfcxg" />
    <input value="20082" 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%3Fformat%3Dturbo_stream%26page%3D19">
    <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/sirocco-wellness-selection-tee-assortiert-bio-9-beutel-20096">
          <img alt="Sirocco Wellness Selection Tee assortiert Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10656/file/small-7ce1499ee6b0bee97239af6c7c897a92.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10656/file/medium-93351d980303147a20b98f01aeddea47.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10656/file/large-0c6476025404f9ec6dfb0ac14160dd56.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10656/file/medium-93351d980303147a20b98f01aeddea47.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">Sirocco</p>
          <a href="/products/sirocco-wellness-selection-tee-assortiert-bio-9-beutel-20096">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sirocco Wellness Selection Tee assortiert Bio, 9 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BTj0sWr8Un1ldFXg5FkrROdQaUwbMEpOU_OJyZ-RSB7hKWn3af_ltpl9P85oXXxtexymuolJCttO_7Z-ZMgI8A" />
    <input value="20096" 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%3Fformat%3Dturbo_stream%26page%3D19">
    <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/sirocco-tea-fruit-herbal-selection-bio-8-beutel-20097">
          <img alt="Sirocco Tea Fruit &amp; Herbal Selection Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10657/file/small-7f45ae33eba77d89d974d8577e85edc4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10657/file/medium-203b91c0a51a6cd75d61795a12a2af86.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10657/file/large-5d823522f79520bd45eb552a08777fc7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10657/file/medium-203b91c0a51a6cd75d61795a12a2af86.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">Sirocco</p>
          <a href="/products/sirocco-tea-fruit-herbal-selection-bio-8-beutel-20097">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sirocco Tea Fruit &amp; Herbal Selection Bio, 8 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4OIGGa869FSeTisQVP740Rfti8tT-Ljh06G87Bk1A_kE85tfrDlDn2JHQT7Y-q_4i6FEPcGB-HTOrYNb4mxDFw" />
    <input value="20097" 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%3Fformat%3Dturbo_stream%26page%3D19">
    <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/sirocco-tea-favorite-selection-bio-8-beutel-20098">
          <img alt="Sirocco Tea Favorite Selection Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10659/file/small-0ca589fd73c240f6b4f55d3f73b83fa1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10659/file/medium-69199959b1d75ecba97b075373bbdc10.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10659/file/large-4a53aeac137c716cb50ed59bd656be8b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10659/file/medium-69199959b1d75ecba97b075373bbdc10.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">Sirocco</p>
          <a href="/products/sirocco-tea-favorite-selection-bio-8-beutel-20098">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sirocco Tea Favorite Selection Bio, 8 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lOxsEsHalROKWqNjL-f9qo4IhHBEOzXLv7Q9WmFhxRJw_fFUwtki2HZTyU2j46qDEkRLhtZCdV6iuALtmjiF_A" />
    <input value="20098" 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%3Fformat%3Dturbo_stream%26page%3D19">
    <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/sonnentor-latte-kurkuma-ingwer-dose-bio-60-g-20103">
          <img alt="Sonnentor Latte Kurkuma Ingwer Dose Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10664/file/small-e02a197bcf7e9d97d2c26cf1811502c0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10664/file/medium-4b89a7673bb3c2c1460708c22fdf5114.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10664/file/large-be3e432cec3b6a2334eef633f1c14f09.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10664/file/medium-4b89a7673bb3c2c1460708c22fdf5114.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">Sonnentor</p>
          <a href="/products/sonnentor-latte-kurkuma-ingwer-dose-bio-60-g-20103">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sonnentor Latte Kurkuma Ingwer Dose Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.35
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nl0drnaHLXHXSTTY3ByX9cDPhpoU7-9GuIcn-YnzHAJ6TIDodYSauitAXvZQGMDcXINJbIaWr9OlixhOcqpc7A" />
    <input value="20103" 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%3Fformat%3Dturbo_stream%26page%3D19">
    <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/sonnentor-latte-kurkuma-ingwer-bio-60-g-20104">
          <img alt="Sonnentor Latte Kurkuma Ingwer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10666/file/small-05e5e9d66ad9d7b5b9a418efa4b7ed54.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10666/file/medium-dd5f327e5001deca9fb8b526d6bd8de6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10666/file/large-1ba811583df2e9d7ea87e12b7c430317.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10666/file/medium-dd5f327e5001deca9fb8b526d6bd8de6.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">Sonnentor</p>
          <a href="/products/sonnentor-latte-kurkuma-ingwer-bio-60-g-20104">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sonnentor Latte Kurkuma Ingwer Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.05
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pDr_AZ_adw8357BPwqQ8cIiZ5xdXFFwOaCEVCiD6G8ZAK2JHnNnAxMvu2mFOoGtZFNUo4cVtHJt1LSq926NbKA" />
    <input value="20104" 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%3Fformat%3Dturbo_stream%26page%3D19">
    <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/pukka-tea-kurkuma-aktiv-20x1-8g-bio-1-stuck-20111">
          <img alt="Pukka Tea Kurkuma Aktiv 20x1.8g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11195/file/small-c1560d7359fb9349ebd9624bb6ca587b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11195/file/medium-12b2a698948b4fdf50a8eee60068c630.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11195/file/large-52b4db5b105e32bf2d48df64877cea3d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11195/file/medium-12b2a698948b4fdf50a8eee60068c630.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">Pukka</p>
          <a href="/products/pukka-tea-kurkuma-aktiv-20x1-8g-bio-1-stuck-20111">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pukka Tea Kurkuma Aktiv 20x1.8g Bio, 1 Stück</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 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vO_BSF17UN96LWRmca3yp6ms89Gk29sVtELB7sHqr8NY_lwOXnjnFIYkDkj9qaWONeA8Jzaim4CpTv5ZOrPvLQ" />
    <input value="20111" 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">
      380 von 421 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/getranke-wein?format=turbo_stream&amp;page=20">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>