<turbo-stream action="append" target="products_grid"><template>
    

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/shampoo-hanf-normales-haar-nachfullbeutel-bio-1000-ml-14889">
          <img alt="Shampoo Hanf Normales Haar Nachfüllbeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6828/file/small-4f33e7d0b98aa1645fd778f7b406caf5.webp 600w, https://assets.fabulous.ch/public/variant_asset/6828/file/medium-784ba910fb78cb86a7a89e3a54662893.webp 900w, https://assets.fabulous.ch/public/variant_asset/6828/file/large-294cc843bf7d30dd5aaac57a626756ee.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6828/file/medium-784ba910fb78cb86a7a89e3a54662893.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">benecos</p>
          <a href="/de/products/shampoo-hanf-normales-haar-nachfullbeutel-bio-1000-ml-14889">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampoo Hanf Normales Haar Nachfüllbeutel Bio, 1000 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.35
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_EVhI7E3RF68PE-0EwSZuM9-zE6wvFlA-PfCMBNy3wKgyRRHTjivAxZMYPqlLJLi8wSeMpE68elDTiZX-LgkHw" />
    <input value="14889" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/shampoo-bier-unisex-nachfullbeutel-bio-1000-ml-14890">
          <img alt="Shampoo Bier Unisex Nachfüllbeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6827/file/small-5d77d3239ffc58c622ba95e2d11bd673.webp 600w, https://assets.fabulous.ch/public/variant_asset/6827/file/medium-d4722515614c2257ae0c3d1ca0f46a32.webp 900w, https://assets.fabulous.ch/public/variant_asset/6827/file/large-dbddd7ebfea7e6c5207fe4e2f53ebc46.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6827/file/medium-d4722515614c2257ae0c3d1ca0f46a32.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">benecos</p>
          <a href="/de/products/shampoo-bier-unisex-nachfullbeutel-bio-1000-ml-14890">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampoo Bier Unisex Nachfüllbeutel Bio, 1000 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.25
            </p>

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

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

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

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


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/shampoo-volumen-traube-nachfullbeutel-bio-1000-ml-14891">
          <img alt="Shampoo Volumen Traube Nachfüllbeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6829/file/small-c67fd92190f3fb850e9e91fdaa150d77.webp 600w, https://assets.fabulous.ch/public/variant_asset/6829/file/medium-e5f9a1e21fd7d738d6a8a5a2f261c5a9.webp 900w, https://assets.fabulous.ch/public/variant_asset/6829/file/large-80465a1a404017e63728f98e537d7806.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6829/file/medium-e5f9a1e21fd7d738d6a8a5a2f261c5a9.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">benecos</p>
          <a href="/de/products/shampoo-volumen-traube-nachfullbeutel-bio-1000-ml-14891">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampoo Volumen Traube Nachfüllbeutel Bio, 1000 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.35
            </p>

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

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

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

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


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/rizinusol-pflegeol-bio-100-ml-14898">
          <img alt="Rizinusöl Pflegeöl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6830/file/small-9f973c593f2329fba7f01fd0d5a8c626.webp 600w, https://assets.fabulous.ch/public/variant_asset/6830/file/medium-4b151cc087353b042acf1a36dd37c194.webp 900w, https://assets.fabulous.ch/public/variant_asset/6830/file/large-48b9cfb2472b1feda03fcd3d33d3f901.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6830/file/medium-4b151cc087353b042acf1a36dd37c194.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">NaturKraftWerke</p>
          <a href="/de/products/rizinusol-pflegeol-bio-100-ml-14898">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rizinusöl Pflegeöl Bio, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.10
            </p>

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

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

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

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


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/ahornsirup-grad-a-bio-375-ml-14906">
          <img alt="Ahornsirup Grad A Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6832/file/small-f31951a2233fc9c852f119688b496605.webp 600w, https://assets.fabulous.ch/public/variant_asset/6832/file/medium-186b8ad077e9a443b34b650e1802da6c.webp 900w, https://assets.fabulous.ch/public/variant_asset/6832/file/large-ff9cd2dcb9b22c7af622448b92c9b84b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6832/file/medium-186b8ad077e9a443b34b650e1802da6c.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">Naturata</p>
          <a href="/de/products/ahornsirup-grad-a-bio-375-ml-14906">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ahornsirup Grad A Bio, 375 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

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

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


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kaffee-instant-getreidekaffee-koffeinfrei-demeter-100-g-14907">
          <img alt="Kaffee Instant Getreidekaffee Koffeinfrei Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6833/file/small-d27791e9a8f23c5061b01c6fcf320e2c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6833/file/medium-0e149fedbd12c93e53a7d9bf43d5b8ad.webp 900w, https://assets.fabulous.ch/public/variant_asset/6833/file/large-b02bce784ae68a64399770e1233882ef.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6833/file/medium-0e149fedbd12c93e53a7d9bf43d5b8ad.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">Naturata</p>
          <a href="/de/products/kaffee-instant-getreidekaffee-koffeinfrei-demeter-100-g-14907">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kaffee Instant Getreidekaffee Koffeinfrei Demeter, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Z_YuEmNNuZhw5mWFpBd9-kampOdcZeq-oyfTXxMHzY47elt2nEJSxdqWSssSP3agetz2m33jQhcYnjc4-M02kw" />
    <input value="14907" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/spaghetti-dinkel-vollkorn-bio-500-g-14915">
          <img alt="Spaghetti Dinkel Vollkorn Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6834/file/small-5684d4e0e14f08a80283f788c24609b8.webp 600w, https://assets.fabulous.ch/public/variant_asset/6834/file/medium-825bcbed25d501b2e4e1919ba2dfaa0d.webp 900w, https://assets.fabulous.ch/public/variant_asset/6834/file/large-63c195fa8455f8bdc3d5998155f39575.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6834/file/medium-825bcbed25d501b2e4e1919ba2dfaa0d.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">Naturata</p>
          <a href="/de/products/spaghetti-dinkel-vollkorn-bio-500-g-14915">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Spaghetti Dinkel Vollkorn Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

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

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

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

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


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/spirelli-dinkel-hell-bio-500-g-14916">
          <img alt="Spirelli Dinkel hell Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6836/file/small-f14d3a7490b6dda192a45b1cd7d7dd0d.webp 600w, https://assets.fabulous.ch/public/variant_asset/6836/file/medium-48cd82f7e470d4328235661c8a569025.webp 900w, https://assets.fabulous.ch/public/variant_asset/6836/file/large-d197b185c90dd1d9a39ac017ad90d674.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6836/file/medium-48cd82f7e470d4328235661c8a569025.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">Naturata</p>
          <a href="/de/products/spirelli-dinkel-hell-bio-500-g-14916">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Spirelli Dinkel hell Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.65
            </p>

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

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

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

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


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/spirelli-dinkel-vollkorn-bio-500-g-14917">
          <img alt="Spirelli Dinkel Vollkorn Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6835/file/small-dfb6351b0612f6cb228ea099baf2f21c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6835/file/medium-a99f6fb3abab9249948e32095e630e43.webp 900w, https://assets.fabulous.ch/public/variant_asset/6835/file/large-97268e743eb584c1e5916d3ccef58864.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6835/file/medium-a99f6fb3abab9249948e32095e630e43.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">Naturata</p>
          <a href="/de/products/spirelli-dinkel-vollkorn-bio-500-g-14917">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Spirelli Dinkel Vollkorn Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.35
            </p>

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

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

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

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


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/penne-dinkel-vollkorn-bio-500-g-14918">
          <img alt="Penne Dinkel Vollkorn Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6837/file/small-ddbacf5645583bce8754fa134088dadb.webp 600w, https://assets.fabulous.ch/public/variant_asset/6837/file/medium-3a3bc234095747f0b35291e0474d3274.webp 900w, https://assets.fabulous.ch/public/variant_asset/6837/file/large-65e23429a42342f7f5ec256d823f40f6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6837/file/medium-3a3bc234095747f0b35291e0474d3274.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">Naturata</p>
          <a href="/de/products/penne-dinkel-vollkorn-bio-500-g-14918">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Penne Dinkel Vollkorn Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.35
            </p>

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

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

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

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


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/bouillon-gemusebruhe-mit-bio-hefe-nachfullbeutel-bio-500-g-14919">
          <img alt="Bouillon Gemüsebrühe mit Bio-Hefe Nachfüllbeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6838/file/small-d2c67bae048de2285c348d3aa05b5e9a.webp 600w, https://assets.fabulous.ch/public/variant_asset/6838/file/medium-2c7ff1c656a2a75eba8b78d587ac265c.webp 900w, https://assets.fabulous.ch/public/variant_asset/6838/file/large-2ccf73d1b1031f13a3bec7248468e633.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6838/file/medium-2c7ff1c656a2a75eba8b78d587ac265c.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">Naturata</p>
          <a href="/de/products/bouillon-gemusebruhe-mit-bio-hefe-nachfullbeutel-bio-500-g-14919">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bouillon Gemüsebrühe mit Bio-Hefe Nachfüllbeutel Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.70
            </p>

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

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

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

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


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/grill-und-wurzsauce-suss-sauer-glutenfrei-bio-210-ml-14922">
          <img alt="Grill- und Würzsauce Süss-Sauer Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6842/file/small-fb04ef736cb7a10080928203ca524c72.webp 600w, https://assets.fabulous.ch/public/variant_asset/6842/file/medium-0d8224ba246f0cb6017d0c4dcbc37c4e.webp 900w, https://assets.fabulous.ch/public/variant_asset/6842/file/large-c1f3d62f85274f93b32ec31e792e8442.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6842/file/medium-0d8224ba246f0cb6017d0c4dcbc37c4e.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">Naturata</p>
          <a href="/de/products/grill-und-wurzsauce-suss-sauer-glutenfrei-bio-210-ml-14922">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Grill- und Würzsauce Süss-Sauer Glutenfrei Bio, 210 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

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

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


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/grill-und-wurzsauce-sweet-chili-glutenfrei-bio-210-ml-14923">
          <img alt="Grill- und Würzsauce Sweet Chili Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6843/file/small-720d1684b07ee277f042e92f283753ff.webp 600w, https://assets.fabulous.ch/public/variant_asset/6843/file/medium-6edd84b5357f9c4eb135dd492cbc3cf0.webp 900w, https://assets.fabulous.ch/public/variant_asset/6843/file/large-830aee4681ca56d000b271d7e88c203d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6843/file/medium-6edd84b5357f9c4eb135dd492cbc3cf0.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">Naturata</p>
          <a href="/de/products/grill-und-wurzsauce-sweet-chili-glutenfrei-bio-210-ml-14923">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Grill- und Würzsauce Sweet Chili Glutenfrei Bio, 210 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2GYNg3yjULeWG-RVCxnmj0acFsBj7ymLod1-9LYoUeGE6njng6y76jxryxu9Me3VeuZEvEJpgSIaZJqTXeKq_A" />
    <input value="14923" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/passierte-tomaten-demeter-400-ml-14924">
          <img alt="Passierte Tomaten Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6844/file/small-107a90ca6efd7c52821f357f8132b0d5.webp 600w, https://assets.fabulous.ch/public/variant_asset/6844/file/medium-2003ec2e6a1b6cbb73177c6d3df51b90.webp 900w, https://assets.fabulous.ch/public/variant_asset/6844/file/large-d033cb5032c048fb6b3a0ac687b4f314.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6844/file/medium-2003ec2e6a1b6cbb73177c6d3df51b90.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">Naturata</p>
          <a href="/de/products/passierte-tomaten-demeter-400-ml-14924">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Passierte Tomaten Demeter, 400 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

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

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


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/geschalte-tomaten-in-tomatensaft-demeter-660-g-14925">
          <img alt="Geschälte Tomaten in Tomatensaft Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6845/file/small-82dd849b4823986db28f927833a58abe.webp 600w, https://assets.fabulous.ch/public/variant_asset/6845/file/medium-caafd9c1429b84256a434095644a05f7.webp 900w, https://assets.fabulous.ch/public/variant_asset/6845/file/large-6538e0be33c827257fa52453c4184f81.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6845/file/medium-caafd9c1429b84256a434095644a05f7.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">Naturata</p>
          <a href="/de/products/geschalte-tomaten-in-tomatensaft-demeter-660-g-14925">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Geschälte Tomaten in Tomatensaft Demeter, 660 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

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

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


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kaffee-instant-getreidekaffee-zimt-kardamom-bio-125-g-14926">
          <img alt="Kaffee Instant Getreidekaffee Zimt &amp; Kardamom Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6846/file/small-49936acab3b0d26177db7adeed06293c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6846/file/medium-cf15b38e7342da613cb46aeb653187bc.webp 900w, https://assets.fabulous.ch/public/variant_asset/6846/file/large-38b4cad013083eddaeb00819ba6ad1ed.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6846/file/medium-cf15b38e7342da613cb46aeb653187bc.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">Naturata</p>
          <a href="/de/products/kaffee-instant-getreidekaffee-zimt-kardamom-bio-125-g-14926">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kaffee Instant Getreidekaffee Zimt &amp; Kardamom Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.00
            </p>

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

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

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

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


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kaffee-instant-dinkelkaffee-koffeinfrei-nachfullbeutel-demeter-175-g-14929">
          <img alt="Kaffee Instant Dinkelkaffee Koffeinfrei Nachfüllbeutel Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6848/file/small-edda10c1ab30d2dccad7d595e3fb1e68.webp 600w, https://assets.fabulous.ch/public/variant_asset/6848/file/medium-57cdb54e2ad2170b3b261747926128e4.webp 900w, https://assets.fabulous.ch/public/variant_asset/6848/file/large-1ce92b0e496c5a5b00ee9ca1a4b437a0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6848/file/medium-57cdb54e2ad2170b3b261747926128e4.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">Naturata</p>
          <a href="/de/products/kaffee-instant-dinkelkaffee-koffeinfrei-nachfullbeutel-demeter-175-g-14929">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kaffee Instant Dinkelkaffee Koffeinfrei Nachfüllbeutel Demeter, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.50
            </p>

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

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

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

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


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kaffee-instant-dinkelkaffee-koffeinfrei-dose-demeter-75-g-14930">
          <img alt="Kaffee Instant Dinkelkaffee Koffeinfrei Dose Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6849/file/small-9e2fc8e49550a1e82c870d34c8f0a7d5.webp 600w, https://assets.fabulous.ch/public/variant_asset/6849/file/medium-93e89a7b39cf4a1f87ad81067be1e490.webp 900w, https://assets.fabulous.ch/public/variant_asset/6849/file/large-39f8980f2478359e1f662132032818a0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6849/file/medium-93e89a7b39cf4a1f87ad81067be1e490.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">Naturata</p>
          <a href="/de/products/kaffee-instant-dinkelkaffee-koffeinfrei-dose-demeter-75-g-14930">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kaffee Instant Dinkelkaffee Koffeinfrei Dose Demeter, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.00
            </p>

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

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

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

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


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kakao-pulver-edelkakao-fairtrade-bio-125-g-14931">
          <img alt="Kakao Pulver Edelkakao Fairtrade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6850/file/small-267f1caeddac328a23d3662101a2d350.webp 600w, https://assets.fabulous.ch/public/variant_asset/6850/file/medium-639e3d601857a1241ef6e6405100c22c.webp 900w, https://assets.fabulous.ch/public/variant_asset/6850/file/large-92e58db84696774ba18e37b6aba5942d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6850/file/medium-639e3d601857a1241ef6e6405100c22c.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">Naturata</p>
          <a href="/de/products/kakao-pulver-edelkakao-fairtrade-bio-125-g-14931">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kakao Pulver Edelkakao Fairtrade Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

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

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


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/nukleotide-hepacell-nt-kapseln-180-stuck-14932">
          <img alt="Nukleotide Hepacell NT Kapseln" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6851/file/small-83a2592210c8f74709f3715081309fd2.webp 600w, https://assets.fabulous.ch/public/variant_asset/6851/file/medium-b6594f4eb0e70fe46bc240fd891995c4.webp 900w, https://assets.fabulous.ch/public/variant_asset/6851/file/large-75bb88c5ba28a66afc2ef29c82092a72.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6851/file/medium-b6594f4eb0e70fe46bc240fd891995c4.webp" />
</a>    </header>

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

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TE_splzlTSBln2iFIt9JS_OIxYWUrkFTHF86K7y7QikQw5nCo-qmfc_vR8uU90IRz_KX-bUo6fqn5t5MV3G5NA" />
    <input value="14932" 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;340 von 3&#39;171 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/true-aps?format=turbo_stream&amp;page=118">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>