<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/soja-sauce-tamari-bio-18-l-13582">
          <img alt="Soja Sauce Tamari Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6554/file/small-e89b4a7ca43a3d74cb6b0c273af30c06.webp 600w, https://assets.fabulous.ch/public/variant_asset/6554/file/medium-7b3bcea04fbcff1ae7bec914daee3bff.webp 900w, https://assets.fabulous.ch/public/variant_asset/6554/file/large-a9fe415cb1548c6248df9d7f1293989d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6554/file/medium-7b3bcea04fbcff1ae7bec914daee3bff.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">Bio Grosshandel</p>
          <a href="/de/products/soja-sauce-tamari-bio-18-l-13582">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soja Sauce Tamari Bio, 18 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 304.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HDcWWcKANesdKp0tGFXRxDF_FXjQzjENWVMBzm_HLBex8eaL5KLgDr5lor7tdulD1pnl9sIrhwm4A7tYjUWx0w" />
    <input value="13582" 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">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/hello-sweety-zuckerersatz-250-g-13583">
          <img alt="Hello Sweety Zuckerersatz" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6557/file/small-b33a502b25c8de0f9128b5bea7a25ad6.webp 600w, https://assets.fabulous.ch/public/variant_asset/6557/file/medium-5bdfaa95eede3e1a1b6ae15e7c634bc8.webp 900w, https://assets.fabulous.ch/public/variant_asset/6557/file/large-d0da120da004aed996c9ad63d8052384.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6557/file/medium-5bdfaa95eede3e1a1b6ae15e7c634bc8.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">Hello Sweety</p>
          <a href="/de/products/hello-sweety-zuckerersatz-250-g-13583">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hello Sweety Zuckerersatz, 250 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 3.16 / 100 g
            </p>
        </div>
      </div>

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/de/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Benachrichtigen
</a>

      </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/apfeldicksaft-bio-250-g-13693">
          <img alt="Apfeldicksaft Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6578/file/small-14205adb3dec179c3cca7419eef80fef.webp 600w, https://assets.fabulous.ch/public/variant_asset/6578/file/medium-c8b36ac9d2d4260ba2ba830199ac6239.webp 900w, https://assets.fabulous.ch/public/variant_asset/6578/file/large-9ca19ec3433597c7906cd9cf91dd23c4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6578/file/medium-c8b36ac9d2d4260ba2ba830199ac6239.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">Biofarm</p>
          <a href="/de/products/apfeldicksaft-bio-250-g-13693">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Apfeldicksaft Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wrh6jWrOBW9dHFQPgJvo6tLmNymhiLKMNFxz1URZDr1vfopfTOzQiv5Ta5x1uNBtNQDHp7NtBIjVDMlDptuTeQ" />
    <input value="13693" 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/dessertsauce-kokos-schoko-fudge-200-g-13769">
          <img alt="Dessertsauce Kokos Schoko-Fudge" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6590/file/small-05544b0cbdab676d6302d70ccb7472ef.webp 600w, https://assets.fabulous.ch/public/variant_asset/6590/file/medium-f70eb24ab17375cb5d19b98d94345246.webp 900w, https://assets.fabulous.ch/public/variant_asset/6590/file/large-fa247406025a864cd83927f2ddb96818.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6590/file/medium-f70eb24ab17375cb5d19b98d94345246.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">Nature&#39;s Charm</p>
          <a href="/de/products/dessertsauce-kokos-schoko-fudge-200-g-13769">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dessertsauce Kokos Schoko-Fudge, 200 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 2.25 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UKIKiZOPwk90Z_7C9_FOuwbjmu2QpVYN1wEEKSckfW39ZPpbta0XqtcowVEC0nY84QVqY4JA4Ak2Ub6_xabgqQ" />
    <input value="13769" 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">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/dessertsauce-kokos-karamell-200-g-13772">
          <img alt="Dessertsauce Kokos Karamell" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6593/file/small-f10e2fadb9fca2c60814342e2433bf5a.webp 600w, https://assets.fabulous.ch/public/variant_asset/6593/file/medium-050e0f1ddc925611e17ac1becfa541f0.webp 900w, https://assets.fabulous.ch/public/variant_asset/6593/file/large-fd3a7195ca2afbe38e62647129a4e099.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6593/file/medium-050e0f1ddc925611e17ac1becfa541f0.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">Nature&#39;s Charm</p>
          <a href="/de/products/dessertsauce-kokos-karamell-200-g-13772">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dessertsauce Kokos Karamell, 200 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 2.25 / 100 g
            </p>
        </div>
      </div>

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/de/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Benachrichtigen
</a>

      </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/haselnuss-du-chocolat-bio-200-g-13816">
          <img alt="Haselnuss du Chocolat Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6591/file/small-46e673ff763c211361d8173847d31d9e.webp 600w, https://assets.fabulous.ch/public/variant_asset/6591/file/medium-bc92b0d14371c4ec78c0bd4bf3cbed79.webp 900w, https://assets.fabulous.ch/public/variant_asset/6591/file/large-e5f5a8843d73e7072df2ebb31dc7ed6a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6591/file/medium-bc92b0d14371c4ec78c0bd4bf3cbed79.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">Naturkostbar</p>
          <a href="/de/products/haselnuss-du-chocolat-bio-200-g-13816">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Haselnuss du Chocolat Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="q_wCEV1Pzwmk_-CQDS_OPT04hgrkvLKpxi97tqOvrrEGOvLDe20a7Aew3wP4DPa62t52hPZZBK0nf8EgQS0zdQ" />
    <input value="13816" 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">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/gianduja-chocolate-aufstrich-bio-200-g-13817">
          <img alt="Gianduja Chocolate Aufstrich Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6592/file/small-316798b4acdec72cf9318cf0967c8df9.webp 600w, https://assets.fabulous.ch/public/variant_asset/6592/file/medium-375246c29f0a2862f792bc163c760a39.webp 900w, https://assets.fabulous.ch/public/variant_asset/6592/file/large-6ef58ad875aa1c6e65edd5b346b0ae78.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6592/file/medium-375246c29f0a2862f792bc163c760a39.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">Naturkostbar</p>
          <a href="/de/products/gianduja-chocolate-aufstrich-bio-200-g-13817">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gianduja Chocolate Aufstrich Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/de/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Benachrichtigen
