<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="/de/signup?return_to=%2Fde%2Fproducts%3Fformat%3Dturbo_stream%26page%3D129">
    <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="/de/products/histocell-nt-nukleotide-kapseln-180-stuck-20106">
          <img alt="Histocell NT Nukleotide Kapseln" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10526/file/small-5942e30465bdd67d6564470476e0de89.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10526/file/medium-335e7a829493de20cd11167ecacd4d67.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10526/file/large-d4cbacdb8c5f34142b3c51f3fb0e9f64.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10526/file/medium-335e7a829493de20cd11167ecacd4d67.webp" />
</a>    </header>

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

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Nr4ZpgXtCs7rc9E1pHz2PP22mRaSutE3OUG2XGV0Zqq53vQqb37CkZf-c7hXcBFXF4xkHeCRHN5-x9AyjSi2qQ" />
    <input value="20106" 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="/de/signup?return_to=%2Fde%2Fproducts%3Fformat%3Dturbo_stream%26page%3D129">
    <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="/de/products/kefir-drink-mango-demeter-500-ml-20107">
          <img alt="Kefir Drink Mango Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10523/file/small-2539994dbf3f869e4886dce376e019b5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10523/file/medium-c6d2fae5fd52ab4f2ae9ba99431c74e0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10523/file/large-3cc53a480e4c6c72ae0fb52a66c4face.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10523/file/medium-c6d2fae5fd52ab4f2ae9ba99431c74e0.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biomilk</p>
          <a href="/de/products/kefir-drink-mango-demeter-500-ml-20107">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kefir Drink Mango Demeter, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OR0w-DrfhLHXz10D_qA__rILbGGRMq_pPjnGUb3DH1S2fd10UExM7qtC_44NrNiVWDGRauMZYgB5v6A_VZ_PVw" />
    <input value="20107" 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="/de/signup?return_to=%2Fde%2Fproducts%3Fformat%3Dturbo_stream%26page%3D129">
    <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="/de/products/pflegespulung-hirse-250-ml-20108">
          <img alt="Pflegespülung Hirse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10641/file/small-c09f25581c63bd59929e484b0403c61a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10641/file/medium-f5851e578a74ebd7d0d4f7a2b1dbb4f1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10641/file/large-2b0bc4263aab4aac3dd5fb9c5ff83755.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10641/file/medium-f5851e578a74ebd7d0d4f7a2b1dbb4f1.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">Heidak</p>
          <a href="/de/products/pflegespulung-hirse-250-ml-20108">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pflegespülung Hirse, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rgw6L51Z3XvBTaWtTYkkHbmdv_oUIlHRCDtH633tntIhbNej98oVJL3AByC-hcN2U6dC8WYJnDhPvSGFlbFO0Q" />
    <input value="20108" 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="/de/signup?return_to=%2Fde%2Fproducts%3Fformat%3Dturbo_stream%26page%3D129">
    <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="/de/products/shampoo-hirse-250-ml-20109">
          <img alt="Shampoo Hirse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10640/file/small-3df267f88527aa9df0e280b09790b145.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10640/file/medium-39ac8925097157c3cb07e74048d98ff4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10640/file/large-6d621d431f1a7994928b208c0d1f2215.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10640/file/medium-39ac8925097157c3cb07e74048d98ff4.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">Heidak</p>
          <a href="/de/products/shampoo-hirse-250-ml-20109">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Shampoo Hirse, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jAFaBHYrhsKkWPRooNz1br9evlE83VxncgSNDIzO3hMDYbeIHLhOndjVVuVT0BIFVWRDWk72kY41gutiZJIOEA" />
    <input value="20109" 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="/de/signup?return_to=%2Fde%2Fproducts%3Fformat%3Dturbo_stream%26page%3D129">
    <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="/de/products/erfrischendes-dusch-shampoo-250-ml-20110">
          <img alt="Erfrischendes Dusch &amp; Shampoo" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10639/file/small-e50b75b056859a842e843a0d28648696.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10639/file/medium-74d35cbfdd5d75be6ffa1a3fdb9f48a8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10639/file/large-4651ba1e368419f5dae4b1c669814375.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10639/file/medium-74d35cbfdd5d75be6ffa1a3fdb9f48a8.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">Heidak</p>
          <a href="/de/products/erfrischendes-dusch-shampoo-250-ml-20110">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Erfrischendes Dusch &amp; Shampoo, 250 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 7.96 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UV7QVjnRTGpF6pwe8FBt0QhSdCAcYq_PenvGe0owcKTePj3aU0KENTlnPpMDXIq64miJK25JYiY9_aAVomygpw" />
    <input value="20110" 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="/de/signup?return_to=%2Fde%2Fproducts%3Fformat%3Dturbo_stream%26page%3D129">
    <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="/de/products/wohlfuhlbad-250-ml-20111">
          <img alt="Wohlfühlbad" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10637/file/small-882512c5647f849fec77326813ad8905.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10637/file/medium-9b6e501074c48d4e19ece60da41da678.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10637/file/large-ff9797c84c00519276993f6781d4d0fe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10637/file/medium-9b6e501074c48d4e19ece60da41da678.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">Heidak</p>
          <a href="/de/products/wohlfuhlbad-250-ml-20111">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wohlfühlbad, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HhZr2dZgh7CFfHOK_RB5lTft19680oytmOV84K24246RdoZVvPNP7_nx0QcOHJ7-3dcq1c75QUTfYxqOReQLjQ" />
    <input value="20111" 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="/de/signup?return_to=%2Fde%2Fproducts%3Fformat%3Dturbo_stream%26page%3D129">
    <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="/de/products/pflegelotion-weizenkeim-250-ml-20112">
          <img alt="Pflegelotion Weizenkeim" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10638/file/small-f3675938c3d04149fc1ee0047ce719c4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10638/file/medium-a2a42594539e83384ff09eb7e14b169b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10638/file/large-47bc73c23b5c543da3a0b99acc13f80f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10638/file/medium-a2a42594539e83384ff09eb7e14b169b.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">Heidak</p>
          <a href="/de/products/pflegelotion-weizenkeim-250-ml-20112">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pflegelotion Weizenkeim, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ePquN0GEpjsj-8SfFeuHf-896swar-PimJZYeGewFkn3mkO7KxduZF92ZhLm52AUBQcXx2iELgvfED4Wj-zGSg" />
    <input value="20112" 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="/de/signup?return_to=%2Fde%2Fproducts%3Fformat%3Dturbo_stream%26page%3D129">
    <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="/de/products/hafer-drink-kakao-banane-demeter-200-ml-20113">
          <img alt="Hafer Drink Kakao Banane Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10524/file/small-b4d3eddd40b2b8cb9477de8c93934631.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10524/file/medium-ba4061c5b29f5ead15da80a0fad11312.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10524/file/large-c3c71089eefe4cead66f7a3343437dab.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10524/file/medium-ba4061c5b29f5ead15da80a0fad11312.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">Holle</p>
          <a href="/de/products/hafer-drink-kakao-banane-demeter-200-ml-20113">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hafer Drink Kakao Banane Demeter, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="t8zU0dGCWa_qECs_pCu_6UXAiB1GNg5YJtki2-pLyjg4rDlduxGR8JadibJXJ1iCr_p1FjQdw7FhX0S1AhcaOw" />
    <input value="20113" 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="/de/signup?return_to=%2Fde%2Fproducts%3Fformat%3Dturbo_stream%26page%3D129">
    <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="/de/products/honig-akazien-bio-500-g-20114">
          <img alt="Honig Akazien Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10527/file/small-27c9c1eb69252e9b43d67a8184b0340e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10527/file/medium-7d851ed4aa8521f25278a511f8e7e356.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10527/file/large-acf103563c5c653ffb2a37437209f0e1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10527/file/medium-7d851ed4aa8521f25278a511f8e7e356.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Hoyer</p>
          <a href="/de/products/honig-akazien-bio-500-g-20114">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Honig Akazien Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fPBoyvrnsmHaDQdGtls0Bia5wjvCXZK1s-42wBgGLDPzkIVGkHR6PqaApctFV9NtzIM_MLB2X1z0aFCu8Fr8MA" />
    <input value="20114" 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="/de/signup?return_to=%2Fde%2Fproducts%3Fformat%3Dturbo_stream%26page%3D129">
    <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="/de/products/grana-padano-gerieben-bio-100-g-20115">
          <img alt="Grana Padano gerieben Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11198/file/small-b84bc02dfb631fdb9384049ebe78e9c2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11198/file/medium-a2e1e8f796c6bdfdee16fe5dcd1a0f69.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11198/file/large-5a46f258466cef319fd5bfc4f80fdd0b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11198/file/medium-a2e1e8f796c6bdfdee16fe5dcd1a0f69.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Zanetti</p>
          <a href="/de/products/grana-padano-gerieben-bio-100-g-20115">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Grana Padano gerieben Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="268loU09UnjNQ52bgLv8HpmnNU7umtrGbK2VzjuMU29Uz8gtJ66aJ7HOPxZztxt1c53IRZyxFy8rK_Og09CDbA" />
    <input value="20115" 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="/de/signup?return_to=%2Fde%2Fproducts%3Fformat%3Dturbo_stream%26page%3D129">
    <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="/de/products/baby-massageol-250-ml-20116">
          <img alt="Baby Massageöl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10543/file/small-c996012c249f2474d76fcaa7495f138c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10543/file/medium-1eb0435203584214231ba888c745dc97.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10543/file/large-bfc599a62dd0293b7a9eed325449d6d3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10543/file/medium-1eb0435203584214231ba888c745dc97.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">Jolu</p>
          <a href="/de/products/baby-massageol-250-ml-20116">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Baby Massageöl, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RFlvdDZxAb5mf0zwVGPKBz977wILW6lNVOfroe013d_LOYL4XOLJ4Rry7n2nby1s1UESCXlwZKQTYY3PBWkN3A" />
    <input value="20116" 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="/de/signup?return_to=%2Fde%2Fproducts%3Fformat%3Dturbo_stream%26page%3D129">
    <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="/de/products/baby-pflegecreme-150-ml-20117">
          <img alt="Baby Pflegecreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10542/file/small-13b7945910dc1597312b19066ed0ef6a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10542/file/medium-f5918b37b93cc3bceea16f0e1ca0a048.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10542/file/large-51ce0a507932d8014b4819646f1638d2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10542/file/medium-f5918b37b93cc3bceea16f0e1ca0a048.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">Jolu</p>
          <a href="/de/products/baby-pflegecreme-150-ml-20117">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Baby Pflegecreme, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oXgxKZ94B5OKWWxzDHqFDbyNmVVndSmigzxYtPAB3QIuGNyl9evPzPbUzv7_dmJmVrdkXhVe5EvEuj7aGF0NAQ" />
    <input value="20117" 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="/de/signup?return_to=%2Fde%2Fproducts%3Fformat%3Dturbo_stream%26page%3D129">
    <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="/de/products/baby-shampoo-waschlotion-250-ml-20118">
          <img alt="Baby Shampoo &amp; Waschlotion" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10544/file/small-c63c18aa08b07bedd4ca2bf4b9664cd2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10544/file/medium-d534a68c5f7a7039f617f4afa8600b93.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10544/file/large-400152309f27275ad9e7faf2d3809d8b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10544/file/medium-d534a68c5f7a7039f617f4afa8600b93.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">Jolu</p>
          <a href="/de/products/baby-shampoo-waschlotion-250-ml-20118">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Baby Shampoo &amp; Waschlotion, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="G86gWqO02gLj4VAi5qNv6st9snTj7_uJ_crGHzzMP8mUrk3WyScSXZ9s8q8Vr4iBIUdPf5HENmC6TKBx1JDvyg" />
    <input value="20118" 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="/de/signup?return_to=%2Fde%2Fproducts%3Fformat%3Dturbo_stream%26page%3D129">
    <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="/de/products/baby-wind-und-wetter-creme-50-ml-20119">
          <img alt="Baby Wind und Wetter Creme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10545/file/small-3575d048b740cbb255de5da7f8a12585.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10545/file/medium-53d7439110d0c842a0db7fb77b2e5d6d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10545/file/large-869508dd7aa33672d1e7efe177ea711f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10545/file/medium-53d7439110d0c842a0db7fb77b2e5d6d.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">Jolu</p>
          <a href="/de/products/baby-wind-und-wetter-creme-50-ml-20119">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Baby Wind und Wetter Creme, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gj52Npa-e5FKNlNsaktno-hArZ7MkggMh7YP8B_HxjsNXpu6_C2zzja78eGZR4DIAnpQlb65xeXAMGme95sWOA" />
    <input value="20119" 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="/de/signup?return_to=%2Fde%2Fproducts%3Fformat%3Dturbo_stream%26page%3D129">
    <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="/de/products/baby-wundschutzcreme-75-ml-20120">
          <img alt="Baby Wundschutzcreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10546/file/small-767b66407dbffc728ef1d94227687790.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10546/file/medium-39aa64a6ef8a5178bf9a915c8bc2cb95.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10546/file/large-c3ce68099b64e362559e2216c204cf06.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10546/file/medium-39aa64a6ef8a5178bf9a915c8bc2cb95.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">Jolu</p>
          <a href="/de/products/baby-wundschutzcreme-75-ml-20120">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Baby Wundschutzcreme, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TZIve0MiDn-lEh5c_Tcht6p8IAciAEty6ZsDeF2niXjC8sL3KbHGINmfvNEOO8bcQEbdDFArhpuuHWUWtftZew" />
    <input value="20120" 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="/de/signup?return_to=%2Fde%2Fproducts%3Fformat%3Dturbo_stream%26page%3D129">
    <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="/de/products/pinot-gris-alkoholfrei-7-5dl-bio-1-stuck-20121">
          <img alt="Pinot Gris alkoholfrei 7.5dl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10547/file/small-2c0e1d8ed0d67946e4d091a68961e953.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10547/file/medium-94fa2e21aa0f019638ac8bfdfe5f05d3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10547/file/large-a25f9f1f0f0fd92a50d8157359bf845f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10547/file/medium-94fa2e21aa0f019638ac8bfdfe5f05d3.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Keth</p>
          <a href="/de/products/pinot-gris-alkoholfrei-7-5dl-bio-1-stuck-20121">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pinot Gris alkoholfrei 7.5dl Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ewT2wdNdJcvQxBGWHliNCXbgaRDxfcchug-CfU4gRRP0ZBtNuc7tlKxJsxvtVGpinNqUG4NWCsj9ieQTpnyVEA" />
    <input value="20121" 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="/de/signup?return_to=%2Fde%2Fproducts%3Fformat%3Dturbo_stream%26page%3D129">
    <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="/de/products/shampoo-amla-volume-200-ml-20122">
          <img alt="Shampoo Amla Volume" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11075/file/small-b598ece3107658cd973db80f9122bfe1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11075/file/medium-bffbc34f3584fad9ba842ebfcbaff2bc.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11075/file/large-58e69f3a90bd19f53431f6684ef25901.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11075/file/medium-bffbc34f3584fad9ba842ebfcbaff2bc.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">Khadi</p>
          <a href="/de/products/shampoo-amla-volume-200-ml-20122">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Shampoo Amla Volume, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QOw7b8-LOei15Nj6ECOTgsSfZR1SYZyhcbjxgG91oAvPjNbjpRjxt8lpenfjL3TpLqWYFiBKUUg2PpfuhylwCA" />
    <input value="20122" 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="/de/signup?return_to=%2Fde%2Fproducts%3Fformat%3Dturbo_stream%26page%3D129">
    <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="/de/products/pflanzenhaarfarbe-mittelblond-100-g-20123">
          <img alt="Pflanzenhaarfarbe Mittelblond" 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-7adb895da9a15bdd4e4a07676f8e5cfe.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10588/file/medium-8b788c2c32999d43aa1fc3006dabe959.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10588/file/large-59aa2f634871bf181d519578241f32ed.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10588/file/medium-8b788c2c32999d43aa1fc3006dabe959.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">Khadi</p>
          <a href="/de/products/pflanzenhaarfarbe-mittelblond-100-g-20123">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pflanzenhaarfarbe Mittelblond, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GTF1rgW5Gi1Buh9MWczrcmW_kMvx_GjftLysyvYxQseWUZgibyrScj03vcGqwAwZj4VtwIPXpTbzOsqkHm2SxA" />
    <input value="20123" 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="/de/signup?return_to=%2Fde%2Fproducts%3Fformat%3Dturbo_stream%26page%3D129">
    <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="/de/products/pflanzenhaarfarbe-mahagoni-100-g-20124">
          <img alt="Pflanzenhaarfarbe Mahagoni" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10586/file/small-825112afc060a6f3b23d21fb45312646.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10586/file/medium-0c8383a91d83d97adc17e4a650b3a819.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10586/file/large-3f89280f3c536394fb34541268471140.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10586/file/medium-0c8383a91d83d97adc17e4a650b3a819.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">Khadi</p>
          <a href="/de/products/pflanzenhaarfarbe-mahagoni-100-g-20124">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pflanzenhaarfarbe Mahagoni, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MRftCDPZNtZNMzzXqoPTirpUWx0lOsNSrYkkLIKBTz6-dwCEWUr-iTG-nlpZjzThUG6mFlcRDrvqD0JCat2fPQ" />
    <input value="20124" 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="/de/signup?return_to=%2Fde%2Fproducts%3Fformat%3Dturbo_stream%26page%3D129">
    <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="/de/products/tofu-crunchy-mit-chili-sauce-bio-100-g-20125">
          <img alt="Tofu Crunchy mit Chili Sauce Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10771/file/small-ba26ffbbaeb04c6786915c3eafdc41d2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10771/file/medium-2a2da8db36aca06d4d6b90d147cfcd7a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10771/file/large-7d3be966c2cec4b7bcf6923f0b1e663d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10771/file/medium-2a2da8db36aca06d4d6b90d147cfcd7a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Noppas</p>
          <a href="/de/products/tofu-crunchy-mit-chili-sauce-bio-100-g-20125">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tofu Crunchy mit Chili Sauce Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xob04HpMPLL6GVsT81MI5t3Eoo2gibssoCfDnbvu_ZZJ5hlsEN_07YaU-Z4AX--NN_5fhtKidsXnoaXzU7ItlQ" />
    <input value="20125" 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;580 von 3&#39;030 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/products?format=turbo_stream&amp;page=130">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>