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

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%3Fformat%3Dturbo_stream%26page%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="/products/maharishiayurveda-tee-kapha-15btl-bio-1-stuck-18525">
          <img alt="MaharishiAyurveda Tee Kapha 15Btl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/e2000b22fbbc8a37131b76d4d5b3bfcc.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/e2000b22fbbc8a37131b76d4d5b3bfcc.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/e2000b22fbbc8a37131b76d4d5b3bfcc.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/e2000b22fbbc8a37131b76d4d5b3bfcc.jpg" />
</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="/products/maharishiayurveda-tee-kapha-15btl-bio-1-stuck-18525">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">MaharishiAyurveda Tee Kapha 15Btl Bio, 1 Stück</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 8.50 / Stk.
            </p>
        </div>
      </div>

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%3Fformat%3Dturbo_stream%26page%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="/products/maharishiayurveda-tee-pitta-15btl-bio-1-stuck-18526">
          <img alt="MaharishiAyurveda Tee Pitta 15Btl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/fef5d3fd9f6e0bbdad09e29b6dd27384.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/fef5d3fd9f6e0bbdad09e29b6dd27384.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/fef5d3fd9f6e0bbdad09e29b6dd27384.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/fef5d3fd9f6e0bbdad09e29b6dd27384.jpg" />
</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="/products/maharishiayurveda-tee-pitta-15btl-bio-1-stuck-18526">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">MaharishiAyurveda Tee Pitta 15Btl Bio, 1 Stück</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 8.50 / Stk.
            </p>
        </div>
      </div>

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%3Fformat%3Dturbo_stream%26page%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="/products/morga-idee-kaffee-losl-gold-express-100g-1-stuck-18591">
          <img alt="Morga Idee-Kaffee lösl. Gold-Express 100g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/e9cd8ea2bd5460e10f26f4eb52539ea2.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/e9cd8ea2bd5460e10f26f4eb52539ea2.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/e9cd8ea2bd5460e10f26f4eb52539ea2.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/e9cd8ea2bd5460e10f26f4eb52539ea2.jpg" />
