<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%2Fkaffee-tee%2Ftee%3Fformat%3Dturbo_stream%26page%3D2">
    <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/droste-laux-entsauerungstee-7-bluten-offen-200g-1-stuck-18390">
          <img alt="Droste-Laux Entsäuerungstee 7 Blüten offen 200g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/580bb4d6d7eec8024e0f5fefa5efb6f4.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/580bb4d6d7eec8024e0f5fefa5efb6f4.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/580bb4d6d7eec8024e0f5fefa5efb6f4.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/580bb4d6d7eec8024e0f5fefa5efb6f4.jpg" />
</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">Droste-Laux</p>
          <a href="/products/droste-laux-entsauerungstee-7-bluten-offen-200g-1-stuck-18390">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Droste-Laux Entsäuerungstee 7 Blüten offen 200g, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7vx3yhGxym11zg410XQUfOtBmievBpQnBGOpE6hg2PeYBmk0vqHX_u6_M4Knt0IWopLrv6Anr_3soshddhR2cw" />
    <input value="18390" 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%2Fkaffee-tee%2Ftee%3Fformat%3Dturbo_stream%26page%3D2">
    <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/erva-tee-ranuogl-teebeutel-18stk-1-stuck-18404">
          <img alt="Erva Tee Ranuogl Teebeutel 18Stk" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/731ee19ad679a77d88a2eb9fd6000241.png 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/731ee19ad679a77d88a2eb9fd6000241.png 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/731ee19ad679a77d88a2eb9fd6000241.png 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/731ee19ad679a77d88a2eb9fd6000241.png" />
</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">Erva</p>
          <a href="/products/erva-tee-ranuogl-teebeutel-18stk-1-stuck-18404">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Erva Tee Ranuogl Teebeutel 18Stk, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kCySR-dLm7w0CRvpuObDtzj88ON5am5WzHvvfDnwACzm1oy5SFuGL694Jl7OJZXdcS-Be3ZLVYwkuo4y54SuqA" />
    <input value="18404" 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%2Fkaffee-tee%2Ftee%3Fformat%3Dturbo_stream%26page%3D2">
    <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/erva-tee-schubregia-teebeutel-18stk-1-stuck-18405">
          <img alt="Erva Tee Schubregia Teebeutel 18Stk" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/d2130cbf2eb363171c69443283bee49b.png 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/d2130cbf2eb363171c69443283bee49b.png 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/d2130cbf2eb363171c69443283bee49b.png 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/d2130cbf2eb363171c69443283bee49b.png" />
</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">Erva</p>
          <a href="/products/erva-tee-schubregia-teebeutel-18stk-1-stuck-18405">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Erva Tee Schubregia Teebeutel 18Stk, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PdTtcW1i1dP0t8YiSbY-ykj0XwOpBULrRifK4AjdQzpLLvOPwnLIQG_G-5U_dWigAScum6YkeTGu5quu1qntvg" />
    <input value="18405" 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%2Fkaffee-tee%2Ftee%3Fformat%3Dturbo_stream%26page%3D2">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/hampstead-gruntee-pur-teebeutel-20stk-demeter-1-stuck-18446">
          <img alt="Hampstead Grüntee Pur Teebeutel 20Stk Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/fe20bf197e38d233ed0a44add3d86cfe.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/fe20bf197e38d233ed0a44add3d86cfe.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/fe20bf197e38d233ed0a44add3d86cfe.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/fe20bf197e38d233ed0a44add3d86cfe.jpg" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Hampstead</p>
          <a href="/products/hampstead-gruntee-pur-teebeutel-20stk-demeter-1-stuck-18446">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hampstead Grüntee Pur Teebeutel 20Stk Demeter, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ISezXevjoheIcfKtFWyvglrq7-uPcp4ziKlhVPvYrkVX3a2jRPO_hBMAzxpjr_noEzmec4BTpelgaAAaJawAwQ" />
    <input value="18446" 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%2Fkaffee-tee%2Ftee%3Fformat%3Dturbo_stream%26page%3D2">
    <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-assam-teebeutel-20stk-bio-1-stuck-18447">
          <img alt="Hampstead Schwarztee Assam Teebeutel 20Stk Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/60490c10e3bce5cdf05c742a4313ad4d.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/60490c10e3bce5cdf05c742a4313ad4d.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/60490c10e3bce5cdf05c742a4313ad4d.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/60490c10e3bce5cdf05c742a4313ad4d.jpg" />
