<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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D30">
    <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/zwergenwiese-aufstrich-gelbie-bio-gf-135-g-19248">
          <img alt="Zwergenwiese Aufstrich Gelbie Bio gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9448/file/small-fefc235251af9c8a87fdde75d4f225b9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9448/file/medium-5f9be075281a7a8eb544dc6b4a01a279.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9448/file/large-1e25a5bcdb3f75cc975d53f29d7a68ab.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9448/file/medium-5f9be075281a7a8eb544dc6b4a01a279.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">Zwergenwiese</p>
          <a href="/products/zwergenwiese-aufstrich-gelbie-bio-gf-135-g-19248">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zwergenwiese Aufstrich Gelbie Bio gf, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fybxoETLEEtr9uq_w32nPBDpUutNtp-7NeeKRscvDJOkqZMODhr3ocVvW498PC6C-88mvkhOk-BGyvt1JpXXfw" />
    <input value="19248" 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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D30">
    <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/zwergenwiese-aufstrich-ingwery-bio-gf-135-g-19249">
          <img alt="Zwergenwiese Aufstrich Ingwery Bio gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11424/file/small-be0d905ffadfddf13e63415bcd70a249.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11424/file/medium-2a3ee3bd516627119e88971e60fc5c54.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11424/file/large-0aba4eac7adb8c3b6ee379ab12a5efa0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11424/file/medium-2a3ee3bd516627119e88971e60fc5c54.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">Zwergenwiese</p>
          <a href="/products/zwergenwiese-aufstrich-ingwery-bio-gf-135-g-19249">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zwergenwiese Aufstrich Ingwery Bio gf, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="v-t_6MY7xC2Kt7_3gwcDbpXHNgv1zR0WAs5xkqvG1xlkZB1GjOojxyQuDsc8RorQfuFCXvA1EU1x4wChSnwM9Q" />
    <input value="19249" 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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D30">
    <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/zwergenwiese-aufstrich-kurbi-bio-135-g-19250">
          <img alt="Zwergenwiese Aufstrich Kürbi Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10945/file/small-f40891510c010452eec93309cdc2e79e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10945/file/medium-39ace6c4a3a5d47bf65ed6b7a85ec406.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10945/file/large-db90bd905133daec3709a8b64b6b69dc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10945/file/medium-39ace6c4a3a5d47bf65ed6b7a85ec406.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">Zwergenwiese</p>
          <a href="/products/zwergenwiese-aufstrich-kurbi-bio-135-g-19250">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zwergenwiese Aufstrich Kürbi Bio, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bVYCSPT0mrHoRm7dOmx9g5aMAxe5I0sWGRHsnBODnsu22WDmviV9W0bf3-2FLfQ9fap3QrzbR01qPJ2v8jlFJw" />
    <input value="19250" 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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D30">
    <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/zwergenwiese-aufstrich-mepfel-bio-vegan-gf-135-g-19251">
          <img alt="Zwergenwiese Aufstrich Mepfel Bio vegan gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10930/file/small-7de23fcd161c9f6af89c713b3db42f83.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10930/file/medium-62e9680430add747c94ee83051c13edb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10930/file/large-6141ed47937e4a9d45ba4fe5b62b58bc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10930/file/medium-62e9680430add747c94ee83051c13edb.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">Zwergenwiese</p>
          <a href="/products/zwergenwiese-aufstrich-mepfel-bio-vegan-gf-135-g-19251">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zwergenwiese Aufstrich Mepfel Bio vegan gf, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TbRrMdTYVGGANPOw9poGQ0QOxXPjnSBH0iObLrRHU9GWOwmfngmziy6tQoBJ24_9ryixJuZlLByhDuodVf2IPQ" />
    <input value="19251" 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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D30">
    <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/zwergenwiese-aufstrich-mepfel-bio-gf-50-g-19252">
          <img alt="Zwergenwiese Aufstrich Mepfel Bio gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9455/file/small-0b41e01ff79c04ded1ae8acefc223803.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9455/file/medium-5b0a63f88e6deef286d0c3e080cf7ba1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9455/file/large-4b48bb0dbfe1261cba54050cdc58bd19.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9455/file/medium-5b0a63f88e6deef286d0c3e080cf7ba1.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">Zwergenwiese</p>
          <a href="/products/zwergenwiese-aufstrich-mepfel-bio-gf-50-g-19252">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zwergenwiese Aufstrich Mepfel Bio gf, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CqkaBLtTJjwjIjtQbYwrzyqHSAkshcx9ohn5MoIVvIXRJniq8YLB1o27imDSzaJxwaE8XCl9wCbRNIgBY69naQ" />
    <input value="19252" 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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D30">
    <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/zwergenwiese-aufstrich-papayango-bio-gf-50-g-19253">
          <img alt="Zwergenwiese Aufstrich Papayango Bio gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9456/file/small-7feb295052809911597e2c5a6b2b8396.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9456/file/medium-224b1863b21cfa0ef1963390d0d9213a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9456/file/large-5bc529f01fa067be71ee14ebca496ef6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9456/file/medium-224b1863b21cfa0ef1963390d0d9213a.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">Zwergenwiese</p>
          <a href="/products/zwergenwiese-aufstrich-papayango-bio-gf-50-g-19253">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zwergenwiese Aufstrich Papayango Bio gf, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UgEZYKYED_BTVbSz7PyMsC7wdoYl1N07j1di0k_faMGJjnvO7NXoGv3MBYNTvQUOxdYC0yAs0WD8ehPhrmWzLQ" />
    <input value="19253" 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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D30">
    <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/zwergenwiese-aufstrich-sendi-bio-gf-135-g-19254">
          <img alt="Zwergenwiese Aufstrich Sendi Bio gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10982/file/small-491247a1f509baa711ed435e7053b2c8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10982/file/medium-2f2205c6f930379cd8a9cfcfa6f10333.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10982/file/large-e85e0cbf562518ad1b0866b8336d90ff.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10982/file/medium-2f2205c6f930379cd8a9cfcfa6f10333.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">Zwergenwiese</p>
          <a href="/products/zwergenwiese-aufstrich-sendi-bio-gf-135-g-19254">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zwergenwiese Aufstrich Sendi Bio gf, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.35
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SPcifqFMOqAZhmUJYtIkjyAtkZC3vcGWpub1w5JotNyTeEDQ653dSrcf1Dndk60xywvlxbJFzc3Vy4Twc9JvMA" />
    <input value="19254" 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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D30">
    <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/zwergenwiese-aufstrich-sendi-bio-gf-50-g-19255">
          <img alt="Zwergenwiese Aufstrich Sendi Bio gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9450/file/small-7d2c259fe1c473d4163cbaffb3afafa8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9450/file/medium-d0d1030db70e2926d0bf2d0d64c94b0d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9450/file/large-49f96c307b60dbd2f3f6270e39bd2cbc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9450/file/medium-d0d1030db70e2926d0bf2d0d64c94b0d.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">Zwergenwiese</p>
          <a href="/products/zwergenwiese-aufstrich-sendi-bio-gf-50-g-19255">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zwergenwiese Aufstrich Sendi Bio gf, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="z6CjgP3BuWb8QAg-E8kE_wQOcVlEVRUXmcXAiGweaWMUL8EutxBejFLZuQ6siI1B7ygFDEGtGUzq6LG7jaSyjw" />
    <input value="19255" 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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D30">
    <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/brecht-original-nachfullglas-fur-nfp-1-stuck-19516">
          <img alt="Brecht Original Nachfüllglas für NFP" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9835/file/small-f41a01f7a6331946120c4b603c07abda.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9835/file/medium-fbff7653c3802ded98523b4eaca62039.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9835/file/large-8b11b78a96f8b2b1aeb97b0eb26ab780.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9835/file/medium-fbff7653c3802ded98523b4eaca62039.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">Brecht</p>
          <a href="/products/brecht-original-nachfullglas-fur-nfp-1-stuck-19516">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Brecht Original Nachfüllglas für NFP, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Nuh2O1aXtjje-pL1ZEiZJSWBf8BvPqikoG5PpP3dWsjtZxSVHEZR0nBjI8XbCRCbzqcLlWrGpP_TQz6XHGeBJA" />
    <input value="19516" 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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D30">
    <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/droste-laux-basische-edelsteinseife-zirbenol-18-g-19553">
          <img alt="Droste-Laux Basische Edelsteinseife Zirbenöl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10632/file/small-f7e7d7450d3924c23523fa64216a1036.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10632/file/medium-a28d5ada5630b569a57c629cefb86884.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10632/file/large-015f245e719e4e44696057956def7f3a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10632/file/medium-a28d5ada5630b569a57c629cefb86884.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">Droste-Laux</p>
          <a href="/products/droste-laux-basische-edelsteinseife-zirbenol-18-g-19553">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Droste-Laux Basische Edelsteinseife Zirbenöl, 18 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5CIE3fvCnVvh6Soo0fI8BwBwZAnzzaBZfGUcmTuXHRc_rWZzsRN6sU9wmxhus7W561YQXPY1rAIPSG2q2i3G-w" />
    <input value="19553" 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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D30">
    <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/droste-laux-edelsteinbad-basisch-sachet-60-g-19558">
          <img alt="Droste-Laux Edelsteinbad basisch Sachet" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9302/file/small-fcf0d076205e42a0e79ccd67c972fdbb.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9302/file/medium-e95eed4680bbf1d5c52f2e887f3fae68.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9302/file/large-62ec1ab1fdd29263eaed3b375278d8f7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9302/file/medium-e95eed4680bbf1d5c52f2e887f3fae68.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">Droste-Laux</p>
          <a href="/products/droste-laux-edelsteinbad-basisch-sachet-60-g-19558">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Droste-Laux Edelsteinbad basisch Sachet, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Dia_m1Q8U4kYtxdlxzKgPFiR9pdYQuaOv8k1_f829vPVqd01Hu20Y7YuplV4cymCs7eCwl266tXM5ETOHowtHw" />
    <input value="19558" 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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D30">
    <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/jentschura-meine-base-75-g-19625">
          <img alt="Jentschura Meine Base" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9316/file/small-f4efcc835e5ccc25975fd3acb423288e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9316/file/medium-8f7b9afd6c2b1e8ff84681c619fb1d94.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9316/file/large-6a330e60e4d496b7f1d0cb31d6d50cdc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9316/file/medium-8f7b9afd6c2b1e8ff84681c619fb1d94.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">Jentschura</p>
          <a href="/products/jentschura-meine-base-75-g-19625">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Jentschura Meine Base, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aE1ONGAIkYUjQg_SdTsO6bRkIkdnqbBCbBi_q_bTRNGzwiyaKtl2b43bvuLKeodXX0JWEmJRvBkfNc6YF2mfPQ" />
    <input value="19625" 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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D30">
    <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/midi-seife-karite-eisenkraut-100-g-19706">
          <img alt="Midi Seife Karite Eisenkraut" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10588/file/small-64cb82d1fb5aecedfa42fe79c16200ae.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10588/file/medium-92bca286c777a3e8021b392eb5f7fb10.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10588/file/large-5f814b013ac52a9265681d59b3709e95.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10588/file/medium-92bca286c777a3e8021b392eb5f7fb10.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">Midi</p>
          <a href="/products/midi-seife-karite-eisenkraut-100-g-19706">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Midi Seife Karite Eisenkraut, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PLmYjJY-hI6rz-pOoNpbZy0cAUadVlsTlpApUb7UdEfnNvoi3O9jZAVWW34fm9LZxjp1E5iuV0jlvVhiX26vqw" />
    <input value="19706" 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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D30">
    <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/midi-seife-karite-lavendel-100-g-19707">
          <img alt="Midi Seife Karite Lavendel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11458/file/small-c8a8266ee501b80b30c24c656d65dddf.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11458/file/medium-6392bb4e249295ff4c30efabcad59db9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11458/file/large-854011ed8bd2a1f10deaf26aece9fb57.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11458/file/medium-6392bb4e249295ff4c30efabcad59db9.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">Midi</p>
          <a href="/products/midi-seife-karite-lavendel-100-g-19707">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Midi Seife Karite Lavendel, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dWEeTS3Yt5-CXDmemaYeYYyg_eSmAZOeFXnXLigghNmu7nzjZwlQdSzFiK4m55ffZ4aJsaP5n8VmVKYdyZpfNQ" />
    <input value="19707" 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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D30">
    <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/midi-seife-karite-wildrose-100-g-19708">
          <img alt="Midi Seife Karite Wildrose" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10628/file/small-4edab3482167fde2c4be5189a7f4e2d5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10628/file/medium-5d442b6329a652197ba28a9c687946f4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10628/file/large-7460515efd744f488025695cf4e64c8e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10628/file/medium-5d442b6329a652197ba28a9c687946f4.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">Midi</p>
          <a href="/products/midi-seife-karite-wildrose-100-g-19708">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Midi Seife Karite Wildrose, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UG-7XVKbI9Kg_LxNk1T61a6pFHQuUTyDqnttMb3UMAaL4NnzGErEOA5lDX0sFXNrRY9gISupMNjZVhwCXG7r6g" />
    <input value="19708" 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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D30">
    <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/midi-seife-karite-zimt-orange-100-g-19709">
          <img alt="Midi Seife Karite Zimt Orange" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10616/file/small-046ce5a01bb07c30ed0efa9208cb5033.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10616/file/medium-9492c7bbd27666c1537f1f899ad95dbd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10616/file/large-0bc8222cfcb54d8ddde7a490ae78ecbb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10616/file/medium-9492c7bbd27666c1537f1f899ad95dbd.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">Midi</p>
          <a href="/products/midi-seife-karite-zimt-orange-100-g-19709">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Midi Seife Karite Zimt Orange, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tnu1d0RWuSTVdEatvgg87DzugvWhPtCUO-Hgo6XpVrVt9NfZDodeznvt950BSbVS18j2oKTG3M9IzJGQRFONWQ" />
    <input value="19709" 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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D30">
    <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/organyc-wattepads-70-stuck-19711">
          <img alt="Organyc Wattepads" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10105/file/small-0e8d350a4e9bbe823405db836d58ba88.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10105/file/medium-a1629a991e89f05797e4e311772f68d4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10105/file/large-c04a1c377a8ff3a6336f2171dfa17029.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10105/file/medium-a1629a991e89f05797e4e311772f68d4.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">Organyc</p>
          <a href="/products/organyc-wattepads-70-stuck-19711">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Organyc Wattepads, 70 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GCxGG7x_Qpo7l1lj3EpJSLxgA0Yq3HpmaIZ6tK5qDa3DoyS19q6lcJUO6FNjC8D2V0Z3Ey8kdj0bqwuHT9DWQQ" />
    <input value="19711" 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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D30">
    <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/organyc-wattestabchen-200-stuck-19712">
          <img alt="Organyc Wattestäbchen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10106/file/small-137a04a7ae28d5901681e9db68a34478.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10106/file/medium-73f2f582892a78cdea2d4cdbbd7d4086.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10106/file/large-37d30e97c2c01b44c59cf60433f05dbe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10106/file/medium-73f2f582892a78cdea2d4cdbbd7d4086.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">Organyc</p>
          <a href="/products/organyc-wattestabchen-200-stuck-19712">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Organyc Wattestäbchen, 200 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zLnJqUW0Y2rOA69GCNvzsWyhYu2FEAm1EBr-kjIlwboXNqsHD2WEgGCaHna3mnoPh4cWuIDoBe5jN4-h058aVg" />
    <input value="19712" 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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D30">
    <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/saling-schafmilchseife-natur-100-g-19744">
          <img alt="Saling Schafmilchseife natur" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10082/file/small-a35ecced4705482d89f1c6fc7a50566e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10082/file/medium-eaa06846eb456bc20c0d6c66aa1b7a71.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10082/file/large-262e61c380ed5d27ca468e8b787878ba.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10082/file/medium-eaa06846eb456bc20c0d6c66aa1b7a71.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">Saling</p>
          <a href="/products/saling-schafmilchseife-natur-100-g-19744">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Saling Schafmilchseife natur, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mOgPmEfvJJGkVmf1HoerBqHxFfidRVnbLRBt1jm5QctDZ202DT7DewrP1sWhxiK4StdhrZi9VYBePRzl2AOaJw" />
    <input value="19744" 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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D30">
    <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/sonett-gallseife-100-g-19770">
          <img alt="Sonett Gallseife" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9333/file/small-efe4c49f768e23a6a3f5b542ac147333.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9333/file/medium-3807c86f065fec2ae5aa851dce67490d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9333/file/large-f6c34b65d859e78bc8ad0fbac16886a3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9333/file/medium-3807c86f065fec2ae5aa851dce67490d.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">Sonett</p>
          <a href="/products/sonett-gallseife-100-g-19770">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sonett Gallseife, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.55
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="D6h3xFnBWPsQLEov6xLVVeMfzxNLSa7ZIYRe_o_C2xjUJxVqExC_Eb61-x9UU1zrCDm7Rk6xooJSqS_NbngA9A" />
    <input value="19770" 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">
      600 von 726 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/collections/under-5?format=turbo_stream&amp;page=31">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>