<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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/vanillezucker-bio-8-g-470">
          <img alt="Vanillezucker Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/422/file/small-0a1a729dc9927ade81ae5f1738b9354d.webp 600w, https://assets.fabulous.ch/public/variant_asset/422/file/medium-43055fb785a02bf238217534d050964d.webp 900w, https://assets.fabulous.ch/public/variant_asset/422/file/large-f8cdc44df8c303dd8f85ec3bfc3757cd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/422/file/medium-43055fb785a02bf238217534d050964d.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">Biovegan</p>
          <a href="/de/products/vanillezucker-bio-8-g-470">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vanillezucker Bio, 8 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 0.85
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PWRsJlpXm6_o-9u8fpOso3LOKXe4Z9L2BgnFhhNMpJOmliQaCxGx1CUW0KXJD4QL2lD9nm_OLbatYgdpo6UEEg" />
    <input value="470" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/riegel-vivani-white-nougat-crisp-bio-35-g-480">
          <img alt="Riegel Vivani White Nougat Crisp Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/431/file/small-56cf522a66c80ddd3f2437c7fd737c7e.webp 600w, https://assets.fabulous.ch/public/variant_asset/431/file/medium-0a97ab9b7504c122e6cbda9f136fbe46.webp 900w, https://assets.fabulous.ch/public/variant_asset/431/file/large-06a298bce9e911d54e25a394f4886c59.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/431/file/medium-0a97ab9b7504c122e6cbda9f136fbe46.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">Vivani / Ichoc</p>
          <a href="/de/products/riegel-vivani-white-nougat-crisp-bio-35-g-480">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Riegel Vivani White Nougat Crisp Bio, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Yf_rYvgW3X06p5HSVVVMeUz-L_IALTLfIWRHOg0aoMn6DaNeqVD3BvdKmsviyWTR5GD7G9eEzZ-KD4XVvfMASA" />
    <input value="480" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/vivani-cavi-quick-kakao-getrankpulver-bio-400-g-481">
          <img alt="Vivani Cavi quick Kakao-Getränkpulver Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/432/file/small-92368a1ed0f3446814ca9689900f9205.webp 600w, https://assets.fabulous.ch/public/variant_asset/432/file/medium-049a1bc9943277d54be4a2af16bd20ad.webp 900w, https://assets.fabulous.ch/public/variant_asset/432/file/large-86291ef559db20a2d44994c142ea6782.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/432/file/medium-049a1bc9943277d54be4a2af16bd20ad.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">Vivani / Ichoc</p>
          <a href="/de/products/vivani-cavi-quick-kakao-getrankpulver-bio-400-g-481">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vivani Cavi quick Kakao-Getränkpulver Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="w_iC6LpmNRWmQTA-9Vd9FVBa2BJVpSr2qRhDY4M6k29YCsrU6yAfbmusOydCy1W9-MQM-4IM1bYCc4GMM9Mz7g" />
    <input value="481" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/tee-matcha-grunteepulver-raab-bio-30-g-482">
          <img alt="Tee MATCHA Grünteepulver Raab Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/436/file/small-f4b59943e93fb410f464ef7a25dc0da7.webp 600w, https://assets.fabulous.ch/public/variant_asset/436/file/medium-0bd887ce7774f033d5a066713bd9c053.webp 900w, https://assets.fabulous.ch/public/variant_asset/436/file/large-35cc5e86cba38eb8066ff705ee19eb76.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/436/file/medium-0bd887ce7774f033d5a066713bd9c053.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">Raab</p>
          <a href="/de/products/tee-matcha-grunteepulver-raab-bio-30-g-482">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tee MATCHA Grünteepulver Raab Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 31.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="owI9vGmdjQVI4aixVZ3wB-PvwADSPQaKZvZQAv5NjOQ48HWAONunfoUMo6jiAdivS3EU6QWU-crNnZLtTqQsZQ" />
    <input value="482" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/acai-pulver-glutenfrei-bio-80-g-483">
          <img alt="Acai Pulver Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/435/file/small-ffddf9ecbe622253977a1cfc678e10b2.webp 600w, https://assets.fabulous.ch/public/variant_asset/435/file/medium-0aa963ee97169f3d0514af45be3ecae1.webp 900w, https://assets.fabulous.ch/public/variant_asset/435/file/large-35dfb032194b2e12431186ee40ac8455.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/435/file/medium-0aa963ee97169f3d0514af45be3ecae1.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">Raab</p>
          <a href="/de/products/acai-pulver-glutenfrei-bio-80-g-483">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Acai Pulver Glutenfrei Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3uoTrXxifYX-aLkqZ_blyAEv9P8YWg_I9aMHbNYJZ69FGFuRLSRX_jOFsjPQas1gqbEgFs_z8IheyMWDZuDHLg" />
    <input value="483" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/reis-basmati-himalaya-weiss-500-g-485">
          <img alt="Reis Basmati Himalaya Weiss" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/438/file/small-254068701a18cd166010711725017767.webp 600w, https://assets.fabulous.ch/public/variant_asset/438/file/medium-0906f12ecde7503d4b62c71c3c2c32c4.webp 900w, https://assets.fabulous.ch/public/variant_asset/438/file/large-1b13cbfc82eac7a5e597169979a342e0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/438/file/medium-0906f12ecde7503d4b62c71c3c2c32c4.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">Davert</p>
          <a href="/de/products/reis-basmati-himalaya-weiss-500-g-485">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Reis Basmati Himalaya Weiss, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NKjmeWlVrYse-_2ZUYTm6FJ2M8SRYlfaESZR4YTT4wOvWq5FOBOH8NMW9oDmGM5A-ujnLUbLqJq6TZMONDpDgg" />
    <input value="485" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/day-q10-anti-falten-feuchtigkeitscreme-basis-sensitiv-50-ml-490">
          <img alt="Day Q10 Anti-Falten Feuchtigkeitscreme basis sensitiv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/440/file/small-f00a069f6cfd9b8de4951c5d4008bcae.webp 600w, https://assets.fabulous.ch/public/variant_asset/440/file/medium-5df868f7b976b61f3417d4052918cce7.webp 900w, https://assets.fabulous.ch/public/variant_asset/440/file/large-a96cdfcfe08ca86918e11c099943deba.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/440/file/medium-5df868f7b976b61f3417d4052918cce7.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">Lavera</p>
          <a href="/de/products/day-q10-anti-falten-feuchtigkeitscreme-basis-sensitiv-50-ml-490">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Day Q10 Anti-Falten Feuchtigkeitscreme basis sensitiv, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.25
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FCgFEMljPsWKE58Qap_Kbs-1J-LnlSxCgigev4g4eo-P2k0smCUUvkf-lAndA-LGZyvzCzA80wIpQ9xQONHaDg" />
    <input value="490" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kartoffelmehl-starke-glutenfrei-bio-250-g-514">
          <img alt="Kartoffelmehl (Stärke) glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/462/file/small-5255c4f3dccc38e3d0a5e183b09670cf.webp 600w, https://assets.fabulous.ch/public/variant_asset/462/file/medium-67ef7427c9006c1928d1dcb71ce8b5ab.webp 900w, https://assets.fabulous.ch/public/variant_asset/462/file/large-a3a4354e26ac508c474be31956d2de13.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/462/file/medium-67ef7427c9006c1928d1dcb71ce8b5ab.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">Bauckhof</p>
          <a href="/de/products/kartoffelmehl-starke-glutenfrei-bio-250-g-514">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kartoffelmehl (Stärke) glutenfrei Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Dn7dYByu_zrZhUEN9CRM9Oi61u0M23kaCecMcI25s92VjJVcTejVQRRoShRDuGRcQCQCBNtyhlqijM6fPVATXA" />
    <input value="514" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/gerstengras-pulver-rohkostqualitat-bio-75-g-515">
          <img alt="Gerstengras Pulver Rohkostqualität Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/465/file/small-fe1886f70d3f2d860c9609c9a6d27f81.webp 600w, https://assets.fabulous.ch/public/variant_asset/465/file/medium-c02acdc0c134cbd55cdc87ee753f419e.webp 900w, https://assets.fabulous.ch/public/variant_asset/465/file/large-d855b06d121a172153af179c57bc5e76.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/465/file/medium-c02acdc0c134cbd55cdc87ee753f419e.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">Raab</p>
          <a href="/de/products/gerstengras-pulver-rohkostqualitat-bio-75-g-515">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gerstengras Pulver Rohkostqualität Bio, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pQZBEC427uSqrrPq7A7B2gexE_p6AtRvSSlMQ24oNUg-9Aksf3DEn2dDuPNbkulyry_HE62rKy_iQo6s3sGVyQ" />
    <input value="515" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/goji-beeren-sonnengetrocknet-bio-100-g-516">
          <img alt="Goji Beeren Sonnengetrocknet Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/464/file/small-7c8ac5f455a239a06d5a4bd3acfb1bde.webp 600w, https://assets.fabulous.ch/public/variant_asset/464/file/medium-63625533df802ba5df60dda8a1376b69.webp 900w, https://assets.fabulous.ch/public/variant_asset/464/file/large-67e373bc2b96d5132ea2962e9a902848.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/464/file/medium-63625533df802ba5df60dda8a1376b69.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">Flores Farm</p>
          <a href="/de/products/goji-beeren-sonnengetrocknet-bio-100-g-516">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Goji Beeren Sonnengetrocknet Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.55
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tb6GUJYZVpbfjCcku4NxKz5bkMeLcoVHdFn5NzWV6rMuTM5sx1987RJhLD0MH1mDlsVELlzbegffMjvYhXxKMg" />
    <input value="516" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/acerola-pulver-pur-bio-100-g-517">
          <img alt="Acerola Pulver Pur Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/466/file/small-f37e73153b4f22ebbb9413620e839eca.webp 600w, https://assets.fabulous.ch/public/variant_asset/466/file/medium-236e29e646488da3f16adbf395f5f085.webp 900w, https://assets.fabulous.ch/public/variant_asset/466/file/large-38d26d192d4e3460fa1886f7ce36b502.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/466/file/medium-236e29e646488da3f16adbf395f5f085.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">Raab</p>
          <a href="/de/products/acerola-pulver-pur-bio-100-g-517">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Acerola Pulver Pur Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0zCLH3SjTusozxdLmDr4thpG85_Hlrvbkvz5C_Kt7dpIwsMjJeVkkOUiHFIvptAestgndhA_RJs5lzvkQkRNWw" />
    <input value="517" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/weizengras-pulver-rohkostqualitat-bio-75-g-518">
          <img alt="Weizengras Pulver Rohkostqualität Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/467/file/small-2dafdbee7462f6c69f2199d2afbea7a6.webp 600w, https://assets.fabulous.ch/public/variant_asset/467/file/medium-1389e6cbe77e36e967b716c0861fd1d0.webp 900w, https://assets.fabulous.ch/public/variant_asset/467/file/large-439abd0bc15fe774e63c76ac3d4409e0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/467/file/medium-1389e6cbe77e36e967b716c0861fd1d0.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">Raab</p>
          <a href="/de/products/weizengras-pulver-rohkostqualitat-bio-75-g-518">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Weizengras Pulver Rohkostqualität Bio, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.75
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7oRSSu5zwWqfaESTgMOKkM82OgRQ9Bq6sBy7DQVf18p1dhp2vzXrEVKFT4o3X6I4Z6ju7Ydd5fobd3nitbZ3Sw" />
    <input value="518" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/mehl-susslupinenmehl-rohkostqualitat-bio-300-g-521">
          <img alt="Mehl Süsslupinenmehl Rohkostqualität Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/470/file/small-e5fa3fb4d60276edc97532137529a596.webp 600w, https://assets.fabulous.ch/public/variant_asset/470/file/medium-89d1d05c23b23fc725e6c1dbdadcb76f.webp 900w, https://assets.fabulous.ch/public/variant_asset/470/file/large-44255e53b9728e7cdc575d3a7686dbd0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/470/file/medium-89d1d05c23b23fc725e6c1dbdadcb76f.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">Govinda</p>
          <a href="/de/products/mehl-susslupinenmehl-rohkostqualitat-bio-300-g-521">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mehl Süsslupinenmehl Rohkostqualität Bio, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JeBht72FEfQmngeRxxhLG0-Nbte3Xsuuca7KmiMw0Q6-EimL7MM7j-tzDIhwhGOz5xO6PmD3NO7axQh1k9lxjw" />
    <input value="521" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/eyeliner-kajal-black-schwarz-natural-1-13-g-1-stuck-527">
          <img alt="Eyeliner Kajal Black (schwarz) Natural 1,13 g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/475/file/small-b5da63245a5525a687739b2a59a9351c.webp 600w, https://assets.fabulous.ch/public/variant_asset/475/file/medium-a153fce4d90ced80ce0b82dba702357d.webp 900w, https://assets.fabulous.ch/public/variant_asset/475/file/large-a50abba3b5a26de2f43a650ee290e41d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/475/file/medium-a153fce4d90ced80ce0b82dba702357d.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">benecos</p>
          <a href="/de/products/eyeliner-kajal-black-schwarz-natural-1-13-g-1-stuck-527">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Eyeliner Kajal Black (schwarz) Natural 1,13 g, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OO367Q9v3X3bJHjHQQYaX8eMuibpDMo7FWa1zJGjDESjH7LRXin3BhbJc972mjL3bxJuzz6lNXu-DXcjIUqsxQ" />
    <input value="527" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/eyeliner-kajal-black-schwarz-trend-sensitiv-soft-1-1g-1-stuck-528">
          <img alt="Eyeliner Kajal Black (schwarz) Trend sensitiv Soft, 1,1g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/476/file/small-04673b04f075f311d97de731fda0ab70.webp 600w, https://assets.fabulous.ch/public/variant_asset/476/file/medium-7e7777a95f22b8d346b26ee0e255cb12.webp 900w, https://assets.fabulous.ch/public/variant_asset/476/file/large-92be680f35f8bb951e32388484c58e21.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/476/file/medium-7e7777a95f22b8d346b26ee0e255cb12.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">Lavera</p>
          <a href="/de/products/eyeliner-kajal-black-schwarz-trend-sensitiv-soft-1-1g-1-stuck-528">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Eyeliner Kajal Black (schwarz) Trend sensitiv Soft, 1,1g, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sO4MUFhg9ln_E3dbpDfm6I0zWhRdIC28iiIy6TgmpXIrHERsCSbcIjL-fEITq85AJa2O_YqJ0vwhSfAGiM8F8w" />
    <input value="528" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/eyeliner-soft-braun-02-kajal-1-4g-1-stuck-529">
          <img alt="Eyeliner Soft  Braun 02 Kajal, 1,4g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/477/file/small-ec4075addb7a069c97b8d51897530080.webp 600w, https://assets.fabulous.ch/public/variant_asset/477/file/medium-1deb4abaae2198b63dfbadc3b37adb73.webp 900w, https://assets.fabulous.ch/public/variant_asset/477/file/large-a28da36366e9b45f8daaff9e687e66bb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/477/file/medium-1deb4abaae2198b63dfbadc3b37adb73.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">Lavera</p>
          <a href="/de/products/eyeliner-soft-braun-02-kajal-1-4g-1-stuck-529">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Eyeliner Soft  Braun 02 Kajal, 1,4g, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="suFH7tBbJMQttdBKPi-MOnoqbBN9jj29wxkrm86WB2kpEw_SgR0Ov-BY21OJs6SS0rS4-qonwv1ocul0fn-n6A" />
    <input value="529" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/mascara-volume-black-schwarz-9-ml-532">
          <img alt="Mascara Volume Black (schwarz)" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/480/file/small-b0e376ddb55ed16cf1a5e36bb7baadcd.webp 600w, https://assets.fabulous.ch/public/variant_asset/480/file/medium-5a06fb8e5e855a7c64eaee65c35a71c7.webp 900w, https://assets.fabulous.ch/public/variant_asset/480/file/large-c2376ec7b26623560888cb5d275ab4c4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/480/file/medium-5a06fb8e5e855a7c64eaee65c35a71c7.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">Lavera</p>
          <a href="/de/products/mascara-volume-black-schwarz-9-ml-532">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mascara Volume Black (schwarz), 9 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.45
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jO1Exh0jDDJ3q4oooKS-0FVRgsTG1541hE48lriAhf0XHwz6TGUmSbpGgTEXOJZ4_c9WLRF-YXUvJf55CGklfA" />
    <input value="532" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/mascara-volume-brown-braun-9-ml-533">
          <img alt="Mascara Volume Brown (braun)" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/481/file/small-5f347a3f1c20886d45df668e2113f217.webp 600w, https://assets.fabulous.ch/public/variant_asset/481/file/medium-9bb729c60a198c878aff0e35c4f2f0ce.webp 900w, https://assets.fabulous.ch/public/variant_asset/481/file/large-6ea918ca9626a69119b50b41dbcb1442.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/481/file/medium-9bb729c60a198c878aff0e35c4f2f0ce.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">Lavera</p>
          <a href="/de/products/mascara-volume-brown-braun-9-ml-533">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mascara Volume Brown (braun), 9 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.45
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9-glTRtnt0uaDtwZbleBKNpviuA2XbyFZkjiYs0wTu5sGm1xSiGdMFfj1wDZy6mAcvFeCeH0Q8XNIyCNfdnubw" />
    <input value="533" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/make-up-natural-creamy-nude-30-ml-534">
          <img alt="Make-Up Natural Creamy nude" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/482/file/small-db85c3d0637858eb300c3b0f52b0da7e.webp 600w, https://assets.fabulous.ch/public/variant_asset/482/file/medium-696edd9110bcd0d74d733b9f6763e030.webp 900w, https://assets.fabulous.ch/public/variant_asset/482/file/large-9a66cfcbd4b53e6905fb4c368484c55d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/482/file/medium-696edd9110bcd0d74d733b9f6763e030.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">benecos</p>
          <a href="/de/products/make-up-natural-creamy-nude-30-ml-534">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Make-Up Natural Creamy nude, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8eAFDZyDMQBseB55qZ3ijwwXDbBIA3VjyLL8bjPo0SVqEk0xzcUbe6GVFWAeAconpInZWZ-qiiNj2T6BgwFxpA" />
    <input value="534" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/make-up-natural-creamy-caramel-30-ml-535">
          <img alt="Make-Up Natural Creamy caramel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/483/file/small-6f4b1e0e1bc922bd0c74987d62b5cff2.webp 600w, https://assets.fabulous.ch/public/variant_asset/483/file/medium-53d4dad458303c802e73de08d606c276.webp 900w, https://assets.fabulous.ch/public/variant_asset/483/file/large-830c33f5ea03b38b03c162e7257b7157.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/483/file/medium-53d4dad458303c802e73de08d606c276.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">benecos</p>
          <a href="/de/products/make-up-natural-creamy-caramel-30-ml-535">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Make-Up Natural Creamy caramel, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.30
            </p>

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

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

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

</template></turbo-stream>