</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-assam-teebeutel-20stk-bio-1-stuck-18447">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hampstead Schwarztee Assam Teebeutel 20Stk Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7bxbgH8VtqkC2hcxNf9_-jTa-opsmOmi-PObj49SWQWbRkV-0AWrOpmrKoZDPCmQfQmLEmO50ngQMvrBUSb3gQ" />
    <input value="18447" 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%2Fkaffee-tee%2Ftee%3Fformat%3Dturbo_stream%26page%3D2">
    <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-darjeeling-teebeutel-20stk-demeter-1-stuck-18448">
          <img alt="Hampstead Schwarztee Darjeeling Teebeutel 20Stk Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/6991524502c3c225efc1c9bcaa911b57.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/6991524502c3c225efc1c9bcaa911b57.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/6991524502c3c225efc1c9bcaa911b57.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/6991524502c3c225efc1c9bcaa911b57.jpg" />
</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-darjeeling-teebeutel-20stk-demeter-1-stuck-18448">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hampstead Schwarztee Darjeeling Teebeutel 20Stk Demeter, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IxPjrKIMVbS-uEYXUuImCNMquKGSRN5eQZtHOtc2lrhV6f1SDRxIJyXJe6AkIXBimvnJOZ1l5YSpWiZ0CUI4PA" />
    <input value="18448" 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%2Fkaffee-tee%2Ftee%3Fformat%3Dturbo_stream%26page%3D2">
    <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-earl-grey-teebeutel-20stk-demeter-1-stuck-18449">
          <img alt="Hampstead Schwarztee Earl Grey Teebeutel 20Stk Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/8a920480be28b31596fe3eacf95a35cd.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/8a920480be28b31596fe3eacf95a35cd.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/8a920480be28b31596fe3eacf95a35cd.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/8a920480be28b31596fe3eacf95a35cd.jpg" />
</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-earl-grey-teebeutel-20stk-demeter-1-stuck-18449">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hampstead Schwarztee Earl Grey Teebeutel 20Stk Demeter, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="O3TZeovU5Y9HQM1RR2PcbHWERRxqGjhAZB8_P4j9qy5NjseEJMT4HNwx8OYxoIoGPFc0hGU7A5qM3l5xVokFqg" />
    <input value="18449" 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%2Fkaffee-tee%2Ftee%3Fformat%3Dturbo_stream%26page%3D2">
    <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-earl-grey-offen-100g-demeter-1-stuck-18450">
          <img alt="Hampstead Schwarztee Earl Grey offen 100g Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/6baeeee7db7e61ae7c4ecda851fbbef9.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/6baeeee7db7e61ae7c4ecda851fbbef9.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/6baeeee7db7e61ae7c4ecda851fbbef9.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/6baeeee7db7e61ae7c4ecda851fbbef9.jpg" />
</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-earl-grey-offen-100g-demeter-1-stuck-18450">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hampstead Schwarztee Earl Grey offen 100g Demeter, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="luYGfhF-KRJk_I6DUrbkzBO30iNpdjMXWgoCLO91OGHgHBiAvm40gf-NszQkdbKmWmSju2ZXCM2yy2NiMQGW5Q" />
    <input value="18450" 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%2Fkaffee-tee%2Ftee%3Fformat%3Dturbo_stream%26page%3D2">
    <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-english-breakfast-teebeutel-20stk-bio-1-stuck-18451">
          <img alt="Hampstead Schwarztee English Breakfast Teebeutel 20Stk Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/91e31b8259e6168cdceb444898e4a51a.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/91e31b8259e6168cdceb444898e4a51a.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/91e31b8259e6168cdceb444898e4a51a.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/91e31b8259e6168cdceb444898e4a51a.jpg" />
</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-english-breakfast-teebeutel-20stk-bio-1-stuck-18451">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hampstead Schwarztee English Breakfast Teebeutel 20Stk Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nDk1kwYJ3TkcKMBv2OJ8bDRBY7rTXRwZH1TUZhld447qwyttqRnAqodZ_diuISoGfZISItx8J8P3lbUoxylNCg" />
    <input value="18451" 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%2Fkaffee-tee%2Ftee%3Fformat%3Dturbo_stream%26page%3D2">
    <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/jentschura-7x7-krautertee-teebeutel-50stk-bio-1-stuck-18472">
          <img alt="Jentschura 7x7 Kräutertee Teebeutel 50Stk Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/3a7084c6a4cfd070050afdaee80f6972.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/3a7084c6a4cfd070050afdaee80f6972.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/3a7084c6a4cfd070050afdaee80f6972.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/3a7084c6a4cfd070050afdaee80f6972.jpg" />
