<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%3D3">
    <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/chi-cafe-balance-konv-180-g-18467">
          <img alt="Chi Cafe balance konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10339/file/small-d81e53d6281300f1c52febe7672512f1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10339/file/medium-7bbcd5cb03b48875d5148fe49ef5503c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10339/file/large-3a2e8cedbd519667ad6ece30d8faec63.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10339/file/medium-7bbcd5cb03b48875d5148fe49ef5503c.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">Dr. Jacobs</p>
          <a href="/de/products/chi-cafe-balance-konv-180-g-18467">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chi Cafe balance konv, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VAVV2CNZss_lQmKxkhjskG8k9dyKPE-iLklZnbPy8u6_8Z5hJZMQIzuE4NpD7E12cabL8oWutevfMKjUwoLRLg" />
    <input value="18467" 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%3D3">
    <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/basentee-49-krauter-offen-bio-200-g-18472">
          <img alt="Basentee 49 Kräuter 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/9199/file/small-9e3e8dae36f237f67e522c3771456d98.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9199/file/medium-fdad5d637214d1b70767dbad521e3ced.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9199/file/large-9a488150cdb5f3002a25e44f6ecca3ce.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9199/file/medium-fdad5d637214d1b70767dbad521e3ced.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">Droste-Laux</p>
          <a href="/de/products/basentee-49-krauter-offen-bio-200-g-18472">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Basentee 49 Kräuter offen Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Pet6ct0Vy0z5uGOV-tI6Axv1ASSXA26ZbLRlCd2gr_XWH7HL299poCd-4f4rJpvlBXc_CpiRlNCdzZRArNCMNQ" />
    <input value="18472" 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%3D3">
    <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/basentee-49-krauter-teebeutel-bio-25-stuck-18473">
          <img alt="Basentee 49 Kräuter Teebeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10425/file/small-d40336ff5593714e0ff762a5bf0da656.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10425/file/medium-573d830f452c952c094a0195b69c4f76.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10425/file/large-2e003d6feb97b61bfb2d6c40d6730afc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10425/file/medium-573d830f452c952c094a0195b69c4f76.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">Droste-Laux</p>
          <a href="/de/products/basentee-49-krauter-teebeutel-bio-25-stuck-18473">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Basentee 49 Kräuter Teebeutel Bio, 25 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Q35eG5k2MoejE1SkuqbntK44o-4dTWW0J7fuPywLjBmoipWin_yQa33V1s9rUkZSsLqdwBLfn_3Wzh92XXuv2Q" />
    <input value="18473" 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%3D3">
    <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/entsauerungstee-7-bluten-teebeutel-25-stuck-18476">
          <img alt="Entsäuerungstee 7 Blüten Teebeutel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9200/file/small-ac2be21c645374fa498436a1aba31967.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9200/file/medium-82445c9ef7838b0783e3b845fe579d5d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9200/file/large-a0a88de2dbaf067ceb91aa70c34ad5e3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9200/file/medium-82445c9ef7838b0783e3b845fe579d5d.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">Droste-Laux</p>
          <a href="/de/products/entsauerungstee-7-bluten-teebeutel-25-stuck-18476">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Entsäuerungstee 7 Blüten Teebeutel, 25 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CTnHWTce73N4X6FW57UlEWDVeDnNgddvE4rlxNkXc-rizQzgMdRNn6aZIz02QYT3fldGF8ITLSbi8xSNqGdQKg" />
    <input value="18476" 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%3D3">
    <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/entsauerungstee-7-bluten-offen-200-g-18477">
          <img alt="Entsäuerungstee 7 Blüten offen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9203/file/small-189c24ec819bd6c9c48c6e192befaa9b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9203/file/medium-3714eca054a6bdcb792f2137389243e5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9203/file/large-f0d490ea9210f020d87aeec4aa855260.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9203/file/medium-3714eca054a6bdcb792f2137389243e5.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">Droste-Laux</p>
          <a href="/de/products/entsauerungstee-7-bluten-offen-200-g-18477">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Entsäuerungstee 7 Blüten offen, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FHwKNnLNvABaPGB_pUG-EWMv_sps_IWqSWskmCl2cav_iMGPdAce7IT64hR0tR_3fa3A5GNuf-O4EtXRWAZSaw" />
    <input value="18477" 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%3D3">
    <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-ranuogl-teebeutel-18-stuck-18491">
          <img alt="Tee Ranuogl Teebeutel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9804/file/small-b2db6fd05368eb5402c41e402af90319.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9804/file/medium-7df88948322cc3cd7086922524ba32cf.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9804/file/large-64e5717eb752711144b4ed96187f9a5e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9804/file/medium-7df88948322cc3cd7086922524ba32cf.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">Erva</p>
          <a href="/de/products/tee-ranuogl-teebeutel-18-stuck-18491">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Ranuogl Teebeutel, 18 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EuES98kN3omstgyXlGaPwmSY84Aeyll-nTdMY7bJULb5FdlOz8d8ZXJwjvxFki4kehrNrhFYozdsTr0qx7lzdg" />
    <input value="18491" 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%3D3">
    <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-schubregia-teebeutel-18-stuck-18492">
          <img alt="Tee Schubregia Teebeutel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9803/file/small-cfd60e111ccd94c5f550d568e0aee125.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9803/file/medium-0253f9e4ccbede0401b7ddecde3f4952.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9803/file/large-dac4eda12b2425441330b7c0f902cb01.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9803/file/medium-0253f9e4ccbede0401b7ddecde3f4952.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">Erva</p>
          <a href="/de/products/tee-schubregia-teebeutel-18-stuck-18492">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Schubregia Teebeutel, 18 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LkXru3LJKGRiRO8qyNsixZMIfCryDukwEkFGxePKBc_FsSACdAOKiLyCbUEZL4MjjYpCBP2cE3njOLeMkromDw" />
    <input value="18492" 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%3D3">
    <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/gruntee-pur-teebeutel-demeter-20-stuck-18533">
          <img alt="Grüntee Pur Teebeutel Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9210/file/small-f082f6ce925355c236e4dbf0a6423625.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9210/file/medium-d655da8638df17e7f95045c636cbda07.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9210/file/large-6b58608e00fba1c9ce2f7a4963cc9a0c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9210/file/medium-d655da8638df17e7f95045c636cbda07.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Hampstead</p>
          <a href="/de/products/gruntee-pur-teebeutel-demeter-20-stuck-18533">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Grüntee Pur Teebeutel Demeter, 20 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="u-F8-LtDuKmsHh4XKAXzddyG6FgZvsuP7FB6xNb6IGJQFbdBvYkaRXLYnHz58VKTwgTWdhYsMcYdKYuNp4oDog" />
    <input value="18533" 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%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/schwarztee-assam-teebeutel-bio-20-stuck-18534">
          <img alt="Schwarztee Assam 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/9211/file/small-fcc3a95cbb34db031fd25c7cbb921cf2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9211/file/medium-c6508dd0f7a8b2a2c3faa6c025ee2e67.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9211/file/large-3b779aa3d418439b695f94cdf2697090.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9211/file/medium-c6508dd0f7a8b2a2c3faa6c025ee2e67.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Hampstead</p>
          <a href="/de/products/schwarztee-assam-teebeutel-bio-20-stuck-18534">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schwarztee Assam Teebeutel Bio, 20 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9kSTDkWpnw1iGHv6mxOyd-MWu7BkZFqHjbhR0aoR6H4dsFi3Q2M94bze-ZFK5xOR_ZSFnmv2oM58waCY22HLvg" />
    <input value="18534" 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%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/schwarztee-darjeeling-teebeutel-demeter-20-stuck-18535">
          <img alt="Schwarztee Darjeeling Teebeutel Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9212/file/small-ee08afb803b5de6034fd4b3c00ba6bf5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9212/file/medium-aa955d6b54d042ba67ae83dfdf20661a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9212/file/large-b02e6a0a1dd7d720bfa5ed8d9fd7d14e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9212/file/medium-aa955d6b54d042ba67ae83dfdf20661a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Hampstead</p>
          <a href="/de/products/schwarztee-darjeeling-teebeutel-demeter-20-stuck-18535">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schwarztee Darjeeling Teebeutel Demeter, 20 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qE8-mdK--mmYqsgGBtJ1_LNE6ZRNa6QasuS3MVn-IJRDu_Ug1HRYhUZsSm3XJtQarcbXukL5XlNDnUZ4KI4DVA" />
    <input value="18535" 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%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/schwarztee-earl-grey-teebeutel-demeter-20-stuck-18536">
          <img alt="Schwarztee Earl Grey Teebeutel Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9697/file/small-888ab0eebf0f6f6b7022dce67ac132f0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9697/file/medium-6bdd2c1d80af7245817397542567a3da.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9697/file/large-e143557e60d9c27d3d55b5f7a4b2c35c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9697/file/medium-6bdd2c1d80af7245817397542567a3da.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Hampstead</p>
          <a href="/de/products/schwarztee-earl-grey-teebeutel-demeter-20-stuck-18536">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schwarztee Earl Grey Teebeutel Demeter, 20 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="69Z61qQbTnWB0x--AIUALVp9-b-VwTYu_3UpmTCAEg0AIrFvotHsmV8VndXRcaHLRP_HkZpTzGcODNjQQfAxzQ" />
    <input value="18536" 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%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/schwarztee-earl-grey-offen-demeter-100-g-18537">
          <img alt="Schwarztee Earl Grey 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/9698/file/small-ede642656857fe79677ae9f88f2d89ba.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9698/file/medium-05230df181bba9b36599a41e9be77e5b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9698/file/large-cfc6580bbf5f797d5a0477bd8103599b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9698/file/medium-05230df181bba9b36599a41e9be77e5b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Hampstead</p>
          <a href="/de/products/schwarztee-earl-grey-offen-demeter-100-g-18537">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schwarztee Earl Grey offen Demeter, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xyVNcItcfDzCPaEDuAN9HPrmzG2Hx2isuarvQc421Fgs0YbJjZbe0Bz7I2hp99z65GTyQ4hVkuVI0x4Iv0b3mA" />
    <input value="18537" 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%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/schwarztee-english-breakfast-teebeutel-bio-20-stuck-18538">
          <img alt="Schwarztee English Breakfast 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/9696/file/small-853987c4833d33618e24d0e16ba410d0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9696/file/medium-7fbff755f7c08a7cab8df7ba705e57c8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9696/file/large-5aeda6eb73ad66b1b5fceddfdea32e58.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9696/file/medium-7fbff755f7c08a7cab8df7ba705e57c8.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Hampstead</p>
          <a href="/de/products/schwarztee-english-breakfast-teebeutel-bio-20-stuck-18538">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schwarztee English Breakfast Teebeutel Bio, 20 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9f5aVKXMqHjFBVjRpUO2gMJTjQ_bA8XVw1pG0Mgs8-seCpHtowYKlBvD2rp0txdm3NGzIdSRP5wyI7eZuVzQKw" />
    <input value="18538" 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%3D3">
    <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/7x7-krautertee-teebeutel-bio-50-stuck-18559">
          <img alt="7x7 Kräutertee 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/11410/file/small-f2431850e360c14a5369d531491c6422.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11410/file/medium-b0f84c84099e54850cd8542cb5970b84.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11410/file/large-2ce52c4607dd2ab3ad8ccc98143aef0c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11410/file/medium-b0f84c84099e54850cd8542cb5970b84.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">Jentschura</p>
          <a href="/de/products/7x7-krautertee-teebeutel-bio-50-stuck-18559">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">7x7 Kräutertee Teebeutel Bio, 50 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jReq4-_rgDQWcKGPLzBfF09pYfvUmMcA1Wg5tzW-ml5m42Fa6SEi2Mi2I-T-xP7xUetf1dsKPUkkEcj-RM65ng" />
    <input value="18559" 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%3D3">
    <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/7x7-krautertee-offen-bio-100-g-18560">
          <img alt="7x7 Kräutertee 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/9217/file/small-61271b28da3ae8c7e7843522c60d25e4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9217/file/medium-baf90af1849a1587ed099c931007d246.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9217/file/large-98fbc0110d42db21f2d7b95fd3b8abda.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9217/file/medium-baf90af1849a1587ed099c931007d246.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">Jentschura</p>
          <a href="/de/products/7x7-krautertee-offen-bio-100-g-18560">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">7x7 Kräutertee offen Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UJiRmw7_l_yW9TsN4xxbyswOHTeSUv0ZEAPXifFF49W7bFoiCDU1EEgzuWYy6Pos0owjGZ3AB1DheibAgDXAFQ" />
    <input value="18560" 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%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/wildkaffee-espresso-bohnen-bio-fairtrade-220-g-18564">
          <img alt="Wildkaffee Espresso 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/10204/file/small-df5b8b07ca1b22a1224dceda4c97ca10.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10204/file/medium-099c7d9c71325518f837bb15d4132a5c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10204/file/large-b950d64add85e013cb2c41e05cf1cd50.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10204/file/medium-099c7d9c71325518f837bb15d4132a5c.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Kaffa</p>
          <a href="/de/products/wildkaffee-espresso-bohnen-bio-fairtrade-220-g-18564">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wildkaffee Espresso Bohnen Bio fairtrade, 220 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2p7ltAibpa7u43OGpiDIGTrfSVafxLyZeqbksxRdIIcxai4NDlEHQjAl8e131Gn_JF13eJBWRtCL3xX6ZS0DRw" />
    <input value="18564" 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%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/wildkaffee-espresso-gemahlen-bio-fairtrade-220-g-18565">
          <img alt="Wildkaffee Espresso gemahlen 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/10203/file/small-904cef2e3bbf02966404fcdccd24aaec.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10203/file/medium-ee7df0a742c34b6b6ffd7ae55dbb7d6b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10203/file/large-fe1c186a091c5cfc87c20d38d9d70c54.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10203/file/medium-ee7df0a742c34b6b6ffd7ae55dbb7d6b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Kaffa</p>
          <a href="/de/products/wildkaffee-espresso-gemahlen-bio-fairtrade-220-g-18565">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wildkaffee Espresso gemahlen Bio fairtrade, 220 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vKXyRJoyUDUf3t9-oUY7AAdLeyi05RbKhX4grrcbiC1XUTn9nPjy2cEYXRVwsprmGclFBrt37IN0B9Hnxmur7Q" />
    <input value="18565" 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%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/wildkaffee-medium-bohnen-bio-fairtrade-220-g-18566">
          <img alt="Wildkaffee Medium 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/10201/file/small-c1e3adf7f3542786fc8f264ba1180387.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10201/file/medium-fadbf7b09b02924dba5553c16f4c9ca5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10201/file/large-12ea8469e8b888a77f4d28313d6b83a8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10201/file/medium-fadbf7b09b02924dba5553c16f4c9ca5.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Kaffa</p>
          <a href="/de/products/wildkaffee-medium-bohnen-bio-fairtrade-220-g-18566">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wildkaffee Medium Bohnen Bio fairtrade, 220 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hV3rdj_nv0TT6Yubci9YeyKrcp0NcqqmqYZzWI8ZaM5uqSDPOS0dqA0vCfCj2_mdPClMswLgUO9Y_4IR_mlLDg" />
    <input value="18566" 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%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/wildkaffee-medium-gemahlen-bio-fairtrade-220-g-18567">
          <img alt="Wildkaffee Medium gemahlen 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/10202/file/small-a8660cf49cc05009a16db9e9aa1fbea6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10202/file/medium-514f285b3fe3c7a1b8faa79ac7b7257d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10202/file/large-1109df4d5f58c43064028957e7baa878.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10202/file/medium-514f285b3fe3c7a1b8faa79ac7b7257d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Kaffa</p>
          <a href="/de/products/wildkaffee-medium-gemahlen-bio-fairtrade-220-g-18567">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wildkaffee Medium gemahlen Bio fairtrade, 220 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tzHgITI7E29N3y7z87FjsecZO9L0czBML8NV6LmaVllcxSuYNPGxg5MZrJgiRcJX-ZsF_PvhygXeuqShyOp1mQ" />
    <input value="18567" 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%3D3">
    <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/sencha-gruntee-teebeutel-bio-10-stuck-18599">
          <img alt="Sencha Grüntee 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/11111/file/small-c07654ea143746a85a8839de2ae6f77b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11111/file/medium-9d26deee1637699074e0cf047f3bb6e4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11111/file/large-1fdd4e5bc8ffa9c48f9f5b1da4c1b0b5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11111/file/medium-9d26deee1637699074e0cf047f3bb6e4.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">Lima</p>
          <a href="/de/products/sencha-gruntee-teebeutel-bio-10-stuck-18599">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sencha Grüntee Teebeutel Bio, 10 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_7CX9olh8RJPsg86yXM2ExAw7rAE8Rwp1pEBUOoIGEIURFxPj6tT_pF0jVEYh5f1DrLQngtj5mAn6PAZm3g7gg" />
    <input value="18599" 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">
      60 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=4">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>