<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%3D21">
    <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/muca-vitalpilzgetrank-kakao-mischung-bio-125-g-20276">
          <img alt="Muca Vitalpilzgetränk Kakao Mischung Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10932/file/small-b85b8534b0ea4eb0494a61c6053b2b72.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10932/file/medium-352ad260b107b7669bffcd13bcca033c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10932/file/large-fc8af4af5234e189f053ab7bb3c01d99.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10932/file/medium-352ad260b107b7669bffcd13bcca033c.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">Muca</p>
          <a href="/products/muca-vitalpilzgetrank-kakao-mischung-bio-125-g-20276">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Muca Vitalpilzgetränk Kakao Mischung Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 32.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_8L0GJpCPypiCVYJ5hzaYKwzmmk8jrcE9C4PCm6H2HeflNEE6WpSEpZHRgPXJB_e5pyE_UGGza_VgZh8s3nFlA" />
    <input value="20276" 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%3D21">
    <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/muca-vitalpilzgetrank-kaffeealternative-mischung-bio-125-g-20277">
          <img alt="Muca Vitalpilzgetränk Kaffeealternative Mischung Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10933/file/small-a798420c939ce5a815e2d5263b1d64aa.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10933/file/medium-f4553f6330e5d8bab440ce828590c90d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10933/file/large-a631da3ea7c0160f96d49c995600d53d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10933/file/medium-f4553f6330e5d8bab440ce828590c90d.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">Muca</p>
          <a href="/products/muca-vitalpilzgetrank-kaffeealternative-mischung-bio-125-g-20277">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Muca Vitalpilzgetränk Kaffeealternative Mischung Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 32.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yBML-fAAeigRLvcNM4u74JXudVAPrA7k3uIuCihLvtyoRS7lgygXEOVg5wcCs35e30FrxHKkdE__Tbl89bWjPw" />
    <input value="20277" 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%3D21">
    <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/verzaschella-krauter-glasflasche-330-ml-20289">
          <img alt="Verzaschella Kräuter Glasflasche" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10940/file/small-6e6ff2712d07824df9eba50adeb00c6e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10940/file/medium-c06791f918da8008183862a1c8f742c6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10940/file/large-fb0f1fa59c633019232165123d7f8111.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10940/file/medium-c06791f918da8008183862a1c8f742c6.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">Verzaschella</p>
          <a href="/products/verzaschella-krauter-glasflasche-330-ml-20289">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Verzaschella Kräuter Glasflasche, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MSRP77pmCnFADGeecmh73Akv3YJS0VHnuzK5lrUf7FVRcmrzyU5nSbRCd5RDUL5iQ4DDFi_ZK0yanS7gaOHxtg" />
    <input value="20289" 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%3D21">
    <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/verzaschella-zitrone-glasflasche-330-ml-20290">
          <img alt="Verzaschella Zitrone Glasflasche" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10941/file/small-ae14779bd0c3754e2b14ac94b5f609c6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10941/file/medium-2d2f103f74aaf7455d3b6aaff4e8fca9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10941/file/large-83364effe333079f18df45d9549fe12f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10941/file/medium-2d2f103f74aaf7455d3b6aaff4e8fca9.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">Verzaschella</p>
          <a href="/products/verzaschella-zitrone-glasflasche-330-ml-20290">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Verzaschella Zitrone Glasflasche, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EyjBR2MJ9g25YB_WMYbzxAfYDwGtXjJPY8EWThxx5ARzfuRbECGbNU0uD9wAvjZ6TXcRldBWSORCboE4wY_55w" />
    <input value="20290" 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%3D21">
    <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/verzaschella-himbeere-glasflasche-330-ml-20291">
          <img alt="Verzaschella Himbeere Glasflasche" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10942/file/small-61839a439660db6121af1ebb7721c380.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10942/file/medium-113f6d7d51209e3a8828d260280f5387.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10942/file/large-a7bc8940e27a139729b26fb09e48229f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10942/file/medium-113f6d7d51209e3a8828d260280f5387.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">Verzaschella</p>
          <a href="/products/verzaschella-himbeere-glasflasche-330-ml-20291">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Verzaschella Himbeere Glasflasche, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gMM6EwIabkgp5uUnBx8U1rlafV7cultsHFGJXnEC-xnglR8PcTIDcN2o9S02J9Fo8_VjyqGyIcc9_h4orPzm-g" />
    <input value="20291" 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%3D21">
    <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/verzaschella-sport-petflasche-500-ml-20292">
          <img alt="Verzaschella Sport Petflasche" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10943/file/small-688b26ccf88f21ae6baa334ecaf146d7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10943/file/medium-af842b3ab8c35755486bc327e97d1d6d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10943/file/large-f62b94935f211f1d35cff835aa95f956.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10943/file/medium-af842b3ab8c35755486bc327e97d1d6d.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">Verzaschella</p>
          <a href="/products/verzaschella-sport-petflasche-500-ml-20292">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Verzaschella Sport Petflasche, 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-20292-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-emRKRcK-tceBedo6OfvQeptgA6NbuXIzyZad6GOb5SZv7Q1ZCKX7-pL92LZ3yr_oMKemvBmn2Puic0BfHBydw" />
    <input value="20292" 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%3D21">
    <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/pizzolato-moscato-7-5dl-bio-vegan-1-stuck-20335">
          <img alt="Pizzolato Moscato 7,5dl Bio vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11027/file/small-5a23643dc32151660c8bc4444ac8ee8b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11027/file/medium-4e518a0dcd9141ab779b82a4f1346041.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11027/file/large-0ac588bfbdc6663d53c37aec756fe8d5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11027/file/medium-4e518a0dcd9141ab779b82a4f1346041.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">Pizzolato</p>
          <a href="/products/pizzolato-moscato-7-5dl-bio-vegan-1-stuck-20335">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pizzolato Moscato 7,5dl Bio vegan, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MmuAUZCmqPS1-xLQpKdE--CcgFDhVdqkK-XZDFEJPIxSPaVN447FzEG1AtqVn4FFqjOexJxdoA8KSk56jPchbw" />
    <input value="20335" 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%3D21">
    <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/pizzolato-vino-spumante-bianco-extra-dry-7-5dl-bio-vegan-1-stuck-20336">
          <img alt="Pizzolato Vino Spumante Bianco Extra Dry 7,5dl Bio vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11026/file/small-b1ee3127439ccc0d27370563fafeb6a0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11026/file/medium-896f925491f4002dd3b4a5296eada6ff.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11026/file/large-7d9ec166c8c8492358d7e14782f6b40b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11026/file/medium-896f925491f4002dd3b4a5296eada6ff.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">Pizzolato</p>
          <a href="/products/pizzolato-vino-spumante-bianco-extra-dry-7-5dl-bio-vegan-1-stuck-20336">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pizzolato Vino Spumante Bianco Extra Dry 7,5dl Bio vegan, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="K4ev6kze0KlD42Q6bYA7fQ8LaZH-hnTlRWVHRJaIcPtL0Yr2P_a9kbetdDBcuP7DRaR3BYOODk5kytAyS3ZtGA" />
    <input value="20336" 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%3D21">
    <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/pizzolato-rose-spumante-extra-dry-7-5dl-bio-vegan-1-stuck-20337">
          <img alt="Pizzolato Rosé Spumante Extra Dry 7,5dl Bio vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11028/file/small-9e7a3dd1f2aacb06f5068cc57cf18127.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11028/file/medium-3306e32d8e4d39e3b18a3975e2e739f5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11028/file/large-4482c0132910915e90fd530c77a4281e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11028/file/medium-3306e32d8e4d39e3b18a3975e2e739f5.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">Pizzolato</p>
          <a href="/products/pizzolato-rose-spumante-extra-dry-7-5dl-bio-vegan-1-stuck-20337">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pizzolato Rosé Spumante Extra Dry 7,5dl Bio vegan, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ERXhcPvDUB9TayHKgvKuWAFz1_0Pmarl-OB88vPZyHRxQ8RsiOs9J6clMcCzymvmS9zJaXKR0E7ZT-uELifVlw" />
    <input value="20337" 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%3D21">
    <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/pizzolato-rose-spumante-extra-dry-bio-vegan-2-dl-20338">
          <img alt="Pizzolato Rosé Spumante Extra Dry Bio vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11029/file/small-8cfe5c34c23bbb214a983c2772bf2322.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11029/file/medium-cc41bec97b38b09affacfe76f5bcbc13.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11029/file/large-79852ae828fba05d07ffc676a888c9a0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11029/file/medium-cc41bec97b38b09affacfe76f5bcbc13.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">Pizzolato</p>
          <a href="/products/pizzolato-rose-spumante-extra-dry-bio-vegan-2-dl-20338">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pizzolato Rosé Spumante Extra Dry Bio vegan, 2 dl</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="N_91bh_Noauzpv40y7Bb132VtPwWisQUezpv5tXnCgNXqVBybOXMk0fo7j76iJ5pNzqqaGuCvr9alfiQCBkX4A" />
    <input value="20338" 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%3D21">
    <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/senftopf-winterzauber-sirup-250-ml-20347">
          <img alt="Senftopf Winterzauber Sirup" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11047/file/small-13084dba42ec812c7d4d36b2549c99a1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11047/file/medium-40dc0738bca2a453abc153cec23e2af0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11047/file/large-b8bcd75b7ea4b2d79147ac87a2e616f8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11047/file/medium-40dc0738bca2a453abc153cec23e2af0.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">Mönchaltorfer Huusgmachts</p>
          <a href="/products/senftopf-winterzauber-sirup-250-ml-20347">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Senftopf Winterzauber Sirup, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JOvVg9uxg1zqbWP8NiYQfqDHMKWPgaoeno8n1iVTKxdEvfCfqJnuZB4jc_YHHtXA6mguMfKJ0LW_ILCg-K029A" />
    <input value="20347" 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%3D21">
    <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/senftopf-holunderblutensirup-250-ml-20353">
          <img alt="Senftopf Holunderblütensirup" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11053/file/small-50a4e2c46a6349919e8163f3e176ed74.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11053/file/medium-93ce2a462404d5381db1c76eb075dfc2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11053/file/large-d771654e4934b65892f903e293ade5d1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11053/file/medium-93ce2a462404d5381db1c76eb075dfc2.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">Mönchaltorfer Huusgmachts</p>
          <a href="/products/senftopf-holunderblutensirup-250-ml-20353">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Senftopf Holunderblütensirup, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0t4HKJ6rWarzFcc3JQc5Lkq84Gu9_djIHs8RRLPI-xOyiCI07YM0kgdb1z0UP_yQABP-_8D1omM_YIYybjbm8A" />
    <input value="20353" 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%3D21">
    <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/senftopf-goldmelissen-sirup-250-ml-20354">
          <img alt="Senftopf Goldmelissen Sirup" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11054/file/small-6c293530817fef4a2c9b4611faa0dad2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11054/file/medium-18ed16d66901df9d268fd68c962bfe5c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11054/file/large-5b4758e86ab68162e741579f03e351e2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11054/file/medium-18ed16d66901df9d268fd68c962bfe5c.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">Mönchaltorfer Huusgmachts</p>
          <a href="/products/senftopf-goldmelissen-sirup-250-ml-20354">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Senftopf Goldmelissen Sirup, 250 ml</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 5.56 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qfACWMODNEz0EUPEkz-GdR3IDiK7jN3zvBzHkmLCXIjJpidEsKtZdABfU86iB0PLV2cQtsaEp1ids1DkvzxBaw" />
    <input value="20354" 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%3D21">
    <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/senftopf-himbeer-sirup-250-ml-20358">
          <img alt="Senftopf Himbeer Sirup" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11057/file/small-5025cfea3de46f0a88c7ab56056a941a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11057/file/medium-17bf5cc7232cf034d6a4045e3e1b3a6b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11057/file/large-15bbb565fafa0057d86cb7db40113d30.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11057/file/medium-17bf5cc7232cf034d6a4045e3e1b3a6b.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">Mönchaltorfer Huusgmachts</p>
          <a href="/products/senftopf-himbeer-sirup-250-ml-20358">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Senftopf Himbeer Sirup, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6j91KALO5od4tmMV_cIkT3YNPTHjI8XM85Wkm6sSG36KaVA0ceaLv4z4cx_M-uHxPKIjpZ4rv2fSOjPtduwGnQ" />
    <input value="20358" 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%3D21">
    <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/rotwein-vinnocence-merlot-alkoholfrei-750-ml-20374">
          <img alt="Rotwein Vinnocence Merlot alkoholfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11075/file/small-6016be4fff9b0265b9015b6e0e5a4218.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11075/file/medium-126c3ecbe347dd8d9ca03fadbb5e5562.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11075/file/large-d3514a511c79a1dc7197c9ed80fa53c7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11075/file/medium-126c3ecbe347dd8d9ca03fadbb5e5562.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">Küferweg</p>
          <a href="/products/rotwein-vinnocence-merlot-alkoholfrei-750-ml-20374">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rotwein Vinnocence Merlot alkoholfrei, 750 ml</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.45 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RpDK3Wm2gxEEmhOaCrm_IhAYegUM06iHs8hy150RUqAmxu_BGp7uKfDUA5A7gXqcWrdkkXHb0iySZ-WhQO9PQw" />
    <input value="20374" 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%3D21">
    <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/yogi-tee-salted-caramel-teebeutel-bio-17-stuck-20377">
          <img alt="Yogi Tee Salted Caramel Teebeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11078/file/small-bd5a2fd468b011ad861209bcdc602433.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11078/file/medium-f7d8a0d114bfc70fe618bf3b358113ba.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11078/file/large-f574dcf84070f88ce1c59bda756c2fed.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11078/file/medium-f7d8a0d114bfc70fe618bf3b358113ba.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">Yogi</p>
          <a href="/products/yogi-tee-salted-caramel-teebeutel-bio-17-stuck-20377">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Yogi Tee Salted Caramel Teebeutel Bio, 17 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Qc7SktBbWbOqcqVR4zLHQ0rRczSSml2gRr-j--9i_ZIhmPeOo3M0i148tVvSCgL9AH5toO-SJwtnEDSNMpzgcQ" />
    <input value="20377" 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%3D21">
    <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/weisswein-giancarlo-ceci-almagia-bianco-7-5dl-demeter-1-stuck-20468">
          <img alt="Weisswein Giancarlo Ceci Almagia Bianco 7.5dl Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11188/file/small-d659cca8f4ee8392a525ac36f3b66ed5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11188/file/medium-b01e5463de574c3ab163d76f25b165b7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11188/file/large-0608abfd138109a1c7a6200217c570ff.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11188/file/medium-b01e5463de574c3ab163d76f25b165b7.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">Giancarlo Ceci</p>
          <a href="/products/weisswein-giancarlo-ceci-almagia-bianco-7-5dl-demeter-1-stuck-20468">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Weisswein Giancarlo Ceci Almagia Bianco 7.5dl Demeter, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aS1CgHjH88TPWxHVIk-Zzs7nVCNssmJt7QrK3gKSjd8Je2ecC--e_DsVAd8Td1xwhEhKtxG6GMbMpV2o32yQPA" />
    <input value="20468" 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%3D21">
    <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/rosewein-giancarlo-ceci-almagia-rosato-7-5dl-demeter-1-stuck-20469">
          <img alt="Roséwein Giancarlo Ceci Almagia Rosato 7.5dl Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11189/file/small-e05e33e2fc509fd5dacccc757c4acc56.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11189/file/medium-1da99a2220721843b9bbea57ee30ffff.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11189/file/large-da5f3b208c56eacf13f78bf05a9e3bfb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11189/file/medium-1da99a2220721843b9bbea57ee30ffff.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">Giancarlo Ceci</p>
          <a href="/products/rosewein-giancarlo-ceci-almagia-rosato-7-5dl-demeter-1-stuck-20469">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Roséwein Giancarlo Ceci Almagia Rosato 7.5dl Demeter, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tdG7taIODJWyyMlOT9S3XdGAppQ3t3S_qIQiMTGvKlHVh56p0SZhrUaG2UR-7HLjmy-4AEq_DhSJK7VH7FE3sg" />
    <input value="20469" 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%3D21">
    <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/rotwein-giancarlo-ceci-almagia-rosso-7-5dl-demeter-1-stuck-20470">
          <img alt="Rotwein Giancarlo Ceci Almagia Rosso 7.5dl Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11190/file/small-1faf990abd9c9c206c7b7f57a13480fd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11190/file/medium-b1419614f0b40eb090d0a9a89c553f25.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11190/file/large-6282f9151c549d1c0453af7c81b31b63.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11190/file/medium-b1419614f0b40eb090d0a9a89c553f25.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">Giancarlo Ceci</p>
          <a href="/products/rotwein-giancarlo-ceci-almagia-rosso-7-5dl-demeter-1-stuck-20470">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rotwein Giancarlo Ceci Almagia Rosso 7.5dl Demeter, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6yT9gIsHz5y8ADXfPox6vj-Y-hBBHL91wO-JtnKz_peLctic-C-ipEhOJdUPtL8AdTfkhDwUxd7hQB7Ar03jdA" />
    <input value="20470" 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%3D21">
    <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/sparkteez-sprudeltee-prickelnd-alkoholfrei-750-ml-20497">
          <img alt="Sparkteez Sprudeltee prickelnd alkoholfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11228/file/small-cebb9effff75351f71854940b5b369f9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11228/file/medium-67dcf76f1e51c9f7da44477815ca497e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11228/file/large-a55deb7027267af7239d2470be469e4d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11228/file/medium-67dcf76f1e51c9f7da44477815ca497e.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">Sparkteez</p>
          <a href="/products/sparkteez-sprudeltee-prickelnd-alkoholfrei-750-ml-20497">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sparkteez Sprudeltee prickelnd alkoholfrei, 750 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.50
            </p>

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

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

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

</template></turbo-stream>