<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%3D20">
    <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/lesirupier-elfen-700-ml-20115">
          <img alt="LeSirupier Elfen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10891/file/small-080f3395c53e84c297b20479e0e94075.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10891/file/medium-11becf0c45624df97e9ff2145167c36c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10891/file/large-7d07d8865b5fa966207e5d870f8a47d8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10891/file/medium-11becf0c45624df97e9ff2145167c36c.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="/products/lesirupier-elfen-700-ml-20115">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LeSirupier Elfen, 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-20115-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5zYYU1WULTqItRtP8T6WeKmg-LUsbGDsV2mPN3O5RM_tGUTXCqY49wtblcp0w5g55R4c5Ee-H24MKJlP2gSbmQ" />
    <input value="20115" 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%3D20">
    <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/nkw-eichelkaffee-bio-190-g-20125">
          <img alt="NKW Eichelkaffee Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10684/file/small-0bdb4bddcca3044db7b953be040498d0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10684/file/medium-905d67d126614f73e03b8e99003b2510.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10684/file/large-3ef958d39f622cf0df559461880c60ed.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10684/file/medium-905d67d126614f73e03b8e99003b2510.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">NKW</p>
          <a href="/products/nkw-eichelkaffee-bio-190-g-20125">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">NKW Eichelkaffee Bio, 190 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Fwa_sUS9DXModKHDJu3Gg0oXTzkdbyXYGDJjAuUbJYIdKeM1G48YvquaL0ajEMjCBqmraHa9WlpDc3V6TKb61A" />
    <input value="20125" 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%3D20">
    <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-tulsi-gelassenheit-teebeutel-bio-17-stuck-20134">
          <img alt="Yogi Tee Tulsi Gelassenheit 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/10693/file/small-d9949d6a68747418af37e9a4afd26c26.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10693/file/medium-406d9ce770fc48cdef43b33bc3d3259b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10693/file/large-aa152775cda5da6bc1f8a7fe856c2a7b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10693/file/medium-406d9ce770fc48cdef43b33bc3d3259b.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-tulsi-gelassenheit-teebeutel-bio-17-stuck-20134">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Yogi Tee Tulsi Gelassenheit Teebeutel Bio, 17 Stück</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.29 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="N73xNyTebs3Zx0Qqf9bymc5nF7i3D7avITQRytlAepM9kq2ze-x7AFopyq_6K_zYgtnz6dzdyS16dQeycP2lxQ" />
    <input value="20134" 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%3D20">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/hampstead-schwarztee-first-flush-offen-demeter-100-g-20138">
          <img alt="Hampstead Schwarztee First Flush offen Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10705/file/small-d5834bbbd8214f64ca76b14d3b006b2c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10705/file/medium-f70a427f065a9c860f81c2e40e8a516f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10705/file/large-86e7a96548ca854541926b262b6bbd84.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10705/file/medium-f70a427f065a9c860f81c2e40e8a516f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Hampstead</p>
          <a href="/products/hampstead-schwarztee-first-flush-offen-demeter-100-g-20138">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hampstead Schwarztee First Flush offen Demeter, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZW2RRffT71t3fDlnX3Yf7_n26A-9UJAyR1WBJxBRtAZvQs3BqOH6lvSSt-LaixGutUgMXtaC77AcFJdfuexrUA" />
    <input value="20138" 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%3D20">
    <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/jamuh-indonesisches-getrank-bio-250-ml-20149">
          <img alt="Jamuh indonesisches Getränk Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10715/file/small-437ca56c0f189df4cc072a13f1482433.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10715/file/medium-e6385a4ca20492aaeb84bbf816af37ae.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10715/file/large-b85c0bfa7162af58151b48175d0745ae.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10715/file/medium-e6385a4ca20492aaeb84bbf816af37ae.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">Jamuh</p>
          <a href="/products/jamuh-indonesisches-getrank-bio-250-ml-20149">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Jamuh indonesisches Getränk Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="y-NpUxec-1HRlzGhsBib0O9mpOtw6eE7IOmAK8kuo67BzDXXSK7unFJ5vyQ15ZWRo9hAuhs7nrl7qJZTYJN8-A" />
    <input value="20149" 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%3D20">
    <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/taucherli-trinkschokolade-chai-bio-35-g-20159">
          <img alt="Taucherli Trinkschokolade Chai Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10725/file/small-6de31695a3da41efe824785eece3b685.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10725/file/medium-35435b9b05449228a49f0b62036a2af1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10725/file/large-5631c87167b2c27da535036987688611.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10725/file/medium-35435b9b05449228a49f0b62036a2af1.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">Taucherli</p>
          <a href="/products/taucherli-trinkschokolade-chai-bio-35-g-20159">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Taucherli Trinkschokolade Chai Bio, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GhpdHvSK7qixzq8yagFRdkzdqLGl61v1U24PLXBuiQ4QNQGaq7j7ZTIgIbfv_F83AGNM4M45JHcILxlV2dNWWA" />
    <input value="20159" 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%3D20">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/sirocco-tea-grand-selection-bio-36-beutel-20172">
          <img alt="Sirocco Tea Grand Selection Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10738/file/small-2fcca44b6ec63313e97b902104e16972.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10738/file/medium-869690744f47837045e8e30cbeb8bad1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10738/file/large-abb78c1cbf970e8a7a85cb6db6acfa8a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10738/file/medium-869690744f47837045e8e30cbeb8bad1.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sirocco</p>
          <a href="/products/sirocco-tea-grand-selection-bio-36-beutel-20172">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sirocco Tea Grand Selection Bio, 36 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 39.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2orcg-cx0NYt0M-QuYUwc6xtKa3nIPY1AeCvBpIyE4LQpYAHuAPFG64-QRU8eD4y4NPN_Izyibdaobl-O4_M1A" />
    <input value="20172" 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%3D20">
    <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/mounthagen-papua-neuguinea-kaffee-instant-bio-fairtrade-100-g-20181">
          <img alt="MountHagen Papua Neuguinea Kaffee instant Bio Fairtrade" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10818/file/small-568d544ff058824427e73b2d1a879646.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10818/file/medium-33f5e2e3a0ecf4b7426fe322b79409d5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10818/file/large-7c031bca10a3b416be8bb5267e0aff59.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10818/file/medium-33f5e2e3a0ecf4b7426fe322b79409d5.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">MountHagen</p>
          <a href="/products/mounthagen-papua-neuguinea-kaffee-instant-bio-fairtrade-100-g-20181">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">MountHagen Papua Neuguinea Kaffee instant Bio Fairtrade, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uTLrn2mKOgT7YZxSN9S1KVHY-1raJzLX5EY4-61fbsezHbcbNrgvyXiPEteyKbtoHWYfC7H1TVW_By6DBOKxkQ" />
    <input value="20181" 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%3D20">
    <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/bluefarm-haferdrink-pulver-cappuccino-oat-latte-bio-vegan-24-g-20197">
          <img alt="BlueFarm Haferdrink Pulver Cappuccino Oat Latte 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/10834/file/small-34e565b5a07a336e8aed28c94676cb62.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10834/file/medium-494ba492083c944bc138c7819e340047.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10834/file/large-7036349fd3c93b45c729e0e07a4bea47.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10834/file/medium-494ba492083c944bc138c7819e340047.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">BlueFarm</p>
          <a href="/products/bluefarm-haferdrink-pulver-cappuccino-oat-latte-bio-vegan-24-g-20197">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">BlueFarm Haferdrink Pulver Cappuccino Oat Latte Bio vegan, 24 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UwI3ub8kGseNkev4GGt91zVadIcQAWqaG0LzC7MWsDJZLWs94BYPCg5_ZX2dlnOWeeSQ1nvTFRhAA-VzGqtvZA" />
    <input value="20197" 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%3D20">
    <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/bluefarm-haferdrink-pulver-chai-oat-latte-bio-vegan-24-g-20198">
          <img alt="BlueFarm Haferdrink Pulver Chai Oat Latte 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/11265/file/small-c3dd6fb165c4ba9d9313c0ace04380ee.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11265/file/medium-52b29f66e213002178dfa0bf31527ff2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11265/file/large-f71e857bd6ebc7047b4a6eedce49ff08.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11265/file/medium-52b29f66e213002178dfa0bf31527ff2.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">BlueFarm</p>
          <a href="/products/bluefarm-haferdrink-pulver-chai-oat-latte-bio-vegan-24-g-20198">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">BlueFarm Haferdrink Pulver Chai Oat Latte Bio vegan, 24 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WWtu8Mi3xNU8YxMbdVrQY7FXcV82BUfTLPdU9cOO309TRDJ0l4XRGL-NnZ7wp94i_emVDl3XOFF3tkKNajMAGQ" />
    <input value="20198" 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%3D20">
    <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/kaffa-wildkaffee-decaffeinato-bohnen-bio-fairtrade-220-g-20207">
          <img alt="Kaffa Wildkaffee Decaffeinato Bohnen Bio fairtrade" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10848/file/small-0efb93dd4b3255f626fec1162afa92a4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10848/file/medium-ed8d86a1df4dda5c3c547ed95d977dea.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10848/file/large-c784293b7581ef384c8e1ce928a74a9e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10848/file/medium-ed8d86a1df4dda5c3c547ed95d977dea.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">Kaffa</p>
          <a href="/products/kaffa-wildkaffee-decaffeinato-bohnen-bio-fairtrade-220-g-20207">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kaffa Wildkaffee Decaffeinato Bohnen Bio fairtrade, 220 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wTejvpeoWj0gV2sgN4A2fQnjj_96KX7fUM3ui1CwZz7LGP86yJpP8KO55aWyfTg8RV1rrhH7AV0LjPjz-Q24aA" />
    <input value="20207" 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%3D20">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/pukka-tea-drei-fenchel-20x1-8g-bio-1-stuck-20213">
          <img alt="Pukka Tea Drei Fenchel 20x1.8g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10854/file/small-9554a5d598e914aee1d17f4458f65357.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10854/file/medium-b469878f25a1db5288cccb9d57476523.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10854/file/large-796aae8297cca3a8258ad78452ee5e00.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10854/file/medium-b469878f25a1db5288cccb9d57476523.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Pukka</p>
          <a href="/products/pukka-tea-drei-fenchel-20x1-8g-bio-1-stuck-20213">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pukka Tea Drei Fenchel 20x1.8g Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.25
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OmswIUJT14yAIn62zDCaR-zRErEqyDw0dU28ia4ARiIwRGylHWHCQQPM8DNJzZQGoG_24EEaQ7YuDKrxB72ZdA" />
    <input value="20213" 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%3D20">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/sonnentor-tschin-tschin-sirup-bio-500-ml-20214">
          <img alt="Sonnentor Tschin Tschin Sirup Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10855/file/small-e24b4a810d86311292d6ac7a2ba7e0cd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10855/file/medium-21e5f5063e225a6d874b62e90e6c62ac.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10855/file/large-89483fa686ce347e5b47ae9d6956e634.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10855/file/medium-21e5f5063e225a6d874b62e90e6c62ac.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/sonnentor-tschin-tschin-sirup-bio-500-ml-20214">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sonnentor Tschin Tschin Sirup Bio, 500 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 2.58 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1Onsx_2_E5w3VLGolekmfPfpOTu3ejWuYhNdvZQolQ3exrBDoo0GUbS6Py0QFCg9u1fdatyoSiw5UkvFPZVKWw" />
    <input value="20214" 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%3D20">
    <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/chalira-alpenwald-tee-bio-100-g-20227">
          <img alt="Chalira Alpenwald Tee Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10868/file/small-f537369bbf3edae4bf2b906e68efbc5f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10868/file/medium-4298c438fe14fec3cd2d1d02ec7df36d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10868/file/large-5167f4634e8b24f35c8bdcaade421e9e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10868/file/medium-4298c438fe14fec3cd2d1d02ec7df36d.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">Chalira</p>
          <a href="/products/chalira-alpenwald-tee-bio-100-g-20227">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chalira Alpenwald Tee Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Jyb8YRRBHed34bwSyKy10smTex-Va9SlRyzWsMmw5sYtCaDlS3MIKvQPMpdNUbuThS2fTv65qyccbcDIYA05kA" />
    <input value="20227" 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%3D20">
    <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/chalira-silberkelch-tee-bio-60-g-20228">
          <img alt="Chalira Silberkelch Tee Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10869/file/small-d65cdd5d76da34eadfc40ac5bf6bd35e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10869/file/medium-4b7b18c8a4590fb730827af69ace0025.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10869/file/large-4152efd5146a856202c63fdf26a2a365.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10869/file/medium-4b7b18c8a4590fb730827af69ace0025.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">Chalira</p>
          <a href="/products/chalira-silberkelch-tee-bio-60-g-20228">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chalira Silberkelch Tee Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cMvsdkXObASHzGEvPRGPyJe-uiIMm0IqMXihpI6vrZl65LDyGvx5yQQi76q47IGJ2wBec2dJPahqObfcJxJyzw" />
    <input value="20228" 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%3D20">
    <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/stadtwachter-dagmar-0-33l-1-stuck-20244">
          <img alt="Stadtwächter Dagmar 0.33l" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10900/file/small-5f843fdd8ae81fb20054f8093f741730.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10900/file/medium-3f361eafd1c239771e9f875ec7a60984.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10900/file/large-6270af5bbf5e0ca7c091bdbaf09c02ab.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10900/file/medium-3f361eafd1c239771e9f875ec7a60984.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">Stadtwächter</p>
          <a href="/products/stadtwachter-dagmar-0-33l-1-stuck-20244">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Stadtwächter Dagmar 0.33l, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0DdrL3_2JKCi2dFLsD4UOP4XG2IZM0UYUvBSpDKnpp_aGDerIMQxbSE3X841wxp5sqn_M3LhOpoJsUTcmxp5yQ" />
    <input value="20244" 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%3D20">
    <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/stadtwachter-irma-0-33l-1-stuck-20245">
          <img alt="Stadtwächter Irma 0.33l" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11642/file/small-d8581f54cc2eabb4a9c36d4abaa1afc3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11642/file/medium-15352f3ac034347775f6e6ef60157edd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11642/file/large-d50adc60f8469d240cbed8b6597cabcf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11642/file/medium-15352f3ac034347775f6e6ef60157edd.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">Stadtwächter</p>
          <a href="/products/stadtwachter-irma-0-33l-1-stuck-20245">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Stadtwächter Irma 0.33l, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3bPOjnj0aHxO6iAdf9Bd6onapvh_RMadb10N4tpVlgTXnJIKJ8Z9sc0Erpj6LVOrxWRCqRSWuR80HBuac-hJUg" />
    <input value="20245" 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%3D20">
    <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/stadtwachter-aareschwumm-0-33l-1-stuck-20246">
          <img alt="Stadtwächter Aareschwumm 0.33l" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10901/file/small-a4a3c5f13e1e8c274f0fd2249ef14d58.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10901/file/medium-1c1d0478079b5f33980403df709808bc.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10901/file/large-4ab8b621fc2d6c9de8f1835a56e165f4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10901/file/medium-1c1d0478079b5f33980403df709808bc.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">Stadtwächter</p>
          <a href="/products/stadtwachter-aareschwumm-0-33l-1-stuck-20246">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Stadtwächter Aareschwumm 0.33l, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="USrNBkW5a74pCziIey7KvIif7g_byQGek0U47oIYAQNbBZGCGot-c6rltg3-08T9xCEKXrAbfhzIBC6WK6XeVQ" />
    <input value="20246" 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%3D20">
    <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/rose-rosa-lenz-alkoholfrei-7-5dl-bio-vegan-1-stuck-20259">
          <img alt="Rosé rosa Lenz alkoholfrei 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/10914/file/small-22708e91a2e886314d2af425311e1b43.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10914/file/medium-1204b80bad617823a90d89868fb7f7fa.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10914/file/large-9a3c05f97c26d6f0d2c20b4da7cc5a57.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10914/file/medium-1204b80bad617823a90d89868fb7f7fa.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/rose-rosa-lenz-alkoholfrei-7-5dl-bio-vegan-1-stuck-20259">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rosé rosa Lenz alkoholfrei 7.5dl Bio vegan, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gnI3OqdDVstU_F7uaAvQsMbCZcqgV3fRb-KedH1i-M-IXWu--HFDBtcS0Gvt9t7xinyBm8uFCFM0o4gM1N8nmQ" />
    <input value="20259" 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%3D20">
    <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-weisser-lenz-alkoholfrei-7-5dl-bio-vegan-1-stuck-20260">
          <img alt="Weisswein Weisser Lenz alkoholfrei 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/10915/file/small-fc59a95978f568acebf89a967d02182c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10915/file/medium-07777f92c47b24c1c8ed063e244d6064.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10915/file/large-a4d6ec9a587ff873c08609a11c25f07a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10915/file/medium-07777f92c47b24c1c8ed063e244d6064.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/weisswein-weisser-lenz-alkoholfrei-7-5dl-bio-vegan-1-stuck-20260">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Weisswein Weisser Lenz alkoholfrei 7.5dl Bio vegan, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.50
            </p>

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

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

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

</template></turbo-stream>