<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%3D140">
    <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/krautersalz-75-g-20328">
          <img alt="Kräutersalz" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10997/file/small-6aaa86d40069b66b83a799d6885b713f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10997/file/medium-6f640541bf8afeb05d2d1dcaaec3af63.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10997/file/large-bb09ce5cccd53d4c3e0f4ee6aedf64ef.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10997/file/medium-6f640541bf8afeb05d2d1dcaaec3af63.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">Swiss Safran</p>
          <a href="/de/products/krautersalz-75-g-20328">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kräutersalz, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Bisryfxg3hvYzPXuHdwsDC4518ZFPRiQ9neDixQDcK1-4Z0lSSnpSr99UibIYNfH8Lms_PBq1w2iyA891wiRpA" />
    <input value="20328" 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%3D140">
    <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/royal-gewurz-meersalz-knoblauch-75-g-20329">
          <img alt="Royal Gewürz Meersalz/ Knoblauch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10999/file/small-3f0985f704d9a2705b697579b71dcffe.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10999/file/medium-51a3cc00ace47bab7337c6c74a0ceef4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10999/file/large-0f8e3193b46db0242b7ca7da6705a4d4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10999/file/medium-51a3cc00ace47bab7337c6c74a0ceef4.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">Swiss Safran</p>
          <a href="/de/products/royal-gewurz-meersalz-knoblauch-75-g-20329">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Royal Gewürz Meersalz/ Knoblauch, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bWtrcJXPjMXTrHc0y5bTC-GOIAyacUjA-og74E2bNI0Vod2cIIa7lLQd0PweKijAPw5bNi8mh12uN7dWjpDVhA" />
    <input value="20329" 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%3D140">
    <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/persischer-safran-dokhtar-pitsch-1-5g-1-stuck-20330">
          <img alt="Persischer Safran Dokhtar Pitsch 1.5g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10998/file/small-03a0024c5a7f482ac31f4a62176c5df8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10998/file/medium-4f7cce5fa79d9e02614a97cd3d82f2db.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10998/file/large-5eee34352bba4a23815c7b1a07bdd547.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10998/file/medium-4f7cce5fa79d9e02614a97cd3d82f2db.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">Swiss Safran</p>
          <a href="/de/products/persischer-safran-dokhtar-pitsch-1-5g-1-stuck-20330">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Persischer Safran Dokhtar Pitsch 1.5g, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 36.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xbqtlCbTYYwT1wotCID96jl-ZIvmMg0QSurZPcRialO9cBt4k5pW3XRmreXdPAYh5_4fsVNlwo0eVVWLB2mLWg" />
    <input value="20330" 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%3D140">
    <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/persischer-safran-super-sargol-1-g-20331">
          <img alt="Persischer Safran Super Sargol" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11000/file/small-1e981677b83412e0598c5092cf7f7e31.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11000/file/medium-801df2eee7efc8e2a238fbedad21393f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11000/file/large-07312a698173f0650cd4908bbb874fc7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11000/file/medium-801df2eee7efc8e2a238fbedad21393f.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">Swiss Safran</p>
          <a href="/de/products/persischer-safran-super-sargol-1-g-20331">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Persischer Safran Super Sargol, 1 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 32.00
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3&#39;200.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OybQBrAVbt94aWeiUcjB0YmqKZiquOFZqv260IK4IxND7GbqBVxZjh_YwGqEdDoaVypSoh_vLsT-QjZmQbPCGg" />
    <input value="20331" 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%3D140">
    <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-super-negin-safran-150-g-20332">
          <img alt="Honig Super Negin Safran" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11002/file/small-643c35e30a7870a5b08ee1112578a8ee.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11002/file/medium-5b389d2d5c9c34d6a18c66501225c2aa.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11002/file/large-948ee8f80c7e938e13655cabdd423c04.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11002/file/medium-5b389d2d5c9c34d6a18c66501225c2aa.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">Swiss Safran</p>
          <a href="/de/products/honig-super-negin-safran-150-g-20332">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Honig Super Negin Safran, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="COMUHDKX5Aoosn2fSpMXA4VLlweZ_OBrYZO83b9lJcBwKaLwh97TW08D2lefL-zIW8vsPSyrL_Y1LDBrfG7EyQ" />
    <input value="20332" 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%3D140">
    <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/linguine-aglio-e-basilico-250-g-20333">
          <img alt="Linguine Aglio e Basilico" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11003/file/small-67b0d1d3bd6b6cd6a199ab32378d5688.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11003/file/medium-0b8073d0609d1c5acf653a5d09175e31.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11003/file/large-fbfe23c1c12b390ed3ddb538b18277d4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11003/file/medium-0b8073d0609d1c5acf653a5d09175e31.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">Filippo Filippi</p>
          <a href="/de/products/linguine-aglio-e-basilico-250-g-20333">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Linguine Aglio e Basilico, 250 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 1.96 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tSutPNhOo78OW-QQlAnUci1XzWqnAi5ZxUq3S6s0jgLN4RvQbQeU7mnqQ9hBtS-589e2UBJV4cSR9Tv9aD9vCw" />
    <input value="20333" 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%3D140">
    <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/vitalpilzgetrank-kakao-mischung-bio-125-g-20334">
          <img alt="Vitalpilzgetränk Kakao Mischung Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11004/file/small-f264c7d5735cb5b6650a3d858a9029d6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11004/file/medium-ba7eee968e3ade7d3306ec3e458326d9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11004/file/large-02ea85b0d9a9c9a519921d88b85fec66.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11004/file/medium-ba7eee968e3ade7d3306ec3e458326d9.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">Muca</p>
          <a href="/de/products/vitalpilzgetrank-kakao-mischung-bio-125-g-20334">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vitalpilzgetränk Kakao Mischung Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 32.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gJzzZCTgvW09Mp1vPdnzhuhxG9KCqJFM-WOMTHQ_ThH4VkWIkamKPFqDOqfoZQhNNvFg6Df_XtGt3AD6tzSvGA" />
    <input value="20334" 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%3D140">
    <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/vitalpilzgetrank-kaffeealternative-mischung-bio-125-g-20335">
          <img alt="Vitalpilzgetränk Kaffeealternative Mischung Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11007/file/small-c0fdef1477671ba13207bf94f079fee4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11007/file/medium-5d45256617f7b021725441550c003a77.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11007/file/large-d41e859229757b47bead7605d5812ce1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11007/file/medium-5d45256617f7b021725441550c003a77.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">Muca</p>
          <a href="/de/products/vitalpilzgetrank-kaffeealternative-mischung-bio-125-g-20335">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vitalpilzgetränk Kaffeealternative Mischung Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 32.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7plRRcWiu6wdeS6TwEtbNCvQLAF_R_umM_OcisCtFF-WU-epcOuM_XrIiVsV96D_9VBXO8oQNDtnTBA8A6b1Vg" />
    <input value="20335" 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%3D140">
    <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/five-make-up-entferner-50-ml-20336">
          <img alt="Five Make-Up Entferner" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11108/file/small-c23b7ab798764523c831b92e87deb9a7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11108/file/medium-68d81bf9d10ad565ba0533800334a17c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11108/file/large-a40bd919820261448c48f9c569f13a42.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11108/file/medium-68d81bf9d10ad565ba0533800334a17c.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">Five Skincare</p>
          <a href="/de/products/five-make-up-entferner-50-ml-20336">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Five Make-Up Entferner, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 33.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mlyFcyZpxdZh7xOYSPcpvPj8eVlZbzlUMbYA6zTxstriljOfkyDyhwZetFCdS9J3JnwCY-w49sllCYxd9_pT0w" />
    <input value="20336" 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%3D140">
    <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/five-gesichtsserum-30-ml-20337">
          <img alt="Five Gesichtsserum" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11104/file/small-4811d2881d5a60490e1a5c1f811d6c54.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11104/file/medium-7663311adb8189e3ff587855d22c6160.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11104/file/large-d141e8b037256ad96ff76556b5b6e4db.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11104/file/medium-7663311adb8189e3ff587855d22c6160.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">Five Skincare</p>
          <a href="/de/products/five-gesichtsserum-30-ml-20337">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Five Gesichtsserum, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 47.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bhv7xhZReytDNejEngs8NOBBL4Ip7VLtcfw-66s-YjwW0U0qoxhMeiSETwxLt8f_PsFUuJy6nXAlQ7JdaDWDNQ" />
    <input value="20337" 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%3D140">
    <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/five-gesichtsol-regeneration-30-ml-20338">
          <img alt="Five Gesichtsöl Regeneration" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11107/file/small-1cb0ed1c7b86769cd8ec037950e08b50.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11107/file/medium-7e631d52c4f584d52a4b96a9c23a048c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11107/file/large-f5b76a4ef0a6607ef4de798734d5fd8c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11107/file/medium-7e631d52c4f584d52a4b96a9c23a048c.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">Five Skincare</p>
          <a href="/de/products/five-gesichtsol-regeneration-30-ml-20338">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Five Gesichtsöl Regeneration, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 46.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LEvEMgM2R2Fyu0K-9Xr_LUZSGbC8lo-UQhFfT_AfNgFUgXLetn9wMBUK5XYgxgTmmNJiignBQAkWrtP5MxTXCA" />
    <input value="20338" 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%3D140">
    <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/five-gesichtsol-balance-30-ml-20339">
          <img alt="Five Gesichtsöl Balance" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11105/file/small-005da20a09e92503d592a31b408fb703.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11105/file/medium-b257065d2399ff05a89e812589de76d6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11105/file/large-9a96a5ac9f802a25c5eb1e811ca80fd6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11105/file/medium-b257065d2399ff05a89e812589de76d6.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">Five Skincare</p>
          <a href="/de/products/five-gesichtsol-balance-30-ml-20339">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Five Gesichtsöl Balance, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 46.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zrwlOJnzOei-fUY3-zQVmDwOlJu7dNgeNx8Ed_OEBYu2dpPULLoOudnM4f8uiO5T4o7voQ4jF4NjoIjBMI_kgg" />
    <input value="20339" 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%3D140">
    <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/geschenkpackung-filz-pinguin-mit-schnupfnase-duftmischung-5-ml-20340">
          <img alt="Geschenkpackung Filz-Pinguin mit Schnupfnase Duftmischung" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11006/file/small-613df2ef20c3a69141ae30757ec6a5f7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11006/file/medium-0f2706bede0f58a6573b0777a9487026.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11006/file/large-ab27acf21825040d759e725eba105f1d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11006/file/medium-0f2706bede0f58a6573b0777a9487026.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">AromaLife</p>
          <a href="/de/products/geschenkpackung-filz-pinguin-mit-schnupfnase-duftmischung-5-ml-20340">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Geschenkpackung Filz-Pinguin mit Schnupfnase Duftmischung, 5 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IpciXPB773qQXviWBp0kCCbyU3QKcj2OsHD96tyd-elaXZSwRTLYK_fvX17TId_D-HIoTr8l8hPkz3FcH5YY4A" />
    <input value="20340" 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%3D140">
    <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/weihrauch-kapseln-120-stuck-20341">
          <img alt="Weihrauch Kapseln" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11005/file/small-8d5e0aad96baa23673725acfbfb3121e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11005/file/medium-4ad0c1ed77bae123610ef104305f7a9c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11005/file/large-f41b37ff8ef3dc5623e00a0512942e0f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11005/file/medium-4ad0c1ed77bae123610ef104305f7a9c.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">Phytopharma</p>
          <a href="/de/products/weihrauch-kapseln-120-stuck-20341">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Weihrauch Kapseln, 120 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 39.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="W88iWbnu1hrWPzdHr9ugp06nn-m48BmdY9Vxw-lHfEMjBZS1DKfhS7GOkI96Z1tskCfk0w2n1gA3av11KkydSg" />
    <input value="20341" 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%3D140">
    <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/ginger-balls-bio-140-g-20342">
          <img alt="Ginger Balls Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11008/file/small-14b23651e903c53eb59e32e66437805d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11008/file/medium-4d4be0560abfe815199f84b83c99c8b8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11008/file/large-37bf1d04440e2c5b42e795dee204beca.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11008/file/medium-4d4be0560abfe815199f84b83c99c8b8.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">Mahler &amp; Co.</p>
          <a href="/de/products/ginger-balls-bio-140-g-20342">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ginger Balls Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="W2l8GS-FbTtFu12Fg_oj8N1QgwAac7d9D_uzT1EEfvcjo8r1msxaaiIK-k1WRtg7A9D4Oq8keOBbRD_5kg-f_g" />
    <input value="20342" 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%3D140">
    <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/kichererbsen-snack-japanese-tamari-bio-140-g-20343">
          <img alt="Kichererbsen Snack Japanese Tamari Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11009/file/small-c45c5b604f0847598308c70d47050643.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11009/file/medium-ea637b9543c7f4925c6a632d5d518370.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11009/file/large-34fadafa4cac511e062eb2da318d8720.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11009/file/medium-ea637b9543c7f4925c6a632d5d518370.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">Mahler &amp; Co.</p>
          <a href="/de/products/kichererbsen-snack-japanese-tamari-bio-140-g-20343">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kichererbsen Snack Japanese Tamari Bio, 140 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 4.93 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3SfXf69pylFlhhDDJzJa4ps9djInopM5dGMRNIxEzcul7WGTGiD9AAI3twvyjqEpRb0NCJL1XKQg3J2CT08swg" />
    <input value="20343" 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%3D140">
    <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/hirnpower-bio-200-g-20344">
          <img alt="Hirnpower Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11010/file/small-dab9873083b15189fe8165e1ef6ed02d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11010/file/medium-a82ff342834c94414fd66e3692b6c6a4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11010/file/large-3570546eecf2bfbbda93fba56f53700f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11010/file/medium-a82ff342834c94414fd66e3692b6c6a4.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">Mahler &amp; Co.</p>
          <a href="/de/products/hirnpower-bio-200-g-20344">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hirnpower Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WKUJQTRpBVTQA_i294_WAdSHXfs_32hc0e_n2sk180ggb7-tgSAyBbeyX34iMy3KCgcmwYqIp8GFUGtsCj4SQQ" />
    <input value="20344" 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%3D140">
    <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/laboratoires-de-biarritz-sonnenstick-invisible-lsf50-10-g-20345">
          <img alt="Laboratoires De Biarritz Sonnenstick invisible LSF50" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11011/file/small-82063fc669bb93043d5d2406ea7d055d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11011/file/medium-81e8ae7b5836da3851b1dceea9db84c4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11011/file/large-7d23275ce6287188d9084bf6263a2036.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11011/file/medium-81e8ae7b5836da3851b1dceea9db84c4.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">LaborDeBiarritz</p>
          <a href="/de/products/laboratoires-de-biarritz-sonnenstick-invisible-lsf50-10-g-20345">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Laboratoires De Biarritz Sonnenstick invisible LSF50, 10 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KcK-3GZuzu6XA-oTK86m5bQEFD8X7yTV5lDAKXtqpklRCAgw0yf5v_CyTdv-cl0uaoRvBaK460iy70yfuGFHQA" />
    <input value="20345" 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%3D140">
    <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/five-deocreme-ohne-parfum-50-g-20346">
          <img alt="Five Deocreme ohne Parfum" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11106/file/small-c65450e3f75711fabfef4ed309b10a10.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11106/file/medium-3f0628e1191a6b65aa6aff9b42baef9e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11106/file/large-3ed10eba00b85bf607bf7a59b3de2d2a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11106/file/medium-3f0628e1191a6b65aa6aff9b42baef9e.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">Five Skincare</p>
          <a href="/de/products/five-deocreme-ohne-parfum-50-g-20346">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Five Deocreme ohne Parfum, 50 g</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 55.80 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XcupMGFIjIzioWTmlRL1sSCzzqzROzwu_Z5DmLGlxQklAR_c1AG73YUQwy5Arg56_jO1lmRs87OpIc8ucq4kAA" />
    <input value="20346" 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%3D140">
    <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/krauter-glasflasche-330-ml-20347">
          <img alt="Kräuter Glasflasche" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11012/file/small-fcd758bff544e757874775f3f7e2d341.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11012/file/medium-a736c0f6335b10df94da0af689aee3b6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11012/file/large-e583584de9fb11a8e6b6bc2b977a029e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11012/file/medium-a736c0f6335b10df94da0af689aee3b6.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">Verzaschella</p>
          <a href="/de/products/krauter-glasflasche-330-ml-20347">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kräuter Glasflasche, 330 ml</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 1.36 / 100 ml
            </p>
        </div>
      </div>

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

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

</template></turbo-stream>