<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%3Fformat%3Dturbo_stream%26page%3D9">
    <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/sencha-gruntee-teebeutel-bio-10-stuck-18626">
          <img alt="Sencha Grüntee Teebeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10674/file/small-a207b3b17169370826a79e8227309b99.webp 600w, https://assets.fabulous.ch/public/variant_asset/10674/file/medium-fbbf55bf3818cd3291d4bb11229c6b99.webp 900w, https://assets.fabulous.ch/public/variant_asset/10674/file/large-1cb809fafbc17ca19788635d3743da77.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10674/file/medium-fbbf55bf3818cd3291d4bb11229c6b99.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="/products/sencha-gruntee-teebeutel-bio-10-stuck-18626">
            <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-18626-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18626&quot;],&quot;content_name&quot;:&quot;Sencha Grüntee Teebeutel Bio, 10 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18626&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TBq6dM9b5gxM85kHwA8Mfeh0psdebBbgNI9SvXivO4hjBFHQDgoy5DWOugdCWv0ZsK2XoMyJqml4ghbXMtFctQ" />
    <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  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%3Fformat%3Dturbo_stream%26page%3D9">
    <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/tee-kapha-bio-15-beutel-18637">
          <img alt="Tee Kapha Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10360/file/small-ebc7e9e54af852c03649ac6e841abcb9.webp 600w, https://assets.fabulous.ch/public/variant_asset/10360/file/medium-92bc8a7a63dc5c167ba6f6c0d6f49b6b.webp 900w, https://assets.fabulous.ch/public/variant_asset/10360/file/large-1d710b7cced050ea21c413c15efffea8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10360/file/medium-92bc8a7a63dc5c167ba6f6c0d6f49b6b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">MaharishiAyurveda</p>
          <a href="/products/tee-kapha-bio-15-beutel-18637">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Kapha Bio, 15 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18637&quot;],&quot;content_name&quot;:&quot;Tee Kapha Bio, 15 Beutel&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18637&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Laa26ky8gMNhfOuUvaLNBQ6hmV-Hn1Yn5ErgL1_lcwgCuF1Oje1UKxgByJQ_9zxhVnioOBV66q6oR6RFFZsUNQ" />
    <input value="18637" 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%3Fformat%3Dturbo_stream%26page%3D9">
    <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/tee-pitta-bio-15-beutel-18638">
          <img alt="Tee Pitta Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10164/file/small-4c41de11c8501ff3d41e7358393b848a.webp 600w, https://assets.fabulous.ch/public/variant_asset/10164/file/medium-ea3917fbb21b907bbc294682586627a0.webp 900w, https://assets.fabulous.ch/public/variant_asset/10164/file/large-337460d0223bb853651422e753b94e1b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10164/file/medium-ea3917fbb21b907bbc294682586627a0.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">MaharishiAyurveda</p>
          <a href="/products/tee-pitta-bio-15-beutel-18638">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Pitta Bio, 15 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18638&quot;],&quot;content_name&quot;:&quot;Tee Pitta Bio, 15 Beutel&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18638&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1JiFDO-YtUoIRdSl4_aHQzRUoF8Y64nXpRWsG2O32ib7hm6oLslhonE496Vho3YnbI2ROIoONV7pGOhxKcm9Gw" />
    <input value="18638" 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%3Fformat%3Dturbo_stream%26page%3D9">
    <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/quetschi-apfel-blaubeere-banane-demeter-120-g-18648">
          <img alt="Quetschi Apfel Blaubeere Banane Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10913/file/small-ed519ff0ebd76ad7d4532ea9f2fcc468.webp 600w, https://assets.fabulous.ch/public/variant_asset/10913/file/medium-3c6bd1c0629eaaeb2e11ef4fd8ec175f.webp 900w, https://assets.fabulous.ch/public/variant_asset/10913/file/large-b81da02ad1b877ea4f74aad567b640b5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10913/file/medium-3c6bd1c0629eaaeb2e11ef4fd8ec175f.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">Mogli Naturkost GmbH</p>
          <a href="/products/quetschi-apfel-blaubeere-banane-demeter-120-g-18648">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Quetschi Apfel Blaubeere Banane Demeter, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18648&quot;],&quot;content_name&quot;:&quot;Quetschi Apfel Blaubeere Banane Demeter, 120 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18648&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LqhZknYKBsWuvGrbQ9l6v5PbxDpsx88gnOcNN1FHZi4BtrI2t1vSLdfBSdvBjIvbywL1Xf4ic6nQ6kldGzkBEw" />
    <input value="18648" 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%3Fformat%3Dturbo_stream%26page%3D9">
    <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/quetschi-apfel-erdbeere-banane-demeter-100-g-18649">
          <img alt="Quetschi Apfel Erdbeere Banane Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10906/file/small-646363cf224d44356e8574eed086ebf2.webp 600w, https://assets.fabulous.ch/public/variant_asset/10906/file/medium-cbf2a2858c952ca61d5d5fe13db6d238.webp 900w, https://assets.fabulous.ch/public/variant_asset/10906/file/large-0b9df248eb41bc6f210012714e7f1d1a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10906/file/medium-cbf2a2858c952ca61d5d5fe13db6d238.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">Mogli Naturkost GmbH</p>
          <a href="/products/quetschi-apfel-erdbeere-banane-demeter-100-g-18649">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Quetschi Apfel Erdbeere Banane Demeter, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18649&quot;],&quot;content_name&quot;:&quot;Quetschi Apfel Erdbeere Banane Demeter, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18649&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vymnEzCkMdsQQbsi1lKKo2NiQh1cYXqVsjzmOFOomw2QN0y38fXlM2k8mCJUB3vHO7tzes6Exhz-MaJSGdb8MA" />
    <input value="18649" 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%3Fformat%3Dturbo_stream%26page%3D9">
    <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/idee-kaffee-losl-gold-express-100-g-18690">
          <img alt="Idee-Kaffee lösl. Gold-Express" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9657/file/small-6b8f1f26307e33648577f660bb62383a.webp 600w, https://assets.fabulous.ch/public/variant_asset/9657/file/medium-d61e96a65d13ab2a966301280ddb2170.webp 900w, https://assets.fabulous.ch/public/variant_asset/9657/file/large-92b0d1617761bdc9542e3fbaf0658a19.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9657/file/medium-d61e96a65d13ab2a966301280ddb2170.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">MORGA</p>
          <a href="/products/idee-kaffee-losl-gold-express-100-g-18690">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Idee-Kaffee lösl. Gold-Express, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18690&quot;],&quot;content_name&quot;:&quot;Idee-Kaffee lösl. Gold-Express, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18690&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:10.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ODvxImP3rRNGHC9JSjeOnBLRZQZ1Sd3Sp6B_BHg3NwQXJRqGoqZ5-z9hDEnIYn_4SghUYeesYVvrrTtuMklQOQ" />
    <input value="18690" 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%3Fformat%3Dturbo_stream%26page%3D9">
    <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/aloe-vera-getrank-past-750-ml-18743">
          <img alt="Aloe Vera Getränk past" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9260/file/small-52e9c426d9d3087e98fc3a3cb020f27b.webp 600w, https://assets.fabulous.ch/public/variant_asset/9260/file/medium-b3c104c62da8bcec40e1c2900f6800a7.webp 900w, https://assets.fabulous.ch/public/variant_asset/9260/file/large-ec40637f7841e2946c530e5213816259.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9260/file/medium-b3c104c62da8bcec40e1c2900f6800a7.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">NaturKraftWerke</p>
          <a href="/products/aloe-vera-getrank-past-750-ml-18743">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aloe Vera Getränk past, 750 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.05
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18743&quot;],&quot;content_name&quot;:&quot;Aloe Vera Getränk past, 750 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18743&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:26.05,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mVs7JayFlLaupCdJoRJyGmN_JH6mZiwi1a_6ik7XMca2RdCBbdRAXtfZBEkjR4N-O6YVGTSDkKuZor7gBKlW-w" />
    <input value="18743" 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%3Fformat%3Dturbo_stream%26page%3D9">
    <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/aloe-vera-saft-past-330-ml-18744">
          <img alt="Aloe Vera Saft past" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9261/file/small-97822a035120bafbec76f89f0dc8ce88.webp 600w, https://assets.fabulous.ch/public/variant_asset/9261/file/medium-5536882e7457058ac451816225df26f1.webp 900w, https://assets.fabulous.ch/public/variant_asset/9261/file/large-a71f0c66222891e4d2ceb30ac30cc5cc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9261/file/medium-5536882e7457058ac451816225df26f1.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">NaturKraftWerke</p>
          <a href="/products/aloe-vera-saft-past-330-ml-18744">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aloe Vera Saft past, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18744&quot;],&quot;content_name&quot;:&quot;Aloe Vera Saft past, 330 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18744&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:14.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CmOZBOI4zCLLl2vd5gCzoJ0B3NyItFwj3QP0Av59oJ8lfXKgI2kYyrLqSN1kVULExdjtuxpR4KqRDrBotAPHog" />
    <input value="18744" 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%3Fformat%3Dturbo_stream%26page%3D9">
    <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/kochmatcha-gruntee-pulver-bio-100-g-18754">
          <img alt="Kochmatcha Grüntee Pulver Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9267/file/small-a85e81bdbf344b9955f68d1814c86128.webp 600w, https://assets.fabulous.ch/public/variant_asset/9267/file/medium-d2724175419e5fa89e365ab7e32c5914.webp 900w, https://assets.fabulous.ch/public/variant_asset/9267/file/large-0016306f642f94b34eeed828fa0ca956.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9267/file/medium-d2724175419e5fa89e365ab7e32c5914.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">NaturKraftWerke</p>
          <a href="/products/kochmatcha-gruntee-pulver-bio-100-g-18754">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kochmatcha Grüntee Pulver Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18754&quot;],&quot;content_name&quot;:&quot;Kochmatcha Grüntee Pulver Bio, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18754&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:20.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fRzlcy7v3Lr0nY1BCjL9dkW2TtZCuT60qnDEuM6ODt9SAg7X774IUo3grkGIZwwSHW9_sdBcgj3mfYDShPBp4g" />
    <input value="18754" 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%3Fformat%3Dturbo_stream%26page%3D9">
    <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/matcha-fein-gemahlener-gruntee-offen-bio-30-g-18760">
          <img alt="Matcha fein gemahlener Grüntee offen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9269/file/small-5d456f5fade190fc495fc2efe083d6bf.webp 600w, https://assets.fabulous.ch/public/variant_asset/9269/file/medium-b9cb75d7eb4be35c4480a9548d37478f.webp 900w, https://assets.fabulous.ch/public/variant_asset/9269/file/large-7d4972bcb85948cd9b2bb4ca16ba5dd9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9269/file/medium-b9cb75d7eb4be35c4480a9548d37478f.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">NaturKraftWerke</p>
          <a href="/products/matcha-fein-gemahlener-gruntee-offen-bio-30-g-18760">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Matcha fein gemahlener Grüntee offen Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18760&quot;],&quot;content_name&quot;:&quot;Matcha fein gemahlener Grüntee offen Bio, 30 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18760&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:21.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LWmfDSfZo6BMYfshc2LAXVK0_s1B63_Lu9t4OXP77hkCd3Sp5oh3SDUc2CHxNzE5Cm3PqtMOw0L31jxTOYWJJA" />
    <input value="18760" 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%3Fformat%3Dturbo_stream%26page%3D9">
    <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/tea-after-dinner-bio-20-x-1-8-g-18779">
          <img alt="Tea After Dinner Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10696/file/small-397415291ae1c389da3ae1821c0ed2d7.webp 600w, https://assets.fabulous.ch/public/variant_asset/10696/file/medium-be8c20d95c67a0c5de86f0f4ce159ce7.webp 900w, https://assets.fabulous.ch/public/variant_asset/10696/file/large-8d8ea54f2e7fe0e442c3e1aaedc24441.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10696/file/medium-be8c20d95c67a0c5de86f0f4ce159ce7.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/tea-after-dinner-bio-20-x-1-8-g-18779">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tea After Dinner Bio, 20 x 1.8 g</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 20.83 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18779&quot;],&quot;content_name&quot;:&quot;Tea After Dinner Bio, 20 x 1.8 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18779&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_f8dEzGAnuL_3RiuExLeBHQIxDoJ2Pd833QCR_7KcxzS4fa38NFKCoagO66RRy9gLNH1XZs9S_WTeUYttLQUIQ" />
    <input value="18779" 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%3Fformat%3Dturbo_stream%26page%3D9">
    <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/tea-holunderbeere-und-echinacea-bio-20-beutel-18780">
          <img alt="Tea Holunderbeere und Echinacea Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9500/file/small-1717614fee8fe7c819484bcbf1e60256.webp 600w, https://assets.fabulous.ch/public/variant_asset/9500/file/medium-244e955d2ab2bf29c65414391af3c01a.webp 900w, https://assets.fabulous.ch/public/variant_asset/9500/file/large-51aabc4e8db54f1acba9c6cd77499db2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9500/file/medium-244e955d2ab2bf29c65414391af3c01a.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/tea-holunderbeere-und-echinacea-bio-20-beutel-18780">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tea Holunderbeere und Echinacea Bio, 20 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.25
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18780&quot;],&quot;content_name&quot;:&quot;Tea Holunderbeere und Echinacea Bio, 20 Beutel&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18780&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.25,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="i2evMhEvtpDp_4g1DEObuJkZ5pedlruXqV6X_LCOp8ikeUSW0H5ieJCCqzWOFmrcwcDX8A9zBx7lU9OW-vDA9Q" />
    <input value="18780" 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%3Fformat%3Dturbo_stream%26page%3D9">
    <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/tea-love-bio-20-x-1-2-g-18781">
          <img alt="Tea Love Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9277/file/small-6f91e021c4bd15115dba7587f31e3b00.webp 600w, https://assets.fabulous.ch/public/variant_asset/9277/file/medium-3ccea668b77c8ed85ba9496ebf429612.webp 900w, https://assets.fabulous.ch/public/variant_asset/9277/file/large-31f15cc21c930d5cde480c3581c96fc4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9277/file/medium-3ccea668b77c8ed85ba9496ebf429612.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/tea-love-bio-20-x-1-2-g-18781">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tea Love Bio, 20 x 1.2 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.25
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18781&quot;],&quot;content_name&quot;:&quot;Tea Love Bio, 20 x 1.2 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18781&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.25,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AFGbs1ffAMek2j1KB2phDYAcR2tj-MaZ5QHYHgHkLmkvT3AXlo7UL92nHkqFP5Bp2MV2DPEdehCpDJx0S5pJVA" />
    <input value="18781" 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%3Fformat%3Dturbo_stream%26page%3D9">
    <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/tea-supreme-matcha-green-bio-20-x-1-5-g-18782">
          <img alt="Tea Supreme Matcha Green Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10879/file/small-313e8646aa6dd4549ac818f0aa2f6bdc.webp 600w, https://assets.fabulous.ch/public/variant_asset/10879/file/medium-906d7f6beff6aa4d4924c6ecb7a67fdc.webp 900w, https://assets.fabulous.ch/public/variant_asset/10879/file/large-c26dfe26c68d1349369ee9e1b03e8dd4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10879/file/medium-906d7f6beff6aa4d4924c6ecb7a67fdc.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/tea-supreme-matcha-green-bio-20-x-1-5-g-18782">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tea Supreme Matcha Green Bio, 20 x 1.5 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.25
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18782&quot;],&quot;content_name&quot;:&quot;Tea Supreme Matcha Green Bio, 20 x 1.5 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18782&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.25,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XBuxN7XgCWjEKKtaMclptUfO1jJ968DSLQpbXRw7YBpzBVqTdLHdgL1ViFqznJjRHxfnVe8OfFthBx83VkUHJw" />
    <input value="18782" 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%3Fformat%3Dturbo_stream%26page%3D9">
    <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/kakao-mit-kokosblutenzucker-dose-bio-250-g-18819">
          <img alt="Kakao mit Kokosblütenzucker Dose Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10936/file/small-4d9f79cf26876542a91998a53b53c6fc.webp 600w, https://assets.fabulous.ch/public/variant_asset/10936/file/medium-3fc81fd9c988f8ef2aaf2aeda6eab1c2.webp 900w, https://assets.fabulous.ch/public/variant_asset/10936/file/large-f7da4615234a1ca06640b167b4287277.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10936/file/medium-3fc81fd9c988f8ef2aaf2aeda6eab1c2.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/products/kakao-mit-kokosblutenzucker-dose-bio-250-g-18819">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kakao mit Kokosblütenzucker Dose Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18819&quot;],&quot;content_name&quot;:&quot;Kakao mit Kokosblütenzucker Dose Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18819&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0U71pVexYT-4kQRbGcymHeHMqkfYH3KCc_W-MyEXTI3-UB4BluC118HsJ1ubmVd5uRWbIEr6zgs_-PpZa2krsA" />
    <input value="18819" 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%3Fformat%3Dturbo_stream%26page%3D9">
    <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/tiger-quick-instant-bio-400-g-18851">
          <img alt="Tiger Quick Instant Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9299/file/small-728400da305ce4cff4e39d9372de13ad.webp 600w, https://assets.fabulous.ch/public/variant_asset/9299/file/medium-9ca9b8f66886238a35c0ba8d4b7ba8c1.webp 900w, https://assets.fabulous.ch/public/variant_asset/9299/file/large-6bd99833100da8281dac6ffb546d99a0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9299/file/medium-9ca9b8f66886238a35c0ba8d4b7ba8c1.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/products/tiger-quick-instant-bio-400-g-18851">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tiger Quick Instant Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18851&quot;],&quot;content_name&quot;:&quot;Tiger Quick Instant Bio, 400 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18851&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6thY9iByCrF7jiZU6FeZ5g2JpxYvux6fQOTuR9YXhxzFxrNS4SPeWQLzBVRqAmiCVVCWcb1eohYM6aotnGngIQ" />
    <input value="18851" 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%3Fformat%3Dturbo_stream%26page%3D9">
    <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/tee-hanfblatter-bio-18-beutel-18940">
          <img alt="Tee Hanfblätter Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9561/file/small-2f5121c6ac8d50dbbc18898b45a37ffc.webp 600w, https://assets.fabulous.ch/public/variant_asset/9561/file/medium-69126a742995d0c0c6438c9224029cb2.webp 900w, https://assets.fabulous.ch/public/variant_asset/9561/file/large-0471490565dedcd13056cf9824b0b748.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9561/file/medium-69126a742995d0c0c6438c9224029cb2.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/tee-hanfblatter-bio-18-beutel-18940">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Hanfblätter Bio, 18 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18940&quot;],&quot;content_name&quot;:&quot;Tee Hanfblätter Bio, 18 Beutel&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18940&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SdDC45LQ5C-8xxm_K9Hwd__--PrlbvwLv_qG_gHgrdVmzilHU4Ewx8W6Or-phAETpyfJnXeLQILz98KUS57K6A" />
    <input value="18940" 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%3Fformat%3Dturbo_stream%26page%3D9">
    <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/kaffee-wiener-verfuhrung-melange-ganz-bio-500-g-18941">
          <img alt="Kaffee Wiener Verführung Melange ganz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9576/file/small-e027594fd8f17b5c469c5f24d05e7f3e.webp 600w, https://assets.fabulous.ch/public/variant_asset/9576/file/medium-0e7142785d8250d8730ef2a6ee02e59f.webp 900w, https://assets.fabulous.ch/public/variant_asset/9576/file/large-e38204380780814f1c77696183a4bcb1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9576/file/medium-0e7142785d8250d8730ef2a6ee02e59f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/kaffee-wiener-verfuhrung-melange-ganz-bio-500-g-18941">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kaffee Wiener Verführung Melange ganz Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18941&quot;],&quot;content_name&quot;:&quot;Kaffee Wiener Verführung Melange ganz Bio, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18941&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:20.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="psovMQYAhKeTTzv-fgunKbhFwFbGkCtL8bf5aU94IXqJ1MSVx1FQT-oyGP78XlZN4JzxMVR1l8K9ur0DBQZGRw" />
    <input value="18941" 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%3Fformat%3Dturbo_stream%26page%3D9">
    <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/kaffee-wiener-verfuhrung-melange-gemahlen-bio-500-g-18942">
          <img alt="Kaffee Wiener Verführung Melange gemahlen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9578/file/small-d1876938df1050ac3f87162704f5e606.webp 600w, https://assets.fabulous.ch/public/variant_asset/9578/file/medium-21d3d6526743b31565e94e34bdce2573.webp 900w, https://assets.fabulous.ch/public/variant_asset/9578/file/large-b1b9ac9a5846ced92bd7f38f29b9ea6f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9578/file/medium-21d3d6526743b31565e94e34bdce2573.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/kaffee-wiener-verfuhrung-melange-gemahlen-bio-500-g-18942">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kaffee Wiener Verführung Melange gemahlen Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18942&quot;],&quot;content_name&quot;:&quot;Kaffee Wiener Verführung Melange gemahlen Bio, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18942&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:20.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uDeaw00syNx498XfkWXPsFKiZ_Q5Fc0LVRaqIFz4uiGXKXFnjH0cNAGK5t8TMD7UCntWk6vwcYIZG-5KFobdHA" />
    <input value="18942" 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%3Fformat%3Dturbo_stream%26page%3D9">
    <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/kuhle-kanne-erdbeere-ingwer-bio-16-beutel-18943">
          <img alt="Kühle Kanne Erdbeere Ingwer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10951/file/small-74194fd78b8bc8dcbde5a8c02f4d5864.webp 600w, https://assets.fabulous.ch/public/variant_asset/10951/file/medium-85edd07fe2f08b428ce29175fb8e46e5.webp 900w, https://assets.fabulous.ch/public/variant_asset/10951/file/large-a55ab7762f9d6c4064e5559a2cc43f76.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10951/file/medium-85edd07fe2f08b428ce29175fb8e46e5.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/kuhle-kanne-erdbeere-ingwer-bio-16-beutel-18943">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kühle Kanne Erdbeere Ingwer Bio, 16 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18943&quot;],&quot;content_name&quot;:&quot;Kühle Kanne Erdbeere Ingwer Bio, 16 Beutel&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18943&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cA9SDaKq9YXgA-m0T44JV6wk_LzzCvxd_u5hnCt-w9tfEbmpY_shbZl-yrTN2_gz9P3N22HvQNSy4yX2YQCk5g" />
    <input value="18943" 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">
      180 von 331 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/getranke-wein?format=turbo_stream&amp;page=10">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>