<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%2Foriginal-food%3Fformat%3Dturbo_stream%26page%3D100">
    <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/color-fix-nachbehandlung-100-ml-19561">
          <img alt="Color Fix Nachbehandlung" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9384/file/small-b961fd568ff6c5039da62ef66b507c80.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9384/file/medium-d9853d54bc3a9706234c681f474d50fb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9384/file/large-ac1d1b3d629ae2843d0003c59fe41acf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9384/file/medium-d9853d54bc3a9706234c681f474d50fb.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/color-fix-nachbehandlung-100-ml-19561">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Color Fix Nachbehandlung, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fPRkSrmm4wzhKgQ_XmLUU6HsESfjQEQc2xAkKp-JSlLQEGfYbaRUgvyNIbFCG9p1L1JQm5RdL7ttYzVoM8Uk7A" />
    <input value="19561" 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%2Foriginal-food%3Fformat%3Dturbo_stream%26page%3D100">
    <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/glanz-spulung-bio-arganol-200-ml-19562">
          <img alt="Glanz Spülung Bio-Arganöl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10286/file/small-28d2c3f06621aa9f0015335037602277.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10286/file/medium-0fdd601f228d6251bf3d5d80fe5e715e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10286/file/large-4f35caf62e7d8d99dd03ffbbc60ef746.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10286/file/medium-0fdd601f228d6251bf3d5d80fe5e715e.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/glanz-spulung-bio-arganol-200-ml-19562">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Glanz Spülung Bio-Arganöl, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fsxwG44VWnE_yYQQ55N6EE7dDk2MpETJJ4RWLHGjxaPSKHOJWhft_yJuoZ776nQ2wGNP8fu5L26R90du3e-rHQ" />
    <input value="19562" 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%2Foriginal-food%3Fformat%3Dturbo_stream%26page%3D100">
    <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/festes-shampoo-bio-hanf-bio-brennnessel-60-g-19563">
          <img alt="Festes Shampoo Bio-Hanf &amp; Bio-Brennnessel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10292/file/small-753e70eaf7e0670d91b6be22739365f7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10292/file/medium-22b3e5db6dc3b732d3f401e667209d6f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10292/file/large-130fefb76f07173e55fb582e800b7652.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10292/file/medium-22b3e5db6dc3b732d3f401e667209d6f.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/festes-shampoo-bio-hanf-bio-brennnessel-60-g-19563">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Festes Shampoo Bio-Hanf &amp; Bio-Brennnessel, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mpgsa2A753Ly3bRrXA-tnPpijYpkhZRntSqnzGjxlGM2fC_5tDlQ_O96keVAdqO6dNzMNhOY_8ADWbaOxL363Q" />
    <input value="19563" 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%2Foriginal-food%3Fformat%3Dturbo_stream%26page%3D100">
    <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/festes-shampoo-bio-hanf-bio-holunder-60-g-19564">
          <img alt="Festes Shampoo Bio-Hanf &amp; Bio-Holunder" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10291/file/small-2e0776aca55fae98b230bbc000ac1f1a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10291/file/medium-6ee2a27676cc07c9a3b7825da06a3857.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10291/file/large-0466637e7d5daeb0a64d8ea967371df3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10291/file/medium-6ee2a27676cc07c9a3b7825da06a3857.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/festes-shampoo-bio-hanf-bio-holunder-60-g-19564">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Festes Shampoo Bio-Hanf &amp; Bio-Holunder, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Zk_3FK_dDPf5u0I4dX8LTSHfpyTiXXI2lIRtOOD3jwnKq_SGe9-7eeQcZ7ZpBgVrr2HmmJVAGZEi93x6TLvhtw" />
    <input value="19564" 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%2Foriginal-food%3Fformat%3Dturbo_stream%26page%3D100">
    <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/langen-spitzenfluid-bio-arganol-75-ml-19565">
          <img alt="Längen- &amp; Spitzenfluid Bio-Arganöl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9385/file/small-e79f2bbd476a59017177cca0e9d3d469.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9385/file/medium-b5b9e8e627b4183bdc11a18c35e10385.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9385/file/large-8e395291bc4102328ecfa2b3ccc7af9f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9385/file/medium-b5b9e8e627b4183bdc11a18c35e10385.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/langen-spitzenfluid-bio-arganol-75-ml-19565">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Längen- &amp; Spitzenfluid Bio-Arganöl, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RZqQuRIl50fMdXdCsBG9RMgjcFGGTyY7PYeMCa1O4sLpfpMrxidQydHSUsysaLNiRp0x7fFSTZyL9J1LAQKMfA" />
    <input value="19565" 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%2Foriginal-food%3Fformat%3Dturbo_stream%26page%3D100">
    <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/lavaerde-pulver-bio-1-kg-19566">
          <img alt="Lavaerde Pulver Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9386/file/small-5aa91b4d0d7a7a7ef9365ae623273f98.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9386/file/medium-cc555820eed1c652ad595e2841cd5cdc.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9386/file/large-4dc25a66f9476fe913cb32087c605fa2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9386/file/medium-cc555820eed1c652ad595e2841cd5cdc.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/lavaerde-pulver-bio-1-kg-19566">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lavaerde Pulver Bio, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 31.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bGvfJipFjkUprMTFPjBQkj26J2vCdyhpt1TBc1NEUPrAj9y0_kc5yzQL4UsiSV60swRm17VqQ84BJ9Ax_wg-RA" />
    <input value="19566" 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%2Foriginal-food%3Fformat%3Dturbo_stream%26page%3D100">
    <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/lavaerde-pulver-bio-300-g-19567">
          <img alt="Lavaerde Pulver Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9387/file/small-c93f8ad166dfcad27fb0d6347dfa3e5f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9387/file/medium-871a4819cb9b215ae25ee54497a8ae61.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9387/file/large-2d49e0c39b2372433357b01d7b782016.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9387/file/medium-871a4819cb9b215ae25ee54497a8ae61.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/lavaerde-pulver-bio-300-g-19567">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lavaerde Pulver Bio, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wTc18eWRFSnLGPuzZrIPkki4rfCE0WVE5vnit64-McBt0zZjMZOip9a_3j16ywG0xgbsTPPMDuNQivP1AnJffg" />
    <input value="19567" 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%2Foriginal-food%3Fformat%3Dturbo_stream%26page%3D100">
    <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/lavaerde-waschcreme-patchouli-bio-200-ml-19568">
          <img alt="Lavaerde Waschcreme Patchouli Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9388/file/small-2ba2c70e40330936dd593ede820d1037.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9388/file/medium-96b0b0ff11217465c392fa5a9bb5998b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9388/file/large-95a62f77ba05eae98b7f98edbb306f4c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9388/file/medium-96b0b0ff11217465c392fa5a9bb5998b.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/lavaerde-waschcreme-patchouli-bio-200-ml-19568">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lavaerde Waschcreme Patchouli Bio, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="y9qicnmxuXIY_HSRNeQpwHaxKF9isdqxHP4vY2voSKNnPqHgrbMO_AVbUR8pnSfm-A9p4xWssRaqjT4hx6QmHQ" />
    <input value="19568" 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%2Foriginal-food%3Fformat%3Dturbo_stream%26page%3D100">
    <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/mineralerde-vorbehandlung-bio-100-ml-19569">
          <img alt="Mineralerde Vorbehandlung Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9389/file/small-6ed0b35d6b3bdfe6ed639dbfbbadff1e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9389/file/medium-23f4089eff6ddb6e1029e2ac37f0727f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9389/file/large-4a8027b703412d37fbedf510cbf86544.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9389/file/medium-23f4089eff6ddb6e1029e2ac37f0727f.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/mineralerde-vorbehandlung-bio-100-ml-19569">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mineralerde Vorbehandlung Bio, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0MDqHIoBcRaHbAR1E2PMl0iPzdZrNmAAEQ3F3kGvIQR8JOmOXgPGmJrLIfsPGsKxxjGMahwrC6enftSc7eNPug" />
    <input value="19569" 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%2Foriginal-food%3Fformat%3Dturbo_stream%26page%3D100">
    <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/pflege-spulung-bio-brennnessel-200-ml-19570">
          <img alt="Pflege Spülung Bio-Brennnessel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9435/file/small-96060bb5a10cd9f50e7dbf1afdcdc536.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9435/file/medium-618533365d4b515014757e4facc91873.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9435/file/large-c7c650ce226315ff41d8cf003197b7b8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9435/file/medium-618533365d4b515014757e4facc91873.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/pflege-spulung-bio-brennnessel-200-ml-19570">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pflege Spülung Bio-Brennnessel, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="a06C2W8XRVjWkuhtUypME_qJwTAXx2jOjRG-W0ztSp3HqoFLuxXy1ss1zeNPU0I1dDeAjGDaA2k7Yq8Z4KEkIw" />
    <input value="19570" 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%2Foriginal-food%3Fformat%3Dturbo_stream%26page%3D100">
    <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/age-energy-shampoo-bio-coffein-250-ml-19571">
          <img alt="Age Energy Shampoo Bio-Coffein" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9436/file/small-f4f7a5cd087eafa1a234eabfbcec96dc.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9436/file/medium-7ec504310baeb8ede35a61f2f38b0bb8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9436/file/large-c53cb87458158cef6a4168530d75420f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9436/file/medium-7ec504310baeb8ede35a61f2f38b0bb8.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/age-energy-shampoo-bio-coffein-250-ml-19571">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Age Energy Shampoo Bio-Coffein, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sc3F9RYjqeUGXYk2te0z1zOug5lh5Efvxlg2jU4t9uUdKcZnwiEeaxv6rLiplD3xvRDCJRb5LEhwKyfP4mGYWw" />
    <input value="19571" 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%2Foriginal-food%3Fformat%3Dturbo_stream%26page%3D100">
    <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/anti-schuppen-shampoo-bio-wacholderol-250-ml-19572">
          <img alt="Anti-Schuppen Shampoo Bio-Wacholderöl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9432/file/small-f595ba58beab55a1fb8018a6e2736e4f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9432/file/medium-132e83f6adf287a4507bc4f1de84e585.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9432/file/large-52ed68d61ac561f3e80df5c570ab1202.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9432/file/medium-132e83f6adf287a4507bc4f1de84e585.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/anti-schuppen-shampoo-bio-wacholderol-250-ml-19572">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Anti-Schuppen Shampoo Bio-Wacholderöl, 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-19572-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-F2TmdhaItE8i-ZMsx0tZ_UOcl8PptXNOWevJL_wkC1UuZALDFiVXyEsw8KvZCNBe7Az43i7vmqPFL5mE7z-kw" />
    <input value="19572" 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%2Foriginal-food%3Fformat%3Dturbo_stream%26page%3D100">
    <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/anti-fett-shampoo-bio-zitronenmelisse-250-ml-19573">
          <img alt="Anti-Fett Shampoo Bio-Zitronenmelisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10289/file/small-1c17a34311a98757146c51ba4b672932.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10289/file/medium-25c02bc4ee632c94f79fc0a146bea698.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10289/file/large-4ebe94f7b2a51f9b54769b7a22a2747b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10289/file/medium-25c02bc4ee632c94f79fc0a146bea698.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/anti-fett-shampoo-bio-zitronenmelisse-250-ml-19573">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Anti-Fett Shampoo Bio-Zitronenmelisse, 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-19573-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7NEt9T2ZNkWcFTl8vGNlGQSFxow8KTtDhXgmgOd1KW1ANS5n6ZuBy4GyHPKgGms_ijuHMEs0UOQzCzfCSzlH0w" />
    <input value="19573" 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%2Foriginal-food%3Fformat%3Dturbo_stream%26page%3D100">
    <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/pflege-shampoo-bio-brennnessel-500-ml-19574">
          <img alt="Pflege Shampoo Bio-Brennnessel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10287/file/small-b79abca8430ef715bbd22a8813878d30.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10287/file/medium-bf5053f674bdae25255cf1a4a876ae2b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10287/file/large-198e034a734428761ed1b29a2dec400a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10287/file/medium-bf5053f674bdae25255cf1a4a876ae2b.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/pflege-shampoo-bio-brennnessel-500-ml-19574">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pflege Shampoo Bio-Brennnessel, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Vb6Y34tIlCssj2Igb5QOsHd9-LOus9QsaU0SzJVWxO75WptNX0ojpTEoR65z7QCW-cO5D9muv4vfPgOOORqqUA" />
    <input value="19574" 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%2Foriginal-food%3Fformat%3Dturbo_stream%26page%3D100">
    <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/farbreflex-shampoo-braun-schwarz-bio-haselnuss-250-ml-19575">
          <img alt="Farbreflex Shampoo Braun-Schwarz Bio-Haselnuss" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9431/file/small-f1297c129de856fa954af2059861a999.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9431/file/medium-2372f154e9c3ddf95104ba8fa67660cb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9431/file/large-deb55d09bc42d5cb549a9be45affaa98.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9431/file/medium-2372f154e9c3ddf95104ba8fa67660cb.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/farbreflex-shampoo-braun-schwarz-bio-haselnuss-250-ml-19575">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Farbreflex Shampoo Braun-Schwarz Bio-Haselnuss, 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-19575-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gfxIqVQCB5Pg_tlim-VppIHk-_yNaXHih3qM2Q9Ie54tGEs7gACwHf1Z_OyHnGeCD1q6QPp0GkUxCZ2bowQVIA" />
    <input value="19575" 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%2Foriginal-food%3Fformat%3Dturbo_stream%26page%3D100">
    <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/farbreflex-shampoo-rot-braun-bio-henna-250-ml-19576">
          <img alt="Farbreflex Shampoo Rot-Braun Bio-Henna" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9433/file/small-d6fcdc389cc07c7dc2317d6b851c549c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9433/file/medium-b9bd6e37942cdd9e22b46ff494c5b8d2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9433/file/large-eb8485b557e213299405cfca817814bc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9433/file/medium-b9bd6e37942cdd9e22b46ff494c5b8d2.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/farbreflex-shampoo-rot-braun-bio-henna-250-ml-19576">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Farbreflex Shampoo Rot-Braun Bio-Henna, 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-19576-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eRPky-YQbhk8KclusQHNUkmv1OhRI8Z2DMZMXtqkjDXV9-dZMhLZlyGO7OCteMN0xxGVVCY-rdG6tV0cdujiiw" />
    <input value="19576" 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%2Foriginal-food%3Fformat%3Dturbo_stream%26page%3D100">
    <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/glanz-shampoo-bio-arganol-250-ml-19577">
          <img alt="Glanz Shampoo Bio-Arganöl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9434/file/small-6908ebe694e49ee0c517014fd2110860.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9434/file/medium-5dc230fc55804a83b6ce93459201d620.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9434/file/large-98e382b4f2d0f7135700719cc72fc4f8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9434/file/medium-5dc230fc55804a83b6ce93459201d620.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/glanz-shampoo-bio-arganol-250-ml-19577">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Glanz Shampoo Bio-Arganöl, 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-19577-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5YnVf1vFMCKhFt9jmB8214-xRNaB_2iauOXe9PP3yfNJbdbtj8eHrLyx-u2EZjjxAQ8FavbiAz0Ols-2X7unTQ" />
    <input value="19577" 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%2Foriginal-food%3Fformat%3Dturbo_stream%26page%3D100">
    <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/pflege-shampoo-bio-brennnessel-250-ml-19578">
          <img alt="Pflege Shampoo Bio-Brennnessel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10290/file/small-f6693e5036b6932e54f1459023c70b0c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10290/file/medium-561cd58e8960b796951dd28f29f813d2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10290/file/large-813925ea48a5800f2335ff57dddad9cf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10290/file/medium-561cd58e8960b796951dd28f29f813d2.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/pflege-shampoo-bio-brennnessel-250-ml-19578">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pflege Shampoo Bio-Brennnessel, 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-19578-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iNqnavrX8SFAp36SlnONDa0sJjqe3ZCsChM3IntZ580kPqT4LtVGr10AWxyKCoMrI5JnhunA-wu8YCZg1xWJcw" />
    <input value="19578" 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%2Foriginal-food%3Fformat%3Dturbo_stream%26page%3D100">
    <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/sensitiv-shampoo-bio-ringelblume-250-ml-19579">
          <img alt="Sensitiv Shampoo Bio-Ringelblume" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9430/file/small-6e7468c7aaf424035a995adbd64210fd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9430/file/medium-e69d236becb5654b81ebf9dab11f3f83.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9430/file/large-d68e3725e5ea3263fccd864b3260e704.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9430/file/medium-e69d236becb5654b81ebf9dab11f3f83.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/sensitiv-shampoo-bio-ringelblume-250-ml-19579">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sensitiv Shampoo Bio-Ringelblume, 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-19579-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="F3hAEcSp0qGETvFCCgDsQk6y2hg_WVd_SYJHwqS0Ebu7nEODEKtlL5np1MwWeeJkwAybpEhEPNj_8VaACPh_BQ" />
    <input value="19579" 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%2Foriginal-food%3Fformat%3Dturbo_stream%26page%3D100">
    <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/volumen-shampoo-bier-bio-honig-250-ml-19580">
          <img alt="Volumen Shampoo Bier &amp; Bio-Honig" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10288/file/small-e0c66b344c0e3d11137d8989e377227a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10288/file/medium-fcdc70205007b069aa6bea6d05cd40c3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10288/file/large-d1ece47333cbcc023c8a5af9cca9b854.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10288/file/medium-fcdc70205007b069aa6bea6d05cd40c3.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/volumen-shampoo-bier-bio-honig-250-ml-19580">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Volumen Shampoo Bier &amp; Bio-Honig, 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-19580-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7U6WI5YHIPK6uRLJVBFOgeiGmKu5mLxiNKold7SM6AJBqpWxQgWXfKceN0dIaECnZjjZF86F18WC2TQ1GMCGvA" />
    <input value="19580" 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;000 von 2&#39;526 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/original-food?format=turbo_stream&amp;page=101">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>