<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/pastamaschine-pasta-perfetta-1-stuck-5771">
          <img alt="Pastamaschine Pasta Perfetta" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3331/file/small-f18f323d59be723b0282d92eb7d98928.webp 600w, https://assets.fabulous.ch/public/variant_asset/3331/file/medium-7a0acf377d8dc3d3325dcca38d0fef39.webp 900w, https://assets.fabulous.ch/public/variant_asset/3331/file/large-7417261c84599952bde5b4bc9ebf515b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3331/file/medium-7a0acf377d8dc3d3325dcca38d0fef39.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">Gefu</p>
          <a href="/de/products/pastamaschine-pasta-perfetta-1-stuck-5771">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pastamaschine Pasta Perfetta, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 52.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5mKHxhpTrw3lUM4kBzeskqrOc238wi8AF0jsneCEkpAMawnetVRGFjdS4N9eMdCuwlCXsQEptCO6AzOXvqpzLw" />
    <input value="5771" 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/pastamaschine-pasta-perfetta-de-luxe-set-1-stuck-5772">
          <img alt="Pastamaschine Pasta Perfetta de Luxe Set" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3335/file/small-2a593877aae60592cfc195719f464aae.webp 600w, https://assets.fabulous.ch/public/variant_asset/3335/file/medium-0081c61d6d58b80fae304a1360810be8.webp 900w, https://assets.fabulous.ch/public/variant_asset/3335/file/large-bf062b264df3dcea1b061322fdbd0b0a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3335/file/medium-0081c61d6d58b80fae304a1360810be8.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">Gefu</p>
          <a href="/de/products/pastamaschine-pasta-perfetta-de-luxe-set-1-stuck-5772">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pastamaschine Pasta Perfetta de Luxe Set, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 130.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lFj4otzvv5WKG3pDtzQ0yaiPKXiWCxrHOPUZ8Z-TFu5-UXa6c-hWjlgZVLjuMkj1wBHNpGvggeSVvsb7wb33UQ" />
    <input value="5772" 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/pastatrockner-cittare-1-stuck-5773">
          <img alt="Pastatrockner Cittare" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3334/file/small-8818fc4c5c03148bc022010386443371.webp 600w, https://assets.fabulous.ch/public/variant_asset/3334/file/medium-80de4f507519c239221bac71b8bb21a9.webp 900w, https://assets.fabulous.ch/public/variant_asset/3334/file/large-00e40a785467a7e1e293078995a7c5b2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3334/file/medium-80de4f507519c239221bac71b8bb21a9.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">Gefu</p>
          <a href="/de/products/pastatrockner-cittare-1-stuck-5773">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pastatrockner Cittare, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HgF34C1_4ww3Jvp_qve1RM1WDfRPl-Tu0Y1hnmN6IGT0CPn4gngKF-Uk1ITz8cl4pcjpKLJ8f818xr6UPVTB2w" />
    <input value="5773" 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/nussknacker-mit-spiralfeder-1-stuck-5774">
          <img alt="Nussknacker mit Spiralfeder" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3333/file/small-b67b055372c730af90c53d484955eaa6.webp 600w, https://assets.fabulous.ch/public/variant_asset/3333/file/medium-57fab866f87a8488b02a1d480380a6ed.webp 900w, https://assets.fabulous.ch/public/variant_asset/3333/file/large-1a1cd598c95649a9ad5131cb4755536a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3333/file/medium-57fab866f87a8488b02a1d480380a6ed.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">Weis</p>
          <a href="/de/products/nussknacker-mit-spiralfeder-1-stuck-5774">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nussknacker mit Spiralfeder, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.85
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-5774-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">
    <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-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Tipp
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/granulat-soja-300-g-5777">
          <img alt="Granulat Soja" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3340/file/small-993da9e1d217d9f1bda9fb627a6488e0.webp 600w, https://assets.fabulous.ch/public/variant_asset/3340/file/medium-649ec00f87c4603e590f0f8d2e6e30ec.webp 900w, https://assets.fabulous.ch/public/variant_asset/3340/file/large-c5d4fc3126290f8d6c26fc8c88f48516.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3340/file/medium-649ec00f87c4603e590f0f8d2e6e30ec.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">Vantastic</p>
          <a href="/de/products/granulat-soja-300-g-5777">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Granulat Soja, 300 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 1.50 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="m1hUxOwlUjElv8RferQbZDkNFblcdK1WsIGu9bQNpmBxUdrcQyK7Kve96qQjsmdYUZPxZaGfNnUdynH_6iNH3w" />
    <input value="5777" 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/reinigungsmilch-basis-sensitiv-2in1-125-ml-5802">
          <img alt="Reinigungsmilch basis sensitiv 2in1" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3344/file/small-1bf066e58710345680e4930d1d9a61eb.webp 600w, https://assets.fabulous.ch/public/variant_asset/3344/file/medium-e5c89ba370f4205a71411309c2a14398.webp 900w, https://assets.fabulous.ch/public/variant_asset/3344/file/large-f680628d42d3314933a4056d08521eb9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3344/file/medium-e5c89ba370f4205a71411309c2a14398.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lavera</p>
          <a href="/de/products/reinigungsmilch-basis-sensitiv-2in1-125-ml-5802">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Reinigungsmilch basis sensitiv 2in1, 125 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Aw7Kqg4CkVYtkXVt1GhgE-nLSJCpZkVKe37mt6zLw2XpB0SyoQV4Tf-TW5aNbhwvgVWsTFSN3mnWNTm98uUi2g" />
    <input value="5802" 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/ratatouille-du-moulin-bio-670-g-5807">
          <img alt="Ratatouille du Moulin Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3354/file/small-dc1073a6a35fe81c90c9fbc85dc8e07f.webp 600w, https://assets.fabulous.ch/public/variant_asset/3354/file/medium-c562d6a0d9561efdef1c76ec12e7d1a0.webp 900w, https://assets.fabulous.ch/public/variant_asset/3354/file/large-9fc0dde8f858e09e32cb69be82f0ec01.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3354/file/medium-c562d6a0d9561efdef1c76ec12e7d1a0.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">Danival</p>
          <a href="/de/products/ratatouille-du-moulin-bio-670-g-5807">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ratatouille du Moulin Bio, 670 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="U1gEj9jyAgHsjYv4067SKM-2kqm8v4cO65KfvAsVcRG5UYqXd_XrGj6PpQOKqK4Upyh2dUFUHC1G2UC2VTuQrg" />
    <input value="5807" 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/duschgel-pflegedusche-vitalisierend-250-ml-5835">
          <img alt="Duschgel Pflegedusche Vitalisierend" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3356/file/small-01e8b051febf6fe8835e3e7ff45699c0.webp 600w, https://assets.fabulous.ch/public/variant_asset/3356/file/medium-cf91ca7b9def4854ea9714fcd847fac7.webp 900w, https://assets.fabulous.ch/public/variant_asset/3356/file/large-5d75c177965af8e1029e4895a8a619b8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3356/file/medium-cf91ca7b9def4854ea9714fcd847fac7.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lavera</p>
          <a href="/de/products/duschgel-pflegedusche-vitalisierend-250-ml-5835">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Duschgel Pflegedusche Vitalisierend, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.35
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SAVQ9VO-c4KTD8A_h4fd1RkG54qypr4rYVd6nNYaWsqiDN7t_LmamUEN7sTegaHpcZgDVk9NJQjMHKWWiDS7dQ" />
    <input value="5835" 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/duschgel-pflegedusche-erfrischend-250-ml-5844">
          <img alt="Duschgel Pflegedusche Erfrischend" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3358/file/small-4d77e4bd22d260121bc340cc2c0c5fb4.webp 600w, https://assets.fabulous.ch/public/variant_asset/3358/file/medium-01be50fb7edcc9648bcda84b76707035.webp 900w, https://assets.fabulous.ch/public/variant_asset/3358/file/large-3a9803719563471ad408ade6b6ade86c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3358/file/medium-01be50fb7edcc9648bcda84b76707035.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lavera</p>
          <a href="/de/products/duschgel-pflegedusche-erfrischend-250-ml-5844">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Duschgel Pflegedusche Erfrischend, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.35
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CquZxHY8LKttEzfk46qrtWrYMzWBGOV9mSyAGNhLvMzgohfc2TvFsL8RGR-6rNeJAkbX6Xzzfl40Z18ShmVdcw" />
    <input value="5844" 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/nussmilchsack-nut-milk-bag-1-stuck-5845">
          <img alt="Nussmilchsack Nut Milk Bag" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3360/file/small-e413ff73fd67a5384cef5e4c23e7a84f.webp 600w, https://assets.fabulous.ch/public/variant_asset/3360/file/medium-a8caec4ca076237f073101b7798c4d87.webp 900w, https://assets.fabulous.ch/public/variant_asset/3360/file/large-21a8ffe102c13ade0131ec7014aa5b36.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3360/file/medium-a8caec4ca076237f073101b7798c4d87.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/nussmilchsack-nut-milk-bag-1-stuck-5845">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nussmilchsack Nut Milk Bag, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="M9GOwoGqJRzFJP30ldKrvqAMLvcXZPLfNIslnQ_INnLZ2ADaLq3MBxcm0w_M1NeCyJLKK-qPafyZwPqXUebXzQ" />
    <input value="5845" 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/fruchtgummi-veggie-hearts-bio-100-g-5847">
          <img alt="Fruchtgummi Veggie-Hearts Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3361/file/small-e0113d824d97ac382b3e88b3b88abdaf.webp 600w, https://assets.fabulous.ch/public/variant_asset/3361/file/medium-ed4ad63f31b41ee95afe62a5223d7ff4.webp 900w, https://assets.fabulous.ch/public/variant_asset/3361/file/large-f31640a92ccf700048558bbb98ffc368.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3361/file/medium-ed4ad63f31b41ee95afe62a5223d7ff4.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">Ökovital</p>
          <a href="/de/products/fruchtgummi-veggie-hearts-bio-100-g-5847">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fruchtgummi Veggie-Hearts Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fd1wW7LWLLuJW5ooWzM0lxyl9IlSN1ry3582Ah_U5bOX1P5DHdHFoFtZtNMCNUirdDsQVa_cwdFy1OkIQfoEDA" />
    <input value="5847" 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/pasta-konjak-shirataki-lowcarb-spaghetti-bio-294-g-5855">
          <img alt="Pasta Konjak Shirataki Lowcarb Spaghetti Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3364/file/small-8870e6c331821cd40edc2f8893e1f16d.webp 600w, https://assets.fabulous.ch/public/variant_asset/3364/file/medium-69ea030cfbbb78068b206dbc6c569275.webp 900w, https://assets.fabulous.ch/public/variant_asset/3364/file/large-4bab65219982fd2ab32aa5f691628f98.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3364/file/medium-69ea030cfbbb78068b206dbc6c569275.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">Arche</p>
          <a href="/de/products/pasta-konjak-shirataki-lowcarb-spaghetti-bio-294-g-5855">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Konjak Shirataki Lowcarb Spaghetti Bio, 294 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NlBaz2NzOwft9lSsiIfneECrR9OIrHygihn6Ft3QHLncWdTXzHTSHD_0elfRgZtEKDWjD3VH54MnUiUcg_79Bg" />
    <input value="5855" 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/reis-konjak-shirataki-lowcarb-rice-style-bio-294-g-5856">
          <img alt="Reis Konjak Shirataki Lowcarb Rice Style Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3363/file/small-8a48170af969e0996288b7963abefd96.webp 600w, https://assets.fabulous.ch/public/variant_asset/3363/file/medium-cd82db7ff68b2f85aab90d5d60f37b17.webp 900w, https://assets.fabulous.ch/public/variant_asset/3363/file/large-5067e26fe919c1c71203f72e224f6465.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3363/file/medium-cd82db7ff68b2f85aab90d5d60f37b17.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">Arche</p>
          <a href="/de/products/reis-konjak-shirataki-lowcarb-rice-style-bio-294-g-5856">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Reis Konjak Shirataki Lowcarb Rice Style Bio, 294 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iXhtRROqeX6jFxpU4N4XjQemt3Uz1ItvYcGxV3divGBjceNdvK2QZXEVNK-52GuxbzhTqc4_EEzMim5dKUxd3w" />
    <input value="5856" 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/kookie-cat-mandel-schokolade-cookie-gf-bio-50-g-5858">
          <img alt="KOOKIE CAT Mandel Schokolade Cookie GF Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3366/file/small-fac951eacc929e799c3e4eecde27f9fb.webp 600w, https://assets.fabulous.ch/public/variant_asset/3366/file/medium-c0d7288ff1164e098c70b0ccbe8f177e.webp 900w, https://assets.fabulous.ch/public/variant_asset/3366/file/large-74274b869d3fba38e6a4ed0db13c6cd4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3366/file/medium-c0d7288ff1164e098c70b0ccbe8f177e.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">Kookie Cat</p>
          <a href="/de/products/kookie-cat-mandel-schokolade-cookie-gf-bio-50-g-5858">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">KOOKIE CAT Mandel Schokolade Cookie GF Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.25
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ocO0VlN4KPrRPfiTbUycbwmT1dkQU6-JgVmu0Te359ZLyjpO_H_B4QM_1mg0SuBTYQ0xBe24NKosEnHbaZkGaQ" />
    <input value="5858" 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/fruchtgummi-ingwer-glucksbarchen-bio-100-g-5859">
          <img alt="Fruchtgummi Ingwer Glücksbärchen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3367/file/small-9b5f6672bcb8a0e90d4780aebc11a1fc.webp 600w, https://assets.fabulous.ch/public/variant_asset/3367/file/medium-052e0b59ff2116b6b57070bdb4e5b6bb.webp 900w, https://assets.fabulous.ch/public/variant_asset/3367/file/large-70e6eeffe4d6af4b881403533414ba4d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3367/file/medium-052e0b59ff2116b6b57070bdb4e5b6bb.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">Sonnentor</p>
          <a href="/de/products/fruchtgummi-ingwer-glucksbarchen-bio-100-g-5859">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fruchtgummi Ingwer Glücksbärchen Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gRZB8GwvWzmlwnJn3DGcmXfq3EnkK6B0opIvtJvkfx5rH8_owyiyInfAXJyFN-ClH3Q4lRnAO1cP2fC-xcqeoQ" />
    <input value="5859" 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/fruchtgummi-mind-sweets-happy-buddha-bear-bio-75-g-5860">
          <img alt="Fruchtgummi mind sweets Happy Buddha Bear Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3368/file/small-8b32020591d210a0af7c6339488523ba.webp 600w, https://assets.fabulous.ch/public/variant_asset/3368/file/medium-a941bf49813973ae3bc10ce7b22bd5e4.webp 900w, https://assets.fabulous.ch/public/variant_asset/3368/file/large-04984b9234aeaeff470e292b5045f5b2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3368/file/medium-a941bf49813973ae3bc10ce7b22bd5e4.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">Mind Sweets</p>
          <a href="/de/products/fruchtgummi-mind-sweets-happy-buddha-bear-bio-75-g-5860">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fruchtgummi mind sweets Happy Buddha Bear Bio, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5GB27X4duPW0y7Nvl3zRRFlHoF4fEnVw9CSlIZ9HWYEOafj10RpR7mbJnZTOeq14MdlEguL57lNZb3orwWm4Pg" />
    <input value="5860" 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/fruchtgummi-lucky-sticks-erdbeere-gf-bio-75-g-5861">
          <img alt="Fruchtgummi Lucky Sticks, Erdbeere GF Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3369/file/small-88422a638545c75ed4b040a3a1228097.webp 600w, https://assets.fabulous.ch/public/variant_asset/3369/file/medium-64d0d10ead0b5c649f9dfbbb5b362590.webp 900w, https://assets.fabulous.ch/public/variant_asset/3369/file/large-7a7e5dad919eefefb5776553538a6bf6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3369/file/medium-64d0d10ead0b5c649f9dfbbb5b362590.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">Mind Sweets</p>
          <a href="/de/products/fruchtgummi-lucky-sticks-erdbeere-gf-bio-75-g-5861">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fruchtgummi Lucky Sticks, Erdbeere GF Bio, 75 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 6.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YPtKgiNmqRnCMs4TR3H1CyWKwZ2qyd_IAFaqo9HkpbiK8sSajGFAAhAw4Oged4k3TRQlQVciROutHXWpj8pEBw" />
    <input value="5861" 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/fruchtgummi-lucky-sticks-himbeere-gf-bio-75-g-5862">
          <img alt="Fruchtgummi Lucky Sticks, Himbeere GF Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3371/file/small-6d30ba4d7602b4fdf6ae14ce311bafff.webp 600w, https://assets.fabulous.ch/public/variant_asset/3371/file/medium-21e7c1adfb9432e46993af959ece44d5.webp 900w, https://assets.fabulous.ch/public/variant_asset/3371/file/large-7a45c9f7686247b0ae92b9bc68a94db7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3371/file/medium-21e7c1adfb9432e46993af959ece44d5.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">Mind Sweets</p>
          <a href="/de/products/fruchtgummi-lucky-sticks-himbeere-gf-bio-75-g-5862">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fruchtgummi Lucky Sticks, Himbeere GF Bio, 75 g</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 6.53 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cy5rCF9kxm8EnyriNqayBtBjR-8bGC_DJPQRD_4KM66ZJ-UQ8GMvdNadBBlvoM46uP2jM-bztOCJv84FoCTSEQ" />
    <input value="5862" 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/bonbons-ginger-ingwer-bio-50-g-5863">
          <img alt="Bonbons Ginger Ingwer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3372/file/small-64fe9e4756b94eefbaee3741b0dd9c64.webp 600w, https://assets.fabulous.ch/public/variant_asset/3372/file/medium-74b1ce9f5810320c5e7cd8258b442f5e.webp 900w, https://assets.fabulous.ch/public/variant_asset/3372/file/large-d3651f928c9aafade103b828073e7143.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3372/file/medium-74b1ce9f5810320c5e7cd8258b442f5e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/de/products/bonbons-ginger-ingwer-bio-50-g-5863">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bonbons Ginger Ingwer Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </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-5863-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_cqvWjL-wkuv_jQdSpsvlw4iNIBy-YnF6-B4BS89zdIXwyFCnfkrUH38GuYTnVOrZrzQXI8SEuZGq6cPcRMsbQ" />
    <input value="5863" 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/simply-v-pastagenuss-80-g-5876">
          <img alt="Simply V Pastagenuss" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3374/file/small-da0ce1539b712e46a9286da15e4ae8a2.webp 600w, https://assets.fabulous.ch/public/variant_asset/3374/file/medium-5daea83e90189409bc08a5c405ac8412.webp 900w, https://assets.fabulous.ch/public/variant_asset/3374/file/large-fcec621c5b0817fad1e134a34e079b57.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3374/file/medium-5daea83e90189409bc08a5c405ac8412.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">Simply V</p>
          <a href="/de/products/simply-v-pastagenuss-80-g-5876">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Simply V Pastagenuss, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-5876-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>



</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">
      1&#39;020 von 3&#39;166 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/eigenbrotler-backwerke-gmbh?format=turbo_stream&amp;page=52">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>