</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">Jentschura</p>
          <a href="/products/jentschura-7x7-krautertee-teebeutel-50stk-bio-1-stuck-18472">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Jentschura 7x7 Kräutertee Teebeutel 50Stk Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Krv3ycrlb7KyT6ETp0_F-x6xxBQ3V3TpvwcGR83NwwxcQek3ZfVyISk-nKTRjJORV2K1jDh2TzNXxmcJE7ltiA" />
    <input value="18472" 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%2Fkaffee-tee%2Ftee%3Fformat%3Dturbo_stream%26page%3D2">
    <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/jentschura-7x7-krautertee-offen-100g-bio-1-stuck-18473">
          <img alt="Jentschura 7x7 Kräutertee offen 100g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/c9f9d83dc81ae31d2cfce90ac5dc0940.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/c9f9d83dc81ae31d2cfce90ac5dc0940.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/c9f9d83dc81ae31d2cfce90ac5dc0940.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/c9f9d83dc81ae31d2cfce90ac5dc0940.jpg" />
</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">Jentschura</p>
          <a href="/products/jentschura-7x7-krautertee-offen-100g-bio-1-stuck-18473">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Jentschura 7x7 Kräutertee offen 100g Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="g1CdA1OR_vPzJZ7hSvEIhwhYiWG3xT8eXOFmfSyeswT1qoP9_IHjYGhUo1Y8Ml7tQYv4-bjkBMS0IAcz8uodgA" />
    <input value="18473" 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%2Fkaffee-tee%2Ftee%3Fformat%3Dturbo_stream%26page%3D2">
    <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/lima-sencha-gruntee-teebeutel-10stk-bio-1-stuck-18512">
          <img alt="Lima Sencha Grüntee Teebeutel 10Stk Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/c3624708740e81b28aad5713240e38c5.png 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/c3624708740e81b28aad5713240e38c5.png 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/c3624708740e81b28aad5713240e38c5.png 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/c3624708740e81b28aad5713240e38c5.png" />
</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">Lima</p>
          <a href="/products/lima-sencha-gruntee-teebeutel-10stk-bio-1-stuck-18512">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lima Sencha Grüntee Teebeutel 10Stk Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hoUlt89UemAJAqESOo4DfZkA-gY--eTYDDYmBeCkiuPwfztJYERn85JznKVMTVUX0NOLnjHY3wLk90dLPtAkZw" />
    <input value="18512" 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%2Fkaffee-tee%2Ftee%3Fformat%3Dturbo_stream%26page%3D2">
    <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/maharishiayurveda-tee-kapha-15btl-bio-1-stuck-18525">
          <img alt="MaharishiAyurveda Tee Kapha 15Btl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/e2000b22fbbc8a37131b76d4d5b3bfcc.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/e2000b22fbbc8a37131b76d4d5b3bfcc.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/e2000b22fbbc8a37131b76d4d5b3bfcc.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/e2000b22fbbc8a37131b76d4d5b3bfcc.jpg" />
</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">MaharishiAyurveda</p>
          <a href="/products/maharishiayurveda-tee-kapha-15btl-bio-1-stuck-18525">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">MaharishiAyurveda Tee Kapha 15Btl Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uctMi8nf5BMMk0cWirRUxzZNJUv37iFIOfrr4rmh5cTPMVJ1Zs_5gJfieqH8dwKtf55U0_jPGpLRO4qsZ9VLQA" />
    <input value="18525" 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%2Fkaffee-tee%2Ftee%3Fformat%3Dturbo_stream%26page%3D2">
    <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/maharishiayurveda-tee-pitta-15btl-bio-1-stuck-18526">
          <img alt="MaharishiAyurveda Tee Pitta 15Btl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/fef5d3fd9f6e0bbdad09e29b6dd27384.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/fef5d3fd9f6e0bbdad09e29b6dd27384.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/fef5d3fd9f6e0bbdad09e29b6dd27384.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/fef5d3fd9f6e0bbdad09e29b6dd27384.jpg" />
</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">MaharishiAyurveda</p>
          <a href="/products/maharishiayurveda-tee-pitta-15btl-bio-1-stuck-18526">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">MaharishiAyurveda Tee Pitta 15Btl Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LSkB-PNAH01vTs7JXR9xQdHJobBQxSdDPOW082CgBMtb0x8GXFAC3vQ_834r3CcrmBrQKF_kHJnUJNW9vtSqTw" />
    <input value="18526" 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%2Fkaffee-tee%2Ftee%3Fformat%3Dturbo_stream%26page%3D2">
    <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-kochmatcha-gruntee-pulver-100g-bio-vegan-1-stuck-18661">
          <img alt="NKW Kochmatcha Grüntee Pulver 100g Bio vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/07ce89b17c4c58f72f192227f702aa86.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/07ce89b17c4c58f72f192227f702aa86.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/07ce89b17c4c58f72f192227f702aa86.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/07ce89b17c4c58f72f192227f702aa86.jpg" />
