<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-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="dTb7p0pwWUzdicTjkamSxphuYxu6bXFRe7fXnfJC2MS15_QxsCkoGzpn7V2qWBoZJ3YdwZhZkWqrXZPSPhb1pA" />
    <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  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/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="9yo0hfsgFrSkjYLWV7FG6MdjFwVB9WfnlyoPpBvvqDo3-zsTAXln40Njq2hsQM43eHtp32PBh9xHwEvr17uFWg" />
    <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 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/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  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-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="VPaHocPOqnflZffuEQq0rv4WkQTt2J4V3vRfE82pmIWUJ4g3OZfbIAKL3lAq-zxxQQ7v3s_sfi4OHhtcAf215Q" />
    <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 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="sJ1R7H7PCOSFzjhh4EJH4iwRd2zk48MuhLDGlvI7x55wTF56hJZ5s2IgEd_bs889kwkJtsbXIxVUWoLZPm_q_g" />
    <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="wP_WY1KTj2Q_GrpWAKkT_tQeFINNG5mrNdKVKlxa1x4ALtn1qMr-M9j0k-g7WJshawZqWW8veZDlONFlkA76fg" />
    <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="q-GBamL-EcxAFAsQgPHcNzIITHakYHm4e3aPib0RHfNrMI78mKdgm6f6Iq67AFTojRAyrIZUmYOrnMvGcUUwkw" />
    <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="rAXnqlzypA_lb_gd9fGj7jzsPmvy6eSCYUA-aAmSWyNs1Og8pqvVWAKB0aPOACsxg_RAsdDdBLmxqnonxcZ2Qw" />
    <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/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="9EUuE8wnAfBvTEQu5iOzLP2h6N3K9n7JaMzL2iicJ9Q0lCGFNn5wp4iibZDd0jvzQrmWB-jCnvK4Jo-V5MgKtA" />
    <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  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/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="XUGH7KO8McENDCplIz9s_s6v6v7ZFgds0kVhhaASSiCdkIh6WeVAluriA9sYzuQhcbeUJPsi51cCryXKbEZnQA" />
    <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 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="fMi9zwGmY4D6jf3FBWdNFkhb3AF4c0ZADO92lqGbM3y8GbJZ-_8S1x1j1Hs-lsXJ90Oi21pHpnvcBTLZbc8eHA" />
    <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-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="2XwJlc6PrinUOWYO51fUCyMhTzPSIvulf0SlTPYGLhcZrQYDNNbffjPXT7DcplzUnDkx6fAWG56vruEDOlIDdw" />
    <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="UO5WOEaRqey_gb4BTwg2t79rpJ7gJrqtBkMe2uuho_2QP1muvMjYu1hvl790-b5oAHPaRMISWpbWqVqVJ_WOnQ" />
    <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>


  

  <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/seife-jojoba-sesam-pflanzenolseife-100-g-5892">
          <img alt="Seife Jojoba &amp; Sesam Pflanzenölseife" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3379/file/small-a5cfe17da3c816d4ded3c5c9e570d4f9.webp 600w, https://assets.fabulous.ch/public/variant_asset/3379/file/medium-8719e28feb41027b3c1fb236cb725cce.webp 900w, https://assets.fabulous.ch/public/variant_asset/3379/file/large-50bebfde5c632e0ba9201a0c4b2dcbdc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3379/file/medium-8719e28feb41027b3c1fb236cb725cce.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">apeiron natural care</p>
          <a href="/de/products/seife-jojoba-sesam-pflanzenolseife-100-g-5892">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Seife Jojoba &amp; Sesam Pflanzenölseife, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-5892-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/seife-ashwaganda-pflanzenolseife-100-g-5893">
          <img alt="Seife Ashwaganda Pflanzenölseife" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3380/file/small-f4cd6a09697c0e8e9c11ce92dd3f1869.webp 600w, https://assets.fabulous.ch/public/variant_asset/3380/file/medium-3e57e5923da49a1c9896c426b0739aae.webp 900w, https://assets.fabulous.ch/public/variant_asset/3380/file/large-7fc7dc272e86a736dc8887858f82aba8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3380/file/medium-3e57e5923da49a1c9896c426b0739aae.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">apeiron natural care</p>
          <a href="/de/products/seife-ashwaganda-pflanzenolseife-100-g-5893">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Seife Ashwaganda Pflanzenölseife, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qpCmbtWhgNrcjAiJh63PhqHJJNTnHHYdiC3fXyfFJuhqQan4L_jxjTtiITe8XEdZHtFaDsUoliZYx5sQ65ELiA" />
    <input value="5893" 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/kookie-cat-salted-caramel-mandel-cookie-bio-50-g-5899">
          <img alt="KOOKIE CAT Salted Caramel Mandel Cookie Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3383/file/small-7df06e1390d5ea08c488a6f50eaa6985.webp 600w, https://assets.fabulous.ch/public/variant_asset/3383/file/medium-e073afebd93c4279a7e798403ec16bea.webp 900w, https://assets.fabulous.ch/public/variant_asset/3383/file/large-0d546fe058767802e9351f490d4e04db.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3383/file/medium-e073afebd93c4279a7e798403ec16bea.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-salted-caramel-mandel-cookie-bio-50-g-5899">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">KOOKIE CAT Salted Caramel Mandel Cookie Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Y8aptvfDIvg2a75qL9f3DQ8Q34kfMWhMKgZrx29FjkGjF6YgDZpTr9GFl9QUJn_SsAihUz0FiHf67C-IoxGjIQ" />
    <input value="5899" 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-soja-vollkorn-maccaroni-penne-teigwaren-bio-500-g-5910">
          <img alt="Pasta Soja Vollkorn Maccaroni Penne Teigwaren Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3385/file/small-2bf3e30e7c045ef6c1bcfb8716a55491.webp 600w, https://assets.fabulous.ch/public/variant_asset/3385/file/medium-d37b7d9727a47527ff0d1075295e4f5b.webp 900w, https://assets.fabulous.ch/public/variant_asset/3385/file/large-74b7dccc39aa1a8b324dc0c3bf78559b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3385/file/medium-d37b7d9727a47527ff0d1075295e4f5b.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">MORGA</p>
          <a href="/de/products/pasta-soja-vollkorn-maccaroni-penne-teigwaren-bio-500-g-5910">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Soja Vollkorn Maccaroni Penne Teigwaren Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Wz2EZyvK589-NiTOtILFBgiN46SCQE7s68ZM6nHKl6-b7Ivx0ZOWmJnYDXCPc03Zt5WdfqB0rtc7LAilvZ66zw" />
    <input value="5910" 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/riegel-lovechock-creamy-kokos-kakaonibs-raw-bio-40-g-5917">
          <img alt="Riegel Lovechock Creamy Kokos-Kakaonibs RAW Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3387/file/small-b6592faa9737335bbe8e9c758e6d8359.webp 600w, https://assets.fabulous.ch/public/variant_asset/3387/file/medium-803e607840e153dbfccd53ac4039983b.webp 900w, https://assets.fabulous.ch/public/variant_asset/3387/file/large-494c83d308e1e37aba457048ed318c88.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3387/file/medium-803e607840e153dbfccd53ac4039983b.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">Lovechock</p>
          <a href="/de/products/riegel-lovechock-creamy-kokos-kakaonibs-raw-bio-40-g-5917">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Riegel Lovechock Creamy Kokos-Kakaonibs RAW Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5R5eLOy5ayU1ei7Zx9k_9OU3pxrqtSZV7YYJGO8IMMMlz1G6FuAactKUB2f8KLcrWi_ZwMiBxm49bE1XI1wdow" />
    <input value="5917" 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/riegel-lovechock-extra-pur-94-raw-bio-40-g-5919">
          <img alt="Riegel Lovechock Extra Pur 94% RAW Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3391/file/small-284cf01d745f5910174b47e026725457.webp 600w, https://assets.fabulous.ch/public/variant_asset/3391/file/medium-5af99dc601d10debbf33a09870a0a89d.webp 900w, https://assets.fabulous.ch/public/variant_asset/3391/file/large-d11cc55136b44fa61d0c99312d49b620.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3391/file/medium-5af99dc601d10debbf33a09870a0a89d.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">Lovechock</p>
          <a href="/de/products/riegel-lovechock-extra-pur-94-raw-bio-40-g-5919">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Riegel Lovechock Extra Pur 94% RAW Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UVEG28gbdmZ2s9VgbhrS2qZqUrV541VWCec3VKqlUYyRgAlNMkIHMZFd_N5V61oFGXIsb1vXtW3ZDXMbZvF87A" />
    <input value="5919" 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">
      1&#39;800 von 3&#39;214 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/pangea-food?format=turbo_stream&amp;page=91">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>