<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%3Fformat%3Dturbo_stream%26page%3D8">
    <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-happiness-aufbluhen-27g-bio-18-beutel-18984">
          <img alt="Tee Happiness Aufblühen 27g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10970/file/small-2b82034f0165ab597883554e60e48341.webp 600w, https://assets.fabulous.ch/public/variant_asset/10970/file/medium-08b1bb78edc65b80a7f7fb8d1c19e836.webp 900w, https://assets.fabulous.ch/public/variant_asset/10970/file/large-ca410cd67ecaf79019eb7960cfdddf87.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10970/file/medium-08b1bb78edc65b80a7f7fb8d1c19e836.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-happiness-aufbluhen-27g-bio-18-beutel-18984">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Happiness Aufblühen 27g Bio, 18 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18984&quot;],&quot;content_name&quot;:&quot;Tee Happiness Aufblühen 27g Bio, 18 Beutel&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18984&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yGkfJTMnZz-wiQUt3EybY7MvfKJYmuj8piDdcMBeDhqqy7mVcqeGTMvkKpPt0l5jRt_zl2mO3GE7CHr_QyJ82Q" />
    <input value="18984" 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%3Fformat%3Dturbo_stream%26page%3D8">
    <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-happiness-wild-sein-27g-bio-18-beutel-18986">
          <img alt="Tee Happiness Wild sein 27g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10972/file/small-8c15795dac7c15a08444ea370f84e692.webp 600w, https://assets.fabulous.ch/public/variant_asset/10972/file/medium-ee9bf56426f9353436922f9e65289dac.webp 900w, https://assets.fabulous.ch/public/variant_asset/10972/file/large-c02fa0a0248de4f34fd9605220429edc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10972/file/medium-ee9bf56426f9353436922f9e65289dac.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-happiness-wild-sein-27g-bio-18-beutel-18986">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Happiness Wild sein 27g Bio, 18 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18986&quot;],&quot;content_name&quot;:&quot;Tee Happiness Wild sein 27g Bio, 18 Beutel&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18986&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IGNJlLQsSt2S0Bincj68TR03B2lCTOjfDwaK0uDWAi1Cwe8k9ayrrum9NxlDoHlN6MeIXHNY3EKSLi1dY6pw7g" />
    <input value="18986" 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%3Fformat%3Dturbo_stream%26page%3D8">
    <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-hibiskus-bio-80-g-18987">
          <img alt="Tee Hibiskus Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10973/file/small-80a64f8154506fb518e91964a6ef56f3.webp 600w, https://assets.fabulous.ch/public/variant_asset/10973/file/medium-952110696650b9b5d96d7a965fcb4a67.webp 900w, https://assets.fabulous.ch/public/variant_asset/10973/file/large-03dc16e4575c202c7c77cdb4b16b12be.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10973/file/medium-952110696650b9b5d96d7a965fcb4a67.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-hibiskus-bio-80-g-18987">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Hibiskus Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18987&quot;],&quot;content_name&quot;:&quot;Tee Hibiskus Bio, 80 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18987&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6rKrjRjfKNy2ekytHJ5jtATZQxGy73R1sczP7rkZ2-iIEA09WV_Jr80XYxMtAKa08SnMJIP7QOgs5GhhOmWpKw" />
    <input value="18987" 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%3Fformat%3Dturbo_stream%26page%3D8">
    <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-holunderbluten-bio-80-g-18988">
          <img alt="Tee Holunderblüten Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10974/file/small-4a54b1c63e188046913c14095d7ee6ae.webp 600w, https://assets.fabulous.ch/public/variant_asset/10974/file/medium-a911c1f977f1c49ca283e71da7b5da3f.webp 900w, https://assets.fabulous.ch/public/variant_asset/10974/file/large-e551e6278fec88c5325ba82a17048ee9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10974/file/medium-a911c1f977f1c49ca283e71da7b5da3f.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-holunderbluten-bio-80-g-18988">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Holunderblüten Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18988&quot;],&quot;content_name&quot;:&quot;Tee Holunderblüten Bio, 80 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18988&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WZSBA2vhAgMXVuk7GAYugDesvhHqjQqP8l0i2pizJXg7NiezKmHjcGw7xoUpmOuAwlwxJNuZPhJvdYVVG89Xuw" />
    <input value="18988" 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%3Fformat%3Dturbo_stream%26page%3D8">
    <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-ingwer-100-bio-18-beutel-18989">
          <img alt="Tee Ingwer 100% Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10975/file/small-cc0e4f2fc9cab25457cd6a514fc70b05.webp 600w, https://assets.fabulous.ch/public/variant_asset/10975/file/medium-7eb2551f621e08ba8f4bc3325afd48f1.webp 900w, https://assets.fabulous.ch/public/variant_asset/10975/file/large-53571e304943c997b90e4347aa851791.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10975/file/medium-7eb2551f621e08ba8f4bc3325afd48f1.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-ingwer-100-bio-18-beutel-18989">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Ingwer 100% Bio, 18 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18989&quot;],&quot;content_name&quot;:&quot;Tee Ingwer 100% Bio, 18 Beutel&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18989&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="a86Y7Aqj-bYAWJYSJt2X6x9LMMAKUgpw2VEAiMhKNbkJbD5cSyMYxXs1uawXQ1Lr6ru_9TtGPu1EeacHSzZHeg" />
    <input value="18989" 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%3Fformat%3Dturbo_stream%26page%3D8">
    <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-ingwer-energie-bio-18-beutel-18991">
          <img alt="Tee Ingwer Energie Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10977/file/small-dba661a5f25d104b72d2480d2ce01f28.webp 600w, https://assets.fabulous.ch/public/variant_asset/10977/file/medium-1417cbf02a378579b1cca50cc364e3b2.webp 900w, https://assets.fabulous.ch/public/variant_asset/10977/file/large-011e04aa54fed99c452af0a1e993cfae.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10977/file/medium-1417cbf02a378579b1cca50cc364e3b2.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-ingwer-energie-bio-18-beutel-18991">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Ingwer Energie Bio, 18 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.45
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18991&quot;],&quot;content_name&quot;:&quot;Tee Ingwer Energie Bio, 18 Beutel&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18991&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.45,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="is8fJd6jcfmRj5INBbNRXeOA7O6mRYomHAytNHo1X3nobbmVnyOQiurivbM0LZRdFnBj25dRvruBJAq7-Uktug" />
    <input value="18991" 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%3Fformat%3Dturbo_stream%26page%3D8">
    <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-ingwer-kurkuma-bio-18-beutel-18992">
          <img alt="Tee Ingwer Kurkuma Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10978/file/small-92ab7eb49e4b8aecc15ac41322d48af2.webp 600w, https://assets.fabulous.ch/public/variant_asset/10978/file/medium-e58e73463d3f9122fc51e143c6879f36.webp 900w, https://assets.fabulous.ch/public/variant_asset/10978/file/large-ebd33f6e966d9f567a65cd5086e9ce0d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10978/file/medium-e58e73463d3f9122fc51e143c6879f36.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-ingwer-kurkuma-bio-18-beutel-18992">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Ingwer Kurkuma Bio, 18 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18992&quot;],&quot;content_name&quot;:&quot;Tee Ingwer Kurkuma Bio, 18 Beutel&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18992&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="unWIof_BpOZKSKvvHLK-Hu2vJjJmGlKrQfhtHRKOAD3Y1y4RvkFFlTElhFEtLHseGF-pB1cOZjbc0MqSkfJy_g" />
    <input value="18992" 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%3Fformat%3Dturbo_stream%26page%3D8">
    <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-ingwer-ruhe-bio-18-beutel-18993">
          <img alt="Tee Ingwer Ruhe Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10979/file/small-e891abb568bce55672b800b49d731033.webp 600w, https://assets.fabulous.ch/public/variant_asset/10979/file/medium-68a9c7d03dacfc8c3466a6a3c30a8c0d.webp 900w, https://assets.fabulous.ch/public/variant_asset/10979/file/large-78e164480c7e6af241934fb0ac01946d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10979/file/medium-68a9c7d03dacfc8c3466a6a3c30a8c0d.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-ingwer-ruhe-bio-18-beutel-18993">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Ingwer Ruhe Bio, 18 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18993&quot;],&quot;content_name&quot;:&quot;Tee Ingwer Ruhe Bio, 18 Beutel&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18993&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Vr1k2M_epJk9d2gsTkAkTurEOkBngN-FMelqcNBhnmE0H8Jojl5F6kYaR5J_3uFOHzS1dVaU6xiswc3_Ux3sog" />
    <input value="18993" 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%3Fformat%3Dturbo_stream%26page%3D8">
    <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-ingwer-zitronen-bio-18-beutel-18994">
          <img alt="Tee Ingwer Zitronen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10980/file/small-5d860c0c7b89e436886f101de268a91c.webp 600w, https://assets.fabulous.ch/public/variant_asset/10980/file/medium-9d2b46a9b60f93ab5abf73abbbf6598d.webp 900w, https://assets.fabulous.ch/public/variant_asset/10980/file/large-49f77359ffcbb080bfde4a41bdf21e1a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10980/file/medium-9d2b46a9b60f93ab5abf73abbbf6598d.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-ingwer-zitronen-bio-18-beutel-18994">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Ingwer Zitronen Bio, 18 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.45
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18994&quot;],&quot;content_name&quot;:&quot;Tee Ingwer Zitronen Bio, 18 Beutel&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18994&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.45,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PzpiaHSeTPuW__ePxdFCa1Dn4aO27SAU5J4Rk-BefgldmMTYNR6tiO2S2DH0T4drpRdulof5FIl5trYcYyIMyg" />
    <input value="18994" 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%3Fformat%3Dturbo_stream%26page%3D8">
    <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-kamille-bio-18-beutel-18995">
          <img alt="Tee Kamille Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10981/file/small-390e4a1d4c9255c94ae0de77494d0f1c.webp 600w, https://assets.fabulous.ch/public/variant_asset/10981/file/medium-3734d9325a919e2b13d6ac40f184defa.webp 900w, https://assets.fabulous.ch/public/variant_asset/10981/file/large-54b5ec8c1946c0e4a59e5643c0946efd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10981/file/medium-3734d9325a919e2b13d6ac40f184defa.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-kamille-bio-18-beutel-18995">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Kamille 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-18995-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18995&quot;],&quot;content_name&quot;:&quot;Tee Kamille Bio, 18 Beutel&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18995&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="HfQtLXrAemN31Dyj2-vTBHELIP9A54IqGbGQGiHaUA1_VoudO0CbEAy5Ex3qdRYEhPuvynHztreEmTeVoqYizg" />
    <input value="18995" 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%3Fformat%3Dturbo_stream%26page%3D8">
    <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-kutz-kutz-bio-18-beutel-18997">
          <img alt="Tee Kutz Kutz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9486/file/small-39ef8dceba7c0d9eef33b2cfb949c41f.webp 600w, https://assets.fabulous.ch/public/variant_asset/9486/file/medium-b0fca5c163dfad361f24198eb638d69c.webp 900w, https://assets.fabulous.ch/public/variant_asset/9486/file/large-8131c56763a2b116904b0794b7216955.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9486/file/medium-b0fca5c163dfad361f24198eb638d69c.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-kutz-kutz-bio-18-beutel-18997">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Kutz Kutz Bio, 18 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18997&quot;],&quot;content_name&quot;:&quot;Tee Kutz Kutz Bio, 18 Beutel&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18997&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Y3w_LNqvfz3xIYm8bwrxEaiSm6s7iRzA0jlVqvp3wvMB3pmcmy-eTopMpgJelDQRXWIUngqdKF1PEfIleQuwMA" />
    <input value="18997" 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%3Fformat%3Dturbo_stream%26page%3D8">
    <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-lavendelbluten-bio-70-g-18998">
          <img alt="Tee Lavendelblüten Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9312/file/small-5660edfe598babd6059325f37bf69af9.webp 600w, https://assets.fabulous.ch/public/variant_asset/9312/file/medium-22c1dc42a3780f92177c2189838c2efa.webp 900w, https://assets.fabulous.ch/public/variant_asset/9312/file/large-4039f3c5a9dc0f98a507367492dafaa7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9312/file/medium-22c1dc42a3780f92177c2189838c2efa.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-lavendelbluten-bio-70-g-18998">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Lavendelblüten Bio, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18998&quot;],&quot;content_name&quot;:&quot;Tee Lavendelblüten Bio, 70 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18998&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MGIGOSWdOfIEfp7AwoCGQ0ZnQ_qltUUDbBQ5ZIb2uwZSwKCJZB3YgX8TsX7zHkNDs5fMz5ShcZ7xPJ7rBYrJxQ" />
    <input value="18998" 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%3Fformat%3Dturbo_stream%26page%3D8">
    <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-lebkuchenzeit-bio-18-beutel-18999">
          <img alt="Tee Lebkuchenzeit Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9474/file/small-ed7c744d517bd3c837de5d3ffd39dd4f.webp 600w, https://assets.fabulous.ch/public/variant_asset/9474/file/medium-dd7c319301fa8b3aeafd4fcf913bd3da.webp 900w, https://assets.fabulous.ch/public/variant_asset/9474/file/large-53ee887ad455fb70aea4d1dc3c15416c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9474/file/medium-dd7c319301fa8b3aeafd4fcf913bd3da.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-lebkuchenzeit-bio-18-beutel-18999">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Lebkuchenzeit Bio, 18 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18999&quot;],&quot;content_name&quot;:&quot;Tee Lebkuchenzeit Bio, 18 Beutel&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18999&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zY7OXz2K3UBbx8VEqMNbmuqsTicK9ppNHFVLYrpjLlmvLGjvfAo8MyCq6vqZXZ6aH1zBEjvirtCBfeztOR9cmg" />
    <input value="18999" 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%3Fformat%3Dturbo_stream%26page%3D8">
    <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-lindenbluten-bio-18-beutel-19000">
          <img alt="Tee Lindenblüten Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9313/file/small-37b0876377aac7ab5d66b7016d653b0b.webp 600w, https://assets.fabulous.ch/public/variant_asset/9313/file/medium-4aa3a73542a0b3e855993bdccc1f0bfe.webp 900w, https://assets.fabulous.ch/public/variant_asset/9313/file/large-d9e87553a808ea667d9b471c3df52fde.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9313/file/medium-4aa3a73542a0b3e855993bdccc1f0bfe.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-lindenbluten-bio-18-beutel-19000">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Lindenblüten Bio, 18 Beutel</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.31 / Stk.
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19000&quot;],&quot;content_name&quot;:&quot;Tee Lindenblüten Bio, 18 Beutel&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19000&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="yYBYUs1PgyGv22c6RY6pBhC-mJVDNgCGGNB99-ZS4ROrIv7ijM9iUtS2SIR0EGwG5U4XoHIiNBuF-Np4ZS6T0A" />
    <input value="19000" 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%3Fformat%3Dturbo_stream%26page%3D8">
    <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-lindenbluten-bio-35-g-19001">
          <img alt="Tee Lindenblüten Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9314/file/small-15d833e2178aaf2043e2b2ce9bb17329.webp 600w, https://assets.fabulous.ch/public/variant_asset/9314/file/medium-5a85cd00b91ed20f4de2b683b810ccea.webp 900w, https://assets.fabulous.ch/public/variant_asset/9314/file/large-a4ac9a43916cb5960ca78a05f3a048e7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9314/file/medium-5a85cd00b91ed20f4de2b683b810ccea.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-lindenbluten-bio-35-g-19001">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Lindenblüten Bio, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.15
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19001&quot;],&quot;content_name&quot;:&quot;Tee Lindenblüten Bio, 35 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19001&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.15,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="d617-QzAPtq7RZcc-yNyg9rloS15Nko6Mm8C3Y5pG1MVD91JTUDfqcAouKLKvbeDLxUuGEgifqevR6VSDRVpkA" />
    <input value="19001" 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%3Fformat%3Dturbo_stream%26page%3D8">
    <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-loslassen-bio-18-beutel-19002">
          <img alt="Tee Loslassen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10983/file/small-daa2cf7d34af2d0f650ca795f6d74dd6.webp 600w, https://assets.fabulous.ch/public/variant_asset/10983/file/medium-23188c8e162b8bf2f79eec78b80e2a8e.webp 900w, https://assets.fabulous.ch/public/variant_asset/10983/file/large-35ffe8444b18d8382ca3e66723b18347.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10983/file/medium-23188c8e162b8bf2f79eec78b80e2a8e.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-loslassen-bio-18-beutel-19002">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Loslassen Bio, 18 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19002&quot;],&quot;content_name&quot;:&quot;Tee Loslassen Bio, 18 Beutel&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19002&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vhXVp8JKh6hOKLpvikUW5YLm3_JNV3cX4EM31rLVDqbct3MXg8pm2zVFldG729PldxZQx3xDQ4p9a5BZMal8ZQ" />
    <input value="19002" 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%3Fformat%3Dturbo_stream%26page%3D8">
    <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-loslassen-bio-40-g-19003">
          <img alt="Tee Loslassen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10984/file/small-f9f153ec3451c371e0dc50478514be56.webp 600w, https://assets.fabulous.ch/public/variant_asset/10984/file/medium-c75512ece038fcf62779a1398febfb49.webp 900w, https://assets.fabulous.ch/public/variant_asset/10984/file/large-2d0b21c83771ab10ed475bfddbb8d978.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10984/file/medium-c75512ece038fcf62779a1398febfb49.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-loslassen-bio-40-g-19003">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Loslassen Bio, 40 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 15.63 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19003&quot;],&quot;content_name&quot;:&quot;Tee Loslassen Bio, 40 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19003&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="0d06rEXuyek8PV5kKQW2C5wDLe8GDVe7cMMKOyFAh7uzf5wcBG4omkdQcdoYm3MLafOi2jcZYybt6620ojz1eA" />
    <input value="19003" 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%3Fformat%3Dturbo_stream%26page%3D8">
    <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-lowenzahnblatter-bio-18-beutel-19004">
          <img alt="Tee Löwenzahnblätter Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9558/file/small-322ad3cc6caad17010529c7765f7df3f.webp 600w, https://assets.fabulous.ch/public/variant_asset/9558/file/medium-3e0f052a2856db9294ec0319b3a44f39.webp 900w, https://assets.fabulous.ch/public/variant_asset/9558/file/large-fbb50e8c5bacc297dbd2ca94f49f6a3d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9558/file/medium-3e0f052a2856db9294ec0319b3a44f39.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-lowenzahnblatter-bio-18-beutel-19004">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Löwenzahnblätter Bio, 18 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19004&quot;],&quot;content_name&quot;:&quot;Tee Löwenzahnblätter Bio, 18 Beutel&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19004&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="O2XjduMwu71sqQGqQ4LnBSWmf1Reb5PFSjRnYm0pFZdZx0XGorBazhfELhRyHCIF0FbwYW97p1jXHMDt7lVnVA" />
    <input value="19004" 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%3Fformat%3Dturbo_stream%26page%3D8">
    <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-mate-bio-90-g-19005">
          <img alt="Tee Mate Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10985/file/small-9ab0c54341274b7d8b3eb2e422402d6f.webp 600w, https://assets.fabulous.ch/public/variant_asset/10985/file/medium-1d8438cee162a32a10c2b2f77b6777c2.webp 900w, https://assets.fabulous.ch/public/variant_asset/10985/file/large-20861c372598d2879ce0a909d3c1461c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10985/file/medium-1d8438cee162a32a10c2b2f77b6777c2.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-mate-bio-90-g-19005">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Mate Bio, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19005&quot;],&quot;content_name&quot;:&quot;Tee Mate Bio, 90 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19005&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aIpjMXkmuWMFjlMHsFDosg7D_FawZaQchvFk6W9n0owKKMWBOKZYEH7jfLmBzi2y-zNzY4FxkIEb2cNm7BugTw" />
    <input value="19005" 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%3Fformat%3Dturbo_stream%26page%3D8">
    <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-mystischer-hexentee-lose-bio-40-g-19006">
          <img alt="Tee Mystischer Hexentee lose Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9481/file/small-10eb2abe41e8ecbcf9d98e5529e18e20.webp 600w, https://assets.fabulous.ch/public/variant_asset/9481/file/medium-568039885a86f70c6a290b134f7f8ef2.webp 900w, https://assets.fabulous.ch/public/variant_asset/9481/file/large-53a6954d29407026452deb010474b299.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9481/file/medium-568039885a86f70c6a290b134f7f8ef2.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-mystischer-hexentee-lose-bio-40-g-19006">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Mystischer Hexentee lose Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19006&quot;],&quot;content_name&quot;:&quot;Tee Mystischer Hexentee lose Bio, 40 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19006&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MPXfLx9aJ24iISyq_8fMOrK_Q8teqGPGLRQ-f9t-JsxSV3mfXtrGHVlMAxTOWQk6R0_M_m-8V1uwPJnwWAJUDw" />
    <input value="19006" 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">
      160 von 218 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/getranke-wein/kaffee-tee?format=turbo_stream&amp;page=9">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>