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

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fgetranke-wein%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="/de/products/sencha-gruntee-teebeutel-bio-10-stuck-18599">
          <img alt="Sencha Grüntee Teebeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11111/file/small-c07654ea143746a85a8839de2ae6f77b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11111/file/medium-9d26deee1637699074e0cf047f3bb6e4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11111/file/large-1fdd4e5bc8ffa9c48f9f5b1da4c1b0b5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11111/file/medium-9d26deee1637699074e0cf047f3bb6e4.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lima</p>
          <a href="/de/products/sencha-gruntee-teebeutel-bio-10-stuck-18599">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sencha Grüntee Teebeutel Bio, 10 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fgetranke-wein%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="/de/products/tee-kapha-bio-15-beutel-18612">
          <img alt="Tee Kapha Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10715/file/small-eec34d4d21245c530ce93ac02bce6080.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10715/file/medium-d5a6cc8f0f96733f30c5909ecb83eea8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10715/file/large-3e2f8a021f09634c7c9c0e2b10ac9e6c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10715/file/medium-d5a6cc8f0f96733f30c5909ecb83eea8.webp" />
</a>    </header>

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

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UXP--k7BkqzsunXt-penANdE30HIuq3enFX-z2sBiXTLEab7WdYk88mDLHK59XunoLFdeJuWdSHtGEXumq1y9Q" />
    <input value="18612" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fgetranke-wein%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="/de/products/tee-pitta-bio-15-beutel-18613">
          <img alt="Tee Pitta Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10336/file/small-014f3ada9d673d78ac551e5ce0343e12.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10336/file/medium-fd836eac0fb9e6a213e3d1f2911362aa.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10336/file/large-bfcb50f8a200fdec744be5766f1165bb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10336/file/medium-fd836eac0fb9e6a213e3d1f2911362aa.webp" />
</a>    </header>

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

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fgetranke-wein%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="/de/products/quetschi-apfel-blaubeere-banane-demeter-120-g-18635">
          <img alt="Quetschi Apfel Blaubeere Banane Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10408/file/small-c0486b790bf2a2584723f3cc8443ffd4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10408/file/medium-d782fc3fd35aeab5b046098117e3c7c5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10408/file/large-6d37e7204fb83a4ab2c63e9c55034831.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10408/file/medium-d782fc3fd35aeab5b046098117e3c7c5.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</p>
          <a href="/de/products/quetschi-apfel-blaubeere-banane-demeter-120-g-18635">
            <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-18635-card">
        

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fgetranke-wein%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="/de/products/quetschi-apfel-erdbeere-banane-demeter-100-g-18636">
          <img alt="Quetschi Apfel Erdbeere Banane Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10277/file/small-c48d04a0f7881cf05c1e1c5ea9bd16eb.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10277/file/medium-e929d840ccadf07fd1cdc745855d6429.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10277/file/large-3c435e7b019e846404d0fb5456594965.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10277/file/medium-e929d840ccadf07fd1cdc745855d6429.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</p>
          <a href="/de/products/quetschi-apfel-erdbeere-banane-demeter-100-g-18636">
            <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-18636-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ip-vms8-JiJaVUKLem1pVspop8DPlZnhCPGmVra0eKa4_feb2CmQfX9sGxQ5D7XxvZ0l-Zy5QR55vB13RxiDJw" />
    <input value="18636" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fgetranke-wein%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="/de/products/idee-kaffee-losl-gold-express-100-g-18676">
          <img alt="Idee-Kaffee lösl. Gold-Express" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9740/file/small-c572845e8ccd2fb817222ecaa0ca1735.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9740/file/medium-aa4c9076e889073897b8085b89d3b607.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9740/file/large-f6da61d60aea751e047610f4393623c5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9740/file/medium-aa4c9076e889073897b8085b89d3b607.webp" />
