<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%3D4">
    <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-kapha-bio-15-beutel-18612">
          <img alt="Tee Kapha Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10715/file/small-eec34d4d21245c530ce93ac02bce6080.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10715/file/medium-d5a6cc8f0f96733f30c5909ecb83eea8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10715/file/large-3e2f8a021f09634c7c9c0e2b10ac9e6c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10715/file/medium-d5a6cc8f0f96733f30c5909ecb83eea8.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">MaharishiAyurveda</p>
          <a href="/de/products/tee-kapha-bio-15-beutel-18612">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Kapha Bio, 15 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WoBUQr_z14fyWuG5-zDENetp0hqf5eIf7mJ4f2PsqNfMOVI-JXLzMTGXi2aopUpYOR0DB5jUIU5PnjwdYARZbA" />
    <input value="18612" 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%3D4">
    <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-pitta-bio-15-beutel-18613">
          <img alt="Tee Pitta Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10336/file/small-014f3ada9d673d78ac551e5ce0343e12.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10336/file/medium-fd836eac0fb9e6a213e3d1f2911362aa.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10336/file/large-bfcb50f8a200fdec744be5766f1165bb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10336/file/medium-fd836eac0fb9e6a213e3d1f2911362aa.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">MaharishiAyurveda</p>
          <a href="/de/products/tee-pitta-bio-15-beutel-18613">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Pitta Bio, 15 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="J8VCleKEbzosUzBm6ZBgr2p_VZFNsYSX2VU0FBEon9axfETpeAVLjO-eWrm6Be7CuAuEjEqAR8Z4qXB2EsBubQ" />
    <input value="18613" 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%3D4">
    <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/idee-kaffee-losl-gold-express-100-g-18676">
          <img alt="Idee-Kaffee lösl. Gold-Express" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9740/file/small-c572845e8ccd2fb817222ecaa0ca1735.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9740/file/medium-aa4c9076e889073897b8085b89d3b607.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9740/file/large-f6da61d60aea751e047610f4393623c5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9740/file/medium-aa4c9076e889073897b8085b89d3b607.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">MORGA</p>
          <a href="/de/products/idee-kaffee-losl-gold-express-100-g-18676">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Idee-Kaffee lösl. Gold-Express, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pzwvCA9Ceg72yT_ivZjtWGzhUnPTuIWkLTAiEdVmOVExhSl0lcNeuDUEVT3uDWM1vpWDbtSJRvWMzGZz1o7I6g" />
    <input value="18676" 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%3D4">
    <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/malz-kaffee-demeter-100-g-18711">
          <img alt="Malz Kaffee Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9557/file/small-2955cdd26f3fdbfeabcbd5a9ec67e24e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9557/file/medium-6ccb586d04246c0c37ae84ff49667e60.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9557/file/large-f214212e7c0838aeef3d77aae9f315a3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9557/file/medium-6ccb586d04246c0c37ae84ff49667e60.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/malz-kaffee-demeter-100-g-18711">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Malz Kaffee Demeter, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bTm2adXPgXIfwqMZlXFCGVJgvUpwJ0pFV68B-N1DJfv7gLAVT06lxNwPycbG5Mx0gBRsV3cWiRT2U0Wa3qvUQA" />
    <input value="18711" 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%3D4">
    <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/kochmatcha-gruntee-pulver-bio-100-g-18746">
          <img alt="Kochmatcha Grüntee Pulver Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9255/file/small-bf414096ecf0bed82279ab1da6790e12.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9255/file/medium-0898d7dc5e500fb88930808d39e6cfda.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9255/file/large-6cef9a4ddd6a61e186c988f898aa819e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9255/file/medium-0898d7dc5e500fb88930808d39e6cfda.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/kochmatcha-gruntee-pulver-bio-100-g-18746">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kochmatcha Grüntee Pulver Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nJF942wAmFR-YKK8zh1nAz1cW_CEroYFIfXjgl6kGAwKKHuf9oG84r2tyGOdiOlu7yiK7YOfRVSACafgXUzptw" />
    <input value="18746" 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%3D4">
    <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/matcha-fein-gemahlener-gruntee-offen-bio-30-g-18753">
          <img alt="Matcha fein gemahlener Grüntee offen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9258/file/small-7e41b8b76b5917d1d4ea2bd3837cba55.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9258/file/medium-6e05b60f0433bda763eab7e67d4d4995.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9258/file/large-f1d1d66b99bb3d23e629bbd7700d1a83.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9258/file/medium-6e05b60f0433bda763eab7e67d4d4995.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/matcha-fein-gemahlener-gruntee-offen-bio-30-g-18753">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Matcha fein gemahlener Grüntee offen Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QvasaIqZSWTclNf3-CrprkX36CDx5ltp2z8dAPjOkUfUT6oUEBht0h9ZvSirv2fDl4M5PfbXmDh6w1li-yZg_A" />
    <input value="18753" 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%3D4">
    <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-after-dinner-20x1-8g-bio-1-stuck-18794">
          <img alt="Tea After Dinner 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/11172/file/small-89bfa4945ff66140b367726ccc002505.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11172/file/medium-abcd7183e50bef2bf64ab7d7cd92a4b4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11172/file/large-fcc5294dc2b1db46a537431401b5d90f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11172/file/medium-abcd7183e50bef2bf64ab7d7cd92a4b4.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-after-dinner-20x1-8g-bio-1-stuck-18794">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tea After Dinner 20x1.8g Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TfrIOxWofsTi7mT7ZImAnTD1-gLLb2xLAPdi_bf8TBXbQ85HjylaciEjDiQ3HA7w4oErH8xerxqhCyaftBS9rg" />
    <input value="18794" 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%3D4">
    <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-holunderbeere-und-echinacea-bio-20-beutel-18795">
          <img alt="Tea Holunderbeere und Echinacea Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9576/file/small-d42fb207fa88e4973fd216a74bf63650.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9576/file/medium-3528bbb746b6b7ac2d5d743c3b6f26bd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9576/file/large-6dfa1fb24c4fad21d3a01fc6521c8e8d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9576/file/medium-3528bbb746b6b7ac2d5d743c3b6f26bd.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-holunderbeere-und-echinacea-bio-20-beutel-18795">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tea Holunderbeere und Echinacea Bio, 20 Beutel</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 0.36 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qSSOFRxaA5tcEIrzYJRyMbQaDb_CJY19H_5jM4LO0yM_nYhphtsnLZ_d4CwzAfxcZm7cosUUTiy-AidRgSYimA" />
    <input value="18795" 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%3D4">
    <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-love-20x1-2g-bio-1-stuck-18796">
          <img alt="Tea Love 20x1.2g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9266/file/small-29693526768487a3e803e6313d6c15e9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9266/file/medium-ce9ca25f6370d18de151d535f2e5bf53.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9266/file/large-d03f958a7143b960d5bf9a3b387481a8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9266/file/medium-ce9ca25f6370d18de151d535f2e5bf53.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-love-20x1-2g-bio-1-stuck-18796">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tea Love 20x1.2g 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-18796-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="L3k_Vxc7ZNP8h7Elt7sZQKx7A4EwhV2grY313VGFfqG5wDkrjbpAZT9K2_rkLpctfg_SnDe0nvEMcbG_Um2PGg" />
    <input value="18796" 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%3D4">
    <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-supreme-matcha-green-20x1-5g-bio-1-stuck-18797">
          <img alt="Tea Supreme Matcha Green 20x1.5g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11398/file/small-67d1fd95d63c1f38dc0a73d2e4a98544.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11398/file/medium-a206691d65497f21b5c295a2ef4e01b7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11398/file/large-9910aa58f96f05fef2397ac5f3ebc1e9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11398/file/medium-a206691d65497f21b5c295a2ef4e01b7.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-supreme-matcha-green-20x1-5g-bio-1-stuck-18797">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tea Supreme Matcha Green 20x1.5g 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-18797-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="n3SJZS-VgRLIf8nWQ_iH2_bnP5USd4OqCGYoehqU5d0JzY8ZtRSlpAuyowkQbQm2JJPuiBVGQPupmmwYGXwUZg" />
    <input value="18797" 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%3D4">
    <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-zitrone-ingwer-manuka-bio-20-x-2-g-18798">
          <img alt="Tea Zitrone Ingwer Manuka Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11399/file/small-f4356db46c9d10264eb15f9d84ebb5f5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11399/file/medium-4996cbd0bf187d7feb5ab250b667297d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11399/file/large-26378802a0e00a41b1bdcafda31ab1ab.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11399/file/medium-4996cbd0bf187d7feb5ab250b667297d.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-zitrone-ingwer-manuka-bio-20-x-2-g-18798">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tea Zitrone Ingwer Manuka Bio, 20 x 2 g</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 18.13 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HiKI1qpcAoN0bBzL0mOUxPQOj1WJHCELcnZ4b8i4H2qIm46qMN0mNbehdhSB9hqpJnpeSI4t4lrTijwNy1Du0Q" />
    <input value="18798" 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%3D4">
    <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/kakao-mit-kokosblutenzucker-dose-bio-250-g-18840">
          <img alt="Kakao mit Kokosblütenzucker 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/11428/file/small-045f46fa60fc3b7e8d21495264a39b4e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11428/file/medium-285dccd782a8295a0c4bdb7769a12b17.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11428/file/large-2a1934dbda50b28eb7a862d3838e10fe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11428/file/medium-285dccd782a8295a0c4bdb7769a12b17.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">Rapunzel</p>
          <a href="/de/products/kakao-mit-kokosblutenzucker-dose-bio-250-g-18840">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kakao mit Kokosblütenzucker Dose Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8ohjTFzdzQmh-zxMJctgNdf_axgR3bxf67Q9MdSmimRkMWUwxlzpv2I2VpN2Xu5YBYu6BRbsfw5KSHlT10573w" />
    <input value="18840" 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%3D4">
    <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/tiger-quick-instant-bio-400-g-18872">
          <img alt="Tiger Quick Instant Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9291/file/small-80f041d7d129fe1478fa180ce52d8c21.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9291/file/medium-079da3cd2022007062cbee6439508027.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9291/file/large-8875694e355870495c72d240b4854fc0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9291/file/medium-079da3cd2022007062cbee6439508027.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">Rapunzel</p>
          <a href="/de/products/tiger-quick-instant-bio-400-g-18872">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tiger Quick Instant Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tBjx4klRcpU4JouheEgLOIaeLA55rQCYixTK224ijUEiofee09BWI_vr4X4r3YVVVOr9E36cw8kq6I65bcp8-g" />
    <input value="18872" 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%3D4">
    <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-hanfblatter-bio-18-beutel-18973">
          <img alt="Tee Hanfblätter Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9638/file/small-347a860c60e975614f38b6fc1a66e0a4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9638/file/medium-8884737e4410dae41ab8293e13903d85.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9638/file/large-1c4a4025328812e2fadf65f6bfb3f17e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9638/file/medium-8884737e4410dae41ab8293e13903d85.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-hanfblatter-bio-18-beutel-18973">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Hanfblätter Bio, 18 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="k7azcV1jeUUABGBLS6K4RW1jbceYEOKcN2Z_9f-10I4FD7UNx-Jd88PJCpQYNzYovxe82p8hIc2WmjuX_F0hNQ" />
    <input value="18973" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%3Fformat%3Dturbo_stream%26page%3D4">
    <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/kaffee-wiener-verfuhrung-melange-ganz-bio-500-g-18974">
          <img alt="Kaffee Wiener Verführung Melange ganz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9654/file/small-1a61c25c2912e87b065b88f5600b2132.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9654/file/medium-c29855b0cad3afc5c43093106a60c4fb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9654/file/large-2311a11f80276321bb6dcacee34c3d10.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9654/file/medium-c29855b0cad3afc5c43093106a60c4fb.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/kaffee-wiener-verfuhrung-melange-ganz-bio-500-g-18974">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kaffee Wiener Verführung Melange ganz Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.20
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%3Fformat%3Dturbo_stream%26page%3D4">
    <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/kaffee-wiener-verfuhrung-melange-gemahlen-bio-500-g-18975">
          <img alt="Kaffee Wiener Verführung Melange gemahlen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9655/file/small-6bd8d7ad698aee96056cd2f190fe7f1f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9655/file/medium-48b456ac289762568b0df82f9e0fa9f8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9655/file/large-31888a211e53dabc907d1d5f77fc777a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9655/file/medium-48b456ac289762568b0df82f9e0fa9f8.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/kaffee-wiener-verfuhrung-melange-gemahlen-bio-500-g-18975">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kaffee Wiener Verführung Melange gemahlen Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.20
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%3Fformat%3Dturbo_stream%26page%3D4">
    <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/kuhle-kanne-erdbeere-ingwer-bio-16-beutel-18976">
          <img alt="Kühle Kanne Erdbeere 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/11444/file/small-2f8e3f777b3f50251dc378430f4cf3ae.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11444/file/medium-8ee1df7040f5ef3fb892cc10c632a715.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11444/file/large-8f514e2cbf1bf660d24839b5b63892a2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11444/file/medium-8ee1df7040f5ef3fb892cc10c632a715.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/kuhle-kanne-erdbeere-ingwer-bio-16-beutel-18976">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kühle Kanne Erdbeere Ingwer Bio, 16 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.60
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%3Fformat%3Dturbo_stream%26page%3D4">
    <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/kuhle-kanne-orange-basilikum-bio-16-beutel-18977">
          <img alt="Kühle Kanne Orange Basilikum Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11445/file/small-1242b7c2dd3f2f708da198289e4b9a97.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11445/file/medium-337a9e199b6a3c94afba0b2e466c20bc.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11445/file/large-f9bb3227587e2c78560df90ff8432c48.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11445/file/medium-337a9e199b6a3c94afba0b2e466c20bc.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/kuhle-kanne-orange-basilikum-bio-16-beutel-18977">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kühle Kanne Orange Basilikum Bio, 16 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lbZofv5UfVm9HX6UTzQQbQiLcYL2ulRJw335gvwNzs4DD24CZNVZ737QFEscoZ4A2v-gn_GLlxhigb3g_-U_dQ" />
    <input value="18977" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%3Fformat%3Dturbo_stream%26page%3D4">
    <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-abend-bio-18-beutel-18982">
          <img alt="Tee Abend Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11448/file/small-b67e1b9d445dd8258e3947ddee0d08eb.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11448/file/medium-fa44158e424be03c4586c4625ff02a9f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11448/file/large-e9ccb6d4eb5342df369d76f0b7e4be92.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11448/file/medium-fa44158e424be03c4586c4625ff02a9f.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-abend-bio-18-beutel-18982">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Abend 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-18982-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1oE34Im9m8PbtgYJYknyQ1T2wvrCsaAcOLnrGZUUsxVAODGcEzy_dRh7bNYx3HwuhoIT58WAY02ZRa97lvxCrg" />
    <input value="18982" 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%3D4">
    <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-abend-bio-50-g-18983">
          <img alt="Tee Abend Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9305/file/small-41fa6846a233318e1d2f5c51e3cb8fa7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9305/file/medium-ddc4d1cf3a770f32713bfb0223d0b528.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9305/file/large-6855cd3422758ffcd825ab47ae585391.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9305/file/medium-ddc4d1cf3a770f32713bfb0223d0b528.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-abend-bio-50-g-18983">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Abend Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.25
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="g-sJNPJ9Ytpa-CeL9YkDAUfDJy2p1cGdtG2CqudgXBQVUg9IaPxGbJk1TVSmHI1slbf2MK7kAswVkcbI5Iitrw" />
    <input value="18983" 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">
      80 von 219 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/getranke-wein/kaffee-tee?format=turbo_stream&amp;page=5">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>