</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-kochmatcha-gruntee-pulver-100g-bio-vegan-1-stuck-18661">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">NKW Kochmatcha Grüntee Pulver 100g Bio vegan, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bqru37PmD7uL_S5-he6pMNTTDdfIQ7FsoAIEYx25IcYYUPAhHPYSKBCME8nzLf9anQB8T8diirZIw2Utw82PQg" />
    <input value="18661" 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%2Fkaffee-tee%2Ftee%3Fformat%3Dturbo_stream%26page%3D2">
    <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-matcha-fein-gemahlener-gruntee-offen-30g-bio-vegan-1-stuck-18668">
          <img alt="NKW Matcha fein gemahlener Grüntee offen 30g Bio vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/91a70db4eefba24888974900fd9dd44d.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/91a70db4eefba24888974900fd9dd44d.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/91a70db4eefba24888974900fd9dd44d.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/91a70db4eefba24888974900fd9dd44d.jpg" />
</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-matcha-fein-gemahlener-gruntee-offen-30g-bio-vegan-1-stuck-18668">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">NKW Matcha fein gemahlener Grüntee offen 30g Bio vegan, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2YIoOxClBuxjUQHBeaOhx1zYHN7IybY9c4qzWCoJD9qveDbFv7Ubf_ggPHYPYPetFQttRsfojeebS9IW9H2hXg" />
    <input value="18668" 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%2Fkaffee-tee%2Ftee%3Fformat%3Dturbo_stream%26page%3D2">
    <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-after-dinner-20x1-8g-bio-1-stuck-18710">
          <img alt="Pukka Tea After Dinner 20x1.8g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/59c7a823ff6f911a65485435cf2faaec.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/59c7a823ff6f911a65485435cf2faaec.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/59c7a823ff6f911a65485435cf2faaec.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/59c7a823ff6f911a65485435cf2faaec.jpg" />
</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-after-dinner-20x1-8g-bio-1-stuck-18710">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pukka Tea After Dinner 20x1.8g Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7OmmW9ig9mfTUdTCZCjlPJeiN8i592JsD40cdxNG2MSaE7ild7Dr9Egg6XUS67NW3nFGULbWWbbnTH05zTJ2QA" />
    <input value="18710" 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%2Fkaffee-tee%2Ftee%3Fformat%3Dturbo_stream%26page%3D2">
    <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-holunderbeere-und-echinacea-20btl-bio-1-stuck-18711">
          <img alt="Pukka Tea Holunderbeere und Echinacea 20Btl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/d661d269ad85886666d6d991ccfd848c.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/d661d269ad85886666d6d991ccfd848c.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/d661d269ad85886666d6d991ccfd848c.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/d661d269ad85886666d6d991ccfd848c.jpg" />
</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-holunderbeere-und-echinacea-20btl-bio-1-stuck-18711">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pukka Tea Holunderbeere und Echinacea 20Btl 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-18711-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sgZY9qzUaxR7uTBKuRkyZheh5X3uNBDZwxOPC8rKfI3E_EYIA8R2h-DIDf3P2mQMXnKU5eEVKwMr0u5FFL7SCQ" />
    <input value="18711" 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%2Fkaffee-tee%2Ftee%3Fformat%3Dturbo_stream%26page%3D2">
    <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-love-20x1-2g-bio-1-stuck-18712">
          <img alt="Pukka Tea Love 20x1.2g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/66d6936738e965b62bc7f07422c044b3.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/66d6936738e965b62bc7f07422c044b3.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/66d6936738e965b62bc7f07422c044b3.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/66d6936738e965b62bc7f07422c044b3.jpg" />
</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-love-20x1-2g-bio-1-stuck-18712">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pukka Tea Love 20x1.2g 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-18712-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Z0dbL4jlI-YEToW0egEuqx2XVtfoJ8ceuc8izzF5MAYRvUXRJ_U-dZ8_uAMMwnjBVEQnT-cG_MRRDkOB7w2egg" />
    <input value="18712" 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%2Fkaffee-tee%2Ftee%3Fformat%3Dturbo_stream%26page%3D2">
    <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-supreme-matcha-green-20x1-5g-bio-1-stuck-18713">
          <img alt="Pukka Tea Supreme Matcha Green 20x1.5g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/9f39152225f3314065e91d592877fd00.webp 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/9f39152225f3314065e91d592877fd00.webp 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/9f39152225f3314065e91d592877fd00.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/9f39152225f3314065e91d592877fd00.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-supreme-matcha-green-20x1-5g-bio-1-stuck-18713">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pukka Tea Supreme Matcha Green 20x1.5g 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-18713-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CQ6FccEJvC8swlqDrx3iQOY97DFHZcsklbyps_LT_aV_9JuPbhmhvLezZzTZ3rQqr-6dqUhE8P59fcj9LKdTIQ" />
    <input value="18713" 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">
      40 von 170 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/getranke-wein/kaffee-tee/tee?format=turbo_stream&amp;page=3">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>