</a>    </header>

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

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fgetranke-wein%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="/de/products/malz-kaffee-demeter-100-g-18711">
          <img alt="Malz Kaffee Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9557/file/small-2955cdd26f3fdbfeabcbd5a9ec67e24e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9557/file/medium-6ccb586d04246c0c37ae84ff49667e60.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9557/file/large-f214212e7c0838aeef3d77aae9f315a3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9557/file/medium-6ccb586d04246c0c37ae84ff49667e60.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">MountHagen</p>
          <a href="/de/products/malz-kaffee-demeter-100-g-18711">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Malz Kaffee Demeter, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.00
            </p>

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

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

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fgetranke-wein%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="/de/products/aloe-vera-getrank-past-750-ml-18735">
          <img alt="Aloe Vera Getränk past" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9249/file/small-3d1414d86980ed6f8e991fd8cc11c5fb.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9249/file/medium-d798f548fca072e49b91532c6cdce613.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9249/file/large-0cc4fc6982547b9863e3bfbc0f5eb8b0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9249/file/medium-d798f548fca072e49b91532c6cdce613.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">NKW</p>
          <a href="/de/products/aloe-vera-getrank-past-750-ml-18735">
            <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-18735-card">
        

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fgetranke-wein%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="/de/products/aloe-vera-saft-past-330-ml-18736">
          <img alt="Aloe Vera Saft past" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9250/file/small-9803563cbbae50a7750ac0e255be2d47.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9250/file/medium-54ccd8692a8a02d3f9336d5819388a4f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9250/file/large-4a6af50de7225971f9fc9eb9ff4557db.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9250/file/medium-54ccd8692a8a02d3f9336d5819388a4f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">NKW</p>
          <a href="/de/products/aloe-vera-saft-past-330-ml-18736">
            <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-18736-card">
        

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fgetranke-wein%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="/de/products/kochmatcha-gruntee-pulver-bio-100-g-18746">
          <img alt="Kochmatcha Grüntee Pulver Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9255/file/small-bf414096ecf0bed82279ab1da6790e12.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9255/file/medium-0898d7dc5e500fb88930808d39e6cfda.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9255/file/large-6cef9a4ddd6a61e186c988f898aa819e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9255/file/medium-0898d7dc5e500fb88930808d39e6cfda.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">NKW</p>
          <a href="/de/products/kochmatcha-gruntee-pulver-bio-100-g-18746">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kochmatcha Grüntee Pulver Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.00
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fgetranke-wein%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="/de/products/matcha-fein-gemahlener-gruntee-offen-bio-30-g-18753">
          <img alt="Matcha fein gemahlener Grüntee offen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9258/file/small-7e41b8b76b5917d1d4ea2bd3837cba55.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9258/file/medium-6e05b60f0433bda763eab7e67d4d4995.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9258/file/large-f1d1d66b99bb3d23e629bbd7700d1a83.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9258/file/medium-6e05b60f0433bda763eab7e67d4d4995.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">NKW</p>
          <a href="/de/products/matcha-fein-gemahlener-gruntee-offen-bio-30-g-18753">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Matcha fein gemahlener Grüntee offen Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.00
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fgetranke-wein%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="/de/products/tea-after-dinner-20x1-8g-bio-1-stuck-18794">
          <img alt="Tea After Dinner 20x1.8g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11172/file/small-89bfa4945ff66140b367726ccc002505.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11172/file/medium-abcd7183e50bef2bf64ab7d7cd92a4b4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11172/file/large-fcc5294dc2b1db46a537431401b5d90f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11172/file/medium-abcd7183e50bef2bf64ab7d7cd92a4b4.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Pukka</p>
          <a href="/de/products/tea-after-dinner-20x1-8g-bio-1-stuck-18794">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tea After Dinner 20x1.8g Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fgetranke-wein%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="/de/products/tea-holunderbeere-und-echinacea-bio-20-beutel-18795">
          <img alt="Tea Holunderbeere und Echinacea Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9576/file/small-d42fb207fa88e4973fd216a74bf63650.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9576/file/medium-3528bbb746b6b7ac2d5d743c3b6f26bd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9576/file/large-6dfa1fb24c4fad21d3a01fc6521c8e8d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9576/file/medium-3528bbb746b6b7ac2d5d743c3b6f26bd.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Pukka</p>
          <a href="/de/products/tea-holunderbeere-und-echinacea-bio-20-beutel-18795">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tea Holunderbeere und Echinacea Bio, 20 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.25
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fgetranke-wein%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="/de/products/tea-love-20x1-2g-bio-1-stuck-18796">
          <img alt="Tea Love 20x1.2g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9266/file/small-29693526768487a3e803e6313d6c15e9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9266/file/medium-ce9ca25f6370d18de151d535f2e5bf53.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9266/file/large-d03f958a7143b960d5bf9a3b387481a8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9266/file/medium-ce9ca25f6370d18de151d535f2e5bf53.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Pukka</p>
          <a href="/de/products/tea-love-20x1-2g-bio-1-stuck-18796">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tea Love 20x1.2g Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.25
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fgetranke-wein%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="/de/products/tea-supreme-matcha-green-20x1-5g-bio-1-stuck-18797">
          <img alt="Tea Supreme Matcha Green 20x1.5g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11398/file/small-67d1fd95d63c1f38dc0a73d2e4a98544.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11398/file/medium-a206691d65497f21b5c295a2ef4e01b7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11398/file/large-9910aa58f96f05fef2397ac5f3ebc1e9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11398/file/medium-a206691d65497f21b5c295a2ef4e01b7.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Pukka</p>
          <a href="/de/products/tea-supreme-matcha-green-20x1-5g-bio-1-stuck-18797">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tea Supreme Matcha Green 20x1.5g Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.25
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aiZNjcVu7uuLrTIAy3qXPmXNF4a6NL-RFQVhyu_495jwRBWM0nlYtK6Ua5-IGEuZEjiVv-kYZ25kSNrrHlQMGQ" />
    <input value="18797" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fgetranke-wein%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="/de/products/tea-zitrone-ingwer-manuka-bio-20-x-2-g-18798">
          <img alt="Tea Zitrone Ingwer Manuka Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11399/file/small-f4356db46c9d10264eb15f9d84ebb5f5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11399/file/medium-4996cbd0bf187d7feb5ab250b667297d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11399/file/large-26378802a0e00a41b1bdcafda31ab1ab.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11399/file/medium-4996cbd0bf187d7feb5ab250b667297d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Pukka</p>
          <a href="/de/products/tea-zitrone-ingwer-manuka-bio-20-x-2-g-18798">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tea Zitrone Ingwer Manuka Bio, 20 x 2 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.25
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="71HSQk7PyI5DrXM8aL7GCtxfFRMlf5w1EMpw4GmwUqt1M4pDWdh-0WaUKqMr3Bqtq6qXKnZTRMphh8vBmBypKg" />
    <input value="18798" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fgetranke-wein%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="/de/products/kakao-mit-kokosblutenzucker-dose-bio-250-g-18840">
          <img alt="Kakao mit Kokosblütenzucker Dose Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11428/file/small-045f46fa60fc3b7e8d21495264a39b4e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11428/file/medium-285dccd782a8295a0c4bdb7769a12b17.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11428/file/large-2a1934dbda50b28eb7a862d3838e10fe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11428/file/medium-285dccd782a8295a0c4bdb7769a12b17.webp" />
