<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%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/brennessel-krautertee-bio-18-beutel-17822">
          <img alt="Brennnessel Kräutertee Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8838/file/small-80b5423c143ef59bdc87764673d7c652.webp 600w, https://assets.fabulous.ch/public/variant_asset/8838/file/medium-57d71403cc3904cff0ef7d0c961c3524.webp 900w, https://assets.fabulous.ch/public/variant_asset/8838/file/large-d08885aef2e830e3ca3599e0ca6e0c63.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8838/file/medium-57d71403cc3904cff0ef7d0c961c3524.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/brennessel-krautertee-bio-18-beutel-17822">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Brennnessel Kräutertee Bio, 18 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17822&quot;],&quot;content_name&quot;:&quot;Brennnessel Kräutertee Bio, 18 Beutel&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17822&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xe_N2fnz7zPB0mAuoRUMoGuX_1X9xntZLLHRq3y73Gp9UUwOvRObxi74LRH-vAav1OSac22uPj92HFXM5bizZg" />
    <input value="17822" 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%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/tee-yogi-black-chai-bio-30-g-461">
          <img alt="Tee Yogi Black Chai Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/415/file/small-dec2ba1e4cddeb7c0871e8d7e4e94aa5.webp 600w, https://assets.fabulous.ch/public/variant_asset/415/file/medium-9bfebd4cc99caf76284bc692a9eef7fa.webp 900w, https://assets.fabulous.ch/public/variant_asset/415/file/large-847f9687a03a1a5268bf604d674e3131.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/415/file/medium-9bfebd4cc99caf76284bc692a9eef7fa.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 Tee</p>
          <a href="/products/tee-yogi-black-chai-bio-30-g-461">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Yogi Black Chai Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;461&quot;],&quot;content_name&quot;:&quot;Tee Yogi Black Chai Bio, 30 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;461&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="k3q4Zg8UwqLBxot86CVqv2dq851iUaHhGND4NoiYPkIrxDmxS_S2Vy7sxkO3jGCw2BmWu_I55IdCfXxREZtRTg" />
    <input value="461" 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%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/tee-yogi-frauen-balance-bio-38-g-463">
          <img alt="Tee Yogi Frauen Balance Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/418/file/small-0d76c217db2f8c9e69b90e41f09dc624.webp 600w, https://assets.fabulous.ch/public/variant_asset/418/file/medium-0d4fa0c210308958838255d9dc97c639.webp 900w, https://assets.fabulous.ch/public/variant_asset/418/file/large-a51ef7ed411f9a7f70dbab99174a6cd6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/418/file/medium-0d4fa0c210308958838255d9dc97c639.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 Tee</p>
          <a href="/products/tee-yogi-frauen-balance-bio-38-g-463">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Yogi Frauen Balance Bio, 38 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;463&quot;],&quot;content_name&quot;:&quot;Tee Yogi Frauen Balance Bio, 38 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;463&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PFD4nbhME2FaAbzkuuX_S8k5dzqz7KGzM8GGJaD7XZ2E7nlK_KxnlLUr8dvlTPVEdkoSHCOE5NVpbAJCOfgykQ" />
    <input value="463" 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%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/tee-krautertee-gute-laune-lose-bio-50-g-5165">
          <img alt="Tee Kräutertee Gute Laune lose Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3040/file/small-ab473adb69ad4f4f269028324f7d56ad.webp 600w, https://assets.fabulous.ch/public/variant_asset/3040/file/medium-5a66cf6a339b98afc71b18ad0a3578b1.webp 900w, https://assets.fabulous.ch/public/variant_asset/3040/file/large-78ff69e10af18139f12e3bf6cece0081.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3040/file/medium-5a66cf6a339b98afc71b18ad0a3578b1.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/tee-krautertee-gute-laune-lose-bio-50-g-5165">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Kräutertee Gute Laune lose Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.25
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;5165&quot;],&quot;content_name&quot;:&quot;Tee Kräutertee Gute Laune lose Bio, 50 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;5165&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.25,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EOGkxThxLDElLsIfmuLz2SXEc4xVhOfKj2wCXqTUzf-oXyUSfJFYxMoEjyDFS_nWmrcWqsXsoqzVwYY5Pdei8w" />
    <input value="5165" 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%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/tee-rooibos-lose-bio-100-g-8442">
          <img alt="Tee Rooibos lose Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4983/file/small-b346ec1b14bbc9dbf32cb2d21fbca193.webp 600w, https://assets.fabulous.ch/public/variant_asset/4983/file/medium-86e7a6168ab012790c1b9bd5eba02f56.webp 900w, https://assets.fabulous.ch/public/variant_asset/4983/file/large-a96ca0f85cf3d8bc9d43a813f0710f43.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4983/file/medium-86e7a6168ab012790c1b9bd5eba02f56.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/tee-rooibos-lose-bio-100-g-8442">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Rooibos lose Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.75
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;8442&quot;],&quot;content_name&quot;:&quot;Tee Rooibos lose Bio, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;8442&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.75,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aT5SCDJqWIcwD-ldL37BcRNb_XtouX3v6_X669Rt_9nRgNPfdoosct8lpGJw18t-rCiYXfjROImxWH6MTW6Q1Q" />
    <input value="8442" 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%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/schwarztee-darjeeling-lose-demeter-100-g-16574">
          <img alt="Schwarztee Darjeeling lose Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7637/file/small-a887873f97a9df772acfbdb3e91920ad.webp 600w, https://assets.fabulous.ch/public/variant_asset/7637/file/medium-b775bee0cf1eb40a0c700937b384f56d.webp 900w, https://assets.fabulous.ch/public/variant_asset/7637/file/large-5dcf3fef22639dbf87e12240008e878a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7637/file/medium-b775bee0cf1eb40a0c700937b384f56d.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 Tea</p>
          <a href="/products/schwarztee-darjeeling-lose-demeter-100-g-16574">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schwarztee Darjeeling lose Demeter, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16574&quot;],&quot;content_name&quot;:&quot;Schwarztee Darjeeling lose Demeter, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16574&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:10.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KixkjcI_LElv0ZUVj-rY6H7EcLWJqUz9C3dHygM_RoGSkuVaht9YvID72CrQQ9LnwbcVkxnBCZtR2sOtmjwpjQ" />
    <input value="16574" 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%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/gruntee-gunpowder-temple-of-heaven-offen-bio-100-g-18470">
          <img alt="Grüntee Gunpowder Temple of Heaven offen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9994/file/small-e0d28573eb3d136a65deda871b798f1e.webp 600w, https://assets.fabulous.ch/public/variant_asset/9994/file/medium-d6dae79102a92c60b167486bc56bb8a1.webp 900w, https://assets.fabulous.ch/public/variant_asset/9994/file/large-b7572752676fda9f7ac6f4ca106855bf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9994/file/medium-d6dae79102a92c60b167486bc56bb8a1.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">Cha Dô</p>
          <a href="/products/gruntee-gunpowder-temple-of-heaven-offen-bio-100-g-18470">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Grüntee Gunpowder Temple of Heaven offen Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18470&quot;],&quot;content_name&quot;:&quot;Grüntee Gunpowder Temple of Heaven offen Bio, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18470&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rbDFmdq99MH2zcnYt4B1HWavlzzdoBaRRZx8MvfuomIVDkROnl2ANBnnhOfoKX8S2dzyGk3IU_cfMfhVbu3Nbg" />
    <input value="18470" 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%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/gruntee-jasmin-offen-bio-fairtrade-100-g-18471">
          <img alt="Grüntee Jasmin offen Bio Fairtrade" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10045/file/small-5b5c6590c24d55a594198373be4ddac5.webp 600w, https://assets.fabulous.ch/public/variant_asset/10045/file/medium-bf1ebb80b6c759c8db24d7b507b3ca33.webp 900w, https://assets.fabulous.ch/public/variant_asset/10045/file/large-b6dd7f24db73c470d752ec74f0249a46.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10045/file/medium-bf1ebb80b6c759c8db24d7b507b3ca33.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">Cha Dô</p>
          <a href="/products/gruntee-jasmin-offen-bio-fairtrade-100-g-18471">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Grüntee Jasmin offen Bio Fairtrade, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18471&quot;],&quot;content_name&quot;:&quot;Grüntee Jasmin offen Bio Fairtrade, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18471&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:10.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_MGY7SZ8jCasTyrYzbTeD6WPYl81JHp6iSlEl7QJPjxEfxk6Ypz400NlZ-eSHdQAGvwHeaVMPxzThMDwLQpRMA" />
    <input value="18471" 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%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/gruntee-jasmin-teebeutel-bio-20-stuck-18472">
          <img alt="Grüntee Jasmin Teebeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9995/file/small-ce64faeef58485d3e5c9957baf9e9f22.webp 600w, https://assets.fabulous.ch/public/variant_asset/9995/file/medium-8c900004ea7414dd30ce36e374c63fcc.webp 900w, https://assets.fabulous.ch/public/variant_asset/9995/file/large-ecf60876698db6d3bf9412caf8280b8f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9995/file/medium-8c900004ea7414dd30ce36e374c63fcc.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">Cha Dô</p>
          <a href="/products/gruntee-jasmin-teebeutel-bio-20-stuck-18472">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Grüntee Jasmin Teebeutel Bio, 20 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18472&quot;],&quot;content_name&quot;:&quot;Grüntee Jasmin Teebeutel Bio, 20 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18472&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Lj69ann5hDZ8WMQczBTHFcTdNO729xLd55_CykTXJt6WgDy9PRnww5NyiSOTvc0ae65RyGafV7u9Mkat3dRJ0g" />
    <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  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%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/gruntee-lu-cha-teebeutel-bio-20-stuck-18473">
          <img alt="Grüntee Lu Cha Teebeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9996/file/small-83aafcc12a8ba39e6d4dfeca369500f8.webp 600w, https://assets.fabulous.ch/public/variant_asset/9996/file/medium-2a792ef0caaf0781e5bd60d2eb772f08.webp 900w, https://assets.fabulous.ch/public/variant_asset/9996/file/large-da371cc0ffa877803e203be891010888.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9996/file/medium-2a792ef0caaf0781e5bd60d2eb772f08.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">Cha Dô</p>
          <a href="/products/gruntee-lu-cha-teebeutel-bio-20-stuck-18473">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Grüntee Lu Cha Teebeutel Bio, 20 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18473&quot;],&quot;content_name&quot;:&quot;Grüntee Lu Cha Teebeutel Bio, 20 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18473&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XCJak0HhJe07GCxlnvslQEXrB1qU6Tfnr9E5vRY5WPDknNtEBQFRGNQyYVrBUi9P-phifASBcoH1fL3ajzo3_A" />
    <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 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%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/gruntee-vietnam-offen-bio-200-g-18475">
          <img alt="Grüntee Vietnam offen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9997/file/small-282f16842f5a8de08d7d46855ceb7c87.webp 600w, https://assets.fabulous.ch/public/variant_asset/9997/file/medium-acd648ee32a359fd6bfa2117f889aff9.webp 900w, https://assets.fabulous.ch/public/variant_asset/9997/file/large-abe75b8874ded71a6d46166bca7e3a67.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9997/file/medium-acd648ee32a359fd6bfa2117f889aff9.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">Cha Dô</p>
          <a href="/products/gruntee-vietnam-offen-bio-200-g-18475">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Grüntee Vietnam offen Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18475&quot;],&quot;content_name&quot;:&quot;Grüntee Vietnam offen Bio, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18475&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:12.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QKinLX8VDMgJb_RKpUbvp15xDbfRCRQ2D3co2cV2oxD4Fib6O_V4PeZFuXX67-Wo4QJokUFhUVBV2qy-XHXMHA" />
    <input value="18475" 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%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/entsauerungstee-7-bluten-teebeutel-25-stuck-18523">
          <img alt="Entsäuerungstee 7 Blüten Teebeutel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9225/file/small-2a026423370c8555e139150c8f9948fe.webp 600w, https://assets.fabulous.ch/public/variant_asset/9225/file/medium-fdaf92d7a1ee4c98eb3af22d6f358a60.webp 900w, https://assets.fabulous.ch/public/variant_asset/9225/file/large-1295dcffc9310d2bd0efac3e270369ff.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9225/file/medium-fdaf92d7a1ee4c98eb3af22d6f358a60.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">Droste-Laux</p>
          <a href="/products/entsauerungstee-7-bluten-teebeutel-25-stuck-18523">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Entsäuerungstee 7 Blüten Teebeutel, 25 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18523&quot;],&quot;content_name&quot;:&quot;Entsäuerungstee 7 Blüten Teebeutel, 25 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18523&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:12.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6Oc09LutAqTkvO7bF2yEv5zxcqygdGRk_iGT9lWHsNRQWbUj_012UQuWo-RIxY6wI4IXijAcIQKkjBeRzITf2A" />
    <input value="18523" 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%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/gruntee-pur-teebeutel-demeter-20-stuck-18572">
          <img alt="Grüntee Pur Teebeutel Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9233/file/small-fb7712c1cc94f920953352941557af61.webp 600w, https://assets.fabulous.ch/public/variant_asset/9233/file/medium-e1de819f4ba3d1cb2e8ea41acab32cdb.webp 900w, https://assets.fabulous.ch/public/variant_asset/9233/file/large-ba12a7849679d312de1f1fa807859c36.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9233/file/medium-e1de819f4ba3d1cb2e8ea41acab32cdb.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 Tea</p>
          <a href="/products/gruntee-pur-teebeutel-demeter-20-stuck-18572">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Grüntee Pur Teebeutel Demeter, 20 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 0.33 / Stk.
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18572&quot;],&quot;content_name&quot;:&quot;Grüntee Pur Teebeutel Demeter, 20 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18572&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Z5-5LRz09YXWGK0Dgf2P5lxj2xdMzUaFs3W17my9YgTfITj6WBSBcDky4DzeVIXp4xC-MdylA-Pp2DGJ9b4NCA" />
    <input value="18572" 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%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/schwarztee-earl-grey-teebeutel-demeter-20-stuck-18575">
          <img alt="Schwarztee Earl Grey Teebeutel Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9614/file/small-6d8c85aa47accaae0be2cb7a792b230b.webp 600w, https://assets.fabulous.ch/public/variant_asset/9614/file/medium-3e2630b639966ced522e83dfba34af9a.webp 900w, https://assets.fabulous.ch/public/variant_asset/9614/file/large-bcc6251904f9ec75b352bae6f7dfb855.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9614/file/medium-3e2630b639966ced522e83dfba34af9a.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 Tea</p>
          <a href="/products/schwarztee-earl-grey-teebeutel-demeter-20-stuck-18575">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schwarztee Earl Grey Teebeutel Demeter, 20 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 0.33 / Stk.
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18575&quot;],&quot;content_name&quot;:&quot;Schwarztee Earl Grey Teebeutel Demeter, 20 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18575&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3Zjo7GN2BoB26XA8m8n5z0bHCDh10ICwdlBxPgtYqXRlJmk7J5ZydZnDPQPEYPPA-bRtHuW4xdYs_fVZklvGeA" />
    <input value="18575" 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%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/sencha-gruntee-teebeutel-bio-10-stuck-18626">
          <img alt="Sencha Grüntee Teebeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10674/file/small-a207b3b17169370826a79e8227309b99.webp 600w, https://assets.fabulous.ch/public/variant_asset/10674/file/medium-fbbf55bf3818cd3291d4bb11229c6b99.webp 900w, https://assets.fabulous.ch/public/variant_asset/10674/file/large-1cb809fafbc17ca19788635d3743da77.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10674/file/medium-fbbf55bf3818cd3291d4bb11229c6b99.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">Lima</p>
          <a href="/products/sencha-gruntee-teebeutel-bio-10-stuck-18626">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sencha Grüntee Teebeutel Bio, 10 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 0.56 / Stk.
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18626&quot;],&quot;content_name&quot;:&quot;Sencha Grüntee Teebeutel Bio, 10 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18626&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4lKsK0kvtBwJG5hYbCt_wvcUdMmBnnOxUsfXPZEcaP5a7C38Dc_A6eYx1WczgnXNSGcR7xH2NtcIalNaCB8H8g" />
    <input value="18626" 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%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/kochmatcha-gruntee-pulver-bio-100-g-18754">
          <img alt="Kochmatcha Grüntee Pulver Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9267/file/small-a85e81bdbf344b9955f68d1814c86128.webp 600w, https://assets.fabulous.ch/public/variant_asset/9267/file/medium-d2724175419e5fa89e365ab7e32c5914.webp 900w, https://assets.fabulous.ch/public/variant_asset/9267/file/large-0016306f642f94b34eeed828fa0ca956.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9267/file/medium-d2724175419e5fa89e365ab7e32c5914.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">NaturKraftWerke</p>
          <a href="/products/kochmatcha-gruntee-pulver-bio-100-g-18754">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kochmatcha Grüntee Pulver Bio, 100 g</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 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18754&quot;],&quot;content_name&quot;:&quot;Kochmatcha Grüntee Pulver Bio, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18754&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:20.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="h0aPrneiaaGMO-4fjKeqq761PDpV-aY-ojpyOjx2jww_-A55M0IdVGMRoyDTDqCkAcZZHMWR41j4l_ZdpXXgAA" />
    <input value="18754" 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%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/matcha-fein-gemahlener-gruntee-offen-bio-30-g-18760">
          <img alt="Matcha fein gemahlener Grüntee offen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9269/file/small-5d456f5fade190fc495fc2efe083d6bf.webp 600w, https://assets.fabulous.ch/public/variant_asset/9269/file/medium-b9cb75d7eb4be35c4480a9548d37478f.webp 900w, https://assets.fabulous.ch/public/variant_asset/9269/file/large-7d4972bcb85948cd9b2bb4ca16ba5dd9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9269/file/medium-b9cb75d7eb4be35c4480a9548d37478f.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">NaturKraftWerke</p>
          <a href="/products/matcha-fein-gemahlener-gruntee-offen-bio-30-g-18760">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Matcha fein gemahlener Grüntee offen Bio, 30 g</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 70.00 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18760&quot;],&quot;content_name&quot;:&quot;Matcha fein gemahlener Grüntee offen Bio, 30 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18760&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:21.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OmIiX2ugH_w49DKmymBCPBPflOcy0RVlqZkVXB00cxOC3KOIL0BrCdfef5mVyUgzrKzxwaK5UAPzNJE7hDccHw" />
    <input value="18760" 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%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/tea-after-dinner-bio-20-x-1-8-g-18779">
          <img alt="Tea After Dinner Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10696/file/small-397415291ae1c389da3ae1821c0ed2d7.webp 600w, https://assets.fabulous.ch/public/variant_asset/10696/file/medium-be8c20d95c67a0c5de86f0f4ce159ce7.webp 900w, https://assets.fabulous.ch/public/variant_asset/10696/file/large-8d8ea54f2e7fe0e442c3e1aaedc24441.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10696/file/medium-be8c20d95c67a0c5de86f0f4ce159ce7.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/tea-after-dinner-bio-20-x-1-8-g-18779">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tea After Dinner Bio, 20 x 1.8 g</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 20.83 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18779&quot;],&quot;content_name&quot;:&quot;Tea After Dinner Bio, 20 x 1.8 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18779&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pz56Ls_CBT5E3777d0HksCsewRF8uMsfvJsE-C7oq54fgPv5iyJxy6v188Qo6O6_lG2kN-zQjnnmNoCft-vEkg" />
    <input value="18779" 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%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/tea-holunderbeere-und-echinacea-bio-20-beutel-18780">
          <img alt="Tea Holunderbeere und Echinacea Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9500/file/small-1717614fee8fe7c819484bcbf1e60256.webp 600w, https://assets.fabulous.ch/public/variant_asset/9500/file/medium-244e955d2ab2bf29c65414391af3c01a.webp 900w, https://assets.fabulous.ch/public/variant_asset/9500/file/large-51aabc4e8db54f1acba9c6cd77499db2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9500/file/medium-244e955d2ab2bf29c65414391af3c01a.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/tea-holunderbeere-und-echinacea-bio-20-beutel-18780">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tea Holunderbeere und Echinacea Bio, 20 Beutel</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 0.36 / Stk.
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18780&quot;],&quot;content_name&quot;:&quot;Tea Holunderbeere und Echinacea Bio, 20 Beutel&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18780&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.25,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KIEhDA1mHC1a_5SI5df7hfYC-_UNASM4ktRXrPYw9RSQP6DbSYZo2LXV2be6fvGKSXGe051pZl7IedPLbzOaGA" />
    <input value="18780" 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%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/tea-love-bio-20-x-1-2-g-18781">
          <img alt="Tea Love Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9277/file/small-6f91e021c4bd15115dba7587f31e3b00.webp 600w, https://assets.fabulous.ch/public/variant_asset/9277/file/medium-3ccea668b77c8ed85ba9496ebf429612.webp 900w, https://assets.fabulous.ch/public/variant_asset/9277/file/large-31f15cc21c930d5cde480c3581c96fc4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9277/file/medium-3ccea668b77c8ed85ba9496ebf429612.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/tea-love-bio-20-x-1-2-g-18781">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tea Love Bio, 20 x 1.2 g</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 30.21 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18781&quot;],&quot;content_name&quot;:&quot;Tea Love Bio, 20 x 1.2 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18781&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.25,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SAEETALF-8BuyquQamUc_J9EqVxU7-_LwZSJwVXE-rrwv4WbRiWPNYHg5q81zBbzIDfMesSHqq2bOQ2mzMeVtg" />
    <input value="18781" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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



</template></turbo-stream>
<turbo-stream action="replace" target="infinite_scroll_sentinel"><template>
  <div id="infinite_scroll_sentinel" class="w-full py-8">
  <div class="flex flex-col items-center gap-3">
    <p class="text-sm text-gray-500">
      60 von 164 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/getranke-wein/kaffee-tee/tee?format=turbo_stream&amp;page=4">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>