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

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%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="/products/sirocco-tea-favorite-selection-bio-8-beutel-20098">
          <img alt="Sirocco 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/10659/file/small-0ca589fd73c240f6b4f55d3f73b83fa1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10659/file/medium-69199959b1d75ecba97b075373bbdc10.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10659/file/large-4a53aeac137c716cb50ed59bd656be8b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10659/file/medium-69199959b1d75ecba97b075373bbdc10.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="/products/sirocco-tea-favorite-selection-bio-8-beutel-20098">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sirocco 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-20098-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iyL3uRn1osQ6RejGW-0NOdNoz-SwBhg3NU6--qZ8aUekd2bgE9j8Sh0clOdtiKUvFbDEG3z6JnbtxQ3MutYSow" />
    <input value="20098" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%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="/products/sonnentor-latte-kurkuma-ingwer-dose-bio-60-g-20103">
          <img alt="Sonnentor 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/10664/file/small-e02a197bcf7e9d97d2c26cf1811502c0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10664/file/medium-4b89a7673bb3c2c1460708c22fdf5114.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10664/file/large-be3e432cec3b6a2334eef633f1c14f09.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10664/file/medium-4b89a7673bb3c2c1460708c22fdf5114.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/sonnentor-latte-kurkuma-ingwer-dose-bio-60-g-20103">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sonnentor 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-20103-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4OJDK42KzwQpWSkdwxTHd-JESQiub1j3WmMtCXmaGBjPt9Jyh6eRig4AVTz1cW9hJJxC92KTZraC6J4_ZTBj_A" />
    <input value="20103" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%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="/products/sonnentor-latte-kurkuma-ingwer-bio-60-g-20104">
          <img alt="Sonnentor 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/10666/file/small-05e5e9d66ad9d7b5b9a418efa4b7ed54.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10666/file/medium-dd5f327e5001deca9fb8b526d6bd8de6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10666/file/large-1ba811583df2e9d7ea87e12b7c430317.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10666/file/medium-dd5f327e5001deca9fb8b526d6bd8de6.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/sonnentor-latte-kurkuma-ingwer-bio-60-g-20104">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sonnentor 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-20104-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_HBjd9lJdlYRvpzaVR695m29ACS23MTFFu_x6LLzHSDTJfIu02Qo2Dbn4PtjexXwq2UL23og-oTOZELerllmxA" />
    <input value="20104" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%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="/products/pukka-tea-kurkuma-aktiv-20x1-8g-bio-1-stuck-20111">
          <img alt="Pukka 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/11195/file/small-c1560d7359fb9349ebd9624bb6ca587b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11195/file/medium-12b2a698948b4fdf50a8eee60068c630.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11195/file/large-52b4db5b105e32bf2d48df64877cea3d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11195/file/medium-12b2a698948b4fdf50a8eee60068c630.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="/products/pukka-tea-kurkuma-aktiv-20x1-8g-bio-1-stuck-20111">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pukka 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-20111-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8_r5wW1x7_Ay8YLZBZTnPFDiE6B6ELiIULhpIhF0iyjcr2iYZ1yxfhWo_vgz8U8qljoYX7bshsmIM9oUDd7wzA" />
    <input value="20111" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%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="/products/nkw-eichelkaffee-bio-190-g-20125">
          <img alt="NKW 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/10684/file/small-0bdb4bddcca3044db7b953be040498d0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10684/file/medium-905d67d126614f73e03b8e99003b2510.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10684/file/large-3ef958d39f622cf0df559461880c60ed.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10684/file/medium-905d67d126614f73e03b8e99003b2510.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="/products/nkw-eichelkaffee-bio-190-g-20125">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">NKW 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-20125-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kNktE9Wy1kcLRzZw36jQBEa9-KF473WqerVCo_0AIGy_jLxK35-IySweSlHpzXgSgGXzXrQTS-uiPvGV4apbiA" />
    <input value="20125" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%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="/products/yogi-tee-tulsi-gelassenheit-teebeutel-bio-17-stuck-20134">
          <img alt="Yogi 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/10693/file/small-d9949d6a68747418af37e9a4afd26c26.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10693/file/medium-406d9ce770fc48cdef43b33bc3d3259b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10693/file/large-aa152775cda5da6bc1f8a7fe856c2a7b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10693/file/medium-406d9ce770fc48cdef43b33bc3d3259b.webp" />
