<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%3D119">
    <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/pill-kosmetik-nahrende-duschbademilch-100-ml-19906">
          <img alt="Pill Kosmetik - nährende Duschbademilch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10256/file/small-45355afc5fe99bc7e9e622aac8edc681.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10256/file/medium-a4136a27da79a5f79d14c26930091382.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10256/file/large-1ef891aa265e319490f2057fd58311af.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10256/file/medium-a4136a27da79a5f79d14c26930091382.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">Unicosmed</p>
          <a href="/de/products/pill-kosmetik-nahrende-duschbademilch-100-ml-19906">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - nährende Duschbademilch, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8NgCRkuwa3zLbcm2-Q0jYhY14tOFNLsG1voziQMRj6-ydUEzMxrdzhV75xIlzLnWCLtfmh0uYS5e-3QTwIPSHg" />
    <input value="19906" 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%3D119">
    <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/brotaufstrich-pikant-dose-bio-200-g-19907">
          <img alt="Brotaufstrich Pikant Dose Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10296/file/small-eeba99c4754f8c8ac2e222b48e75c70a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10296/file/medium-5ac1382454f0b6103bcaa62431e6983f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10296/file/large-73377777c0a829c7599994c97e73cbe4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10296/file/medium-5ac1382454f0b6103bcaa62431e6983f.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">Harmona</p>
          <a href="/de/products/brotaufstrich-pikant-dose-bio-200-g-19907">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Brotaufstrich Pikant Dose Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4If1F2x7xp1Y7M8WeHCttuEM-7wRQ30m6eltxYj-_qaiKrZiFNFwL4b64bKksTcC_4JG9YlZpw5h6CpfS2yjFw" />
    <input value="19907" 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%3D119">
    <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/zimt-ceylon-gemahlen-bio-120-g-19908">
          <img alt="Zimt Ceylon gemahlen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10302/file/small-b0b18dae09fa01a1a7e5b0c9ce8f9d92.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10302/file/medium-4b21f1634891122864a4d84a81a47cff.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10302/file/large-90aa80bc979d6738f2c44ed1fee85f81.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10302/file/medium-4b21f1634891122864a4d84a81a47cff.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Brecht</p>
          <a href="/de/products/zimt-ceylon-gemahlen-bio-120-g-19908">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zimt Ceylon gemahlen Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GOCf1qQmSwjO2RJQJa7z3Tcuz6NPm9s5mpQWgXZnpmtaTdyj3Iz9uhDPPPT5b2lpKaBy6teBARESlVEbtfX72g" />
    <input value="19908" 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%3D119">
    <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/sternanis-ganz-bio-25-g-19909">
          <img alt="Sternanis ganz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10303/file/small-7c7a5cd629a8a90b2f0ff292734fc242.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10303/file/medium-c1ba137c331514bcf966360a5dd24ab0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10303/file/large-97a945c82c8297d7c308b9709a362fbf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10303/file/medium-c1ba137c331514bcf966360a5dd24ab0.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Brecht</p>
          <a href="/de/products/sternanis-ganz-bio-25-g-19909">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sternanis ganz Bio, 25 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 27.60 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tmdBJ2JACkbELVxGIohmzJG4yESbVNzWe5xur58Wt3v0ygJSGuq89Bo7cuL-Sfx4jzZ1DQNOBv7znSk1XITqyg" />
    <input value="19909" 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%3D119">
    <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/rote-bete-pulver-bio-roh-200-g-19910">
          <img alt="Rote Bete Pulver Bio roh" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10541/file/small-2ff8b4f977827c3a59c586adf95db232.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10541/file/medium-b7de5ce0f06497d9d3ab2ddf874e2474.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10541/file/large-55cfd89bf1d62e82abd5feb08c3a47c4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10541/file/medium-b7de5ce0f06497d9d3ab2ddf874e2474.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/rote-bete-pulver-bio-roh-200-g-19910">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rote Bete Pulver Bio roh, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="guo6W6XBw_AabpfH_rWIiSZFNF0b97JvvwsAcAEtuuHAR3ku3Wt1QsR4uWMidBI9OMuJFIPtaEc3Ckfqwr_nUA" />
    <input value="19910" 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%3D119">
    <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/heilerde-kapseln-40-stuck-19911">
          <img alt="Heilerde Kapseln" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10689/file/small-5af34ffd90ebf9bafb778165026af0cd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10689/file/medium-ef420fdcd566cd4a58fc85e7d646bf14.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10689/file/large-bcdc8ca63f2411edc5c28c22ba1dea49.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10689/file/medium-ef420fdcd566cd4a58fc85e7d646bf14.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">Luvos</p>
          <a href="/de/products/heilerde-kapseln-40-stuck-19911">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Heilerde Kapseln, 40 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oRqwcExR4UAxxq-K_ylTmawNA1rNDE3Enzw8oz9MwZzjt_MFNPtX8u_QgS4j6MktsoO-E1UWl-wXPXs5_N6cLQ" />
    <input value="19911" 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%3D119">
    <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/concealer-beige-3-2ml-1-stuck-19912">
          <img alt="Concealer beige 3.2ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10313/file/small-9e70bc12f2aecee5e1b07f0d5b0411d7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10313/file/medium-27fd362b0330e66c6b71376888976b09.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10313/file/large-3ff8bf9e522f20ef9971a36135bf7851.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10313/file/medium-27fd362b0330e66c6b71376888976b09.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">Börlind</p>
          <a href="/de/products/concealer-beige-3-2ml-1-stuck-19912">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Concealer beige 3.2ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="t1k7usXJv4MI7-0T5NSRpVz5dvINzFegK4X-FqV8Yxr19HjPvWMJMdb5w7c4FQsRQnfLu5XWjYijhLmMZu4-qw" />
    <input value="19912" 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%3D119">
    <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/kompaktpuder-almond-9-g-19913">
          <img alt="Kompaktpuder almond" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10315/file/small-96c3db32d063d1cb572ea7f506b717e0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10315/file/medium-d25d56b24461a118c56ae4673bf63574.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10315/file/large-b61d4acd62f94d4566a98f54ce45d53a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10315/file/medium-d25d56b24461a118c56ae4673bf63574.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">Börlind</p>
          <a href="/de/products/kompaktpuder-almond-9-g-19913">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kompaktpuder almond, 9 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4xQU0yTWNnM5M0PbbpGQ6RIz-CAh9JolGYBeZYSVbCahuVemXHyAweclbX-yUApdDL1FabnuQA2RgRn_Rwcxlw" />
    <input value="19913" 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%3D119">
    <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/aquanature-tagescreme-50-ml-19914">
          <img alt="AquaNature Tagescreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10314/file/small-03e782b33a6838ef40b73aedc6ff49b0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10314/file/medium-2e40c9a23e2ac2d495a337695df52407.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10314/file/large-611e63815f30ffabfdccc2a7f1cfc523.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10314/file/medium-2e40c9a23e2ac2d495a337695df52407.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">Börlind</p>
          <a href="/de/products/aquanature-tagescreme-50-ml-19914">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">AquaNature Tagescreme, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 48.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZQsQ00wermoTiW3Q3UtJ82IUwAIR_fSmr9lfoyMCJx4nplOmNLQY2M2fQ3QBitNHfJp9S4nnLo4n2Bg54JB6rw" />
    <input value="19914" 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%3D119">
    <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/kajalstift-dark-green-1-g-19915">
          <img alt="Kajalstift dark green" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10312/file/small-2ad4785055950ad7f4eac8e8a402f24d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10312/file/medium-62bc7657c2a0a70a724571e8c13622b9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10312/file/large-eeb49c747fba9f3d7ca89a3afa99f315.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10312/file/medium-62bc7657c2a0a70a724571e8c13622b9.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">Börlind</p>
          <a href="/de/products/kajalstift-dark-green-1-g-19915">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kajalstift dark green, 1 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="K-qtla2ann2Rli17pCdaHSs_YlxDIDiRl-h_Fu_qHIZpR-7g1TAoz0-AA9945sCpNbHfFds64rkf6TiMLHhBNw" />
    <input value="19915" 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%3D119">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kefir-drink-nature-demeter-500-ml-19916">
          <img alt="Kefir Drink Nature Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10316/file/small-bd4dd1d3cd993a9254bbbfa508069322.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10316/file/medium-5b2f5ad37e7c45e05b8cbeb467cd88a8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10316/file/large-2e9ea8038045030899cbbe591d7af43a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10316/file/medium-5b2f5ad37e7c45e05b8cbeb467cd88a8.webp" />
