<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%2Flima%3Fformat%3Dturbo_stream%26page%3D83">
    <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/reis-zwerge-bio-125-g-19206">
          <img alt="Reis Zwerge Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9405/file/small-89413bd22d3681cf201dd7997d8a10be.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9405/file/medium-5aeb7687e9e68aba679d86cdb9435fb1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9405/file/large-adbbd9555c25be1c64b3c4f4ad9b68b1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9405/file/medium-5aeb7687e9e68aba679d86cdb9435fb1.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">Werz</p>
          <a href="/products/reis-zwerge-bio-125-g-19206">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Reis Zwerge Bio, 125 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 4.96 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="y1q2IH9aEBNqCffCYxzTBbK6GWZzZbdq1Zkz8RxEnHnl4Ym2fbGvyPXb4a9lp87cnmw8wJDmlDCmqE6Z9EO_jA" />
    <input value="19206" 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%2Flima%3Fformat%3Dturbo_stream%26page%3D83">
    <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-19207">
          <img alt="Abend 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/9314/file/small-91c7556c89123cf4ad18c0b2a700594a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9314/file/medium-a0e14af8fa91f21d8b3b145f34c858ba.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9314/file/large-28028fae8836583537e2e858048d443a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9314/file/medium-a0e14af8fa91f21d8b3b145f34c858ba.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-19207">
            <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-19207-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xWoPcL0LeT7zqWLRQZBX1bobHrJEC1-g-qBt_RTapdzr0TDmv-DG5Wx7dLxHK0oMls07FKeIfPqJkRCV_N2GKQ" />
    <input value="19207" 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%2Flima%3Fformat%3Dturbo_stream%26page%3D83">
    <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-19208">
          <img alt="Basische Kräuter 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/9316/file/small-f5730afe229d840b3f45564c980d61f6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9316/file/medium-8045aed2ac6085b813c3c2805f88ec83.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9316/file/large-671d80cc9b47b57c202d01a829c4faf4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9316/file/medium-8045aed2ac6085b813c3c2805f88ec83.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-19208">
            <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-19208-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="P0Uv6v2N71dKe6p1gGVAc6vhVeXshtRWw-qE7rbLYfER_hB8_2ZQjNWpvBiG3l2qhzdwQw8F9wyw2_mGXsxCBA" />
    <input value="19208" 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%2Flima%3Fformat%3Dturbo_stream%26page%3D83">
    <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/classic-chai-offen-bio-90-g-19209">
          <img alt="Classic Chai offen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9315/file/small-fb3bbb5812d4857f28e51d1d26faf66b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9315/file/medium-355839f2d62903fc8d44f7e8cb69aa82.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9315/file/large-4093ec5172c6bc42afe88523dc802d4c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9315/file/medium-355839f2d62903fc8d44f7e8cb69aa82.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/classic-chai-offen-bio-90-g-19209">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Classic Chai offen Bio, 90 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 6.33 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QOTRspbiRMO6dSzf52j17aTE_EBImDJd_Y_AiSBGJ-puX-4klAn7GCWnOrLh0-g0iBLZ5qsbEQeOvr3hyEEEHw" />
    <input value="19209" 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%2Flima%3Fformat%3Dturbo_stream%26page%3D83">
    <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-19210">
          <img alt="Frauen Power 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/9317/file/small-b7425a619934039921f600faebbe24dd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9317/file/medium-c705584167ac09f92702558cfba133b8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9317/file/large-e842a9ae6e8db29514fc05556b8b5003.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9317/file/medium-c705584167ac09f92702558cfba133b8.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-19210">
            <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-19210-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FObItQNecrZ9BNRMH2sms29M2pitEo0wAAykZVYY6OY6XfcjAbXNbeLWwiEZ0DtqQ5r_Pk6RrmpzPdkNvh_LEw" />
    <input value="19210" 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%2Flima%3Fformat%3Dturbo_stream%26page%3D83">
    <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-19211">
          <img alt="Glück 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/9318/file/small-9bbc9d03855b1b4c37bfa7227390731c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9318/file/medium-a50a32623cd21eb6ab7b410930d0afc1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9318/file/large-118d928d26a7c6386900a866926f3a72.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9318/file/medium-a50a32623cd21eb6ab7b410930d0afc1.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-19211">
            <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-19211-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sVpw0z-YYtl57WzMQpEVE6rsq3GIjYgy5qpXGAnzldmf4U9FPXPdAuY_eqFEKgjKhjqO12sOq2iVmypw4fS2LA" />
    <input value="19211" 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%2Flima%3Fformat%3Dturbo_stream%26page%3D83">
    <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-19212">
          <img alt="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/9319/file/small-0b257914a2fcd9b1a0b2d756bb63ed11.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9319/file/medium-92df1140e65a4823377ef2b5b5e61014.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9319/file/large-5f310f7d47bda6eef36c5fd615473f05.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9319/file/medium-92df1140e65a4823377ef2b5b5e61014.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-19212">
            <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-19212-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="J5LaLzVrk0Ov7qKx3GIcjbr6ro1GckxHwecFb33qqgcJKeW5N4AsmDA8tNza2QFUliyLK6Xxbx2y1ngHle2J8g" />
    <input value="19212" 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%2Flima%3Fformat%3Dturbo_stream%26page%3D83">
    <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-harmonie-teebeutel-bio-17-stuck-19213">
          <img alt="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/9320/file/small-b13b7d5dccd2b4f16a1a17895937d132.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9320/file/medium-ebee8842c1c58f7bf595cf55e7a757b1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9320/file/large-5c93c76df4d1a6c9daa359277aa438a3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9320/file/medium-ebee8842c1c58f7bf595cf55e7a757b1.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-harmonie-teebeutel-bio-17-stuck-19213">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-19213-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ag1Xn_RRVC_cCGZFR1QhNO4i-EvrimB4ng-Ips_6F5EstmgJ9rrr9EPacChB7zztwvTd7QgJQyLtPvXOJ_00ZA" />
    <input value="19213" 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%2Flima%3Fformat%3Dturbo_stream%26page%3D83">
    <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/gruner-morgen-teebeutel-bio-17-stuck-19214">
          <img alt="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/9321/file/small-ea114f09303c357548938927a863393f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9321/file/medium-e688b937f725b348bcba7469ad5a276a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9321/file/large-93f8c8d011c3321e12a696b8b36c14f1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9321/file/medium-e688b937f725b348bcba7469ad5a276a.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/gruner-morgen-teebeutel-bio-17-stuck-19214">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-19214-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FuTtvepv3WTKG14-AXLyezQBnUiM7wA1iwZrXuZE1tc4X9Ir6IRiv1XJSFMHye-iGNe47m9sI2_4NxY2DkP1Ig" />
    <input value="19214" 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%2Flima%3Fformat%3Dturbo_stream%26page%3D83">
    <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/halswarmer-teebeutel-bio-17-stuck-19215">
          <img alt="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/10871/file/small-8e93b8fb8d4d3c03419a642edffe3fda.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10871/file/medium-39c5656f2d1835fa484373f2ebbece84.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10871/file/large-4a90be73cce6323678937b65ac4c52ad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10871/file/medium-39c5656f2d1835fa484373f2ebbece84.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/halswarmer-teebeutel-bio-17-stuck-19215">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-19215-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eDsVWGdDaWgGlNGMPYDdBkAKbaNK5LxYCbErr4tZrYdWgCrOZajWs5lGx-E7O8DfbNxIBalnnwJ6gFbHY16Ocg" />
    <input value="19215" 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%2Flima%3Fformat%3Dturbo_stream%26page%3D83">
    <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/himalaya-ginger-harmony-teebeutel-bio-17-stuck-19216">
          <img alt="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/9322/file/small-960e7764362d1c518acd4e6b6db86fde.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9322/file/medium-76c79f8fe5891a3e7205e528705b104d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9322/file/large-e2033ea619a68083cb94bf809166d720.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9322/file/medium-76c79f8fe5891a3e7205e528705b104d.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/himalaya-ginger-harmony-teebeutel-bio-17-stuck-19216">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-19216-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Bvq_wvyAT41kV-J_OuRFlcUerP296pEE3GFHBlIOiu0oQYBU_mvwVvuF9BI8X1hM6ciJW15psl6vUDpuugmpGA" />
    <input value="19216" 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%2Flima%3Fformat%3Dturbo_stream%26page%3D83">
    <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/ingwer-orange-vanille-teebeutel-bio-17-stuck-19217">
          <img alt="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/9324/file/small-f63b2ebdb87ff97c8c146493b143471a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9324/file/medium-11613cce16a3de1199a518e8135b6aef.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9324/file/large-7a1b38aecea1031b5e666a4ead20f142.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9324/file/medium-11613cce16a3de1199a518e8135b6aef.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/ingwer-orange-vanille-teebeutel-bio-17-stuck-19217">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-19217-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zNwbyjNF4USU16xQLfEDehv0q7QjUh8QbvCnzrkzPQviZyRcMa5enwsFuj0rSh6jNyKOEsDRPEodwdqmUTQe_g" />
    <input value="19217" 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%2Flima%3Fformat%3Dturbo_stream%26page%3D83">
    <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/ingwer-zitrone-teebeutel-bio-17-stuck-19218">
          <img alt="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/9323/file/small-14ce58d0625a59be3d1bcc4d0fed9b62.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9323/file/medium-29b60f59da213268fce06c570dbb10c2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9323/file/large-ab9189a8d7cd2dd799d1b4b7f0025d2c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9323/file/medium-29b60f59da213268fce06c570dbb10c2.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/ingwer-zitrone-teebeutel-bio-17-stuck-19218">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-19218-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wQPjvGxfODk-Jx_ksi7rsSXjYtU7kG8rNfDZdCadf5fvuNwqbrSH4qH1CYm0lfZoCTVHc9gTTHFGwaQczppcYg" />
    <input value="19218" 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%2Flima%3Fformat%3Dturbo_stream%26page%3D83">
    <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/innere-harmonie-teebeutel-bio-17-stuck-19219">
          <img alt="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/9325/file/small-3df42d4b31e83f63ac1ac65f8e62ab72.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9325/file/medium-5be7a664028295953dcd48b6d647306e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9325/file/large-b7c3c5edd5f60f30fc3348bd5a8e8490.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9325/file/medium-5be7a664028295953dcd48b6d647306e.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/innere-harmonie-teebeutel-bio-17-stuck-19219">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-19219-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XCRNWf_X1zDHvaaH4cwxYGtYeCfPy2C988eEwUQFX61yn3LP_Txo61hvsOrndyy5R45dgSxIQ-eA9vmprAJ8WA" />
    <input value="19219" 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%2Flima%3Fformat%3Dturbo_stream%26page%3D83">
    <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/kurkuma-chai-teebeutel-bio-17-stuck-19220">
          <img alt="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/9326/file/small-3a7b260d5729597ed151e42c3cdc32c2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9326/file/medium-4082ee1e8831ed68a8416db54304f3d5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9326/file/large-8452141a60926465f289015a511ee70e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9326/file/medium-4082ee1e8831ed68a8416db54304f3d5.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/kurkuma-chai-teebeutel-bio-17-stuck-19220">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-19220-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2VroM9QjCQ9XwWryWdOHmcAn-nMHApuC-LW-1PF3I3b34del1si21MgTfJ9faJpA7PHf1eSBuNiLhMO8GXAAgw" />
    <input value="19220" 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%2Flima%3Fformat%3Dturbo_stream%26page%3D83">
    <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/lakritz-teebeutel-bio-17-stuck-19221">
          <img alt="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/9328/file/small-00f019a1491e87a30414ccfe9b2291b5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9328/file/medium-aa7db4919500a19e4ec38af5ffae9917.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9328/file/large-1a940bbe49d0e57e52771d4ec639d5bf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9328/file/medium-aa7db4919500a19e4ec38af5ffae9917.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/lakritz-teebeutel-bio-17-stuck-19221">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-19221-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XBFDHmVWN_JrsI0pyk3Hkn6TIbubKafwS2gbifqpgZFyqnyIZ72IKfRim0TM9tpLUkUEHXiqhKo4WWbhEq6iZA" />
    <input value="19221" 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%2Flima%3Fformat%3Dturbo_stream%26page%3D83">
    <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/lebensfreude-teebeutel-bio-17-stuck-19222">
          <img alt="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/9327/file/small-f9411c8f57d3e6f8af621560e946354c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9327/file/medium-6f5ed16436dcf429396d3b65f060e903.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9327/file/large-647cf09b9976b072f6e1b6c31d6f8beb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9327/file/medium-6f5ed16436dcf429396d3b65f060e903.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/lebensfreude-teebeutel-bio-17-stuck-19222">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-19222-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XOa4-wJasiaKhNwdEi5Eqop6e5lSTrWQCL_FofzRsLNyXYdtALEN_RVWynAUlVlzpqxeP7HNlsp7jrjJFNaTRg" />
    <input value="19222" 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%2Flima%3Fformat%3Dturbo_stream%26page%3D83">
    <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/maca-chai-teebeutel-bio-17-stuck-19223">
          <img alt="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/9567/file/small-2609a4a37970306702afd0dcd7fb4adf.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9567/file/medium-a298bcd9eae5743dffb79db28ce9adca.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9567/file/large-6749526eeb6af6f17449a1e200db2a80.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9567/file/medium-a298bcd9eae5743dffb79db28ce9adca.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/maca-chai-teebeutel-bio-17-stuck-19223">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-19223-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="soO9LMP-LOqBKDnLJ4Iu8VFQguTSEmxxttuY3-b4PeWcOIK6wRWTMR76L6YhOTMofYanQjGRTyvF6uW3Dv8eEA" />
    <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%2Flima%3Fformat%3Dturbo_stream%26page%3D83">
    <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/nach-dem-essen-teebeutel-bio-17-stuck-19224">
          <img alt="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/9330/file/small-48d9ea37fbcf3bf1e59af8210ca08c1d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9330/file/medium-2f67346658aae2754c6d11575c0257b2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9330/file/large-db9e8d4a7244a93a1d8f880f86d93288.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9330/file/medium-2f67346658aae2754c6d11575c0257b2.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/nach-dem-essen-teebeutel-bio-17-stuck-19224">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-19224-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gtYEyYc_Sxdk6S0GpI7qApukJ93escw7T03MDj4mxqqsbTtfhdT0zPs7O2uiNffbt3ICez0y72E8fLFm1iHlXw" />
    <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%2Flima%3Fformat%3Dturbo_stream%26page%3D83">
    <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/naturliche-abwehr-teebeutel-bio-17-stuck-19225">
          <img alt="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/9329/file/small-0d57fa50f73bf6306c875a785ca3ca1d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9329/file/medium-7c42c2da5c13e05b229bf72702fa401a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9329/file/large-6514b6679448a7a0e1dbdc1a8af1de73.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9329/file/medium-7c42c2da5c13e05b229bf72702fa401a.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/naturliche-abwehr-teebeutel-bio-17-stuck-19225">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-19225-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0G81iId72O_eoXQSyOhu3ko2D3Uh2Rur7A7bHOrNM3X-1AoehZBnNEFzYn_OU3MHZuAq08JaOPGfP6Z0AsoQgA" />
    <input value="19225" 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;660 von 2&#39;529 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/lima?format=turbo_stream&amp;page=84">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>