</a>    </header>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3wnlSfIuk_yB6G7H3DYoDzWd1TjW7KxoeLCHqFRKOqjwXHQQ-APNcqaxEubqU4AZ80XexxoQkimgOzSeSOBBTA" />
    <input value="20134" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%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="/products/hampstead-schwarztee-first-flush-offen-demeter-100-g-20138">
          <img alt="Hampstead 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/10705/file/small-d5834bbbd8214f64ca76b14d3b006b2c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10705/file/medium-f70a427f065a9c860f81c2e40e8a516f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10705/file/large-86e7a96548ca854541926b262b6bbd84.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10705/file/medium-f70a427f065a9c860f81c2e40e8a516f.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="/products/hampstead-schwarztee-first-flush-offen-demeter-100-g-20138">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hampstead 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-20138-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MKRUrubzRa5Uruaq5yEDOai3-C0vErfyOZuEnKrdYLsf8cX37N4bIHP3movRRKsvbm_z0uPuibPhEDeqtncbXw" />
    <input value="20138" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%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="/products/taucherli-trinkschokolade-chai-bio-35-g-20159">
          <img alt="Taucherli Trinkschokolade Chai Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10725/file/small-6de31695a3da41efe824785eece3b685.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10725/file/medium-35435b9b05449228a49f0b62036a2af1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10725/file/large-5631c87167b2c27da535036987688611.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10725/file/medium-35435b9b05449228a49f0b62036a2af1.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">Taucherli</p>
          <a href="/products/taucherli-trinkschokolade-chai-bio-35-g-20159">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Taucherli Trinkschokolade Chai Bio, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RtIT901hQymW74-aOV4aBXVLioLC_VwUvje_2LRZ7ONph4KuR0wdp7G287sPO7ITs5OBfQ4BYlVmvAzuqPOXBw" />
    <input value="20159" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%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="/products/sirocco-tea-grand-selection-bio-36-beutel-20172">
          <img alt="Sirocco 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/10738/file/small-2fcca44b6ec63313e97b902104e16972.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10738/file/medium-869690744f47837045e8e30cbeb8bad1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10738/file/large-abb78c1cbf970e8a7a85cb6db6acfa8a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10738/file/medium-869690744f47837045e8e30cbeb8bad1.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="/products/sirocco-tea-grand-selection-bio-36-beutel-20172">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sirocco 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-20172-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qbrUszFWs6Rsi4ofAcgTjRXqRkqAuMZmrxCFp_N7SdmG70XqO3vtKkvS9j43rbub0zJNtUxE-Cd3mzaR79EyPQ" />
    <input value="20172" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%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="/products/mounthagen-papua-neuguinea-kaffee-instant-bio-fairtrade-100-g-20181">
          <img alt="MountHagen 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/10818/file/small-568d544ff058824427e73b2d1a879646.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10818/file/medium-33f5e2e3a0ecf4b7426fe322b79409d5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10818/file/large-7c031bca10a3b416be8bb5267e0aff59.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10818/file/medium-33f5e2e3a0ecf4b7426fe322b79409d5.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="/products/mounthagen-papua-neuguinea-kaffee-instant-bio-fairtrade-100-g-20181">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">MountHagen 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-20181-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3XqnEASW1VMkh0oQYQkA9I0hX3-7rhBxEPfTvZK8rAzyLzZJDruL3QPeNjFXbKjiS_lUgHdSLjDIfGCLjhbX6A" />
    <input value="20181" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%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="/products/bluefarm-haferdrink-pulver-cappuccino-oat-latte-bio-vegan-24-g-20197">
          <img alt="BlueFarm Haferdrink Pulver Cappuccino Oat Latte Bio vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10834/file/small-34e565b5a07a336e8aed28c94676cb62.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10834/file/medium-494ba492083c944bc138c7819e340047.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10834/file/large-7036349fd3c93b45c729e0e07a4bea47.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10834/file/medium-494ba492083c944bc138c7819e340047.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="/products/bluefarm-haferdrink-pulver-cappuccino-oat-latte-bio-vegan-24-g-20197">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">BlueFarm Haferdrink Pulver Cappuccino Oat Latte Bio vegan, 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-20197-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5hvQu4RvgkFAbcjGNdCh-jxLI6s7sUXvkkeeo-pZO9fJTkHijkLcz2c0tOcDtQns-pMoVPdNe65KzC2V9vNAMw" />
    <input value="20197" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%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="/products/bluefarm-haferdrink-pulver-chai-oat-latte-bio-vegan-24-g-20198">
          <img alt="BlueFarm Haferdrink Pulver Chai Oat Latte Bio vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11265/file/small-c3dd6fb165c4ba9d9313c0ace04380ee.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11265/file/medium-52b29f66e213002178dfa0bf31527ff2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11265/file/large-f71e857bd6ebc7047b4a6eedce49ff08.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11265/file/medium-52b29f66e213002178dfa0bf31527ff2.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="/products/bluefarm-haferdrink-pulver-chai-oat-latte-bio-vegan-24-g-20198">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">BlueFarm Haferdrink Pulver Chai Oat Latte Bio vegan, 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-20198-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JDvjiuBJt8RuvIV-3jJ4s27hTfvbLusABvyuzpAKbTcLbnLT6mTpSknl-V_oV9ClqDlGBBfS1UHedx34jKAW0w" />
    <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 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%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="/products/kaffa-wildkaffee-decaffeinato-bohnen-bio-fairtrade-220-g-20207">
          <img alt="Kaffa 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/10848/file/small-0efb93dd4b3255f626fec1162afa92a4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10848/file/medium-ed8d86a1df4dda5c3c547ed95d977dea.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10848/file/large-c784293b7581ef384c8e1ce928a74a9e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10848/file/medium-ed8d86a1df4dda5c3c547ed95d977dea.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="/products/kaffa-wildkaffee-decaffeinato-bohnen-bio-fairtrade-220-g-20207">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kaffa Wildkaffee Decaffeinato Bohnen Bio fairtrade, 220 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FVUpXYy541DjLWk7N0PeYa-89MVa-MgW-78vN9QTrnY6ALgEhpS93sR0FRoBJnZ3aWT_OpYE9lcjNJwByLnVkg" />
    <input value="20207" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%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="/products/pukka-tea-drei-fenchel-20x1-8g-bio-1-stuck-20213">
          <img alt="Pukka 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/10854/file/small-9554a5d598e914aee1d17f4458f65357.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10854/file/medium-b469878f25a1db5288cccb9d57476523.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10854/file/large-796aae8297cca3a8258ad78452ee5e00.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10854/file/medium-b469878f25a1db5288cccb9d57476523.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="/products/pukka-tea-drei-fenchel-20x1-8g-bio-1-stuck-20213">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pukka 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-20213-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QAIGZvAM9Z1NOFSSJhv4lnRW1kbDkosjkRDmJcy3q6RvV5c_-iGrE2phKLMQflCAso7duQ9utWJJm1UT0B3QQA" />
    <input value="20213" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%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="/products/chalira-alpenwald-tee-bio-100-g-20227">
          <img alt="Chalira 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/10868/file/small-f537369bbf3edae4bf2b906e68efbc5f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10868/file/medium-4298c438fe14fec3cd2d1d02ec7df36d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10868/file/large-5167f4634e8b24f35c8bdcaade421e9e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10868/file/medium-4298c438fe14fec3cd2d1d02ec7df36d.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="/products/chalira-alpenwald-tee-bio-100-g-20227">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chalira 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-20227-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4pvlD7CBRclydopvPdxUj2qpbxpy8LAY2ZjKcKuEgcvNznRWuqwbR1Uv9k4LufyZrHFk5b4MjlkBE3lGty76Lw" />
    <input value="20227" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%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="/products/chalira-silberkelch-tee-bio-60-g-20228">
          <img alt="Chalira 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/10869/file/small-d65cdd5d76da34eadfc40ac5bf6bd35e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10869/file/medium-4b7b18c8a4590fb730827af69ace0025.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10869/file/large-4152efd5146a856202c63fdf26a2a365.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10869/file/medium-4b7b18c8a4590fb730827af69ace0025.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="/products/chalira-silberkelch-tee-bio-60-g-20228">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chalira 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-20228-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WRiA7ZfpmW95fyvY1xYAk_8nDlsKnw9UL4YbcB48hzR2TRG0ncTH4V4mV_nhc6iFOf8FpMZjMRX3DahGApb80A" />
    <input value="20228" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%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="/products/muca-vitalpilzgetrank-kakao-mischung-bio-125-g-20276">
          <img alt="Muca 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/10932/file/small-b85b8534b0ea4eb0494a61c6053b2b72.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10932/file/medium-352ad260b107b7669bffcd13bcca033c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10932/file/large-fc8af4af5234e189f053ab7bb3c01d99.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10932/file/medium-352ad260b107b7669bffcd13bcca033c.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="/products/muca-vitalpilzgetrank-kakao-mischung-bio-125-g-20276">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Muca 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-20276-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oq5wj6AMGueg2XcjpaeWN6Ha5nK7LiS1VVVe2zKpyUWN--HWqiFEaYeACwKTwj4hZwLtjXfSGvSN3u3tLgOyoQ" />
    <input value="20276" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%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="/products/muca-vitalpilzgetrank-kaffeealternative-mischung-bio-125-g-20277">
          <img alt="Muca 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/10933/file/small-a798420c939ce5a815e2d5263b1d64aa.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10933/file/medium-f4553f6330e5d8bab440ce828590c90d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10933/file/large-a631da3ea7c0160f96d49c995600d53d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10933/file/medium-f4553f6330e5d8bab440ce828590c90d.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="/products/muca-vitalpilzgetrank-kaffeealternative-mischung-bio-125-g-20277">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Muca 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-20277-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qTfjrOWpi2laCyHDKn0j-3py0hCJNN90YYJnWQz2E2GGYnL174TV531SXeIcGIvtvKrZ70XI4TW5CdRvEFxohQ" />
    <input value="20277" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%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="/products/yogi-tee-salted-caramel-teebeutel-bio-17-stuck-20377">
          <img alt="Yogi 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/11078/file/small-bd5a2fd468b011ad861209bcdc602433.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11078/file/medium-f7d8a0d114bfc70fe618bf3b358113ba.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11078/file/large-f574dcf84070f88ce1c59bda756c2fed.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11078/file/medium-f7d8a0d114bfc70fe618bf3b358113ba.webp" />
</a>    </header>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gkksV21YqFRzVc5lNdLlSJVNQP7XT8wUuvLE5PuxoW6tHL0OZ3X22lQMskQDt01eU5VLARuz8lVieXfS5xvaig" />
    <input value="20377" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%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="/products/sonnentor-tee-naturlich-bitter-bio-18-beutel-20506">
          <img alt="Sonnentor 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/11237/file/small-f866f97cf369f9f2f5171542542b76bd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11237/file/medium-cf27afbd80b720332a77ca7e2d8bddce.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11237/file/large-34ca5c4b15781655a6185537efd73bf1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11237/file/medium-cf27afbd80b720332a77ca7e2d8bddce.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/sonnentor-tee-naturlich-bitter-bio-18-beutel-20506">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sonnentor 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-20506-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="El-gzmRrTkwMp1qg89jhC6PKxYJY8FSLj_uPpkzhCe09CjGXbkYQwiv-JoHFvUkdZRLOfZQMaspXcDyQUEtyCQ" />
    <input value="20506" 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">
      220 von 220 Produkten
    </p>
  </div>
</div>

</template></turbo-stream>