</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="/products/morga-idee-kaffee-losl-gold-express-100g-1-stuck-18591">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Idee-Kaffee lösl. Gold-Express 100g, 1 Stück</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 / Stk.
            </p>
        </div>
      </div>

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%3Fformat%3Dturbo_stream%26page%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="/products/mounthagen-malz-kaffee-100g-demeter-1-stuck-18626">
          <img alt="MountHagen Malz Kaffee 100g Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/1235e63d0eef0307a043e1546c8e0095.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/1235e63d0eef0307a043e1546c8e0095.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/1235e63d0eef0307a043e1546c8e0095.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/1235e63d0eef0307a043e1546c8e0095.jpg" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">MountHagen</p>
          <a href="/products/mounthagen-malz-kaffee-100g-demeter-1-stuck-18626">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">MountHagen Malz Kaffee 100g Demeter, 1 Stück</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 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aAHs53W5FxnNw0h24U4qPjkCEkSWEE_P-7oEY1kUCh9n-iI1XaZPZw3FmnwoqsMtJ8nAvYT-Qnx653xtcF3mwQ" />
    <input value="18626" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%3Fformat%3Dturbo_stream%26page%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="/products/nkw-kochmatcha-gruntee-pulver-100g-bio-vegan-1-stuck-18661">
          <img alt="NKW Kochmatcha Grüntee Pulver 100g Bio vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/07ce89b17c4c58f72f192227f702aa86.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/07ce89b17c4c58f72f192227f702aa86.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/07ce89b17c4c58f72f192227f702aa86.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/07ce89b17c4c58f72f192227f702aa86.jpg" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">NKW</p>
          <a href="/products/nkw-kochmatcha-gruntee-pulver-100g-bio-vegan-1-stuck-18661">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">NKW Kochmatcha Grüntee Pulver 100g Bio vegan, 1 Stück</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 / Stk.
            </p>
        </div>
      </div>

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%3Fformat%3Dturbo_stream%26page%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="/products/nkw-matcha-fein-gemahlener-gruntee-offen-30g-bio-vegan-1-stuck-18668">
          <img alt="NKW Matcha fein gemahlener Grüntee offen 30g Bio vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/91a70db4eefba24888974900fd9dd44d.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/91a70db4eefba24888974900fd9dd44d.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/91a70db4eefba24888974900fd9dd44d.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/91a70db4eefba24888974900fd9dd44d.jpg" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">NKW</p>
          <a href="/products/nkw-matcha-fein-gemahlener-gruntee-offen-30g-bio-vegan-1-stuck-18668">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">NKW Matcha fein gemahlener Grüntee offen 30g Bio vegan, 1 Stück</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 21.00 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="03W-lcd51SuRdaLDByearkpDCUec3FL0cmmHrodp1zfcjnBH72aNVVFzcMnOw3O9VIjbvo4yX0fzNP-griA76Q" />
    <input value="18668" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%3Fformat%3Dturbo_stream%26page%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="/products/pukka-tea-after-dinner-20x1-8g-bio-1-stuck-18710">
          <img alt="Pukka 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/cache_public/variant_asset/file/59c7a823ff6f911a65485435cf2faaec.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/59c7a823ff6f911a65485435cf2faaec.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/59c7a823ff6f911a65485435cf2faaec.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/59c7a823ff6f911a65485435cf2faaec.jpg" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Pukka</p>
          <a href="/products/pukka-tea-after-dinner-20x1-8g-bio-1-stuck-18710">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pukka 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-18710-card">
        

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%3Fformat%3Dturbo_stream%26page%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="/products/pukka-tea-holunderbeere-und-echinacea-20btl-bio-1-stuck-18711">
          <img alt="Pukka Tea Holunderbeere und Echinacea 20Btl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/d661d269ad85886666d6d991ccfd848c.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/d661d269ad85886666d6d991ccfd848c.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/d661d269ad85886666d6d991ccfd848c.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/d661d269ad85886666d6d991ccfd848c.jpg" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Pukka</p>
          <a href="/products/pukka-tea-holunderbeere-und-echinacea-20btl-bio-1-stuck-18711">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pukka Tea Holunderbeere und Echinacea 20Btl 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-18711-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YDp5OZnlTtRPUkIPwjSWteNWzSMuXKWxK-smH8ThSJlvwbfrsfoWqo9UkAUL0H-m_Z0f2jyyqAKqtl4R7aikRw" />
    <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="/signup?return_to=%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="/products/pukka-tea-love-20x1-2g-bio-1-stuck-18712">
          <img alt="Pukka 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/cache_public/variant_asset/file/66d6936738e965b62bc7f07422c044b3.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/66d6936738e965b62bc7f07422c044b3.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/66d6936738e965b62bc7f07422c044b3.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/66d6936738e965b62bc7f07422c044b3.jpg" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Pukka</p>
          <a href="/products/pukka-tea-love-20x1-2g-bio-1-stuck-18712">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pukka 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-18712-card">
        

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%3Fformat%3Dturbo_stream%26page%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="/products/pukka-tea-supreme-matcha-green-20x1-5g-bio-1-stuck-18713">
          <img alt="Pukka 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/cache_public/variant_asset/file/9f39152225f3314065e91d592877fd00.webp 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/9f39152225f3314065e91d592877fd00.webp 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/9f39152225f3314065e91d592877fd00.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/9f39152225f3314065e91d592877fd00.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Pukka</p>
          <a href="/products/pukka-tea-supreme-matcha-green-20x1-5g-bio-1-stuck-18713">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pukka 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-18713-card">
        

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%3Fformat%3Dturbo_stream%26page%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="/products/pukka-tea-zitrone-ingwer-manuka-20x2g-bio-1-stuck-18714">
          <img alt="Pukka Tea Zitrone Ingwer Manuka 20x2g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/aa0e611be1a57b385530d24a7fee84e5.webp 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/aa0e611be1a57b385530d24a7fee84e5.webp 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/aa0e611be1a57b385530d24a7fee84e5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/aa0e611be1a57b385530d24a7fee84e5.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Pukka</p>
          <a href="/products/pukka-tea-zitrone-ingwer-manuka-20x2g-bio-1-stuck-18714">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pukka Tea Zitrone Ingwer Manuka 20x2g 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-18714-card">
        

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%3Fformat%3Dturbo_stream%26page%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="/products/rapunzel-kakao-mit-kokosblutenzucker-dose-250g-bio-1-stuck-18756">
          <img alt="Rapunzel Kakao mit Kokosblütenzucker Dose 250g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/cfae56947b5403571e3c48f39a3c94a8.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/cfae56947b5403571e3c48f39a3c94a8.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/cfae56947b5403571e3c48f39a3c94a8.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/cfae56947b5403571e3c48f39a3c94a8.jpg" />
