<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%3D7">
    <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-sonnige-grusse-bio-18-beutel-19016">
          <img alt="Tee Sonnige Grüsse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10989/file/small-69e1ee70c17e508f1b0bcd091bc0f177.webp 600w, https://assets.fabulous.ch/public/variant_asset/10989/file/medium-217d6f9ca9887125e9e26bd824c44d66.webp 900w, https://assets.fabulous.ch/public/variant_asset/10989/file/large-6555e13bd1edc4ac1124583ec66585cf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10989/file/medium-217d6f9ca9887125e9e26bd824c44d66.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-sonnige-grusse-bio-18-beutel-19016">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Sonnige Grüsse 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-19016-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19016&quot;],&quot;content_name&quot;:&quot;Tee Sonnige Grüsse Bio, 18 Beutel&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19016&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="tbjfaGn6UdzWPpn-bQ8fIAiVL4f5I57EBcUSdY5fkWkWp-iQs43A8CH8A_SalyTUV3mUwR09mQkgelddG1zHew" />
    <input value="19016" 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%3D7">
    <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-thymian-bio-18-beutel-19017">
          <img alt="Tee Thymian Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9318/file/small-65ef9b6f0ccaef846ef393dfe0dc1afb.webp 600w, https://assets.fabulous.ch/public/variant_asset/9318/file/medium-ad8c22e5840c3ce6415138128557ebad.webp 900w, https://assets.fabulous.ch/public/variant_asset/9318/file/large-aba3ee63ea9afc02bf5fbb2f0c80cbf5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9318/file/medium-ad8c22e5840c3ce6415138128557ebad.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-thymian-bio-18-beutel-19017">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Thymian 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-19017-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19017&quot;],&quot;content_name&quot;:&quot;Tee Thymian Bio, 18 Beutel&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19017&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="XzfndK17xrVjb1XvNS-LhOVY0hLVMhP9tmJ5zAfk2bj8KNCMdwxXmZStz-XCt7BwurRpVDEsFDCT3TzkkuePqg" />
    <input value="19017" 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%3D7">
    <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-thymian-bio-70-g-19018">
          <img alt="Tee Thymian Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10990/file/small-4dfa4796776c9a38e4cc3b2b66042246.webp 600w, https://assets.fabulous.ch/public/variant_asset/10990/file/medium-b2110f76023d5d490a66bde240027967.webp 900w, https://assets.fabulous.ch/public/variant_asset/10990/file/large-20265eca29506b1560ee2a7a35ef3d10.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10990/file/medium-b2110f76023d5d490a66bde240027967.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-thymian-bio-70-g-19018">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Thymian Bio, 70 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 8.86 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19018&quot;],&quot;content_name&quot;:&quot;Tee Thymian Bio, 70 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19018&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="q2e3TBAR33FQVFNaLoHP3X3FjqpbnqtnkBH4QXN6SugIeIC0ymZOXaeWyVDZGfQpIik17L-ArKq1rr1p5nkc-g" />
    <input value="19018" 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%3D7">
    <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-weiss-pai-mu-tan-bio-18-beutel-19019">
          <img alt="Tee Weiss Pai Mu Tan Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10166/file/small-b2a6dca8c3ce3ca5fe9b520f84b3c5dd.webp 600w, https://assets.fabulous.ch/public/variant_asset/10166/file/medium-5094045294ca373042932a3e0cb57642.webp 900w, https://assets.fabulous.ch/public/variant_asset/10166/file/large-b51a7f833e03aed0403d7dce41ffac23.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10166/file/medium-5094045294ca373042932a3e0cb57642.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-weiss-pai-mu-tan-bio-18-beutel-19019">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Weiss Pai Mu Tan 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-19019-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19019&quot;],&quot;content_name&quot;:&quot;Tee Weiss Pai Mu Tan Bio, 18 Beutel&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19019&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="ZxDLAPN78mU-7DT9oWOIgN4gRt5ozaxcTtACdryFc__ED_z4KQxjSckurvdW-7N0gcz9mIzTq5Frb0deKYYl7Q" />
    <input value="19019" 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%3D7">
    <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-weiss-pai-mu-tan-bio-40-g-19020">
          <img alt="Tee Weiss Pai Mu Tan Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9319/file/small-424fdecc4b54cc8f2d5943e7a220fa5a.webp 600w, https://assets.fabulous.ch/public/variant_asset/9319/file/medium-9255d8cb481399f8cf0af79b1e6de1e6.webp 900w, https://assets.fabulous.ch/public/variant_asset/9319/file/large-f63b66134b15e2c286f6f55072233b5a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9319/file/medium-9255d8cb481399f8cf0af79b1e6de1e6.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-weiss-pai-mu-tan-bio-40-g-19020">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Weiss Pai Mu Tan Bio, 40 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 17.25 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19020&quot;],&quot;content_name&quot;:&quot;Tee Weiss Pai Mu Tan Bio, 40 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19020&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="H2PaV7a_jNVE5h--ci8S5pRKBPEUMqOVbsjiPNGBWK68fO2vbMgd-bMkhbSFtykSy6a_t_AspFhLd6cURIIOvA" />
    <input value="19020" 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%3D7">
    <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-wg-eine-mutze-voll-schlaf-bio-18-beutel-19021">
          <img alt="Tee WG Eine Mütze voll Schlaf Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9476/file/small-175902baea5593c6f0cfc452cc9c920a.webp 600w, https://assets.fabulous.ch/public/variant_asset/9476/file/medium-d133a2574febc661ccf07e9f5f36c70c.webp 900w, https://assets.fabulous.ch/public/variant_asset/9476/file/large-0e7591ccc740e3da1038e0e36dc4c080.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9476/file/medium-d133a2574febc661ccf07e9f5f36c70c.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-wg-eine-mutze-voll-schlaf-bio-18-beutel-19021">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee WG Eine Mütze voll Schlaf 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-19021-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19021&quot;],&quot;content_name&quot;:&quot;Tee WG Eine Mütze voll Schlaf Bio, 18 Beutel&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19021&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="wPNGMxIChHAxwtbUKV_5v4jMGrdZiC947YL34LY6X_dj7HHLyHUVXMYATN7ex8JL1yCh8b2WKLXIPbLIIzkJ5Q" />
    <input value="19021" 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%3D7">
    <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-wg-frei-von-der-leber-weg-bio-18-beutel-19022">
          <img alt="Tee WG Frei von der Leber weg Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9475/file/small-a574f8ac6297dde1bd689d67e7d58f63.webp 600w, https://assets.fabulous.ch/public/variant_asset/9475/file/medium-32d5b5d2bda5c94b0ff8cb73b757e6ed.webp 900w, https://assets.fabulous.ch/public/variant_asset/9475/file/large-c1ccb1c3c63797e410f081b4b9c92735.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9475/file/medium-32d5b5d2bda5c94b0ff8cb73b757e6ed.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-wg-frei-von-der-leber-weg-bio-18-beutel-19022">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee WG Frei von der Leber weg Bio, 18 Beutel</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 0.32 / Stk.
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19022&quot;],&quot;content_name&quot;:&quot;Tee WG Frei von der Leber weg Bio, 18 Beutel&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19022&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="PFInsrGPHWiZejRLAIu6iLwrZpsw1vDUABgis8rfX_efTRBKa_iMRG64rkH3E4F848fd3dTI9xklp2ebX9wJ5Q" />
    <input value="19022" 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%3D7">
    <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-wg-furs-bauchgefuhl-a-1-5g-bio-18-beutel-19023">
          <img alt="Tee WG Fürs Bauchgefühl à 1.5g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9560/file/small-59e255cd44655d58a680d02df6f0b54d.webp 600w, https://assets.fabulous.ch/public/variant_asset/9560/file/medium-c5930e2f703556f64bc562804dda4e3e.webp 900w, https://assets.fabulous.ch/public/variant_asset/9560/file/large-63253a18d3b8487b60857797d08df431.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9560/file/medium-c5930e2f703556f64bc562804dda4e3e.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-wg-furs-bauchgefuhl-a-1-5g-bio-18-beutel-19023">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee WG Fürs Bauchgefühl à 1.5g Bio, 18 Beutel</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 0.32 / Stk.
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19023&quot;],&quot;content_name&quot;:&quot;Tee WG Fürs Bauchgefühl à 1.5g Bio, 18 Beutel&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19023&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="zp3K0EyXRWR_8khcCB6T9vYVfRnVcShWEG_aigE-5JJtgv0oluDUSIgw0lb_hqgCqfnGXzFvL5s10J-ilD2ygA" />
    <input value="19023" 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%3D7">
    <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-wieder-gut-im-wechsel-der-zeit-18-beutel-19024">
          <img alt="Tee Wieder gut Im Wechsel der Zeit" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9568/file/small-6ff98ffb3b1a080953de30d361219ee6.webp 600w, https://assets.fabulous.ch/public/variant_asset/9568/file/medium-cc281162cd924c2e8cf0f45120c01baf.webp 900w, https://assets.fabulous.ch/public/variant_asset/9568/file/large-d8139f23a758d3cf75344fb594bdc224.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9568/file/medium-cc281162cd924c2e8cf0f45120c01baf.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-wieder-gut-im-wechsel-der-zeit-18-beutel-19024">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Wieder gut Im Wechsel der Zeit, 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-19024-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19024&quot;],&quot;content_name&quot;:&quot;Tee Wieder gut Im Wechsel der Zeit, 18 Beutel&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19024&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="gf0exj0Yfol6VbhGaYISnc5uKtriv8DFikSUCoL1yXwi4ik-52_vpY2XIkyeGilpkYKRnAahxwiv-9EiF_afbg" />
    <input value="19024" 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%3D7">
    <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-wild-krauter-50-g-19025">
          <img alt="Tee Wild Kräuter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9574/file/small-20461ac8c56898ee3f9b0f6d445a9508.webp 600w, https://assets.fabulous.ch/public/variant_asset/9574/file/medium-797aa86c0f15d70c77a27d1163934bda.webp 900w, https://assets.fabulous.ch/public/variant_asset/9574/file/large-788092090ae70a87ec4c72d95b273840.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9574/file/medium-797aa86c0f15d70c77a27d1163934bda.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-wild-krauter-50-g-19025">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Wild Kräuter, 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-19025-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19025&quot;],&quot;content_name&quot;:&quot;Tee Wild Kräuter, 50 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19025&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="aXOXkHPTGePVvTpl56U4NuDu_BU-kgZGQybrvZreDHDKbKBoqaSIzyJ_oG8QPQPCvwJHU9qMAYtmma6VD91aYg" />
    <input value="19025" 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%3D7">
    <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-zaubertrank-bio-50-g-19026">
          <img alt="Tee Zaubertrank Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9564/file/small-376e81f9373955c279da4b63a60088f1.webp 600w, https://assets.fabulous.ch/public/variant_asset/9564/file/medium-3a21a08c425f63d4ac758f04910a7e45.webp 900w, https://assets.fabulous.ch/public/variant_asset/9564/file/large-2762fcc39c959861882caec7e52debbb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9564/file/medium-3a21a08c425f63d4ac758f04910a7e45.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-zaubertrank-bio-50-g-19026">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Zaubertrank 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-19026-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19026&quot;],&quot;content_name&quot;:&quot;Tee Zaubertrank Bio, 50 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19026&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="KqL1jmxPnLYhLkPVvcTz9aPPXQ8iPUHqi1-rY7tABNWJvcJ2tjgNmtbs2d9KXMgB_CPmScYjRieu4O5LLkNSxw" />
    <input value="19026" 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%3D7">
    <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-zitronenmelisse-bio-18-beutel-19027">
          <img alt="Tee Zitronenmelisse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9320/file/small-f687aee31ff78692755514f54894502f.webp 600w, https://assets.fabulous.ch/public/variant_asset/9320/file/medium-aa163dbf06361658fcc6d0473bb43591.webp 900w, https://assets.fabulous.ch/public/variant_asset/9320/file/large-d63419e3bde08cbdbed0e8c864305f83.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9320/file/medium-aa163dbf06361658fcc6d0473bb43591.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-zitronenmelisse-bio-18-beutel-19027">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Zitronenmelisse 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-19027-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19027&quot;],&quot;content_name&quot;:&quot;Tee Zitronenmelisse Bio, 18 Beutel&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19027&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="gukFiJClXvmTVAmZTw2yfMdcVekN0Ex-6j-QXDMI__oh9jJwStLP1WSWk5O4lYmImLDur-nOS7PPgNV0pgup6A" />
    <input value="19027" 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%3D7">
    <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-zitronenmelissen-demeter-50-g-19028">
          <img alt="Tee Zitronenmelissen Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10991/file/small-2b1a6bbd0d37fd1c81aefcc87dfae0a8.webp 600w, https://assets.fabulous.ch/public/variant_asset/10991/file/medium-b3a5644ce660066745ce8f89986bb082.webp 900w, https://assets.fabulous.ch/public/variant_asset/10991/file/large-08b018c30afdaa1e04964122b865af6f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10991/file/medium-b3a5644ce660066745ce8f89986bb082.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-zitronenmelissen-demeter-50-g-19028">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Zitronenmelissen Demeter, 50 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 11.40 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19028&quot;],&quot;content_name&quot;:&quot;Tee Zitronenmelissen Demeter, 50 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19028&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="U9WhRtX4KLIKv_SZmjvwao0EXIHxfSJtWEALUQ31v7Dwypa-D4-5nv19bpNto8ue0ujnxxVjJaB9_055mPbpog" />
    <input value="19028" 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%3D7">
    <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-zitronenverbene-bio-18-beutel-19029">
          <img alt="Tee Zitronenverbene Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9321/file/small-c9cf1c30573f8ea2c556013143b09178.webp 600w, https://assets.fabulous.ch/public/variant_asset/9321/file/medium-ae9427b396ea81e42ed8831752f27704.webp 900w, https://assets.fabulous.ch/public/variant_asset/9321/file/large-e99064525c50d03eb493b71b4f1380e5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9321/file/medium-ae9427b396ea81e42ed8831752f27704.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-zitronenverbene-bio-18-beutel-19029">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Zitronenverbene 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-19029-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19029&quot;],&quot;content_name&quot;:&quot;Tee Zitronenverbene Bio, 18 Beutel&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19029&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="xAu9cnKYzjqCR00aYiQGPMYzwCyrH4dOHqezOVyvzkpnFIqKqO9fFnWF1xCVvD3Imd97ak8BgIM7GPYRyayYWA" />
    <input value="19029" 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%3D7">
    <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-zitronenverbene-bio-30-g-19030">
          <img alt="Tee Zitronenverbene Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10992/file/small-5d128939662220db07098b6b14d783ec.webp 600w, https://assets.fabulous.ch/public/variant_asset/10992/file/medium-5e87e6bd70342c687c8060fdd6329a67.webp 900w, https://assets.fabulous.ch/public/variant_asset/10992/file/large-10301d77b1ba3ff2d29479b6faafa445.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10992/file/medium-5e87e6bd70342c687c8060fdd6329a67.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-zitronenverbene-bio-30-g-19030">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Zitronenverbene Bio, 30 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 20.50 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19030&quot;],&quot;content_name&quot;:&quot;Tee Zitronenverbene Bio, 30 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19030&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="GzwhS27TP5_9MzTasas22jHotydqVK9dT2LPapDAazu4IxaztKSuswrxrtBGMw0ubgQMYY5KqJBq3YpCBcM9KQ" />
    <input value="19030" 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%3D7">
    <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/abend-teebeutel-bio-17-stuck-19223">
          <img alt="Abend Teebeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9331/file/small-2a764b66002decfa3facc6fb1587e0de.webp 600w, https://assets.fabulous.ch/public/variant_asset/9331/file/medium-8825a52d512410611d8393a4839e33ab.webp 900w, https://assets.fabulous.ch/public/variant_asset/9331/file/large-4834eb64971db7bb4eb1afdaec0012c1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9331/file/medium-8825a52d512410611d8393a4839e33ab.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/abend-teebeutel-bio-17-stuck-19223">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Abend Teebeutel Bio, 17 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </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-19223-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19223&quot;],&quot;content_name&quot;:&quot;Abend Teebeutel Bio, 17 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19223&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="emx_w8dffqphfci52SoODfp35uYr2ZEn8F8LrKKUH_bZc0g7HSjvhpa_UrMusjX5pZtdoM_HlurV4E6EN5dJ5A" />
    <input value="19223" 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%3D7">
    <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/basische-krauter-teebeutel-bio-17-stuck-19224">
          <img alt="Basische Kräuter Teebeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9332/file/small-de36e86089d81b6cd1dc7cf4ae6f8a50.webp 600w, https://assets.fabulous.ch/public/variant_asset/9332/file/medium-ae964eb57c38929eef3acff9f7bb7c74.webp 900w, https://assets.fabulous.ch/public/variant_asset/9332/file/large-ffad89d9ad6ea75724047e074da91e1e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9332/file/medium-ae964eb57c38929eef3acff9f7bb7c74.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/basische-krauter-teebeutel-bio-17-stuck-19224">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Basische Kräuter Teebeutel Bio, 17 Stück</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 0.26 / Stk.
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19224&quot;],&quot;content_name&quot;:&quot;Basische Kräuter Teebeutel Bio, 17 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19224&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="PmHN4YCNbk9O_izmH1yt42RJFFGS8_Pz70SfN1lJ6lCdfvoZWvr_Y7k8tuzoxJYXO6WvF3bt9D7K-9ofzEq8Qg" />
    <input value="19224" 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%3D7">
    <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/frauen-power-teebeutel-bio-17-stuck-19226">
          <img alt="Frauen Power Teebeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9334/file/small-4436d998d2a7bd096e594340a43eae05.webp 600w, https://assets.fabulous.ch/public/variant_asset/9334/file/medium-1d517be668e44997aa544d3bdf4c8101.webp 900w, https://assets.fabulous.ch/public/variant_asset/9334/file/large-791246ce2a30a2e9e9085cff10079b23.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9334/file/medium-1d517be668e44997aa544d3bdf4c8101.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/frauen-power-teebeutel-bio-17-stuck-19226">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Frauen Power Teebeutel Bio, 17 Stück</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 0.26 / Stk.
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19226&quot;],&quot;content_name&quot;:&quot;Frauen Power Teebeutel Bio, 17 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19226&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="t2hhSEWtpVQIP1XHtVZH2EWjXU_8-F_1yuv7MoyGXA0Ud1awn9o0eP_9z81CznwsGk_mCRjmWDjvVL4aGYUKHw" />
    <input value="19226" 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%3D7">
    <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/gluck-teebeutel-bio-17-stuck-19227">
          <img alt="Glück Teebeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9335/file/small-e406b61f721760620cd0aa1409bf06f7.webp 600w, https://assets.fabulous.ch/public/variant_asset/9335/file/medium-7a9fc834352d50a4715a8eef0af714a6.webp 900w, https://assets.fabulous.ch/public/variant_asset/9335/file/large-5a9c90ade86dcf23b284fd5c8a19df51.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9335/file/medium-7a9fc834352d50a4715a8eef0af714a6.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/gluck-teebeutel-bio-17-stuck-19227">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Glück Teebeutel Bio, 17 Stück</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 0.26 / Stk.
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19227&quot;],&quot;content_name&quot;:&quot;Glück Teebeutel Bio, 17 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19227&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="sRYIQBXKjLvTd6mUKruFOEN3FvTMGBIfA73_scR10LcSCT-4z70dlyS1M57dI77MHJutsigGFdImArqZUXaGpQ" />
    <input value="19227" 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%3D7">
    <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/grune-energie-teebeutel-bio-17-stuck-19228">
          <img alt="Grüne Energie Teebeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9336/file/small-048e2d07ac8316de9d1e1ac9bc79a76a.webp 600w, https://assets.fabulous.ch/public/variant_asset/9336/file/medium-5e2f149ecbdec3ec195a871f9892fb22.webp 900w, https://assets.fabulous.ch/public/variant_asset/9336/file/large-b6caee164b995e8e1380e822e84272b3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9336/file/medium-5e2f149ecbdec3ec195a871f9892fb22.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/grune-energie-teebeutel-bio-17-stuck-19228">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Grüne Energie Teebeutel Bio, 17 Stück</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 0.26 / Stk.
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19228&quot;],&quot;content_name&quot;:&quot;Grüne Energie Teebeutel Bio, 17 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19228&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="oZ2HEF5FLbu9rt4KbjyUxU0J5jminKTcp6CAi7psnlMCgrDohDK8l0psRACZpK8xEuVdf0aCoxGCH8WjL2_IQQ" />
    <input value="19228" 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">
      140 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=8">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>