<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="/de/signup?return_to=%2Fde%2Fcategories%2Fgetranke-wein%2Fsafte-sussgetranke%3Fformat%3Dturbo_stream%26page%3D3">
    <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="/de/products/vital-antioxidant-bio-500-ml-18324">
          <img alt="Vital Antioxidant Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9182/file/small-9a03798dd019bb918964c822fbd4b9fe.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9182/file/medium-6ad613d17a3a521ca130339e63b785b2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9182/file/large-aca3f72fc292121159103691c2f0c074.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9182/file/medium-6ad613d17a3a521ca130339e63b785b2.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="/de/products/vital-antioxidant-bio-500-ml-18324">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vital Antioxidant Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.85
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DFD8UYM6UsolgO5hjJvwtS7JJG-Fkqo5cqDhZnNAS7IuiHb32rs2EP7f60iUU5elOjDt8yV_zdIYNp1WAluJ9Q" />
    <input value="18324" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fgetranke-wein%2Fsafte-sussgetranke%3Fformat%3Dturbo_stream%26page%3D3">
    <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="/de/products/vital-digest-bio-500-ml-18325">
          <img alt="Vital Digest Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9183/file/small-96ac98ff8a02169caf71474beb5ce40f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9183/file/medium-db44f3e22d49cf04ae0efbb5413c6394.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9183/file/large-6a009abd9b2ec60fb6dd439fbb28f61d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9183/file/medium-db44f3e22d49cf04ae0efbb5413c6394.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="/de/products/vital-digest-bio-500-ml-18325">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vital Digest Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pXAL9pOxvTikgo4R-hXI3pWIT5uK8dk8CFjj-dmwMkCHqIFQyjDZ4n_dizji3a_OgXGGByocvtdizp_JqKvwBw" />
    <input value="18325" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fgetranke-wein%2Fsafte-sussgetranke%3Fformat%3Dturbo_stream%26page%3D3">
    <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="/de/products/vital-immun-bio-500-ml-18326">
          <img alt="Vital Immun Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9185/file/small-83106ef23d15f90f262d99877aa2c204.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9185/file/medium-2754d26ba91f4667c420a785cdbbe077.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9185/file/large-22d67467dd82aa028a5888e80597ceb0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9185/file/medium-2754d26ba91f4667c420a785cdbbe077.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="/de/products/vital-immun-bio-500-ml-18326">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vital Immun Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.85
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bL5yvZfhBolof-KLbRZv1WR6N-QuRtqsdPRFggKdFotOZvgbzmBiU7Mg56J13gjFcIP-eI6rvUceYjmyc4bUzA" />
    <input value="18326" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fgetranke-wein%2Fsafte-sussgetranke%3Fformat%3Dturbo_stream%26page%3D3">
    <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="/de/products/vital-kartoffelsaft-bio-500-ml-18327">
          <img alt="Vital Kartoffelsaft Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9186/file/small-0cb252666701e66e5e61ba6812036eef.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9186/file/medium-1911d4584ca01567968285a725d42a6a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9186/file/large-b77dd0c6f339266263960cc3e9bed103.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9186/file/medium-1911d4584ca01567968285a725d42a6a.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="/de/products/vital-kartoffelsaft-bio-500-ml-18327">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vital Kartoffelsaft Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BtOVM4ILM-oe0YJjNVyT1MkY6jM80tXqeixqpUt-s_4kCx-V24pXMMWOh0otlPTE3eEjr5w_sgEQuhaVOmVxuQ" />
    <input value="18327" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div 
       class="border-gray-200 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="/de/signup?return_to=%2Fde%2Fcategories%2Fgetranke-wein%2Fsafte-sussgetranke%3Fformat%3Dturbo_stream%26page%3D3">
    <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="/de/products/vital-sauerkrautsaft-bio-500-ml-18328">
          <img alt="Vital Sauerkrautsaft Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9187/file/small-c4ca72f385539659e0a1268dcecc96bf.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9187/file/medium-85f27fcdf38cfe9c6adab53aa3dce481.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9187/file/large-6c118626e03951050b606b24e7bb17dc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9187/file/medium-85f27fcdf38cfe9c6adab53aa3dce481.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="/de/products/vital-sauerkrautsaft-bio-500-ml-18328">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vital Sauerkrautsaft Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.35
            </p>

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

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

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

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


  

  <div 
       class="border-gray-200  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="/de/signup?return_to=%2Fde%2Fcategories%2Fgetranke-wein%2Fsafte-sussgetranke%3Fformat%3Dturbo_stream%26page%3D3">
    <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="/de/products/vital-shot-ingwer-bio-60-ml-18329">
          <img alt="Vital Shot 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/9674/file/small-ed7b263517d00b5e6d6541fb27ee4d8e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9674/file/medium-35bc38060a2f9ccf18fecf54041004a7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9674/file/large-c630589c93575098d2e9cb92c844310d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9674/file/medium-35bc38060a2f9ccf18fecf54041004a7.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="/de/products/vital-shot-ingwer-bio-60-ml-18329">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vital Shot Ingwer Bio, 60 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.25
            </p>

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

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

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

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


  

  <div 
       class="border-gray-200 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="/de/signup?return_to=%2Fde%2Fcategories%2Fgetranke-wein%2Fsafte-sussgetranke%3Fformat%3Dturbo_stream%26page%3D3">
    <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="/de/products/wald-heidelbeeren-bio-500-ml-18330">
          <img alt="Wald Heidelbeeren Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9188/file/small-ba608b6c68b7f277d80824ad1f47cf72.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9188/file/medium-2eec162967558af8a699857f7a38a148.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9188/file/large-999163121082d4043de49989af7546b2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9188/file/medium-2eec162967558af8a699857f7a38a148.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="/de/products/wald-heidelbeeren-bio-500-ml-18330">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wald Heidelbeeren Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.20
            </p>

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

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

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

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


  

  <div 
       class="border-gray-200  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="/de/signup?return_to=%2Fde%2Fcategories%2Fgetranke-wein%2Fsafte-sussgetranke%3Fformat%3Dturbo_stream%26page%3D3">
    <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="/de/products/cocoswasser-1-l-18463">
          <img alt="Cocoswasser" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10200/file/small-00af2265a6ce82654d9b59764ac4ea87.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10200/file/medium-c901732555dde07c5754653a50330a1f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10200/file/large-e9c1575299b83713ea1b5cf3cc2f8154.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10200/file/medium-c901732555dde07c5754653a50330a1f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Dr. Martins</p>
          <a href="/de/products/cocoswasser-1-l-18463">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cocoswasser, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GecRVe3GbJtGc8BhDgsV5jBoKMF1PcmZtWMpcLzzRZQ7P5vztEcIQZ0sxUgWw3L2JJHhXdXQrnLf9VVAzeiH0w" />
    <input value="18463" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fgetranke-wein%2Fsafte-sussgetranke%3Fformat%3Dturbo_stream%26page%3D3">
    <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="/de/products/alpen-yodl-energy-drink-bio-250-ml-18544">
          <img alt="Alpen Yodl Energy Drink Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9214/file/small-85ab2fc3c81733223c98771642df4f16.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9214/file/medium-cc12e40a3b24288d93795788272db50f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9214/file/large-5bdaa8372546f13eb25f6cf1908a9868.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9214/file/medium-cc12e40a3b24288d93795788272db50f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Holderhof</p>
          <a href="/de/products/alpen-yodl-energy-drink-bio-250-ml-18544">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Alpen Yodl Energy Drink Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="t9qZXwWclfohEA9ovC7VCc6hNfqgZQSRVgWotY8ygSaVAhP5XB3xIPpPCkGk5rIZ2lj8ZgCIY3o8k9SF_ilDYQ" />
    <input value="18544" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fgetranke-wein%2Fsafte-sussgetranke%3Fformat%3Dturbo_stream%26page%3D3">
    <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="/de/products/limonade-grapefruit-bio-500-ml-18545">
          <img alt="Limonade Grapefruit Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11371/file/small-b5be030df947253432098b21337aff7f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11371/file/medium-f6f1b719785f0fcc4eb0dae76569fde4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11371/file/large-e5cec2c1bb98582274c5f34ef30c65fb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11371/file/medium-f6f1b719785f0fcc4eb0dae76569fde4.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Holderhof</p>
          <a href="/de/products/limonade-grapefruit-bio-500-ml-18545">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Limonade Grapefruit Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HTfO8hVvyQK4k18HF4n9eO-sxgi6nxxNpCAGbyYkL8s_70RUTO6t2GPMWi4PQZpo-1UPlBpye6bOtnpfVz_tjA" />
    <input value="18545" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fgetranke-wein%2Fsafte-sussgetranke%3Fformat%3Dturbo_stream%26page%3D3">
    <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="/de/products/limonade-holunderbluten-bio-500-ml-18546">
          <img alt="Limonade Holunderblüten Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11374/file/small-23d18f4489ec5f52dc1abd63d2638e3a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11374/file/medium-744dcbda90ca3c367a93665fdf52d7d9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11374/file/large-9b77289b47dfa4d8fee725e16f376e15.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11374/file/medium-744dcbda90ca3c367a93665fdf52d7d9.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Holderhof</p>
          <a href="/de/products/limonade-holunderbluten-bio-500-ml-18546">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Limonade Holunderblüten Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6JhST-p4_qF-hDEEdHnU9IrxoiK11bGJQHNngJjhHk_KQNjps_mae6XbNC1ssbPknghrvhU41mIq5Ruw6frcCA" />
    <input value="18546" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fgetranke-wein%2Fsafte-sussgetranke%3Fformat%3Dturbo_stream%26page%3D3">
    <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="/de/products/schorle-apfel-himbeer-bio-500-ml-18547">
          <img alt="Schorle Apfel Himbeer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9215/file/small-abebaa0b413dcf58f49b1963e7aed002.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9215/file/medium-e6c76332d79ff2dc7257c199159d34c1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9215/file/large-7b13cce3e70b2542319bd8c30887ddd3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9215/file/medium-e6c76332d79ff2dc7257c199159d34c1.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Holderhof</p>
          <a href="/de/products/schorle-apfel-himbeer-bio-500-ml-18547">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schorle Apfel Himbeer Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Tvy0QjMVNFgMmyKfvlYXZuyMBwBjdbTf071-L24JiaJsJD7kapRQgtfEJ7amnnB2-HXOnMOY0zS5KwIfHxJL5Q" />
    <input value="18547" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fgetranke-wein%2Fsafte-sussgetranke%3Fformat%3Dturbo_stream%26page%3D3">
    <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="/de/products/lesirupier-besser-als-punch-700-ml-18579">
          <img alt="LeSirupier Besser als Punch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10958/file/small-c98b7ed03184b426d4026c895152223e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10958/file/medium-f44d0608f6d5a38421a95104059909e6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10958/file/large-6886a52558f4ac9b1d09335a945d6642.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10958/file/medium-f44d0608f6d5a38421a95104059909e6.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">LeSirupierDeBerne</p>
          <a href="/de/products/lesirupier-besser-als-punch-700-ml-18579">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LeSirupier Besser als Punch, 700 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VyUi28VO1ac3RQJwBHG0-9AYgruwZ2i4MbbHC0X3wUB1_ah9nM-xfewaB1kcudPrxOFLJxCKD1NbILs7NOwDBw" />
    <input value="18579" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fgetranke-wein%2Fsafte-sussgetranke%3Fformat%3Dturbo_stream%26page%3D3">
    <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="/de/products/lesirupier-besser-als-ystee-350-ml-18580">
          <img alt="LeSirupier Besser als Ystee" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10184/file/small-8dfa460df98345a4ba8298f9b408ab28.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10184/file/medium-28ed08ed12e20310a6dc0647bf348543.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10184/file/large-d7f62b10dd7368653743768cd01f8139.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10184/file/medium-28ed08ed12e20310a6dc0647bf348543.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">LeSirupierDeBerne</p>
          <a href="/de/products/lesirupier-besser-als-ystee-350-ml-18580">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LeSirupier Besser als Ystee, 350 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Auy3vvgYpokTOjE94PVMMEkGyRpq18ee500nUXpPNQUgND0YoZnCU8hlNBT4PSsgXf8Ahso6oHWN21thC1T3Qg" />
    <input value="18580" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fgetranke-wein%2Fsafte-sussgetranke%3Fformat%3Dturbo_stream%26page%3D3">
    <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="/de/products/lesirupier-besser-als-ystee-700-ml-18581">
          <img alt="LeSirupier Besser als Ystee" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10183/file/small-586926ec4d98896e9b030070b9abcd9b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10183/file/medium-78b8fa9483f7c1a5d269b223a77dc6b5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10183/file/large-f22635afc4e95c9ac8cec7ff2e27368a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10183/file/medium-78b8fa9483f7c1a5d269b223a77dc6b5.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">LeSirupierDeBerne</p>
          <a href="/de/products/lesirupier-besser-als-ystee-700-ml-18581">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LeSirupier Besser als Ystee, 700 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SWUlgqCTfT7aIS_IUO1f9Vhmst-cZUxzUu9-DT7tp6Vrva8k-RIZ5AF-KuFIJTjlTJ97QzyIK5g4eQI9T_Zl4g" />
    <input value="18581" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fgetranke-wein%2Fsafte-sussgetranke%3Fformat%3Dturbo_stream%26page%3D3">
    <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="/de/products/lesirupier-bluemli-350-ml-18582">
          <img alt="LeSirupier Blüemli" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10190/file/small-49feabc243965c2ffec20a3ed6ba1074.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10190/file/medium-2e7b703b2bf42fdc00075f8aa0b60558.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10190/file/large-e9b80022c5152e8cedb60c4386aaad6c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10190/file/medium-2e7b703b2bf42fdc00075f8aa0b60558.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">LeSirupierDeBerne</p>
          <a href="/de/products/lesirupier-bluemli-350-ml-18582">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LeSirupier Blüemli, 350 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GcSlbCu7TN5Wo3uz_-cU5U2_uDPAKU4JNL2a4mjNIgQ7HC_KcjooBI38fprnL3P1WUZxr2DEKeJeK-bSGdbgQw" />
    <input value="18582" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fgetranke-wein%2Fsafte-sussgetranke%3Fformat%3Dturbo_stream%26page%3D3">
    <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="/de/products/lesirupier-bluemli-700-ml-18583">
          <img alt="LeSirupier Blüemli" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10951/file/small-d104ef166b91e1217eaf7eb90cd9254d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10951/file/medium-848fedaae18cfd253c1a49f0d42c855a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10951/file/large-424db9b0c71289723160146c80b7e3d7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10951/file/medium-848fedaae18cfd253c1a49f0d42c855a.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">LeSirupierDeBerne</p>
          <a href="/de/products/lesirupier-bluemli-700-ml-18583">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LeSirupier Blüemli, 700 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.10
            </p>

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

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

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

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


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fgetranke-wein%2Fsafte-sussgetranke%3Fformat%3Dturbo_stream%26page%3D3">
    <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="/de/products/lesirupier-granatapfel-350-ml-18584">
          <img alt="LeSirupier Granatapfel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10185/file/small-e9e07d5b232081bd63259bb59d83c7b5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10185/file/medium-dd6f24702dd8a614dd8dbab3e574db8b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10185/file/large-cfa81abcc4fbbfcb9c0ce29a1d3e656f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10185/file/medium-dd6f24702dd8a614dd8dbab3e574db8b.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">LeSirupierDeBerne</p>
          <a href="/de/products/lesirupier-granatapfel-350-ml-18584">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LeSirupier Granatapfel, 350 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TnY7FwSMsR-2HUd0Cv1GwXS2Y9vQHzvhzmkU152bz7xsrrGxXQ3VxW1CQl0SNSHRYE-qR3DyXAqk_2jn7IAN-w" />
    <input value="18584" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fgetranke-wein%2Fsafte-sussgetranke%3Fformat%3Dturbo_stream%26page%3D3">
    <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="/de/products/lesirupier-granatapfel-700-ml-18585">
          <img alt="LeSirupier Granatapfel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10186/file/small-7a38d6ea13bec4d9d92c89ba0f8464b7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10186/file/medium-a2e1531e39669a47e57c14a596878615.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10186/file/large-ffc7f7a281d373f4e628977032b29f0a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10186/file/medium-a2e1531e39669a47e57c14a596878615.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">LeSirupierDeBerne</p>
          <a href="/de/products/lesirupier-granatapfel-700-ml-18585">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LeSirupier Granatapfel, 700 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.10
            </p>

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

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

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

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


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fgetranke-wein%2Fsafte-sussgetranke%3Fformat%3Dturbo_stream%26page%3D3">
    <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="/de/products/lesirupier-holunderbluten-350-ml-18586">
          <img alt="LeSirupier Holunderblüten" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10189/file/small-0060c52c680b2d81219369c3400ae8dd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10189/file/medium-fc8cfa6a1719a7d81f54324382c89d63.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10189/file/large-9dbd7305a15e223eec4a95d88eab07e7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10189/file/medium-fc8cfa6a1719a7d81f54324382c89d63.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">LeSirupierDeBerne</p>
          <a href="/de/products/lesirupier-holunderbluten-350-ml-18586">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LeSirupier Holunderblüten, 350 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.20
            </p>

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

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

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

</template></turbo-stream>