<turbo-stream action="append" target="products_grid"><template>
    

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fmilch-milchalternativen%3Fformat%3Dturbo_stream%26page%3D105">
    <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-dankeschon-bio-18-beutel-18962">
          <img alt="Tee Dankeschön Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10958/file/small-194811918955d94186563f496eda9fec.webp 600w, https://assets.fabulous.ch/public/variant_asset/10958/file/medium-9ad6ed4311da89f8edb6e55c45a50547.webp 900w, https://assets.fabulous.ch/public/variant_asset/10958/file/large-681593918a9e929c92c46f5ecde464df.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10958/file/medium-9ad6ed4311da89f8edb6e55c45a50547.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/tee-dankeschon-bio-18-beutel-18962">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Dankeschön Bio, 18 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.65
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18962&quot;],&quot;content_name&quot;:&quot;Tee Dankeschön Bio, 18 Beutel&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18962&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.65,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OXqsGZ21ia-vycMfvlLBf5Hln2EJAiYk1QjoqBveB-g7_hv8sQWi3pRUrUxQdEQLff_Tkn5FtkQtghpd3-mmug" />
    <input value="18962" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fmilch-milchalternativen%3Fformat%3Dturbo_stream%26page%3D105">
    <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-earl-grey-bio-18-beutel-18963">
          <img alt="Tee Earl Grey Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10163/file/small-9ff7902634db768c1774ca24dbf057d4.webp 600w, https://assets.fabulous.ch/public/variant_asset/10163/file/medium-c7f8d51f7c798c0be10edba87181f1f0.webp 900w, https://assets.fabulous.ch/public/variant_asset/10163/file/large-e9d9198b5fe9c241735ab807632f8d29.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10163/file/medium-c7f8d51f7c798c0be10edba87181f1f0.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/tee-earl-grey-bio-18-beutel-18963">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Earl Grey Bio, 18 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18963&quot;],&quot;content_name&quot;:&quot;Tee Earl Grey Bio, 18 Beutel&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18963&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lmGocWILtkQ-LSHPaykiTW2OK928QDzLm7WYcCHal7eU5R-UTrudNQWwT5yFD6c5gZRnLssHrKtjP2qF5e025Q" />
    <input value="18963" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fmilch-milchalternativen%3Fformat%3Dturbo_stream%26page%3D105">
    <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-erfrischungstee-18-beutel-18964">
          <img alt="Tee Erfrischungstee" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10959/file/small-f78300f358cb95aaab71acd6bd66f7d0.webp 600w, https://assets.fabulous.ch/public/variant_asset/10959/file/medium-db8993b3b822cef54ad17a3b3746c73a.webp 900w, https://assets.fabulous.ch/public/variant_asset/10959/file/large-754869022367b1e07589539c908a156e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10959/file/medium-db8993b3b822cef54ad17a3b3746c73a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/tee-erfrischungstee-18-beutel-18964">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Erfrischungstee, 18 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18964&quot;],&quot;content_name&quot;:&quot;Tee Erfrischungstee, 18 Beutel&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18964&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3GJmOs20vC_n6vODWYFSyuqBeSV_m7FM47fmjDkamxXe5tHf4QSXXtx3ndC3p9e-Bps11gjcISwbPRR5_S06Rw" />
    <input value="18964" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fmilch-milchalternativen%3Fformat%3Dturbo_stream%26page%3D105">
    <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-fenchel-bio-18-beutel-18965">
          <img alt="Tee Fenchel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9309/file/small-4f53d8381e784c34866027b168838baf.webp 600w, https://assets.fabulous.ch/public/variant_asset/9309/file/medium-cb9d6987bb19d042cc1bdf8ca251e416.webp 900w, https://assets.fabulous.ch/public/variant_asset/9309/file/large-065e48eba2fccf626b9b9745436c10ff.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9309/file/medium-cb9d6987bb19d042cc1bdf8ca251e416.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/tee-fenchel-bio-18-beutel-18965">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Fenchel Bio, 18 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18965&quot;],&quot;content_name&quot;:&quot;Tee Fenchel Bio, 18 Beutel&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18965&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9HryXK-KA57lGGbjciGya-5iohpTboyU24orXLQvo0r2_kW5gzoo796FCLCcBzcfAnju6SQpHPQjANmpcBgCGA" />
    <input value="18965" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fmilch-milchalternativen%3Fformat%3Dturbo_stream%26page%3D105">
    <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-fenchel-bio-200-g-18966">
          <img alt="Tee Fenchel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10960/file/small-3e2ce11f00223524ee6424d5b98fd251.webp 600w, https://assets.fabulous.ch/public/variant_asset/10960/file/medium-a1648faefe37ba11fb3dbb5cdf76ae30.webp 900w, https://assets.fabulous.ch/public/variant_asset/10960/file/large-25294227e7bfb8b429547ac18637b2c9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10960/file/medium-a1648faefe37ba11fb3dbb5cdf76ae30.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/tee-fenchel-bio-200-g-18966">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Fenchel Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18966&quot;],&quot;content_name&quot;:&quot;Tee Fenchel Bio, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18966&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="T-54fms4P1SaXxvPxK3Pt2_Wc88guPrnpsH89TQO91JNas-bR4gUJaHCdZwqi0rDg8w_PFf_aodeSw4A8DlWAA" />
    <input value="18966" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fmilch-milchalternativen%3Fformat%3Dturbo_stream%26page%3D105">
    <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-fenchel-anis-kummel-bio-18-beutel-18967">
          <img alt="Tee Fenchel Anis Kümmel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9484/file/small-045c3f33eed610c6ef31963b3ef621d6.webp 600w, https://assets.fabulous.ch/public/variant_asset/9484/file/medium-f08220b13579869905f3f15f6b5e9d03.webp 900w, https://assets.fabulous.ch/public/variant_asset/9484/file/large-9c64da28320556c429b9c0b6b8a04d8e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9484/file/medium-f08220b13579869905f3f15f6b5e9d03.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/tee-fenchel-anis-kummel-bio-18-beutel-18967">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Fenchel Anis Kümmel Bio, 18 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.25
            </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-18967-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18967&quot;],&quot;content_name&quot;:&quot;Tee Fenchel Anis Kümmel Bio, 18 Beutel&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18967&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.25,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FXDnpBCTjYHBsvXDCXr83838U_CePd5r_Vep053dXjMX9FBBPCOm8Povm5DnXHmrIeYfA-l6TgsF3VsmWer_YQ" />
    <input value="18967" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fmilch-milchalternativen%3Fformat%3Dturbo_stream%26page%3D105">
    <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-frauenmantel-bio-40-g-18968">
          <img alt="Tee Frauenmantel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10961/file/small-6510e2a626e3c4bbd32f0683034c4ca6.webp 600w, https://assets.fabulous.ch/public/variant_asset/10961/file/medium-f72cbb4ee0a44d88fedabf2a059e8f2a.webp 900w, https://assets.fabulous.ch/public/variant_asset/10961/file/large-7560cf12767f4932fa0ce85fc7a2613d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10961/file/medium-f72cbb4ee0a44d88fedabf2a059e8f2a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/tee-frauenmantel-bio-40-g-18968">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Frauenmantel Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18968&quot;],&quot;content_name&quot;:&quot;Tee Frauenmantel Bio, 40 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18968&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ywWdPHhVH--4ipzHXg0GXKBTilnVSfNIVk0QB0JgN2DJgSrZVOU0noMX8pSwK4MoTEnGqqIOYyiux-LyhleWMg" />
    <input value="18968" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fmilch-milchalternativen%3Fformat%3Dturbo_stream%26page%3D105">
    <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-fruchte-traum-bio-18-beutel-18969">
          <img alt="Tee Früchte Traum Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10962/file/small-ae9fb97ffb9f50f10ca708299d226c52.webp 600w, https://assets.fabulous.ch/public/variant_asset/10962/file/medium-52b1268e915bb78bd50b5cb609cd1e1c.webp 900w, https://assets.fabulous.ch/public/variant_asset/10962/file/large-eab00005a31129a42441a8fd9bdd745f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10962/file/medium-52b1268e915bb78bd50b5cb609cd1e1c.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/tee-fruchte-traum-bio-18-beutel-18969">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Früchte Traum Bio, 18 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18969&quot;],&quot;content_name&quot;:&quot;Tee Früchte Traum Bio, 18 Beutel&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18969&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fPFO_JvOdFMFQ6KfJtaCqQebDVKM2yIBnUcIPePLac9-dfkZt35fIj7ezMzI8Afd64FBofucsmFlzfrIJ_zInQ" />
    <input value="18969" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fmilch-milchalternativen%3Fformat%3Dturbo_stream%26page%3D105">
    <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-fruhlingskuss-bio-80-g-18970">
          <img alt="Tee Frühlingskuss Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9577/file/small-2c2c062abfa9bcfeec3c49e9df87bf6b.webp 600w, https://assets.fabulous.ch/public/variant_asset/9577/file/medium-09fedd5e6441b1e0296694806bda5208.webp 900w, https://assets.fabulous.ch/public/variant_asset/9577/file/large-fe7c1abd8e29a9bdd96bc26519975ed0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9577/file/medium-09fedd5e6441b1e0296694806bda5208.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/tee-fruhlingskuss-bio-80-g-18970">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Frühlingskuss Bio, 80 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 7.75 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18970&quot;],&quot;content_name&quot;:&quot;Tee Frühlingskuss Bio, 80 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18970&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BBD7_o520uqS1H3xMbCBb9fDuBvhrQpxsUGa9lgqhDEGlEwbosb5m6lJE6LflgQbO9n06JbqmhFJy2gDnB0lYw" />
    <input value="18970" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fmilch-milchalternativen%3Fformat%3Dturbo_stream%26page%3D105">
    <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-geburtstag-bio-18-beutel-18971">
          <img alt="Tee Geburtstag Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10963/file/small-2d3eb2b1e33ce3f8da27381bafe29aa5.webp 600w, https://assets.fabulous.ch/public/variant_asset/10963/file/medium-7c2312cbf2c849fd860d3ba31c5d589f.webp 900w, https://assets.fabulous.ch/public/variant_asset/10963/file/large-02aa541dc92ffe638afbedc38ebc4538.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10963/file/medium-7c2312cbf2c849fd860d3ba31c5d589f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/tee-geburtstag-bio-18-beutel-18971">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Geburtstag Bio, 18 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18971&quot;],&quot;content_name&quot;:&quot;Tee Geburtstag Bio, 18 Beutel&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18971&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nnAoOPiP9CnZ4CZ81VogjCX3zZeN5dgsOwKyHUeiMSuc9J_d1D_fWOJ9SC87fKX4ye2BZPqiSEzDiEDog5WQeQ" />
    <input value="18971" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fmilch-milchalternativen%3Fformat%3Dturbo_stream%26page%3D105">
    <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-geburtstagstee-bio-50-g-18972">
          <img alt="Tee Geburtstagstee Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9310/file/small-93a21c52d9a086a5589b0ac7414033c9.webp 600w, https://assets.fabulous.ch/public/variant_asset/9310/file/medium-41f437a7cda20cafa51f9988b4e68341.webp 900w, https://assets.fabulous.ch/public/variant_asset/9310/file/large-658e13c330410ac22110354830972fc1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9310/file/medium-41f437a7cda20cafa51f9988b4e68341.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/tee-geburtstagstee-bio-50-g-18972">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Geburtstagstee Bio, 50 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 12.40 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18972&quot;],&quot;content_name&quot;:&quot;Tee Geburtstagstee Bio, 50 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18972&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="H7u0zwvkKIzDCgQ442-lTfBGf8Cb4L-d3OE6syafVKsdPwMqJ1QD_fiXamsNSSA5HFwzM-ynL_0ka8hG4qj1-Q" />
    <input value="18972" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fmilch-milchalternativen%3Fformat%3Dturbo_stream%26page%3D105">
    <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-gluck-bio-18-beutel-18973">
          <img alt="Tee Glück Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10964/file/small-6e1b1e508141a5de9f528ac0f2917d63.webp 600w, https://assets.fabulous.ch/public/variant_asset/10964/file/medium-580284f8c9f8fd96d59dc2095d898ad5.webp 900w, https://assets.fabulous.ch/public/variant_asset/10964/file/large-11da77191cf7cac6d0a84ae1a0b52578.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10964/file/medium-580284f8c9f8fd96d59dc2095d898ad5.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/tee-gluck-bio-18-beutel-18973">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Glück Bio, 18 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18973&quot;],&quot;content_name&quot;:&quot;Tee Glück Bio, 18 Beutel&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18973&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-VP-azC02NPbTDSnCztjH3jXqaHC_eHnaQFPE7TLKwn710mOHATzouDRWvTlHeZrlM3lUrW6cYeRi73mcPyKWw" />
    <input value="18973" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fmilch-milchalternativen%3Fformat%3Dturbo_stream%26page%3D105">
    <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-gluck-bio-50-g-18974">
          <img alt="Tee Glück Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10965/file/small-e2b68723037091c2b9257cca83e5b8cf.webp 600w, https://assets.fabulous.ch/public/variant_asset/10965/file/medium-4b2d04cebf0a9c4c7984cc0bbabe7c12.webp 900w, https://assets.fabulous.ch/public/variant_asset/10965/file/large-2be6838b19384ecc63b9aed2655425af.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10965/file/medium-4b2d04cebf0a9c4c7984cc0bbabe7c12.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/tee-gluck-bio-50-g-18974">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Glück Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.25
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18974&quot;],&quot;content_name&quot;:&quot;Tee Glück Bio, 50 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18974&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.25,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LdnoWgieDrDxzOb0qXjaMw1IHWQHwL1YDIOEXtdn-HUvXV-_JC4lwcpRiKdHXl9H4VJRl3CHLTj0CXarE1BZJw" />
    <input value="18974" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fmilch-milchalternativen%3Fformat%3Dturbo_stream%26page%3D105">
    <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-goldener-kurkuma-bio-18-beutel-18975">
          <img alt="Tee Goldener Kurkuma Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10966/file/small-fc9b08ffa61ff476d654827f1d15100f.webp 600w, https://assets.fabulous.ch/public/variant_asset/10966/file/medium-019e0bb5eb10d35f308fc33106231889.webp 900w, https://assets.fabulous.ch/public/variant_asset/10966/file/large-25c924eeb9bff8ad117d376358bcbaa5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10966/file/medium-019e0bb5eb10d35f308fc33106231889.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/tee-goldener-kurkuma-bio-18-beutel-18975">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Goldener Kurkuma Bio, 18 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18975&quot;],&quot;content_name&quot;:&quot;Tee Goldener Kurkuma Bio, 18 Beutel&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18975&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WHmEj2H8hFOEtIsI1oSBlbgemn3RkmlfQZWXz5PD8iha_TNqTUyvIr8p5Vs4ogThVATWjqbV-T-5H2U6V_RTeg" />
    <input value="18975" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fmilch-milchalternativen%3Fformat%3Dturbo_stream%26page%3D105">
    <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-griechischer-bergtee-bio-40-g-18976">
          <img alt="Tee Griechischer Bergtee Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9311/file/small-855815712bc14b7fae75486f52ff79b5.webp 600w, https://assets.fabulous.ch/public/variant_asset/9311/file/medium-6f2d841171e3a0ff0c4f6e55a9269573.webp 900w, https://assets.fabulous.ch/public/variant_asset/9311/file/large-0eaac3a9e3024d7c8953115657a4c849.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9311/file/medium-6f2d841171e3a0ff0c4f6e55a9269573.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/tee-griechischer-bergtee-bio-40-g-18976">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Griechischer Bergtee Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18976&quot;],&quot;content_name&quot;:&quot;Tee Griechischer Bergtee Bio, 40 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18976&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fz0vAvjlna7PbcDlWXki0RgF67mrbSaiArJyYx13GoZ9uZjn1FW23_Twrra3X6el9B-nStwqtsL6OICW2UC71A" />
    <input value="18976" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fmilch-milchalternativen%3Fformat%3Dturbo_stream%26page%3D105">
    <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-neune-bio-18-beutel-18977">
          <img alt="Tee Grüne Neune Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9559/file/small-3c00abee2d656522cc95bfa2d1828dfd.webp 600w, https://assets.fabulous.ch/public/variant_asset/9559/file/medium-1e8268947c91ba74017f47e30eddc9c5.webp 900w, https://assets.fabulous.ch/public/variant_asset/9559/file/large-3d6ecbac5e38cbadcead2b72dac2d76b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9559/file/medium-1e8268947c91ba74017f47e30eddc9c5.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/tee-grune-neune-bio-18-beutel-18977">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Grüne Neune Bio, 18 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18977&quot;],&quot;content_name&quot;:&quot;Tee Grüne Neune Bio, 18 Beutel&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18977&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EqJ_nBNLUU0M5aV9o7c3VGQWxpN0sIpfSGv25nQQ2-IQJsh5P_t6PDd4yy5NkbIgiAyKYAP3Gj-w4QQTsCd6sA" />
    <input value="18977" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fmilch-milchalternativen%3Fformat%3Dturbo_stream%26page%3D105">
    <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-gute-laune-bio-20-beutel-18978">
          <img alt="Tee Gute Laune Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10967/file/small-6499ea6338c2da2d10cb384b79256b99.webp 600w, https://assets.fabulous.ch/public/variant_asset/10967/file/medium-524c75d6c699d6645525e6e3c8ac1258.webp 900w, https://assets.fabulous.ch/public/variant_asset/10967/file/large-ffcbb34da72f39f571a469710b0eafe4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10967/file/medium-524c75d6c699d6645525e6e3c8ac1258.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/tee-gute-laune-bio-20-beutel-18978">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Gute Laune Bio, 20 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18978&quot;],&quot;content_name&quot;:&quot;Tee Gute Laune Bio, 20 Beutel&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18978&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ylEZz3zQYsXg8OQ_W01-9JbEq_tGI42fgFb_jfMbRWDI1a4qUGBJtNttimy1a_uAet7nCDFkHf943A14NyzkMg" />
    <input value="18978" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fmilch-milchalternativen%3Fformat%3Dturbo_stream%26page%3D105">
    <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-gute-laune-fruchte-bio-18-beutel-18979">
          <img alt="Tee Gute Laune Früchte Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9572/file/small-598b2ab857c9e1e656a134c48ac7464c.webp 600w, https://assets.fabulous.ch/public/variant_asset/9572/file/medium-92a4bf1675a7f9db1d37dad940a0f4d4.webp 900w, https://assets.fabulous.ch/public/variant_asset/9572/file/large-1ad605b7a3785c9cfadcf6fca22afaf4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9572/file/medium-92a4bf1675a7f9db1d37dad940a0f4d4.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/tee-gute-laune-fruchte-bio-18-beutel-18979">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Gute Laune Früchte Bio, 18 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18979&quot;],&quot;content_name&quot;:&quot;Tee Gute Laune Früchte Bio, 18 Beutel&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18979&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="q2zn6yAiXPehy3p5CCRStKFxbtCWE42DB8iGsLfoC86p6FAODJJ3hppWFCrmAtfATWsiI-FUHeP_QnRFc9-qnA" />
    <input value="18979" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fmilch-milchalternativen%3Fformat%3Dturbo_stream%26page%3D105">
    <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-guten-morgen-bio-18-beutel-18980">
          <img alt="Tee Guten Morgen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10968/file/small-2d634295fb858d45b4f8a0d8b7c71de3.webp 600w, https://assets.fabulous.ch/public/variant_asset/10968/file/medium-ac0c62c575909ace7e5811e299b283e3.webp 900w, https://assets.fabulous.ch/public/variant_asset/10968/file/large-cb46a07bcb120aedf30da7d3970ada13.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10968/file/medium-ac0c62c575909ace7e5811e299b283e3.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/tee-guten-morgen-bio-18-beutel-18980">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Guten Morgen Bio, 18 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18980&quot;],&quot;content_name&quot;:&quot;Tee Guten Morgen Bio, 18 Beutel&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18980&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tk9hprzw-FTwfkURJFnUWg-PG0rGtS-XeUsf3ZYFRhW0y9ZDkEDTJcvjK0LKf1Eu45VXubHyv_eBwe0oUjLnRw" />
    <input value="18980" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fmilch-milchalternativen%3Fformat%3Dturbo_stream%26page%3D105">
    <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-guten-morgen-bio-50-g-18981">
          <img alt="Tee Guten Morgen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10969/file/small-e357159f91841ec69fdd47e993a77205.webp 600w, https://assets.fabulous.ch/public/variant_asset/10969/file/medium-620d7fb1b7256ef39f6ff762a247dff4.webp 900w, https://assets.fabulous.ch/public/variant_asset/10969/file/large-7047ad65b9b2330766a2c1506d91a578.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10969/file/medium-620d7fb1b7256ef39f6ff762a247dff4.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/tee-guten-morgen-bio-50-g-18981">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Guten Morgen Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18981&quot;],&quot;content_name&quot;:&quot;Tee Guten Morgen Bio, 50 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18981&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="S5BizGBIKRTqEWO-Yjj4yXo9mSb1tqz2lv-0F_PtualJFNUpTPgCZdGMDe2MHn29lifV1YLxPJZudUbiN9oY-w" />
    <input value="18981" 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">
      2&#39;100 von 2&#39;853 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/getranke-wein/milch-milchalternativen?format=turbo_stream&amp;page=106">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>