</a>

      </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/apfeldicksaft-bio-850-g-14005">
          <img alt="Apfeldicksaft Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6634/file/small-4d2db6ddb503ea44ee9cbeb0623b9611.webp 600w, https://assets.fabulous.ch/public/variant_asset/6634/file/medium-b1f250fd239ac2c615aaed90139fe01d.webp 900w, https://assets.fabulous.ch/public/variant_asset/6634/file/large-bb69cb8e9f0575fcde38c1a6380d8000.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6634/file/medium-b1f250fd239ac2c615aaed90139fe01d.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">Biofarm</p>
          <a href="/de/products/apfeldicksaft-bio-850-g-14005">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Apfeldicksaft Bio, 850 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xkKkD1h-rqPnxDwxaToVyPJDq6WMbxDXayBxpSc_89JrhFTdflx7RkSLA6KcGS1PFaVbK56KptOKcMszxb1uFg" />
    <input value="14005" 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/yacon-sirup-bio-250-g-14110">
          <img alt="Yacon Sirup Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6654/file/small-df894fceffb2df40052d4e5aae4dbdfa.webp 600w, https://assets.fabulous.ch/public/variant_asset/6654/file/medium-82a2e9ba36de9bdd27c2c8ddf95be3c2.webp 900w, https://assets.fabulous.ch/public/variant_asset/6654/file/large-f0e4ad978fee15d5269f52b2929caec2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6654/file/medium-82a2e9ba36de9bdd27c2c8ddf95be3c2.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">Sembrador</p>
          <a href="/de/products/yacon-sirup-bio-250-g-14110">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Yacon Sirup Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9OhcRZKKEOSLXfn0X-_lle5fIq55gVt8QsiEXNI8DWhZLqyXtKjFASgSxmeqzN0SCbnSIGtk7XijmD7KML6QrA" />
    <input value="14110" 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/kokos-mandelmus-bio-200-g-14163">
          <img alt="Kokos-Mandelmus Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6655/file/small-6340fc23e94a63dfca6ef237c5ecd36a.webp 600w, https://assets.fabulous.ch/public/variant_asset/6655/file/medium-8f03e99bcdc97de203db2a7e9aefe45d.webp 900w, https://assets.fabulous.ch/public/variant_asset/6655/file/large-e380aa500bb8b4aeb1fd8ecd6ba8590c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6655/file/medium-8f03e99bcdc97de203db2a7e9aefe45d.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">Dr. Goerg</p>
          <a href="/de/products/kokos-mandelmus-bio-200-g-14163">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kokos-Mandelmus Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Z_rTao4c0tTuyec_32Rn-i5Hv8vxe5PHlvP821jr47zKPCO4qD4HMU2G2KwqR199yaFPReOeJcN3o0ZNuml-eA" />
    <input value="14163" 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/tamarinden-konzentrat-bio-120-g-14410">
          <img alt="Tamarinden Konzentrat Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6674/file/small-11aff22fb46eec6dfb7f603091ee83e9.webp 600w, https://assets.fabulous.ch/public/variant_asset/6674/file/medium-be19a219c41cd69b00e580739f03d184.webp 900w, https://assets.fabulous.ch/public/variant_asset/6674/file/large-c09d12d995cce6fb1237dc183d1a8eed.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6674/file/medium-be19a219c41cd69b00e580739f03d184.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">YAKSO</p>
          <a href="/de/products/tamarinden-konzentrat-bio-120-g-14410">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tamarinden Konzentrat Bio, 120 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 3.75 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1zZ1A_nw5kaDZNKz15YtBl7YWyC4nPuWh8d_m95YlHd68IXR39IzoyAr7SAitRWBuT6rrqp5TZJml8UNPNoJsw" />
    <input value="14410" 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/meine-vegane-bratensauce-bio-25-g-14413">
          <img alt="Meine vegane Bratensauce Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6678/file/small-4c76e4cb3111f5527a2b6ed40c8be720.webp 600w, https://assets.fabulous.ch/public/variant_asset/6678/file/medium-ba006d01bfdfc2e1311e1ef5d33ee7a8.webp 900w, https://assets.fabulous.ch/public/variant_asset/6678/file/large-7d74e3981561a5e7a2780b471ecef038.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6678/file/medium-ba006d01bfdfc2e1311e1ef5d33ee7a8.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biovegan</p>
          <a href="/de/products/meine-vegane-bratensauce-bio-25-g-14413">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Meine vegane Bratensauce Bio, 25 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.75
            </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-14413-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8HNdVPp_aOqImPG7Oy5T2VnBa1yp7BZMeZ5nggixEUFdta2G3F29DyvXzijODWtevieb0rsJoEiYzt0U6jOMhQ" />
    <input value="14413" 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/wintergewurz-gemahlen-bio-50-g-14564">
          <img alt="Wintergewürz gemahlen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6738/file/small-c625021909579f53ad6f0059fa5a5d9f.webp 600w, https://assets.fabulous.ch/public/variant_asset/6738/file/medium-ee98b040cbbcf6581cc339165cdeeb38.webp 900w, https://assets.fabulous.ch/public/variant_asset/6738/file/large-c19c943ea959f3d8ca6b43ac0056d52a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6738/file/medium-ee98b040cbbcf6581cc339165cdeeb38.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">Lebensbaum</p>
          <a href="/de/products/wintergewurz-gemahlen-bio-50-g-14564">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Wintergewürz gemahlen Bio, 50 g</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 8.40 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KvrVGLXW3n_g86QwESeZxhjMqjv0hLThNcawbUmec62HPCXKk_QLmkO8m6PkBKFB_ypateZhAuXUlgr7qxzuaQ" />
    <input value="14564" 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/pfiffikus-streuwurze-und-gemusebruhe-dose-bio-250-g-14600">
          <img alt="Pfiffikus Streuwürze und Gemüsebrühe Dose Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8859/file/small-63276dcf3934944986a5cfca98043e9d.webp 600w, https://assets.fabulous.ch/public/variant_asset/8859/file/medium-4512ae2c5755b08e7ad17528cb91a6eb.webp 900w, https://assets.fabulous.ch/public/variant_asset/8859/file/large-947370f621b0ab77e6a3253699994fa2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8859/file/medium-4512ae2c5755b08e7ad17528cb91a6eb.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">Pfiffikuss</p>
          <a href="/de/products/pfiffikus-streuwurze-und-gemusebruhe-dose-bio-250-g-14600">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pfiffikus Streuwürze und Gemüsebrühe Dose Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hp_7ac66HoLl1QATp8g091bdwgEOitt-R_hGfgNWq-YrWQu76JjLZ0aaP4BS6wxwsTsyjxxvbXqmqPzo4dQ2Ig" />
    <input value="14600" 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/pesto-al-limone-zitrone-bio-130-g-14604">
          <img alt="Pesto al Limone Zitrone Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6760/file/small-ae114b76619dfd4a847a617726a219c7.webp 600w, https://assets.fabulous.ch/public/variant_asset/6760/file/medium-60ef2401952c81a82046bc8106f9e164.webp 900w, https://assets.fabulous.ch/public/variant_asset/6760/file/large-225ce94d2135be9613f0b16a66bc8a58.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6760/file/medium-60ef2401952c81a82046bc8106f9e164.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">LaSelva</p>
          <a href="/de/products/pesto-al-limone-zitrone-bio-130-g-14604">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pesto al Limone Zitrone Bio, 130 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 3.62 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="w9h9oxcPIBYCNQ2GOyFZNMhCfwAhV6ClQJ2LqrZHJrFuHo1xMS3186F6MhXOAmGzL6SPjjOyFqGhzTE8VMW7dQ" />
    <input value="14604" 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/better-foodie-vegan-hanny-honig-alternative-300-g-14846">
          <img alt="Better Foodie Vegan Hanny Honig-Alternative" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6791/file/small-57d4af7df0b4abce324d11a03af39180.webp 600w, https://assets.fabulous.ch/public/variant_asset/6791/file/medium-e3ab2c75e2c210b07687353acd71b620.webp 900w, https://assets.fabulous.ch/public/variant_asset/6791/file/large-d5f839f9a3e04dcb86c86dc6b08a4e82.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6791/file/medium-e3ab2c75e2c210b07687353acd71b620.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">Better Foodie</p>
          <a href="/de/products/better-foodie-vegan-hanny-honig-alternative-300-g-14846">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Better Foodie Vegan Hanny Honig-Alternative, 300 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 2.63 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="k6lHq7isuYOI90vANCR-k76uIf3Y5mQ3M56up8Q9ueg-b7d5no5sZiu4dFPBB0YUWUjRc8oD0jPSzhQxJr8kLA" />
    <input value="14846" 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">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/flave-powder-geschmackspulver-vanille-120-g-14855">
          <img alt="Flave Powder Geschmackspulver Vanille" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6796/file/small-49d58416202b9396c8e42de5c4b2bfbb.webp 600w, https://assets.fabulous.ch/public/variant_asset/6796/file/medium-77a20a7e985dfef6dfffb34e5c92f3c5.webp 900w, https://assets.fabulous.ch/public/variant_asset/6796/file/large-85a2b934bdcc34ab9091ea775e275d09.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6796/file/medium-77a20a7e985dfef6dfffb34e5c92f3c5.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">Xucker</p>
          <a href="/de/products/flave-powder-geschmackspulver-vanille-120-g-14855">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Flave Powder Geschmackspulver Vanille, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/de/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Benachrichtigen