</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="/products/rapunzel-kakao-mit-kokosblutenzucker-dose-250g-bio-1-stuck-18756">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rapunzel Kakao mit Kokosblütenzucker Dose 250g Bio, 1 Stück</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 9.20 / Stk.
            </p>
        </div>
      </div>

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%3Fformat%3Dturbo_stream%26page%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="/products/rapunzel-tiger-quick-instant-400g-bio-1-stuck-18788">
          <img alt="Rapunzel Tiger Quick Instant 400g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/4509bbf03930d1c40277818f3a9cb64e.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/4509bbf03930d1c40277818f3a9cb64e.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/4509bbf03930d1c40277818f3a9cb64e.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/4509bbf03930d1c40277818f3a9cb64e.jpg" />
</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="/products/rapunzel-tiger-quick-instant-400g-bio-1-stuck-18788">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rapunzel Tiger Quick Instant 400g Bio, 1 Stück</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 11.50 / Stk.
            </p>
        </div>
      </div>

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%3Fformat%3Dturbo_stream%26page%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="/products/sonnentor-tee-hanfblatter-18btl-bio-1-stuck-18890">
          <img alt="Sonnentor Tee Hanfblätter 18Btl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/4804a8e6843ff7d80212d5d0fc884319.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/4804a8e6843ff7d80212d5d0fc884319.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/4804a8e6843ff7d80212d5d0fc884319.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/4804a8e6843ff7d80212d5d0fc884319.jpg" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/sonnentor-tee-hanfblatter-18btl-bio-1-stuck-18890">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sonnentor Tee Hanfblätter 18Btl Bio, 1 Stück</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 4.80 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3hInFkjmoxFOATWe0drkzKjfe-Th-v4Or9UzwsdX6l7R6enEYPn7b44H55QYPg3fthSpHfMU870uiEvM7h4GgA" />
    <input value="18890" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%3Fformat%3Dturbo_stream%26page%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="/products/sonnentor-kaffee-wiener-verfuhrung-melange-ganz-500g-bio-1-stuck-18891">
          <img alt="Sonnentor Kaffee Wiener Verführung Melange ganz 500g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/c6fe633657aaeb4898c1eb5fee205c6a.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/c6fe633657aaeb4898c1eb5fee205c6a.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/c6fe633657aaeb4898c1eb5fee205c6a.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/c6fe633657aaeb4898c1eb5fee205c6a.jpg" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/sonnentor-kaffee-wiener-verfuhrung-melange-ganz-500g-bio-1-stuck-18891">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sonnentor Kaffee Wiener Verführung Melange ganz 500g Bio, 1 Stück</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 20.20 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sbxo9U5xXCfTKeNU84PoLTEH8UKhLPWMiO4Sr7sP0YG-R6YnZm4EWRMvMV46ZwE-L8wju7PC-D8Js2qhkkY9Xw" />
    <input value="18891" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%3Fformat%3Dturbo_stream%26page%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="/products/sonnentor-kaffee-wiener-verfuhrung-melange-gemahlen-500g-bio-1-stuck-18892">
          <img alt="Sonnentor Kaffee Wiener Verführung Melange gemahlen 500g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/73b4a190a93ce0784966ad73dc6cbb2f.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/73b4a190a93ce0784966ad73dc6cbb2f.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/73b4a190a93ce0784966ad73dc6cbb2f.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/73b4a190a93ce0784966ad73dc6cbb2f.jpg" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/sonnentor-kaffee-wiener-verfuhrung-melange-gemahlen-500g-bio-1-stuck-18892">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sonnentor Kaffee Wiener Verführung Melange gemahlen 500g Bio, 1 Stück</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 20.20 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0L1UOYBW6W_5CTiPuTd4r6iuZApyIeWTgtN4LKHmVZTfRprrqEmxETkP6oVw05G8tmW282DP6CADjgAiiK-5Sg" />
    <input value="18892" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%3Fformat%3Dturbo_stream%26page%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="/products/sonnentor-kuhle-kanne-erdbeere-ingwer-16btl-bio-1-stuck-18893">
          <img alt="Sonnentor Kühle Kanne Erdbeere Ingwer 16Btl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/52ad2f1cec6abc765c5c8b5887b7cc87.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/52ad2f1cec6abc765c5c8b5887b7cc87.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/52ad2f1cec6abc765c5c8b5887b7cc87.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/52ad2f1cec6abc765c5c8b5887b7cc87.jpg" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/sonnentor-kuhle-kanne-erdbeere-ingwer-16btl-bio-1-stuck-18893">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sonnentor Kühle Kanne Erdbeere Ingwer 16Btl Bio, 1 Stück</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 7.60 / Stk.
            </p>
        </div>
      </div>

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%3Fformat%3Dturbo_stream%26page%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="/products/sonnentor-kuhle-kanne-orange-basilikum-16btl-bio-1-stuck-18894">
          <img alt="Sonnentor Kühle Kanne Orange Basilikum 16Btl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/f641b18fb7da27f2adb991386e2d6624.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/f641b18fb7da27f2adb991386e2d6624.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/f641b18fb7da27f2adb991386e2d6624.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/f641b18fb7da27f2adb991386e2d6624.jpg" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/sonnentor-kuhle-kanne-orange-basilikum-16btl-bio-1-stuck-18894">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sonnentor Kühle Kanne Orange Basilikum 16Btl Bio, 1 Stück</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 7.60 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7lTlBwHLZnnOWJKyY0Is6-IeGdI3iWwggAHeIIGADQrhryvVKdQ-Bw5eQLiqpsX4_NXLKyVnYZMBXKYuqMnh1A" />
    <input value="18894" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%3Fformat%3Dturbo_stream%26page%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="/products/sonnentor-tee-abend-18btl-bio-1-stuck-18899">
          <img alt="Sonnentor Tee Abend 18Btl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/bd64a96ea6db87b890fcc2ceb1b210ad.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/bd64a96ea6db87b890fcc2ceb1b210ad.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/bd64a96ea6db87b890fcc2ceb1b210ad.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/bd64a96ea6db87b890fcc2ceb1b210ad.jpg" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/sonnentor-tee-abend-18btl-bio-1-stuck-18899">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sonnentor Tee Abend 18Btl Bio, 1 Stück</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 5.40 / Stk.
            </p>
        </div>
      </div>

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%3Fformat%3Dturbo_stream%26page%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="/products/sonnentor-tee-abend-50g-bio-1-stuck-18900">
          <img alt="Sonnentor Tee Abend 50g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/ab2c260135875ad7b2b6aa8b46c8ca5e.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/ab2c260135875ad7b2b6aa8b46c8ca5e.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/ab2c260135875ad7b2b6aa8b46c8ca5e.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/ab2c260135875ad7b2b6aa8b46c8ca5e.jpg" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/sonnentor-tee-abend-50g-bio-1-stuck-18900">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sonnentor Tee Abend 50g Bio, 1 Stück</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 6.25 / Stk.
            </p>
        </div>
      </div>

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

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

</template></turbo-stream>