<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="/de/signup?return_to=%2Fde%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%3Fformat%3Dturbo_stream%26page%3D11">
    <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="/de/products/tea-favorite-selection-bio-8-beutel-20158">
          <img alt="Tea Favorite Selection Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10733/file/small-8b6c12709ffc4b54d903f795338f44c1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10733/file/medium-3d99d787a5d945afd48e634ad7d2cae6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10733/file/large-42fee20c3f0e0466dc3142d7d99e5667.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10733/file/medium-3d99d787a5d945afd48e634ad7d2cae6.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">Sirocco</p>
          <a href="/de/products/tea-favorite-selection-bio-8-beutel-20158">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tea Favorite Selection Bio, 8 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QDsqYNFwaRN1Y0ZVJVVuHTy0I1oOmCCevEYnfg4CYjgqbpLSSV5HCc56zI8HetHjKPxoJPJn5ABNpgM1Xn986w" />
    <input value="20158" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%3Fformat%3Dturbo_stream%26page%3D11">
    <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="/de/products/latte-kurkuma-ingwer-dose-bio-60-g-20163">
          <img alt="Latte Kurkuma Ingwer Dose Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10738/file/small-ddab51b14a256441df0bc71ff5ddd5e2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10738/file/medium-ac740ffe0444d7acf3d5c2b42dc7967f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10738/file/large-5f445791e7163d85e67333aee19411ba.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10738/file/medium-ac740ffe0444d7acf3d5c2b42dc7967f.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="/de/products/latte-kurkuma-ingwer-dose-bio-60-g-20163">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Latte Kurkuma Ingwer Dose Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.35
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4XW_6bkTEZCDlQMYPQlD9-MlAE6iFz-8Ok7EOKL2KZ2LIAdbIT0_ijiMicIfJvwJ921LMF7o-yLLruBz8os3Tg" />
    <input value="20163" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%3Fformat%3Dturbo_stream%26page%3D11">
    <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="/de/products/latte-kurkuma-ingwer-bio-60-g-20164">
          <img alt="Latte Kurkuma Ingwer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10740/file/small-8b35775bcc54a8d28eb108fa6b353b08.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10740/file/medium-371851509b0c2c9d612c2ea4e7bbc84f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10740/file/large-f8c4013765103e4a1917e0cb0ced4e0b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10740/file/medium-371851509b0c2c9d612c2ea4e7bbc84f.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="/de/products/latte-kurkuma-ingwer-bio-60-g-20164">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Latte Kurkuma Ingwer Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.05
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8gd5tssfUVUT9d9YTmpzNxVo_DXNb52uXB3fE-HNRbCYUsEEUzF_T6jsVYJsRczJASC3SzGQWTCt_ftYsbBbYw" />
    <input value="20164" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%3Fformat%3Dturbo_stream%26page%3D11">
    <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="/de/products/tea-kurkuma-aktiv-20x1-8g-bio-1-stuck-20171">
          <img alt="Tea Kurkuma Aktiv 20x1.8g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11263/file/small-0dce7a9fa68bd98baa48e6816da1c459.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11263/file/medium-bb92f7d27f8f3f08977e0e6e87db5938.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11263/file/large-625cb57ca60b456b536efe6f31535811.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11263/file/medium-bb92f7d27f8f3f08977e0e6e87db5938.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">Pukka</p>
          <a href="/de/products/tea-kurkuma-aktiv-20x1-8g-bio-1-stuck-20171">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tea Kurkuma Aktiv 20x1.8g Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.25
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zJUxonIuNP4n13_I9K9oS9_iK9cOCMBZt7gkVqvBaw6mwIkQ6gAa5JzO9RLWgNe1y6pgqfL3BMdGWAAd-7x13Q" />
    <input value="20171" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%3Fformat%3Dturbo_stream%26page%3D11">
    <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="/de/products/eichelkaffee-bio-190-g-20185">
          <img alt="Eichelkaffee Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10758/file/small-d99d4dee92d07c68c86d3790128c3399.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10758/file/medium-d4feae6953688c359b7ecc3468f9092f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10758/file/large-eaf3fc56534a598604df231c5028a88b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10758/file/medium-d4feae6953688c359b7ecc3468f9092f.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">NKW</p>
          <a href="/de/products/eichelkaffee-bio-190-g-20185">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Eichelkaffee Bio, 190 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bhAvju4bxwCb21YBynk1a_hiQzBZ3k1dak5MFpD31HgERZc8djXpGiDC3NvoVoqV7CoITqUhicObrmhdwIrKqw" />
    <input value="20185" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%3Fformat%3Dturbo_stream%26page%3D11">
    <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="/de/products/tee-tulsi-gelassenheit-teebeutel-bio-17-stuck-20194">
          <img alt="Tee Tulsi Gelassenheit 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/10767/file/small-111b42da070557cccd5e9850e824db8d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10767/file/medium-eb7d2f0ed89cc2b45a25b0759256f9a9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10767/file/large-542d4623803e916d05e4c62e833e1a9a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10767/file/medium-eb7d2f0ed89cc2b45a25b0759256f9a9.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Yogi</p>
          <a href="/de/products/tee-tulsi-gelassenheit-teebeutel-bio-17-stuck-20194">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Tulsi Gelassenheit Teebeutel Bio, 17 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </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-20194-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Uo2RXoIm8KqHcKOluEsM5XWgKX39tXmrL60E61fc2iA42CnsGgjesDxpKX-aZLMbYehiAwFKvTXeTSCgB6HE8w" />
    <input value="20194" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%3Fformat%3Dturbo_stream%26page%3D11">
    <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="/de/products/schwarztee-first-flush-offen-demeter-100-g-20198">
          <img alt="Schwarztee First Flush offen Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10779/file/small-ef750fd2c187e1bbacd4b02d3be68e0c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10779/file/medium-1f4c28093bfce2b0c6f5787a49a2a316.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10779/file/large-9f98eb3003b1e4d196a77f20a58a8f18.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10779/file/medium-1f4c28093bfce2b0c6f5787a49a2a316.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">Hampstead</p>
          <a href="/de/products/schwarztee-first-flush-offen-demeter-100-g-20198">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schwarztee First Flush offen Demeter, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1GbEZOZVmgthDJ7soJMJSUt5LZPEskIde0kO9bxVlWG-M3zWfnu0EdoVFDaCvLa3XzFm7ThNhoOKqSq-7CiLsg" />
    <input value="20198" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%3Fformat%3Dturbo_stream%26page%3D11">
    <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="/de/products/tea-grand-selection-bio-36-beutel-20231">
          <img alt="Tea Grand Selection Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10811/file/small-b0fd10c5cdf8630ed8e7114d54155d13.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10811/file/medium-2c3d9ad69c1410a0a5b014b63db4d05f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10811/file/large-e64f87e50366bc5065af39f8ef2a352b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10811/file/medium-2c3d9ad69c1410a0a5b014b63db4d05f.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">Sirocco</p>
          <a href="/de/products/tea-grand-selection-bio-36-beutel-20231">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tea Grand Selection Bio, 36 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 39.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DontLoUB8kOfGwKE4yDb2Tq3rz921vEEn5ZADC5yQYdk3FWcHS_cWSQCiF7BD2QnLv_kQYopNZpudmRHfg9fVA" />
    <input value="20231" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%3Fformat%3Dturbo_stream%26page%3D11">
    <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="/de/products/papua-neuguinea-kaffee-instant-bio-fairtrade-100-g-20240">
          <img alt="Papua Neuguinea Kaffee instant Bio Fairtrade" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10892/file/small-3b4c2a392e89390c1585149e061da65a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10892/file/medium-b4f5afea93153daa6fbd1172c3e3a341.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10892/file/large-00cb6ab77cb8e3b8a3bd80d4c2af133a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10892/file/medium-b4f5afea93153daa6fbd1172c3e3a341.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">MountHagen</p>
          <a href="/de/products/papua-neuguinea-kaffee-instant-bio-fairtrade-100-g-20240">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Papua Neuguinea Kaffee instant Bio Fairtrade, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="N6q1q7h1ORZ0reQ8T6M9JN9O7LDK72tkhUQ1zjgBWO9d_w0ZIFsXDM-0buZtjILaywanzjYQr_p0pBGFaHxGPA" />
    <input value="20240" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%3Fformat%3Dturbo_stream%26page%3D11">
    <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="/de/products/haferdrink-pulver-cappuccino-oat-latte-bio-24-g-20256">
          <img alt="Haferdrink Pulver Cappuccino Oat Latte Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10907/file/small-d587ad5cdcc385fbf96c1220bb70a635.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10907/file/medium-8c2bfbadaec7f580f609cb3c1a65f1d5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10907/file/large-2d863f307ee2e755b1eadd8ad4cf5d53.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10907/file/medium-8c2bfbadaec7f580f609cb3c1a65f1d5.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">BlueFarm</p>
          <a href="/de/products/haferdrink-pulver-cappuccino-oat-latte-bio-24-g-20256">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haferdrink Pulver Cappuccino Oat Latte Bio, 24 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="A6hk4hDrYxT3PPTrJy4JZCtpSnLtLYFeQ-sFnCnxwMlp_dxQiMVNDkwlfjEFAbaaPyEBDBHSRcCyCyHXeYzeGg" />
    <input value="20256" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%3Fformat%3Dturbo_stream%26page%3D11">
    <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="/de/products/haferdrink-pulver-chai-oat-latte-bio-24-g-20257">
          <img alt="Haferdrink Pulver Chai Oat Latte Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11334/file/small-556e13ee1ad1a39438894d611f276a62.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11334/file/medium-1d46aa636acaff3e38f1a5dc355f943b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11334/file/large-d4cd11cd3961dafc82d9e310a9cd2b4a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11334/file/medium-1d46aa636acaff3e38f1a5dc355f943b.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">BlueFarm</p>
          <a href="/de/products/haferdrink-pulver-chai-oat-latte-bio-24-g-20257">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haferdrink Pulver Chai Oat Latte Bio, 24 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xktAZTYVxUWhU1iyaPLZ8r9pIZxXGw8xXO1gfEsvT1CsHvjXrjvrXxpK0mhK3WYMqyFq4qvky6-tDUQ3G1JRgw" />
    <input value="20257" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%3Fformat%3Dturbo_stream%26page%3D11">
    <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="/de/products/wildkaffee-decaffeinato-bohnen-bio-fairtrade-220-g-20266">
          <img alt="Wildkaffee Decaffeinato Bohnen Bio fairtrade" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10920/file/small-1be714d1d1bbe136c3a17971e5aba6e2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10920/file/medium-e8e93039703791fa0d4d6d830c06ffd0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10920/file/large-3551d0f98765bb57698c5c757726f815.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10920/file/medium-e8e93039703791fa0d4d6d830c06ffd0.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">Kaffa</p>
          <a href="/de/products/wildkaffee-decaffeinato-bohnen-bio-fairtrade-220-g-20266">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wildkaffee Decaffeinato Bohnen Bio fairtrade, 220 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yv4EQ8cdJ_Luo1GJJf1Ngplg0sz2CLPe5TOzG85dmGKgq7zxXzMJ6FW621MH0vJ8jSiZsgr3d0AU05dQniCGsQ" />
    <input value="20266" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%3Fformat%3Dturbo_stream%26page%3D11">
    <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="/de/products/tea-drei-fenchel-20x1-8g-bio-1-stuck-20272">
          <img alt="Tea Drei Fenchel 20x1.8g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10927/file/small-48ba17cbf4f148778f5e68c6b7b8ebea.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10927/file/medium-dfb9e48ff184635908a0f6131dc66e1d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10927/file/large-a33310c1d9ac6f6e9f59fbf5fc7324be.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10927/file/medium-dfb9e48ff184635908a0f6131dc66e1d.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">Pukka</p>
          <a href="/de/products/tea-drei-fenchel-20x1-8g-bio-1-stuck-20272">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tea Drei Fenchel 20x1.8g Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.25
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Xn4r4PJ762Kq4Ko7baqtM1-W5Ix8O5rdsC1AbxF4VD80K5NSalXFeBH5IOFPhRLNS96v8oDEXkNBzWQkQQVK7A" />
    <input value="20272" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%3Fformat%3Dturbo_stream%26page%3D11">
    <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="/de/products/alpenwald-tee-bio-100-g-20286">
          <img alt="Alpenwald Tee Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10941/file/small-6727dbf49a0f8417944b54d4e8413b93.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10941/file/medium-f70b30b0aea29f54eae2d2fdb5a652f1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10941/file/large-852f7e8d64ffc33148b616d6cbc97468.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10941/file/medium-f70b30b0aea29f54eae2d2fdb5a652f1.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">Chalira</p>
          <a href="/de/products/alpenwald-tee-bio-100-g-20286">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Alpenwald Tee Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CEpV2MZR9GWYzMDD-496znPJly7W-d2qGEPoGXgzeTZiH-1qXn_afyPVShnZoMUwZ4HcUCoGGTTpo8xSKE5n5Q" />
    <input value="20286" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%3Fformat%3Dturbo_stream%26page%3D11">
    <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="/de/products/silberkelch-tee-bio-60-g-20287">
          <img alt="Silberkelch Tee Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10942/file/small-8c8149f87237523e4b7f859b01e6a10c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10942/file/medium-61a91307b7f054fa1c82fce63f97fd87.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10942/file/large-cc9153e47c29e83bd966f17900e939ad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10942/file/medium-61a91307b7f054fa1c82fce63f97fd87.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">Chalira</p>
          <a href="/de/products/silberkelch-tee-bio-60-g-20287">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Silberkelch Tee Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SGx_YAgh17gIu76cmPQjlzE2J06EsJSYQXIq3-cWwKUiOcfSkA_5orOiNEa625xpJX5sMHhPUAawkg6Ut2vedg" />
    <input value="20287" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%3Fformat%3Dturbo_stream%26page%3D11">
    <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="/de/products/vitalpilzgetrank-kakao-mischung-bio-125-g-20334">
          <img alt="Vitalpilzgetränk Kakao Mischung Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11004/file/small-f264c7d5735cb5b6650a3d858a9029d6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11004/file/medium-ba7eee968e3ade7d3306ec3e458326d9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11004/file/large-02ea85b0d9a9c9a519921d88b85fec66.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11004/file/medium-ba7eee968e3ade7d3306ec3e458326d9.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">Muca</p>
          <a href="/de/products/vitalpilzgetrank-kakao-mischung-bio-125-g-20334">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vitalpilzgetränk Kakao Mischung Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 32.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="d3uW_OG38ZUTy9nKeN5IQ-FI7tEdQ3AY8wc0hTn1BYUdLi5OeZnfj6jSUxBa8fe99QClr-G8tIYC5xDOaYgbVg" />
    <input value="20334" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%3Fformat%3Dturbo_stream%26page%3D11">
    <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="/de/products/vitalpilzgetrank-kaffeealternative-mischung-bio-125-g-20335">
          <img alt="Vitalpilzgetränk Kaffeealternative Mischung Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11007/file/small-c0fdef1477671ba13207bf94f079fee4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11007/file/medium-5d45256617f7b021725441550c003a77.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11007/file/large-d41e859229757b47bead7605d5812ce1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11007/file/medium-5d45256617f7b021725441550c003a77.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">Muca</p>
          <a href="/de/products/vitalpilzgetrank-kaffeealternative-mischung-bio-125-g-20335">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vitalpilzgetränk Kaffeealternative Mischung Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 32.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="M0itCpKdwf6r0ebPk4HHXiS5QN_ws2V2aqR_thhHeD9ZHRW4CrPv5BDIbBWxrnigMPELoQxMoeibRFv9SDpm7A" />
    <input value="20335" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%3Fformat%3Dturbo_stream%26page%3D11">
    <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="/de/products/tee-salted-caramel-teebeutel-bio-17-stuck-20435">
          <img alt="Tee Salted Caramel 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/11150/file/small-06e32ba53e73cb0be2832ba66fbe7e3b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11150/file/medium-bb5181927b2c08c46aef9440cf57813d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11150/file/large-ed3f0120c84379427692d796f211be88.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11150/file/medium-bb5181927b2c08c46aef9440cf57813d.webp" />
</a>    </header>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NjfuprOIKk7DQNwGViULnXpUpSxmBRoMKl0P_dx_sQNcYlYUK6YEVHhZVtx0CrRjbhzuUpr63pLbvSu2jAKv0A" />
    <input value="20435" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%3Fformat%3Dturbo_stream%26page%3D11">
    <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="/de/products/tee-naturlich-bitter-bio-18-beutel-20561">
          <img alt="Tee Natürlich Bitter Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11306/file/small-967454a9cf894186933f089fc6124b78.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11306/file/medium-a4594b9a32532d9cadfb849f2974ca59.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11306/file/large-c5c51954b98fca062509f4afd8f4a66b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11306/file/medium-a4594b9a32532d9cadfb849f2974ca59.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="/de/products/tee-naturlich-bitter-bio-18-beutel-20561">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Natürlich Bitter 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-20561-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6bjL_ektFafM-3RINIobtF5WfMK1g9NyVGz2mlZQjj2D7XNPcQM7vXfi_pIWpaRKSh43vEl8F-yljNLRBi2Q7g" />
    <input value="20561" 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">
      219 von 219 Produkten
    </p>
  </div>
</div>

</template></turbo-stream>