<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%2Frapunzel%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="x3qCrTTKRo-dOD7W-Tfkch7x1w-ThK5L8ZNNwuLNJYWacdkk00fjach-PmK4KnnxBc-4dGfUtWztGcS0QSeV8Q" />
    <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%2Frapunzel%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="yylMibX1TG6V9T-bj79S23OGzKNIp_bjqoraQU-8oh-WIhcAUnjpiMCzPy_Oos9YaLij2Lz37cS2AFM37FYSaw" />
    <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%2Frapunzel%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="bg1D2pa5yR0Vp1843VzFslGdDOnUkr6054Wx_yU_TC0zBhhTcTRs-0DhX4ycQVgxSqNjkiDCpZP7DziJhtX8WQ" />
    <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%2Frapunzel%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="6g8UQm1WQcAPl7HbwQUR57tZkzDIX7RrV1X_zSkYUMi3BE_LitvkJlrRsW-AGIxkoGf8SzwPr0xL33a7ivLgvA" />
    <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%2Frapunzel%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="wGG2N4hTI93M3BWxCGg0lPv6sABPVrO4EJyZosCFfDadau2-b96GO5maFQVJdakX4MTfe7sGqJ8MFhDUY2_MQg" />
    <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%2Frapunzel%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="Sel3ailHC7gii9u3ZN2WIZNPuhD7trUmAKmKAI7v42QU4izjzsquXnfN2wMlwAuiiHHVaw_mrgEcIwN2LQVTEA" />
    <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%2Frapunzel%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="XYm4E3siix1eSCGyLqKqZzilgQ9WQoGKtBw4XG3PWKQAguOanK8u-wsOIQZvvzfkI5vudKISmq2olrEqziXo0A" />
    <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%2Frapunzel%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="8PPxBKw5SrSXeMumpGVp3jUzjbhTKd7JszvaZe4Wa32t-KqNS7TvUsI-yxLlePRdLg3iw6d5xe6vsVMTTfzbCQ" />
    <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%2Frapunzel%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="wEafU65rHbzkGJybCzYFVK8Fjtw83uEISdfpYSzwINidTcTaSea4WrFenC9KK5jXtDvhp8iO-i9VXWAXjxqQrA" />
    <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%2Frapunzel%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="8pXCNOWxWHGFScSJ04o39T76c4a5lEukcBAO2TbLZaqvnpm9Ajz9l9APxD2Sl6p2JcQc_U3EUINsmoevlSHV3g" />
    <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%2Frapunzel%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="do6griP44zRLTiCx5jwNS_zj0w_6vQfZgWMJL-BnYNErhfsnxHVG0h4IIAWnIZDI5928dA7tHP6d6YBZQ43QpQ" />
    <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%2Frapunzel%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="YPnObP0kPUDZjvD2ZEHLI3FSoUxrJN5AWaIcN6ouKco98pXlGqmYpozI8EIlXFagamzON590xWdFKJVBCcSZvg" />
    <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%2Frapunzel%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="nV97ftBgZSyv8C78o7O4unBU089IfpxmtvPw-Cmk1OzAVCD3N-3Ayvq2LkjiriU5a2q8tLwuh0GqeXmOik5kmA" />
    <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%2Frapunzel%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="Z7nkERStxs6oXVEBZpSMjvLHrWiw6AI413N5SvfJxD46sr-Y8yBjKP0bUbUniREN6fnCE0S4GR_L-fA8VCN0Sg" />
    <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%2Frapunzel%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="LM4U_E5gekqqR6qXGUCgtpeWLd7mV82UbIYINxZYxMVxxU91qe3frP8BqiNYXT01jKhCpRIH1rNwDIFBtbJ0sQ" />
    <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%2Frapunzel%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="GQWTRRcvXxtlt_n6V8GLRhKKYPIl5HAHbneTp97SktpEDsjM8KL6_TDx-U4W3BbFCbQPidG0ayBy_RrRfTgirg" />
    <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%2Frapunzel%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="lnnw9LC6Dgipbk7jnaW9mDjYipvVMZA7F5oTg_2WrZHLcqt9Vzer7vwoTlfcuCAbI-bl4CFhixwLEJr1Xnwd5Q" />
    <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%2Frapunzel%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="NkSJApU8s2xgxumLchV2kxaYSEtdL0gLT9gTiB_pgXdrT9KLcrEWijWA6T8zCOsQDaYnMKl_UyxTUpr-vAMxAw" />
    <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%2Frapunzel%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="c-tg1F90MY-J0SsELc6ghEn38NNBeNBG7sixMH2TaWEu4DtduPmUadyXK7Bs0z0HUsmfqLUoy2HyQjhG3nnZFQ" />
    <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%2Frapunzel%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="ASE9NvX9o79lg8HzUTbzLQ587CpMe-Yy8HjmQcFZJshcKma_EnAGWTDFwUcQK26uFUKDUbgr_RXs8m83YrOWvA" />
    <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/rapunzel?format=turbo_stream&amp;page=112">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>