<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%2Fcategories%2Faromalife%3Fformat%3Dturbo_stream%26page%3D30">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/tofu-gerauchert-schweiz-bio-250-g-16644">
          <img alt="Tofu geräuchert Schweiz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7703/file/small-96edc054baedfd4bbebf7c1a7b8f8d53.webp 600w, https://assets.fabulous.ch/public/variant_asset/7703/file/medium-78e69e4f9fa60f9ff58b9d7ee675fd85.webp 900w, https://assets.fabulous.ch/public/variant_asset/7703/file/large-23f8dd58e1b0d98a6a8cbc6048bdda96.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7703/file/medium-78e69e4f9fa60f9ff58b9d7ee675fd85.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">Futur</p>
          <a href="/de/products/tofu-gerauchert-schweiz-bio-250-g-16644">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tofu geräuchert Schweiz Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.08 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lUOAqrWvYwrvs6igJxtN-U9KtXhIsuoL4o6G4J08hPdLMg4c6QWZ1GYdDZH4UFmE1y_pZe-swe_pwJ9Lh_UM-A" />
    <input value="16644" 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%2Fcategories%2Faromalife%3Fformat%3Dturbo_stream%26page%3D30">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/tofu-mariniert-schweiz-bio-250-g-17389">
          <img alt="Tofu mariniert Schweiz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8111/file/small-af69e07baa7d4513b6eeb874cda506f2.webp 600w, https://assets.fabulous.ch/public/variant_asset/8111/file/medium-fa09592d2dca655a3c7f37e290fd8761.webp 900w, https://assets.fabulous.ch/public/variant_asset/8111/file/large-3564ec085fb8618da95bc92a70448cfe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8111/file/medium-fa09592d2dca655a3c7f37e290fd8761.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">Futur</p>
          <a href="/de/products/tofu-mariniert-schweiz-bio-250-g-17389">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tofu mariniert Schweiz Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.65
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.26 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oBRNG9N2mQL56iNvgXlZHgRwNevu6NoTe19a57p83oF-ZcOtj9xj3HBEhl5eMk1jnBVp9kn28fdwEUNMoLVWjg" />
    <input value="17389" 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%2Fcategories%2Faromalife%3Fformat%3Dturbo_stream%26page%3D30">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/joghurtalternative-kokos-nature-bio-375-g-16584">
          <img alt="Joghurtalternative Kokos Nature Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7643/file/small-f08a752d8434401570988813e3e6b12e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7643/file/medium-ffe8e8480c67a9734dc18715e5a4c6f7.webp 900w, https://assets.fabulous.ch/public/variant_asset/7643/file/large-22353d31df496e90aaf2248f4aec5a11.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7643/file/medium-ffe8e8480c67a9734dc18715e5a4c6f7.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">Biedermann Bio</p>
          <a href="/de/products/joghurtalternative-kokos-nature-bio-375-g-16584">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Joghurtalternative Kokos Nature Bio, 375 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.85 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tbmMdNpci1PslzUKDJBy256jL4Bs92VftJBM90GrofpryALChvZxjWU5kDvT22amBsZzncvpTru_3lVcW2Ip9Q" />
    <input value="16584" 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%2Fcategories%2Faromalife%3Fformat%3Dturbo_stream%26page%3D30">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/rohrohrzucker-demeter-1-kg-20108">
          <img alt="Rohrohrzucker Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11174/file/small-2ae70833d7cff058964d691dc6d3455f.webp 600w, https://assets.fabulous.ch/public/variant_asset/11174/file/medium-d07e211557656825e754cd2ae7dbbd55.webp 900w, https://assets.fabulous.ch/public/variant_asset/11174/file/large-9724d010899664672541d498f0142792.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11174/file/medium-d07e211557656825e754cd2ae7dbbd55.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">Vanadis</p>
          <a href="/de/products/rohrohrzucker-demeter-1-kg-20108">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rohrohrzucker Demeter, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1VlF7H5yuV8rsE5Lg_EVGBriwUnCE45eOxByI1I1TNELKMtaIthDgaIe63pcugFlgoedVGUNpbowXmuISPzE3g" />
    <input value="20108" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 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%2Fcategories%2Faromalife%3Fformat%3Dturbo_stream%26page%3D30">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/nigari-magnesiumchlorid-pulver-500-g-3526">
          <img alt="Nigari (Magnesiumchlorid) Pulver" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2306/file/small-6741fa9c4f51f71c4e24090189218d6d.webp 600w, https://assets.fabulous.ch/public/variant_asset/2306/file/medium-285ab20c851510b8c70bd591fe795e81.webp 900w, https://assets.fabulous.ch/public/variant_asset/2306/file/large-971217d3e4f73e4eff46debf07eb4131.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2306/file/medium-285ab20c851510b8c70bd591fe795e81.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">energybalance</p>
          <a href="/de/products/nigari-magnesiumchlorid-pulver-500-g-3526">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nigari (Magnesiumchlorid) Pulver, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uarqF91WPQ7mzS3cHy82KFODLQly-k2uzpyDlEY4zf9n22ShgfzH0G9jiO3AZCJVy-ZxFNXkZkrF0po_XPFF8A" />
    <input value="3526" 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%2Fcategories%2Faromalife%3Fformat%3Dturbo_stream%26page%3D30">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/vitamin-b12-methylcobalamin-vegan-500-g-spray-25-ml-4665">
          <img alt="Vitamin B12 Methylcobalamin Vegan 500µg Spray" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2850/file/small-bfa98abc8cb3d997043f757c67e4ea00.webp 600w, https://assets.fabulous.ch/public/variant_asset/2850/file/medium-2afb5a66818a222d0f44e09025d10e2a.webp 900w, https://assets.fabulous.ch/public/variant_asset/2850/file/large-086f0aac2a6f45d2fa30c3d948e6db94.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2850/file/medium-2afb5a66818a222d0f44e09025d10e2a.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">energybalance</p>
          <a href="/de/products/vitamin-b12-methylcobalamin-vegan-500-g-spray-25-ml-4665">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vitamin B12 Methylcobalamin Vegan 500µg Spray, 25 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="24yhvxaXNs20xkcHUEfuBijzhYZ3A89oG_DV78DIoDsF_S8JSj3MEz1o4jaPDPp7sJbZm9Ad5IwQvsxE2gEoNA" />
    <input value="4665" 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%2Fcategories%2Faromalife%3Fformat%3Dturbo_stream%26page%3D30">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/sonett-oko-spulschwamm-2er-pack-1-stuck-4040">
          <img alt="Sonett Öko - Spülschwamm" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2563/file/small-3752aacd22b38849c01d39ec3e54e025.webp 600w, https://assets.fabulous.ch/public/variant_asset/2563/file/medium-ce0e25dd586b6d0a5323062077b77ad3.webp 900w, https://assets.fabulous.ch/public/variant_asset/2563/file/large-a31fdd1e0791a9650d55d5e75105e74c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2563/file/medium-ce0e25dd586b6d0a5323062077b77ad3.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonett</p>
          <a href="/de/products/sonett-oko-spulschwamm-2er-pack-1-stuck-4040">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sonett Öko - Spülschwamm, 2 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zDCZVeYaM5t1cxpHWBzmETE4sHsyZjsyLAT1f5DKVcQSQRfjurDJRfzdv3aHV_JsqV3sZpV4ENYnSuzUigPdyw" />
    <input value="4040" 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%2Fcategories%2Faromalife%3Fformat%3Dturbo_stream%26page%3D30">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/sonnenblumen-hack-pur-grossgebinde-bio-500-g-7295">
          <img alt="Sonnenblumen Hack Pur Grossgebinde Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4149/file/small-a66c6e3697d1a86833e08fd8b3a99fcb.webp 600w, https://assets.fabulous.ch/public/variant_asset/4149/file/medium-e0675be8f8a8f3854a16ee2c24a0f1cb.webp 900w, https://assets.fabulous.ch/public/variant_asset/4149/file/large-e7fb73fe8a98ac39312ed2daf0e9de78.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4149/file/medium-e0675be8f8a8f3854a16ee2c24a0f1cb.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">Sunflower Family</p>
          <a href="/de/products/sonnenblumen-hack-pur-grossgebinde-bio-500-g-7295">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sonnenblumen Hack Pur Grossgebinde Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 36.15
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Mb1oW2BYMEeEe4Nl5Y9OlMQLZt5sipRVQy7FdDEEF8LvzObtPPLKmQ3VJlQ6xFrpXG46w8uUv7FIYNzfK82fzQ" />
    <input value="7295" 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%2Fcategories%2Faromalife%3Fformat%3Dturbo_stream%26page%3D30">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kalkloser-mit-zitronensaure-flasche-1-l-2899">
          <img alt="Kalklöser mit Zitronensäure Flasche" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8858/file/small-fc0123596309e48e6109c2b808590c3f.webp 600w, https://assets.fabulous.ch/public/variant_asset/8858/file/medium-90e03b9871dfef8fcd47bfef0b8d1e67.webp 900w, https://assets.fabulous.ch/public/variant_asset/8858/file/large-c329f240cd76a83909721a150b54bc17.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8858/file/medium-90e03b9871dfef8fcd47bfef0b8d1e67.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonett</p>
          <a href="/de/products/kalkloser-mit-zitronensaure-flasche-1-l-2899">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kalklöser mit Zitronensäure Flasche, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="envjmbzlmHdX7EjPmn9HApxjTVYjLoFonIgR1_AkiHCkCm0v4E9iqd5C7f5FNFN_BAYRS4QwqoyXxgh86u0Afw" />
    <input value="2899" 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%2Fcategories%2Faromalife%3Fformat%3Dturbo_stream%26page%3D30">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/wc-reiniger-minze-myrthe-0-75-l-3977">
          <img alt="WC Reiniger Minze-Myrthe" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2518/file/small-243152edd821d0d70f74185e198b1bc0.webp 600w, https://assets.fabulous.ch/public/variant_asset/2518/file/medium-ba5c7af254f0aad097ce5f89c702d795.webp 900w, https://assets.fabulous.ch/public/variant_asset/2518/file/large-d4c0d3a4795ba6294244735e20b1a6a2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2518/file/medium-ba5c7af254f0aad097ce5f89c702d795.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonett</p>
          <a href="/de/products/wc-reiniger-minze-myrthe-0-75-l-3977">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">WC Reiniger Minze-Myrthe, 0.75 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="I0KaB4-mp8PLMrzsVlJuWAEKJJ55wNjqo09snh_PWWj9MxSx0wxdHUKcGd2JGXolmW94g97e8w6oAXU1BQbRZw" />
    <input value="3977" 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%2Fcategories%2Faromalife%3Fformat%3Dturbo_stream%26page%3D30">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/geschirr-handspulmittel-lemon-1-l-542">
          <img alt="Geschirr Handspülmittel Lemon" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/494/file/small-97807b91f59f05e664e11d7684efe51d.webp 600w, https://assets.fabulous.ch/public/variant_asset/494/file/medium-bc7f99f8e8383694407f11cbc719f292.webp 900w, https://assets.fabulous.ch/public/variant_asset/494/file/large-ed0a79cd45c327c195cd37217b0e0575.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/494/file/medium-bc7f99f8e8383694407f11cbc719f292.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonett</p>
          <a href="/de/products/geschirr-handspulmittel-lemon-1-l-542">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Geschirr Handspülmittel Lemon, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </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-542-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ejr43_LyWFor7Hgd-40Vh_Sp1emWO83iNjB17FYU3V_MS3ZprliihKJC3SwkxgH6bMyJ9DEl5gY9fmxHTN1VUA" />
    <input value="542" 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%2Fcategories%2Faromalife%3Fformat%3Dturbo_stream%26page%3D30">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/sauerkirsch-muttersaft-bio-200-ml-16514">
          <img alt="Sauerkirsch Muttersaft Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7611/file/small-00d967a135718dd8ebd7afaef692a2f6.webp 600w, https://assets.fabulous.ch/public/variant_asset/7611/file/medium-3a5deeac2d077fadf5a92cabe85d1776.webp 900w, https://assets.fabulous.ch/public/variant_asset/7611/file/large-cafdf3a37dee57d140bfd3b8b3b88afc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7611/file/medium-3a5deeac2d077fadf5a92cabe85d1776.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">Beutelsbacher</p>
          <a href="/de/products/sauerkirsch-muttersaft-bio-200-ml-16514">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sauerkirsch Muttersaft Bio, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eK4G5A6yA1h4R9THIpWcjtrQt65Jxu42F0_fvLgQ2M-m34hSUhj5hvHpcfb93ojzQrXrs-7YxdIcAcYXotlQwA" />
    <input value="16514" 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%2Fcategories%2Faromalife%3Fformat%3Dturbo_stream%26page%3D30">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/lupilove-protein-thai-lupinen-brotaufstrich-bio-135-g-13923">
          <img alt="LupiLove Protein Thai Lupinen-Brotaufstrich Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6625/file/small-8c9708f1cbdf234654039a416d7dab70.webp 600w, https://assets.fabulous.ch/public/variant_asset/6625/file/medium-614ca3cd1ee6280bf365cf5353a002db.webp 900w, https://assets.fabulous.ch/public/variant_asset/6625/file/large-2a0162aca650e67e2dd03a153036f96d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6625/file/medium-614ca3cd1ee6280bf365cf5353a002db.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Zwergenwiese</p>
          <a href="/de/products/lupilove-protein-thai-lupinen-brotaufstrich-bio-135-g-13923">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LupiLove Protein Thai Lupinen-Brotaufstrich Bio, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hV7Zr9CopkgmoXCsR0QlbsSIK3FzfxYoBBHCyuo9h_ZbL1cZjAJclq8P1Z2YDzETXO13bNRhPcwPX9th8PQP-Q" />
    <input value="13923" 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%2Fcategories%2Faromalife%3Fformat%3Dturbo_stream%26page%3D30">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/aufstrich-champignons-tartex-tube-bio-200-g-6926">
          <img alt="Aufstrich Champignons Tartex Tube Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4007/file/small-4bafb11f2a6649d56f9f8d88b225f1ec.webp 600w, https://assets.fabulous.ch/public/variant_asset/4007/file/medium-67bcf6f14b9e773356c93ed91e7b302e.webp 900w, https://assets.fabulous.ch/public/variant_asset/4007/file/large-a76f3b78435f1d8521524b1a53fa4b27.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4007/file/medium-67bcf6f14b9e773356c93ed91e7b302e.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">Tartex</p>
          <a href="/de/products/aufstrich-champignons-tartex-tube-bio-200-g-6926">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aufstrich Champignons Tartex Tube Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.85
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QuAnw1zHoIoxmm-ZrK0fctrlcvWEJDQYI11qHct120Gckal1AG1aVLg0yqhz5gsPQoAu6CM6H_woE3O20bxTTg" />
    <input value="6926" 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%2Fcategories%2Faromalife%3Fformat%3Dturbo_stream%26page%3D30">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/freely-cookie-himbeer-glutenfreie-kekse-vegan-bio-65-g-7279">
          <img alt="Freely Cookie Himbeer Glutenfreie Kekse Vegan Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4129/file/small-89d8a8ff9588e2c576ea185813ffc273.webp 600w, https://assets.fabulous.ch/public/variant_asset/4129/file/medium-48ef3b5a49fdc79e44c2ea1ad35c0819.webp 900w, https://assets.fabulous.ch/public/variant_asset/4129/file/large-dce05f7593693b1d5a12262a4c2ff3c8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4129/file/medium-48ef3b5a49fdc79e44c2ea1ad35c0819.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">Freely Handustry</p>
          <a href="/de/products/freely-cookie-himbeer-glutenfreie-kekse-vegan-bio-65-g-7279">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Freely Cookie Himbeer Glutenfreie Kekse Vegan Bio, 65 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 4.92 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="emceo8CJbKTcf9ptuD9Jos1vjwnmqKeiWUejFd2XdFWkFpAVnCOWelXRf1xndF3fVQrTFEG2jEZSCbq-x178Wg" />
    <input value="7279" 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%2Fcategories%2Faromalife%3Fformat%3Dturbo_stream%26page%3D30">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/freely-cookie-schokoladenchips-glutenfreie-kekse-vegan-bio-65-g-7278">
          <img alt="Freely Cookie Schokoladenchips Glutenfreie Kekse Vegan Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4128/file/small-0ea0cbcbc9f8c2e85ecb8ffa79cfcc7b.webp 600w, https://assets.fabulous.ch/public/variant_asset/4128/file/medium-c5944a7d9f2983964855f3ba54de9f81.webp 900w, https://assets.fabulous.ch/public/variant_asset/4128/file/large-d7ab7b84e399ecbf9da1cfcbffbcc03a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4128/file/medium-c5944a7d9f2983964855f3ba54de9f81.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">Freely Handustry</p>
          <a href="/de/products/freely-cookie-schokoladenchips-glutenfreie-kekse-vegan-bio-65-g-7278">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Freely Cookie Schokoladenchips Glutenfreie Kekse Vegan Bio, 65 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 4.92 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8mgJnP8SFdvAv3KgBqVTU1ID0pLtXi5gxDArAlBIKYMsGYcqo7jvBUkR15HZ7kcuymaOj0pABYTPfjKpSoGhjA" />
    <input value="7278" 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%2Fcategories%2Faromalife%3Fformat%3Dturbo_stream%26page%3D30">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/fruchtgummi-barchen-bio-100-g-13223">
          <img alt="Fruchtgummi Bärchen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6430/file/small-2b36ba12831baefce7d5ce7ce9e57b65.webp 600w, https://assets.fabulous.ch/public/variant_asset/6430/file/medium-ee8e16d5cde0f8922e3777a28b28f674.webp 900w, https://assets.fabulous.ch/public/variant_asset/6430/file/large-6a03df5ad2b9aa819767e257ea452ea3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6430/file/medium-ee8e16d5cde0f8922e3777a28b28f674.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">Heimatgut</p>
          <a href="/de/products/fruchtgummi-barchen-bio-100-g-13223">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Fruchtgummi Bärchen Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="X1z7qo0O4EcqDbUrkVOfElNOm-jorq9MPH6TG2gseKGBLXUc0aQamaOjEBpOGItvyyvH9U-whKg3MIqwcuXwrg" />
    <input value="13223" 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%2Fcategories%2Faromalife%3Fformat%3Dturbo_stream%26page%3D30">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/tafel-rapunzel-caramel-salt-bio-100-g-15459">
          <img alt="Tafel Rapunzel Caramel &amp; Salt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7057/file/small-3b9068160f73c9752eb1381790ac4faa.webp 600w, https://assets.fabulous.ch/public/variant_asset/7057/file/medium-aac5e04f8b9e683e09d252dbb26427e7.webp 900w, https://assets.fabulous.ch/public/variant_asset/7057/file/large-777b96df47f3e41f757b5c9f492115da.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7057/file/medium-aac5e04f8b9e683e09d252dbb26427e7.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">Rapunzel</p>
          <a href="/de/products/tafel-rapunzel-caramel-salt-bio-100-g-15459">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tafel Rapunzel Caramel &amp; Salt Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qvcHOv4olBY6rxGaGMNaSyeKpoUi6V_u_kg_zg5xphF0homMooJuyLMBtKvHiE42v-_6mIX3dAr1BiZlFLguHg" />
    <input value="15459" 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%2Fcategories%2Faromalife%3Fformat%3Dturbo_stream%26page%3D30">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/cashews-wurzig-bio-50-g-15525">
          <img alt="Cashews würzig Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7083/file/small-9078f0e2d3d08fc73fdbf79982993cc2.webp 600w, https://assets.fabulous.ch/public/variant_asset/7083/file/medium-63f0d0c0b163872b02bc7740f74abaf4.webp 900w, https://assets.fabulous.ch/public/variant_asset/7083/file/large-5ea0a450a87098bc04938b49bbe884cd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7083/file/medium-63f0d0c0b163872b02bc7740f74abaf4.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">Landgarten</p>
          <a href="/de/products/cashews-wurzig-bio-50-g-15525">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cashews würzig Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.05
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LZ-Szuzgkmj0mGi8yYD52JVV8Bjksf__pnRVCMZGwwvz7hx4sEpotn02zY0Wy-2lDTCsBUOv1ButOkyj3I9LBA" />
    <input value="15525" 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%2Fcategories%2Faromalife%3Fformat%3Dturbo_stream%26page%3D30">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/vegane-alternative-zu-mayonnaise-veganaise-di-riso-natur-bio-170-g-986">
          <img alt="Vegane Alternative zu Mayonnaise Veganaise di Riso NATUR Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/864/file/small-154cd520c67251f42e59055df74381c9.webp 600w, https://assets.fabulous.ch/public/variant_asset/864/file/medium-854f837b5295163b15d0a2dddc8f5258.webp 900w, https://assets.fabulous.ch/public/variant_asset/864/file/large-800cfe6d04b28f807f784c891113cfaa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/864/file/medium-854f837b5295163b15d0a2dddc8f5258.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">Gautschi</p>
          <a href="/de/products/vegane-alternative-zu-mayonnaise-veganaise-di-riso-natur-bio-170-g-986">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vegane Alternative zu Mayonnaise Veganaise di Riso NATUR Bio, 170 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fVOvX0TsjVHrYwLIVVlgT9QfKM5ekYmZlawrvkasTMejIiHpGEZ3j2LNp_mKEnQyTHp00_mPon2e4jIVXGXEyA" />
    <input value="986" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>



</template></turbo-stream>
<turbo-stream action="replace" target="infinite_scroll_sentinel"><template>
  <div id="infinite_scroll_sentinel" class="w-full py-8">
  <div class="flex flex-col items-center gap-3">
    <p class="text-sm text-gray-500">
      600 von 3&#39;316 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/aromalife?format=turbo_stream&amp;page=31">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>