</a>    </header>

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

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="B6Aeq6xnJyueO45PnFwKHy8IkLfR7tS9kg80GpXFAJBFDV3e1M2RmUAtoOtAnZCrMYYt_kn0DpUaDnOAVlddIQ" />
    <input value="19916" 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%3D119">
    <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/joghurt-vanille-demeter-150-g-19917">
          <img alt="Joghurt Vanille Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10317/file/small-afde09bf847d0808365fc23a39531c37.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10317/file/medium-296cb0467d3ba6f20fd10ad562eb3f39.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10317/file/large-87a063790f47c7b3506f7242b5e35c54.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10317/file/medium-296cb0467d3ba6f20fd10ad562eb3f39.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biomilk</p>
          <a href="/de/products/joghurt-vanille-demeter-150-g-19917">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Joghurt Vanille Demeter, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="boXoFA_LQRoHj3IvjJMORitOHBTSsyHTwZKflxCfnSQsKKthd2H3qNmZXItQUpTyNcChXUqp-_tJk9gN0w3AlQ" />
    <input value="19917" 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%3D119">
    <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/lesirupier-zitronengras-350-ml-19918">
          <img alt="LeSirupier Zitronengras" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10318/file/small-12d676437db3b00b0fceec811056378f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10318/file/medium-7ff36205c454e8219ce9645ab28b67e9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10318/file/large-1c2655dc241f687dbd7bd9e1c6ecef67.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10318/file/medium-7ff36205c454e8219ce9645ab28b67e9.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">LeSirupierDeBerne</p>
          <a href="/de/products/lesirupier-zitronengras-350-ml-19918">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LeSirupier Zitronengras, 350 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZFHXAhyhCBu6RQhl7D4hdH8cLBjR2icO2gLx0c043mIm_JR3ZAu-qWRTJsEw_7vAYZKRUUnA_SZSA7ZLDqqD0w" />
    <input value="19918" 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%3D119">
    <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/lesirupier-rosenbluten-350-ml-19919">
          <img alt="LeSirupier Rosenblüten" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10319/file/small-7a4bda8419953511996783bc0ddb41e9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10319/file/medium-8d6ece4d6266f366cfe1fab8ad9e6768.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10319/file/large-8641af44d11a7d331b8f1faaf93e10be.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10319/file/medium-8d6ece4d6266f366cfe1fab8ad9e6768.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">LeSirupierDeBerne</p>
          <a href="/de/products/lesirupier-rosenbluten-350-ml-19919">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LeSirupier Rosenblüten, 350 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AgSV2tjSMCyB84uvjpdj3x9vo7T_1bIUbZU0-dzduupAqdavoHiGnl_lpQtSVvlrAeEe_WfPaDzllHNjH0_nWw" />
    <input value="19919" 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%3D119">
    <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/lesirupier-troll-700-ml-19920">
          <img alt="LeSirupier Troll" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10320/file/small-0772fb1ac69e50e1b526dcbc6b862ddf.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10320/file/medium-17686a7ddcaee226ea4e6799e14ef481.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10320/file/large-4d4d5146f4b89f0f72deac2614ff8b74.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10320/file/medium-17686a7ddcaee226ea4e6799e14ef481.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">LeSirupierDeBerne</p>
          <a href="/de/products/lesirupier-troll-700-ml-19920">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LeSirupier Troll, 700 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PkdjJ66wizvcmM7S1K8LsSl-qTmdDUUBSV0LdsrP6RB86iBS1ho9iQKO4HYIbpEFN_AUcAUXnynBXEzsCV20oQ" />
    <input value="19920" 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%3D119">
    <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/knacke-sesam-roggen-bio-250-g-19921">
          <img alt="Knäcke Sesam Roggen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11397/file/small-6a4846e764f18f9ac8f3c7753215461d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11397/file/medium-68c82b73baffea96f81562022c0b4f07.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11397/file/large-7ede1665129d6febc3a5eed87b0bb45d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11397/file/medium-68c82b73baffea96f81562022c0b4f07.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">Pural</p>
          <a href="/de/products/knacke-sesam-roggen-bio-250-g-19921">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Knäcke Sesam Roggen Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mkZ0cDWfHQEMczapaTk2iYXM2ee1lwNGnQMeHyoaFanY6zcFTTWrs9JlGA21-Kw9m0Jkri2N2W4VAlmF6YhIGA" />
    <input value="19921" 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%3D119">
    <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/quinoa-rot-bio-350-g-19922">
          <img alt="Quinoa rot Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10343/file/small-2b40b140c8eaebf4dd37d7c84e6ae18d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10343/file/medium-ea23911c21140c4049175caa3760f62d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10343/file/large-225eb06437ac98cdc8be53154eefbada.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10343/file/medium-ea23911c21140c4049175caa3760f62d.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">manifaktur</p>
          <a href="/de/products/quinoa-rot-bio-350-g-19922">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Quinoa rot Bio, 350 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 1.97 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yUZhT9jthHZfojuk2xDoomCgg68HQufLXNQ1XJeTz0GL6yI6oEcyxIG0FQAH0XIWfi4-5p9YPePU1XLGVAGS8A" />
    <input value="19922" 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%3D119">
    <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/quinoa-weiss-bio-350-g-19923">
          <img alt="Quinoa weiss Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10345/file/small-aba7b23300550b6927de19aa0dce6a81.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10345/file/medium-59f26694c416c1600ced07b2c4d3cfb5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10345/file/large-cfa97205e3e5df20702d8069bdecd744.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10345/file/medium-59f26694c416c1600ced07b2c4d3cfb5.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">manifaktur</p>
          <a href="/de/products/quinoa-weiss-bio-350-g-19923">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Quinoa weiss Bio, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.35
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SZA_3CkhX3AB8g4J3rEOfsFjNvYULoZn2P0dImhgmYILPXypUYvpwt_kIK0CcJTK3-2Lv4w0XE9Q_Fq4q_LEMw" />
    <input value="19923" 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%3D119">
    <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/quinoa-tricolore-bio-350-g-19924">
          <img alt="Quinoa Tricolore Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10344/file/small-84a31b2d0829bff60eb3e9cbbab0940b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10344/file/medium-e6e3c55681d5af9040488f1688d409cb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10344/file/large-db11aa4b619cb71afa498923338a45bb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10344/file/medium-e6e3c55681d5af9040488f1688d409cb.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">manifaktur</p>
          <a href="/de/products/quinoa-tricolore-bio-350-g-19924">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Quinoa Tricolore Bio, 350 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 1.97 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DupFJgNiHmjhU7HkeIW4ZFzYFDhLQWWO28rvqGYEQRJMRwZTe8io2j9Fn0CkRCLQQlapcdNbv6ZTy6gypZYcow" />
    <input value="19924" 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%3D119">
    <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/bio-waldhonig-bio-500-g-19925">
          <img alt="Bio-Waldhonig Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11052/file/small-9a183b2bca21252d3bbb458a82a3888f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11052/file/medium-926bf0ef63254dd542fe26ddb34a11cd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11052/file/large-5ba8a1f3aec1dfce065cd5de514cf41a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11052/file/medium-926bf0ef63254dd542fe26ddb34a11cd.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">Burgrain</p>
          <a href="/de/products/bio-waldhonig-bio-500-g-19925">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bio-Waldhonig Bio, 500 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 5.98 / 100 g
            </p>
        </div>
      </div>

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

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

</template></turbo-stream>