<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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D88">
    <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-grune-energie-teebeutel-bio-17-stuck-19286">
          <img alt="Tee Grüne Energie Teebeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9336/file/small-223cb6c9d0262ead3ede1e092ba7f906.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9336/file/medium-495aa66cdb483fe945141ed5f9df7868.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9336/file/large-05652d84d48120487f1c2468285fbd75.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9336/file/medium-495aa66cdb483fe945141ed5f9df7868.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Yogi</p>
          <a href="/products/tee-grune-energie-teebeutel-bio-17-stuck-19286">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee 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-19286-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1rjoqd3fH0ZnItS8kzprEKL65v4HfN3Yv2BHxF8qeDMk5sBbPnHt5uzOZE3nxkngEmONE_NXt0vJ8tc-XArB_A" />
    <input value="19286" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D88">
    <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-grune-harmonie-teebeutel-bio-17-stuck-19287">
          <img alt="Tee Grüne Harmonie Teebeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9337/file/small-cb6108e789a1402ec833d72aeef4dfd8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9337/file/medium-0a9ea8cee32d5b69d455c91bd77e213b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9337/file/large-4ce6e26a52faf11aa640ed84895a3905.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9337/file/medium-0a9ea8cee32d5b69d455c91bd77e213b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Yogi</p>
          <a href="/products/tee-grune-harmonie-teebeutel-bio-17-stuck-19287">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Grüne Harmonie 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-19287-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="E8vVnbx7hoia9gttR2Mk_-pDyvLWHvkm4FauJzGI_Szhlf1vX9V0KBEau5wznwYPWtqhHyI1k7WWxD7dMqhE4w" />
    <input value="19287" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D88">
    <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-gruner-morgen-teebeutel-bio-17-stuck-19288">
          <img alt="Tee Grüner Morgen Teebeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9338/file/small-ad88daff5829ad4037443c000fe72eb4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9338/file/medium-98c9abe21f3f460bed3bfdeaa0c299d5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9338/file/large-09b5fc9ed5adce053229eb367fc50662.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9338/file/medium-98c9abe21f3f460bed3bfdeaa0c299d5.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Yogi</p>
          <a href="/products/tee-gruner-morgen-teebeutel-bio-17-stuck-19288">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Grüner Morgen 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-19288-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ko9HSiKzjGh23gM1fLBwe4u6QFSs0yw0vFMOyEUufTBg0W-4wR1-yP0ys8QITFKLOyMruVj4RqfKwZ4yRg7E_w" />
    <input value="19288" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D88">
    <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-halswarmer-teebeutel-bio-17-stuck-19289">
          <img alt="Tee Halswärmer Teebeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11400/file/small-e456e63da97ac3286664bfa2cfc2dec1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11400/file/medium-268d85abca92d30cc4d7c6c73ca38c52.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11400/file/large-41dac0aa08dea0f182195fcd6753b0b1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11400/file/medium-268d85abca92d30cc4d7c6c73ca38c52.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Yogi</p>
          <a href="/products/tee-halswarmer-teebeutel-bio-17-stuck-19289">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Halswärmer 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-19289-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6GL-o4Gtuy1Y4fSrBfIRcUIU1SVXWfWH1bkZ5jcUF4gaPNZRYgNJjdMNRFpxDjOB8o2-yKNynxSjK4kcNDSuRw" />
    <input value="19289" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D88">
    <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-himalaya-ginger-harmony-teebeutel-bio-17-stuck-19290">
          <img alt="Tee Himalaya Ginger Harmony Teebeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9339/file/small-58c77423a4ce083ef7904be1e6006f1c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9339/file/medium-2ccb3d3e2a7acd23c0946d198c7cbf70.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9339/file/large-fd1f0d47694aff962edd4846fd2460a9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9339/file/medium-2ccb3d3e2a7acd23c0946d198c7cbf70.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Yogi</p>
          <a href="/products/tee-himalaya-ginger-harmony-teebeutel-bio-17-stuck-19290">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Himalaya Ginger Harmony 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-19290-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="USwpPJJ8NDPmxOra_j3fFUOQKoO97lO-61VEDBCO1_6jcgHOcdLGk20oWiuKwf3l8wlBbknFOS2dx9T2E65uMQ" />
    <input value="19290" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D88">
    <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-orange-vanille-teebeutel-bio-17-stuck-19291">
          <img alt="Tee Ingwer Orange Vanille Teebeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9340/file/small-4479d37bbe61b35518d080388d312fa8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9340/file/medium-bb007fcc49da1e9e3e35444f0754f85c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9340/file/large-3395ec2678afff351c0243ce4e21d6a7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9340/file/medium-bb007fcc49da1e9e3e35444f0754f85c.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Yogi</p>
          <a href="/products/tee-ingwer-orange-vanille-teebeutel-bio-17-stuck-19291">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Ingwer Orange Vanille 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-19291-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QNt-A8Zaodc6pgWh0m3tu4walAK0I1yPfJvjLDPv_lCyhVbxJfRTd7FKtVCmkc9LPIP_70AINhwKCXPWMM9Hnw" />
    <input value="19291" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D88">
    <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-zitrone-teebeutel-bio-17-stuck-19292">
          <img alt="Tee Ingwer Zitrone Teebeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9341/file/small-ce3702aaa40f53771e590310d2dca472.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9341/file/medium-fa0ed2ed7c6ea7552a1628979f9a9750.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9341/file/large-6766157f311ed4e87dcad8717aed1ebf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9341/file/medium-fa0ed2ed7c6ea7552a1628979f9a9750.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Yogi</p>
          <a href="/products/tee-ingwer-zitrone-teebeutel-bio-17-stuck-19292">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Ingwer Zitrone 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-19292-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JW9gDsxreDNfYtPNbatqVh99UBSKBsXUpjO8PwpJovrXMUj8L8WKk9SOYzwZV0imr-Q7-X4tr0fQoSzFCWkbNQ" />
    <input value="19292" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D88">
    <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-innere-harmonie-teebeutel-bio-17-stuck-19293">
          <img alt="Tee Innere Harmonie Teebeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9343/file/small-f58588eb59dfbc0d93f85839e2326f24.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9343/file/medium-6d9072021e038d195c8857807f982f46.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9343/file/large-ab1296eab2ab6dd9369a064982c7f151.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9343/file/medium-6d9072021e038d195c8857807f982f46.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Yogi</p>
          <a href="/products/tee-innere-harmonie-teebeutel-bio-17-stuck-19293">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Innere Harmonie 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-19293-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="d_Lv43iZn-hQXSpKwjusLSV4d-grrzPrizGeid0JMyqFrMcRmzdtSNuxmru2x47dleEcBd-EWXj9ow5z3imK5Q" />
    <input value="19293" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D88">
    <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-kurkuma-chai-teebeutel-bio-17-stuck-19294">
          <img alt="Tee Kurkuma Chai Teebeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9346/file/small-fdfa8cef24b4ebbce1e7ae8acb272a2c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9346/file/medium-6c2f09edc292110397a225144506b0e3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9346/file/large-5778219410dbb9ff69405727e6f6301e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9346/file/medium-6c2f09edc292110397a225144506b0e3.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Yogi</p>
          <a href="/products/tee-kurkuma-chai-teebeutel-bio-17-stuck-19294">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Kurkuma Chai 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-19294-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0MaRL7cWKx9mUoembV5NdfMG7aptsobi-sQHvrfKhjMimLndVLjZv-2-N1cZom-FQ5-GR5mZ7HGMVpdEtOo__A" />
    <input value="19294" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D88">
    <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-lakritz-teebeutel-bio-17-stuck-19295">
          <img alt="Tee Lakritz Teebeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9342/file/small-979bc6b0061b0d529b912251db9dfc37.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9342/file/medium-7ccbc177127cbcb02739e3ee5bbcda0d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9342/file/large-52caacce2d85c7cc2d202d855eb2dd42.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9342/file/medium-7ccbc177127cbcb02739e3ee5bbcda0d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Yogi</p>
          <a href="/products/tee-lakritz-teebeutel-bio-17-stuck-19295">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Lakritz 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-19295-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bE8l4pUa4wGoIEJZWN-US5oLyqNED96sokWFxAPX1ByeEQ0QdrQRoSPM8qgsI7a7KpKhTrAktD_U1xU-APdt0w" />
    <input value="19295" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D88">
    <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-lebensfreude-teebeutel-bio-17-stuck-19296">
          <img alt="Tee Lebensfreude Teebeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9345/file/small-73e0d4be7cc1721f585905fab7600c09.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9345/file/medium-3109c81fd4840ff014ee96b0d44ad118.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9345/file/large-7598af9b97c66cadf4e080998d868da4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9345/file/medium-3109c81fd4840ff014ee96b0d44ad118.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Yogi</p>
          <a href="/products/tee-lebensfreude-teebeutel-bio-17-stuck-19296">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Lebensfreude 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-19296-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ikWPKixzTQmcnEsvEuldCVS9mup1Y2cs2V_mPwDOZz14G6fYz92_qRdw-95mFX_55CTxB4FIDb-vzXbFA-7e8g" />
    <input value="19296" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D88">
    <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-maca-chai-teebeutel-bio-17-stuck-19297">
          <img alt="Tee Maca Chai Teebeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9661/file/small-ea1591316dc5644b38470448fc5aeec3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9661/file/medium-e07d8d4cc34812860df1bf7da6f1514a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9661/file/large-e1f60113988cf2bda01b6bb5bbd85190.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9661/file/medium-e07d8d4cc34812860df1bf7da6f1514a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Yogi</p>
          <a href="/products/tee-maca-chai-teebeutel-bio-17-stuck-19297">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Maca Chai 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-19297-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OHR-LoCj9mox-JorENYoPaaFWh29dGH0gbrjn_aR873KKlbcYw0EyroUKtpkKgrNFhwx8ElfC2f3KHNl9bFKcg" />
    <input value="19297" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D88">
    <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-nach-dem-essen-teebeutel-bio-17-stuck-19298">
          <img alt="Tee Nach dem Essen Teebeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9344/file/small-3bd3980934aff23221402c41b58aac29.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9344/file/medium-2880a6f43e2236e550191304cc610be5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9344/file/large-e531fa3ac3b225d2d721616f2fa38d17.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9344/file/medium-2880a6f43e2236e550191304cc610be5.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Yogi</p>
          <a href="/products/tee-nach-dem-essen-teebeutel-bio-17-stuck-19298">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Nach dem Essen 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-19298-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OlFD4bkEth86jzPYOnwHrHNMnRvscXsRB1cYwARECgXID2sTWqpEv7FjgylOgCVcw9X29hhaEYJxxYg6B2Szyg" />
    <input value="19298" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D88">
    <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-naturliche-abwehr-teebeutel-bio-17-stuck-19299">
          <img alt="Tee Natürliche Abwehr Teebeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9347/file/small-a84afe687264528bba641a04fde87846.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9347/file/medium-9993eefe038d81744fe2fe65ad17b843.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9347/file/large-768ded5f6c19d4fff25e3d299677e4ab.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9347/file/medium-9993eefe038d81744fe2fe65ad17b843.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Yogi</p>
          <a href="/products/tee-naturliche-abwehr-teebeutel-bio-17-stuck-19299">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Natürliche Abwehr 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-19299-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8TrWUwQX6c42cIQLkbHv0WQDkzOa9I9dgEr316rsjo0DZP6h57kbbr2cNPrlTc0h1Jr43m7f5c722Gctqcw3Qg" />
    <input value="19299" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D88">
    <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-positive-energie-bio-17-beutel-19300">
          <img alt="Tee Positive Energie Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9348/file/small-910b5fdde7d547e691c52e04a802fd69.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9348/file/medium-18c60343b3f45b840107f30f841270c5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9348/file/large-fb08ae4550f4c45ba28076dd77713424.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9348/file/medium-18c60343b3f45b840107f30f841270c5.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Yogi</p>
          <a href="/products/tee-positive-energie-bio-17-beutel-19300">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Positive Energie Bio, 17 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.29 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5KaYbSsLhbDPUN-74yQL6XXFhUJ0TMXAe0xXk14GWWMW-LCfyKV3EES8b0qX2CkZxVzur4Bnr1MN3sdpXSbgrA" />
    <input value="19300" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D88">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/tee-rooibos-teebeutel-bio-17-stuck-19301">
          <img alt="Tee Rooibos Teebeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9349/file/small-b3ca69775126ac91a86d1fbc6d5c4ce7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9349/file/medium-79e529d30ad0914831e56782a7f41966.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9349/file/large-e3e6f7aab48d6e9786c6cd6d334be331.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9349/file/medium-79e529d30ad0914831e56782a7f41966.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Yogi</p>
          <a href="/products/tee-rooibos-teebeutel-bio-17-stuck-19301">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Rooibos 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-19301-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6ZHNlHQCROhxi6HXs9AQozk-N8OdSfpnrK4oIiPnjmAbz-Vml6y2SPpnESbHLDJTiadcLmlikPTaPLjYIMc3rw" />
    <input value="19301" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D88">
    <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-ruhe-teebeutel-bio-17-stuck-19302">
          <img alt="Tee Ruhe Teebeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9351/file/small-af5c08f68f3aabf31a9db6d233afa8a0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9351/file/medium-c8582793da3526201e49bebf18a1e342.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9351/file/large-45667bbd077e9e9ad63d98f3187f845f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9351/file/medium-c8582793da3526201e49bebf18a1e342.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Yogi</p>
          <a href="/products/tee-ruhe-teebeutel-bio-17-stuck-19302">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Ruhe 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-19302-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9rE1dduCbRCeze2O959JQk6tZ397JRCudf1Vc5d0Pg0E7x2HOCyfsBUhXX-DY2uy_jQMko8Oej0Db8WJlFSHwg" />
    <input value="19302" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D88">
    <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-schoko-aztec-spice-teebeutel-bio-17-stuck-19303">
          <img alt="Tee Schoko Aztec Spice Teebeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9353/file/small-01a2c73ef2f62a7c7e44f9528b70bb5e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9353/file/medium-692312a8d530942dd0645f483590504d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9353/file/large-b73025712e44e5519cea6ea2d664ed6b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9353/file/medium-692312a8d530942dd0645f483590504d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Yogi</p>
          <a href="/products/tee-schoko-aztec-spice-teebeutel-bio-17-stuck-19303">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Schoko Aztec Spice 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-19303-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aRo58Jg-1Bpl-4vqAgQY-6D15XH7JZu2mOmgOetjkR6bRBECe5Amuu4XOxt2-DoLEGyOnA8O8SXuezDD6EMo0Q" />
    <input value="19303" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D88">
    <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-schoko-chai-bio-90-g-19304">
          <img alt="Tee Schoko Chai Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9664/file/small-9ba4f2ad62a5783fdeb97b20b15d1935.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9664/file/medium-7c0e7e4196bccd9ad3d51b54417425b3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9664/file/large-792399c9872347b5cd2dddae5d34d9ab.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9664/file/medium-7c0e7e4196bccd9ad3d51b54417425b3.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Yogi</p>
          <a href="/products/tee-schoko-chai-bio-90-g-19304">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Schoko Chai 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-19304-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="h6C9vDnzmJOSr_8VQo2LKsk1s4o-3dYUqgvX5_V48dl1_pVO2l1qMxlDT-Q2canaeazYZ8r2vIfcmUcd9lhIFg" />
    <input value="19304" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D88">
    <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-sweet-chai-teebeutel-bio-17-stuck-19305">
          <img alt="Tee Sweet Chai Teebeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9354/file/small-702bb6c68bf9f7141b1989b3684d8713.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9354/file/medium-61b9d5725725f573ea1a8f690d8a5f87.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9354/file/large-53edc57a8f0a187aa724571b7e0c3f8d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9354/file/medium-61b9d5725725f573ea1a8f690d8a5f87.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Yogi</p>
          <a href="/products/tee-sweet-chai-teebeutel-bio-17-stuck-19305">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Sweet Chai 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-19305-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="c4vLqsb6C1IWCLRN-_B2DctSw0SQ_kkF0HNSFfsH8jmB1eNYJVT58p3kBLyPDFT9e8uoqWTVI5am4cLv-CdL9g" />
    <input value="19305" 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">
      1&#39;760 von 3&#39;030 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/products?format=turbo_stream&amp;page=89">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>