<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%2Fvogel%3Fformat%3Dturbo_stream%26page%3D111">
    <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/gruntee-pur-offen-demeter-100-g-19781">
          <img alt="Grüntee Pur offen Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10247/file/small-bae696f187b81933ee852fd4b658a275.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10247/file/medium-fc57bac061ad63a51dd5cfa4695d62a7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10247/file/large-ca837c1b17fbba7f8dac0ab6aee0707b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10247/file/medium-fc57bac061ad63a51dd5cfa4695d62a7.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Hampstead Tea</p>
          <a href="/products/gruntee-pur-offen-demeter-100-g-19781">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Grüntee Pur offen Demeter, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="itzIRH-1CU-5D8gkii9mEClyLNo-xKnG5wq8WmVAUsgT3fV9tRsDPwRKCNptkDKv_1jsoKqNrNJV6t3rRkDmLA" />
    <input value="19781" 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%2Fvogel%3Fformat%3Dturbo_stream%26page%3D111">
    <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/hafer-knusper-muesli-mango-himbeere-bio-285-g-19782">
          <img alt="Hafer Knusper Müesli Mango Himbeere Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10253/file/small-10c32793167284305c52dff8cd1ea0c3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10253/file/medium-7ce414c95c206f409770a17c75b1cba0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10253/file/large-7ecd24cd14171e5e4dbbfac04da040ee.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10253/file/medium-7ce414c95c206f409770a17c75b1cba0.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">Bauckhof</p>
          <a href="/products/hafer-knusper-muesli-mango-himbeere-bio-285-g-19782">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hafer Knusper Müesli Mango Himbeere Bio, 285 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2xnc4khmmqi_UGHR3Y54JHyFGbOitZ7XZWjoksKeu4NCGOHbgsiQ2AIVoS86MSybqq_ZyTb8m8PXiIkj4Z4PZw" />
    <input value="19782" 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%2Fvogel%3Fformat%3Dturbo_stream%26page%3D111">
    <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/histocell-nt-nukleotide-kapseln-180-stuck-19783">
          <img alt="Histocell NT Nukleotide Kapseln" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10257/file/small-cadd6f2a469b023d08270228eb1ebaf9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10257/file/medium-f9f2a7535fd14833af022f8631ad0a91.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10257/file/large-fbeaaabbb2fbe658f9e63da74b1d8c25.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10257/file/medium-f9f2a7535fd14833af022f8631ad0a91.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Erva Medica AG</p>
          <a href="/products/histocell-nt-nukleotide-kapseln-180-stuck-19783">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Histocell NT Nukleotide Kapseln, 180 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 88.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="h4-7DOOv1Q-w51xt01rRjruWhwfHWcrPS3wtL_i5hzUejoY1KQHffw2inJM05YUxbbxHfVMQz9v5nEye27kz0Q" />
    <input value="19783" 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%2Fvogel%3Fformat%3Dturbo_stream%26page%3D111">
    <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/kefir-drink-mango-demeter-500-ml-19784">
          <img alt="Kefir Drink Mango Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10258/file/small-a77b5eeeccfb405be3791c9843e0737b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10258/file/medium-b6e090ba48b8ab014f686f7d854d07ad.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10258/file/large-279d1e0973d0cecdcc8415e117b32cb9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10258/file/medium-b6e090ba48b8ab014f686f7d854d07ad.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">Biomilk</p>
          <a href="/products/kefir-drink-mango-demeter-500-ml-19784">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kefir Drink Mango Demeter, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JFwDq9r1OqaXA3wVBJSUtZ00SZ-7RB6qGflByqq6uj29XT6SEFsw1ipGvOvjK8AKSx6J5S8NG76rGSB7iboO2Q" />
    <input value="19784" 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%2Fvogel%3Fformat%3Dturbo_stream%26page%3D111">
    <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/honig-akazien-bio-500-g-19785">
          <img alt="Honig Akazien Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10260/file/small-fb20e5441a637e1e5c81a58fc440d709.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10260/file/medium-d99561e297e82731c13053dc3949265c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10260/file/large-b0520d157b72532e19d221483c96588a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10260/file/medium-d99561e297e82731c13053dc3949265c.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">Hoyer</p>
          <a href="/products/honig-akazien-bio-500-g-19785">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Honig Akazien Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NUcOYsbfpYTGzpADG3wDUjN0JWxzvlMVNadFC_vAZemsRjNbDHGv9HuLUP38w1ft5V7lFuf3VgGHRyS62MDRDQ" />
    <input value="19785" 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%2Fvogel%3Fformat%3Dturbo_stream%26page%3D111">
    <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/grana-padano-gerieben-bio-100-g-19786">
          <img alt="Grana Padano gerieben Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10718/file/small-a6337c6adc591b34c962503136a2d048.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10718/file/medium-06702b86c8206021feda136efdfc2025.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10718/file/large-626e0f4bae8f47a1dac08b67f013a848.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10718/file/medium-06702b86c8206021feda136efdfc2025.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">Zanetti</p>
          <a href="/products/grana-padano-gerieben-bio-100-g-19786">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Grana Padano gerieben Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NsJKltpD0U_mqUF08BGzwTy2hTTnbQcehl7Y_pTpNDSvw3evEO3bP1vsgYoXrud-6pxFTnMkAgo0vrlPt-mA0A" />
    <input value="19786" 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%2Fvogel%3Fformat%3Dturbo_stream%26page%3D111">
    <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/pinot-gris-alkoholfrei-bio-7-5-dl-19787">
          <img alt="Pinot Gris alkoholfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10271/file/small-a8207817d417952f4e78c5ace0d36790.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10271/file/medium-0a8fff7da1ae8c46897413dab01a3d08.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10271/file/large-ef910195b12d33bc77dd83253288a15f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10271/file/medium-0a8fff7da1ae8c46897413dab01a3d08.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">Keth</p>
          <a href="/products/pinot-gris-alkoholfrei-bio-7-5-dl-19787">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pinot Gris alkoholfrei Bio, 7.5 dl</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="H3DpGmpnIoPaKZUcTZw1CqrxtO81PD3VzXD4Zh_p1R-GcdQjoMko82dsVeKqI2G1fNt0laF1OMF_kJnXPOlh-w" />
    <input value="19787" 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%2Fvogel%3Fformat%3Dturbo_stream%26page%3D111">
    <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/tofu-crunchy-mit-chili-sauce-bio-100-g-19788">
          <img alt="Tofu Crunchy mit Chili Sauce Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10404/file/small-6d244293638c541bce4098fe6c0f9d49.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10404/file/medium-263f3c780213ddaa026df6650cea65c1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10404/file/large-6f74086b18c24bdc55513e51a8ab88e4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10404/file/medium-263f3c780213ddaa026df6650cea65c1.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">Noppas</p>
          <a href="/products/tofu-crunchy-mit-chili-sauce-bio-100-g-19788">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tofu Crunchy mit Chili Sauce Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OYIcjvMCQcVRtHoXKoHqHW9oPzZrhC9cKwTXhc4RdH-ggyG3OaxLtezxuunNPr6iuUL_TP_NKkiZ5LY07RHAmw" />
    <input value="19788" 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%2Fvogel%3Fformat%3Dturbo_stream%26page%3D111">
    <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/lakur-dusk-12-ml-19789">
          <img alt="Lakur Dusk" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10272/file/small-154ddd617f9c57fc1aa3f4d13e7bbe69.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10272/file/medium-a72f5361eb3c51dd2acf618dec263b1e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10272/file/large-152c60374d72ee738f5c0b6a6dc77c4e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10272/file/medium-a72f5361eb3c51dd2acf618dec263b1e.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">LondonTown</p>
          <a href="/products/lakur-dusk-12-ml-19789">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lakur Dusk, 12 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NNX2wJTUwMnPXg1PwoUTO_obaeifASLeQqzKSMsck8et1Mv5XnrKuXIbzbElOkeELDGpkgtIJ8rwTKv56BwnIw" />
    <input value="19789" 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%2Fvogel%3Fformat%3Dturbo_stream%26page%3D111">
    <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/glutenfreies-bier-bio-330-ml-19790">
          <img alt="glutenfreies Bier Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10273/file/small-cc92750240f991600cd4b7381462ba3f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10273/file/medium-d7c6e1dfff5c3996433071f60485a2ae.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10273/file/large-1dbaef12ef59c818e0d7c3853f449720.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10273/file/medium-d7c6e1dfff5c3996433071f60485a2ae.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">Lammsbräu</p>
          <a href="/products/glutenfreies-bier-bio-330-ml-19790">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">glutenfreies Bier Bio, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.55
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cWlRKYt4s4-VI5qdN1PuwnQaeCsDtJyrhlYkoM7jvOjoaGwQQda5_yhmWmPQ7Lp9ojC4UZf9mb80tkUR7eMIDA" />
    <input value="19790" 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%2Fvogel%3Fformat%3Dturbo_stream%26page%3D111">
    <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/couscous-buchweizen-bio-400-g-19791">
          <img alt="Couscous Buchweizen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10274/file/small-fc9876b0d896943871014cb8edb9eb68.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10274/file/medium-3bcdc82eb1b50a6dcdd231c35e3e1228.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10274/file/large-9ebe29c36558cb469a0cefbc5202dcdc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10274/file/medium-3bcdc82eb1b50a6dcdd231c35e3e1228.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">Lazzaretti</p>
          <a href="/products/couscous-buchweizen-bio-400-g-19791">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Couscous Buchweizen Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8NgY8Cca0kA1eBkRnMP2Edee5QVinabt8J_nV_JVbqtp2SXJ7bTYMIg92e97fKKuAbQlf_bUo_lCf4bm0VXaTw" />
    <input value="19791" 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%2Fvogel%3Fformat%3Dturbo_stream%26page%3D111">
    <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/couscous-kastanien-bio-350-g-19792">
          <img alt="Couscous Kastanien Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10275/file/small-a0fe440c5d4c667bd138e36a3b41de04.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10275/file/medium-4ba16cb602096e5cec316a374346e255.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10275/file/large-5f1f37c8a0f2dfb597729a467b7f6784.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10275/file/medium-4ba16cb602096e5cec316a374346e255.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">Lazzaretti</p>
          <a href="/products/couscous-kastanien-bio-350-g-19792">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Couscous Kastanien Bio, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DSg4tsKB7APqMcdiiv5C4913ssfJPMDaMYJnO4kYLoeUKQWPCC_mc1d0B5xtQRZcC11yvV11xc6DYgaKqhiaYw" />
    <input value="19792" 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%2Fvogel%3Fformat%3Dturbo_stream%26page%3D111">
    <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/laddu-safran-bio-120-g-19793">
          <img alt="Laddu Safran Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10279/file/small-6d8f4d8e9812324d70710545a12c16e8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10279/file/medium-4321488228fecdb881466ad119723419.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10279/file/large-88564a743abbaf379029b18dca0a4fd5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10279/file/medium-4321488228fecdb881466ad119723419.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">Govinda</p>
          <a href="/products/laddu-safran-bio-120-g-19793">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Laddu Safran Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.55
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LvuHt3BxUDA-omOBKD2rQvmf97p7pZVJV1vncy_fbv63-rqOut9aQIPno3_Pgv_9L7U3wO_skF3lu4bCDN_aGg" />
    <input value="19793" 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%2Fvogel%3Fformat%3Dturbo_stream%26page%3D111">
    <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/zahnburste-erwachsene-soft-nadelbaum-fsc-1-stuck-19794">
          <img alt="Zahnbürste Erwachsene soft Nadelbaum FSC" 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-2e9f5cde2f41457993b3e18af00c96d8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10277/file/medium-262f8ac125173dd61a06a26dc4c33591.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10277/file/large-fbcca3b30c0b58459fa34f06a7da18ad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10277/file/medium-262f8ac125173dd61a06a26dc4c33591.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">Liebwerk</p>
          <a href="/products/zahnburste-erwachsene-soft-nadelbaum-fsc-1-stuck-19794">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zahnbürste Erwachsene soft Nadelbaum FSC, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GQwcJ15tpPOBMhaE-tdgNxg3_7HXu-KHPyOKTblu7jKADSEelMOugzx31nodaDSIzh0_y0Py55ONw-v8mm5a1g" />
    <input value="19794" 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%2Fvogel%3Fformat%3Dturbo_stream%26page%3D111">
    <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/zahnburste-erwachsene-medium-laubbaum-fsc-1-stuck-19795">
          <img alt="Zahnbürste Erwachsene medium Laubbaum FSC" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10278/file/small-c3087a3451494ebbaa1964db5a5a35e2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10278/file/medium-e9fd87c55f81737d3b60a4467f797527.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10278/file/large-208c7ae19052bfb9ec3ffbd4aab4cfa2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10278/file/medium-e9fd87c55f81737d3b60a4467f797527.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">Liebwerk</p>
          <a href="/products/zahnburste-erwachsene-medium-laubbaum-fsc-1-stuck-19795">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zahnbürste Erwachsene medium Laubbaum FSC, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1g3Yu_8V55nnEMvD3g4jaNvLXOG8b96v-H_uJgrwlEhPDOWCNbvt6VpVCz05sXfXDeGcmygm27tKn4-XKfAgrA" />
    <input value="19795" 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%2Fvogel%3Fformat%3Dturbo_stream%26page%3D111">
    <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/vital-shot-energy-traube-guarana-bio-60-ml-19796">
          <img alt="Vital Shot Energy Traube-Guarana Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10280/file/small-2e0167c16ff83ed132647780f0dfb920.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10280/file/medium-bfd71bee92e84ba78e01e870ef0ee628.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10280/file/large-e6f36ac0b82369544972402e70440920.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10280/file/medium-bfd71bee92e84ba78e01e870ef0ee628.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">Biotta</p>
          <a href="/products/vital-shot-energy-traube-guarana-bio-60-ml-19796">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vital Shot Energy Traube-Guarana Bio, 60 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6i0HoNAtCs1gXEv7bFVhta9ETOxvAZSf9ZVmr3fBautzLDqZGoMAvd0ZiwWL6jUKeW6MlvtIkYtHdQceVMHeDw" />
    <input value="19796" 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%2Fvogel%3Fformat%3Dturbo_stream%26page%3D111">
    <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/feuchtigkeits-shampoo-bio-aloe-vera-250-ml-19797">
          <img alt="Feuchtigkeits-Shampoo Bio-Aloe-Vera" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10285/file/small-0498ade06b70531ae3f5a0041a09822f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10285/file/medium-b937cbc2ea0ea302e11c116879ae9540.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10285/file/large-064f970228dd979931cabaf33a1d91f1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10285/file/medium-b937cbc2ea0ea302e11c116879ae9540.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">Logona</p>
          <a href="/products/feuchtigkeits-shampoo-bio-aloe-vera-250-ml-19797">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Feuchtigkeits-Shampoo Bio-Aloe-Vera, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4i6HpZ1oRg4Rkge8S5Gm7tb5sJ8BxI_41PDWT_pTpft7L7qcV8ZMfqzXx0KsLvJRANNw5ZWNiuxmELf-2VMRHw" />
    <input value="19797" 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%2Fvogel%3Fformat%3Dturbo_stream%26page%3D111">
    <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/geschenkgutschein-1-stuck-19798">
          <img alt="Geschenkgutschein" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10301/file/small-4e247b227c286108aa01f100e997edd2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10301/file/medium-c0b7c7bfd6cd3b4fb6578186531b19c0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10301/file/large-5da240c3795b9030940d8ae59d8ae15f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10301/file/medium-c0b7c7bfd6cd3b4fb6578186531b19c0.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">Reformhaus</p>
          <a href="/products/geschenkgutschein-1-stuck-19798">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Geschenkgutschein, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 0.00
            </p>

          </div>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="o4c_wpxXMLEX5Du0k6X6jtcX8kQvpnSTplz0fuaX9G46hgL7Vvk6waqh-0p0Gq4xAT0yPrvvcYcUvJXPxZdAig" />
    <input value="19798" 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%2Fvogel%3Fformat%3Dturbo_stream%26page%3D111">
    <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/moringa-blattpulver-demeter-180-g-19799">
          <img alt="Moringa Blattpulver Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10361/file/small-b3a74d743d890137aa9770e3de0895a4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10361/file/medium-52669383979295e8686645aa1c5dd8d5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10361/file/large-b6792af11bd074288a94b1201b339ceb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10361/file/medium-52669383979295e8686645aa1c5dd8d5.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/moringa-blattpulver-demeter-180-g-19799">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Moringa Blattpulver Demeter, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 30.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZZUDbE3fbTjDFvxupBsiWxuG4ypMqOqJqUHdqQs9Xmf8lD5Vh3FnSH5TPJBDpHbkzawjUNjh750bobwYKD3qgw" />
    <input value="19799" 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%2Fvogel%3Fformat%3Dturbo_stream%26page%3D111">
    <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/sanddorn-fruchtaufstrich-bio-250-g-19800">
          <img alt="Sanddorn Fruchtaufstrich Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10362/file/small-da380276a1eb8d86ae9af5f60f038c26.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10362/file/medium-e54ff2111350de2288e01fa03efd9b95.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10362/file/large-39a935bbfbcd0c7cc61a95ec8da137dc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10362/file/medium-e54ff2111350de2288e01fa03efd9b95.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/sanddorn-fruchtaufstrich-bio-250-g-19800">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sanddorn Fruchtaufstrich Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.05
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="z2BDOCe1pG0i8hMaVQH8RqWSzKiDN_arAEfH8XQwiDxWYX4B7RuuHZ-30-Syvqj5c7gM0hd-87-yp6ZAVzA82A" />
    <input value="19800" 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">
      2&#39;220 von 2&#39;526 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/vogel?format=turbo_stream&amp;page=112">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>