</a>

      </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/chaga-pulver-aus-vitalpilz-bio-50-g-14877">
          <img alt="Chaga Pulver aus Vitalpilz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6815/file/small-229381675b2dca21b89af0716241a1ed.webp 600w, https://assets.fabulous.ch/public/variant_asset/6815/file/medium-f28acf5be8ce4f96fb873627b38ebc2c.webp 900w, https://assets.fabulous.ch/public/variant_asset/6815/file/large-bee844cd5790ef5f5fdf91e761652986.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6815/file/medium-f28acf5be8ce4f96fb873627b38ebc2c.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/chaga-pulver-aus-vitalpilz-bio-50-g-14877">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chaga Pulver aus Vitalpilz Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 30.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="r9C9Jd-jmib5C06Pby_e4Ra9IC69OWJFlzah8r8DLYECFk33-YFPw1pEcRyaDOZm8VvQoK_c1EF2ZhtkXYGwRQ" />
    <input value="14877" 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="KI7GH3Uo1OKTdJpqaTgwhgodE5ySoLgjWqS1f0ns7x6FSDbNUwoBBzA7pfmcGwgB7fvjEoBFDie79A_pq25y2g" />
    <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/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="C_VdCsUL7bdKFMo1DVsyAEm5Y2j2z1m5QB4NlDefDDemM63Y4yk4Uulb9ab4eAqHrl-T5uQq772hTrcC1R2R8w" />
    <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>



</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">
      500 von 595 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/lebensmittel/kochzutaten?format=turbo_stream&amp;page=26">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>