<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%2Fvoelkel%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="xf1OkaLV0dyRmGdPhFHc5Kbu-sKU-Rl898DF1pk9NGzSBQzrXNAALealYkg-M-kToQclppm_s4pwH6rVAkVCng" />
    <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%2Fvoelkel%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="NsSTv9r51Z77LRKKimcZ4Jgu-mTTBCh5mA0cHEKagFQhPNHFJPwEb4wQF40wBSwXn8clAN5Cgo8f0nMf2eL2pg" />
    <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%2Fvoelkel%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="78WaIOsLN7H4qkg_nKvesqwF05O3FsUTuuf3rNMWdQX4PdhaFQ7mQI-XTTgmyetFq-wM97pQb-U9OJivSG4D9w" />
    <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%2Fvoelkel%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="MzgFrocIFHZOo8sXbwwodYY-Xhdtn9B63ONSBzUvKXokwEfUeQ3FhzmezhDVbh2CgdeBc2DZeoxbPD0ErldfiA" />
    <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%2Fvoelkel%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="UdR9r833yTLObK89ig33vKmx2CaJrifX4pk1O49TXaZGLD_VM_IYw7lRqjowb8JLrlgHQoTojSFlRlo4FCsrVA" />
    <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%2Fvoelkel%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="gHwB93bAbjrTnhAjeaPzFX6ebuc1Lw33DIMFWGpsBKCXhEONiMW_y6SjFSTDwcbieXexgzhppwGLXGpb8RRyUg" />
    <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%2Fvoelkel%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="SVUmeq8FIhWSROC0L-OKugWsb-oCX83uXuaHaDfvqj5erWQAUQDz5OV55bOVgb9NAkWwjg8ZZxjZOehrrJfczA" />
    <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%2Fvoelkel%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="NsygbER6p8PHWW_GgW-PJQagSebcHMUANFRcRx3u57YhNOIWun92MrBkasE7DbrSAUmWgtFab_azizNEhpaRRA" />
    <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%2Fvoelkel%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="nfk1WuZBpp0gYiUktUnT3mgryoFn-uwPixVZ_1oIp2KKAXcgGER3bFdfICMPK-Ypb8IV5Wq8RvkMyjb8wXDRkA" />
    <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%2Fvoelkel%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="eYXs_l5XrngLyoYn5k9L8qRwqboBlWvb6uWI0ALtRjhufa6EoFJ_iXz3gyBcLX4Fo5l23gzTwS1tOufTmZUwyg" />
    <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%2Fvoelkel%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="quajn9DK9z6ZFxYLcY7RdtegTpoGmnuMtrdKSxzC9kC9HuHlLs8mz-4qEwzL7OSB0EmR_gvc0XoxaCVIh7qAsg" />
    <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%2Fvoelkel%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="6cLHorJdfpZ_RPa0TxF5pIIhZSbT_w29KfX3jj4_BCz-OoXYTFivZwh587P1c0xThci6Qt65p0uuKpiNpUdy3g" />
    <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%2Fvoelkel%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="2IAMsbbagEcTGAwdj7R5SELq0EzegJ_dTIfQ7CPw7qXPeE7LSN9RtmQlCRo11ky_RQMPKNPGNSvLWL_vuIiYVw" />
    <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%2Fvoelkel%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="rUt2gszOGB9sjn7-UVvXlYKMDpljigIEWLc0BkEa8vC6szT4MsvJ7huze_nrOeJihWXR_W7MqPLfaFsF2mKEAg" />
    <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%2Fvoelkel%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="axhxjz32Qa9ndNAb7zGKN7DjD6M-laQYWs9QKhbIqad84DP1w_OQXhBJ1RxVU7_AtwrQxzPTDu7dED8pjbDfVQ" />
    <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%2Fvoelkel%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="UgLDSrXan1TcXKweB5jRY-tMCL1bP-HlUz-cMjjFz6tF-oEwS99OpathqRm9-uSU7KXX2VZ5SxPU4PMxo725WQ" />
    <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%2Fvoelkel%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="ykpYuX3Nw8FhC-Z7mFCduOn_gpKE4keSyMR9KVkoyefdshrDg8gSMBY243wiMqhP7hZd9omk7WRPGxIqwlC_FQ" />
    <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%2Fvoelkel%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="x08BFPKXHR8Ii7G3mEjdd5K1KcY5sYB8DT89uUN5Km7Qt0NuDJLM7n-2tLAiKuiAlVz2ojT3KoqK4FK62AFcnA" />
    <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%2Fvoelkel%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="1WSWwu690xw45LvM72dMLDwU95XbwSjNuL-3E2A7uLLCnNS4ELgC7U_ZvstVBXnbO_0o8daHgjs_YNgQ-0POQA" />
    <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%2Fvoelkel%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="M1pPLk5_7UOTNvWlFMfKt7dblsjoBNdiE_a5rPzoNOEkog1UsHo8suQL8KKupf9AsLJJrOVCfZSUKdavZ5BCEw" />
    <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/voelkel?format=turbo_stream&amp;page=101">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>