</a>    </header>

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

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fgetranke-wein%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="/de/products/tiger-quick-instant-bio-400-g-18872">
          <img alt="Tiger Quick Instant Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9291/file/small-80f041d7d129fe1478fa180ce52d8c21.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9291/file/medium-079da3cd2022007062cbee6439508027.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9291/file/large-8875694e355870495c72d240b4854fc0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9291/file/medium-079da3cd2022007062cbee6439508027.webp" />
</a>    </header>

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

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fgetranke-wein%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="/de/products/champion-alkoholfrei-7-5dl-bio-1-stuck-18884">
          <img alt="Champion alkoholfrei 7.5dl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11351/file/small-713b721e7585a0e290bb97afd570aeb7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11351/file/medium-880ac16d9095360cd5763544f584d0c7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11351/file/large-07de576bbc159ff108c0159702758411.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11351/file/medium-880ac16d9095360cd5763544f584d0c7.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">Rimuss</p>
          <a href="/de/products/champion-alkoholfrei-7-5dl-bio-1-stuck-18884">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Champion alkoholfrei 7.5dl Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.60
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fgetranke-wein%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="/de/products/tee-hanfblatter-bio-18-beutel-18973">
          <img alt="Tee Hanfblätter Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9638/file/small-347a860c60e975614f38b6fc1a66e0a4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9638/file/medium-8884737e4410dae41ab8293e13903d85.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9638/file/large-1c4a4025328812e2fadf65f6bfb3f17e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9638/file/medium-8884737e4410dae41ab8293e13903d85.webp" />
</a>    </header>

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

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

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

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

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



</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 420 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/getranke-wein?format=turbo_stream&amp;page=10">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>