<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/coco-aminos-wurzsauce-glutenfrei-bio-245-ml-5355">
          <img alt="Coco Aminos Würzsauce Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3114/file/small-fb654a56ce53fe0e06f89d27021a4b79.webp 600w, https://assets.fabulous.ch/public/variant_asset/3114/file/medium-1a88590208fb0b9be1567b803c45a47c.webp 900w, https://assets.fabulous.ch/public/variant_asset/3114/file/large-e8c60330132293622bf56dea13644581.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3114/file/medium-1a88590208fb0b9be1567b803c45a47c.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">GoodMoodFood</p>
          <a href="/de/products/coco-aminos-wurzsauce-glutenfrei-bio-245-ml-5355">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Coco Aminos Würzsauce Glutenfrei Bio, 245 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YdEJkhHhU7YaZW6Gi5v71nMPgvgI0A1cAXRIeetdAMcXNAsWjH6fLJFch29tKZtphk0_MnWgtnPjWZgeLAm8SQ" />
    <input value="5355" 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/zahnpulver-orange-glas-30-g-5368">
          <img alt="Zahnpulver Orange Glas" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3119/file/small-f4a61679dc9003a0d357fd1bcf4cc8c9.webp 600w, https://assets.fabulous.ch/public/variant_asset/3119/file/medium-9462ce01a25d94bda219224d9e1d1c1a.webp 900w, https://assets.fabulous.ch/public/variant_asset/3119/file/large-de58f3514f35af4244b0e7f1d9b4124a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3119/file/medium-9462ce01a25d94bda219224d9e1d1c1a.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">Birkengold</p>
          <a href="/de/products/zahnpulver-orange-glas-30-g-5368">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Zahnpulver Orange Glas, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tMLIBPClJW2r869LtrBIOI_oeh6VxLzpo09xAGvbjuPCJ8qAbTrp9yDKRqJQAiiHeqrH1Oi0B8ZBYqFnrI8ybQ" />
    <input value="5368" 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/zahnpulver-minze-glas-30-g-5369">
          <img alt="Zahnpulver Minze Glas" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3120/file/small-c279a4657a96fb0a401b58a218afd207.webp 600w, https://assets.fabulous.ch/public/variant_asset/3120/file/medium-4f630842b91f020097a77024d70801a5.webp 900w, https://assets.fabulous.ch/public/variant_asset/3120/file/large-f89e0d6627c4de753e1ee1bcf4471e15.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3120/file/medium-4f630842b91f020097a77024d70801a5.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">Birkengold</p>
          <a href="/de/products/zahnpulver-minze-glas-30-g-5369">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Zahnpulver Minze Glas, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9QwKv-uiFJaR_cYCfQ7wmau2FIkMq9z-wdJ5wnHfAHaD6Qg7dj3YDBrEL-ubvJAmXvSpQ3HbZ9Ej_6mltou8-A" />
    <input value="5369" 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/backmischung-wunderbrod-mit-nussen-glutenfrei-bio-600-g-5374">
          <img alt="Backmischung Wunderbrød mit Nüssen glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3126/file/small-0a155a82af682d69f4f3dea8209ded3f.webp 600w, https://assets.fabulous.ch/public/variant_asset/3126/file/medium-3901c19a5313acf3bfd71bc3bd4008a5.webp 900w, https://assets.fabulous.ch/public/variant_asset/3126/file/large-b5be55ce85f9a64f7d2704a94bfb2429.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3126/file/medium-3901c19a5313acf3bfd71bc3bd4008a5.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">Bauckhof</p>
          <a href="/de/products/backmischung-wunderbrod-mit-nussen-glutenfrei-bio-600-g-5374">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Backmischung Wunderbrød mit Nüssen glutenfrei Bio, 600 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-DtOydxBStMBKCbbYzcC0W4xnMeX_qW0JLiJb-cxrSGO3kxNQd6GSYoRzzKFhWJum3MhDeqOHpvGlVkIIGURrw" />
    <input value="5374" 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/mais-erdnuss-flips-glutenfrei-bio-125-g-5389">
          <img alt="Mais Erdnuss Flips Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3138/file/small-809fab2f57eb6c6abb4c89f24ea979fc.webp 600w, https://assets.fabulous.ch/public/variant_asset/3138/file/medium-cf71de37fb02a9a7543794619cdc29b1.webp 900w, https://assets.fabulous.ch/public/variant_asset/3138/file/large-f95db7d2984987fd0fdb41c7f1d229ae.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3138/file/medium-cf71de37fb02a9a7543794619cdc29b1.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">de Rit</p>
          <a href="/de/products/mais-erdnuss-flips-glutenfrei-bio-125-g-5389">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mais Erdnuss Flips Glutenfrei Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.45
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VeMV7MfODghM1J9nhVIqFj8nnUbJ9TyIwE33kTLCLDQjBhdoWlHCksftdo5j4EqpymUgjLSFh6ciYCf29ZaQug" />
    <input value="5389" 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/bean-sticks-paprika-bio-75-g-5390">
          <img alt="Bean Sticks Paprika Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3140/file/small-5d8a41059aa994476806d2b311f26b2b.webp 600w, https://assets.fabulous.ch/public/variant_asset/3140/file/medium-cfac1253fd173bdc18f1d4603684f4ad.webp 900w, https://assets.fabulous.ch/public/variant_asset/3140/file/large-266abc3c1bf8bf06e8d0967aa2c96bc7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3140/file/medium-cfac1253fd173bdc18f1d4603684f4ad.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">de Rit</p>
          <a href="/de/products/bean-sticks-paprika-bio-75-g-5390">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bean Sticks Paprika Bio, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QNHSsppSt5N1ZzgaRRQt2f-5LoJLWOV3zsNj2JPoNss2NNA2B817Cf5e0fOjpk1mCvuTSDYoXlgs7rO_VLyKRQ" />
    <input value="5390" 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/life-crackers-olive-glutenfrei-raw-bio-90-g-5393">
          <img alt="Life Crackers Olive Glutenfrei RAW Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3143/file/small-32d5644c70e1e826420e31d86800d15a.webp 600w, https://assets.fabulous.ch/public/variant_asset/3143/file/medium-a528207344ffc5c0c6705c5da310cbc4.webp 900w, https://assets.fabulous.ch/public/variant_asset/3143/file/large-dca651311eba3127a26e7eb2b57649a3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3143/file/medium-a528207344ffc5c0c6705c5da310cbc4.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">Lifefood</p>
          <a href="/de/products/life-crackers-olive-glutenfrei-raw-bio-90-g-5393">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Life Crackers Olive Glutenfrei RAW Bio, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="c__UWnOOV-Up32SNTX6nnEfaMNnJh6FaauBKdLeNHTwFGtbe7hGbf6LmjWSrzMcjspiNE7T3GnWIzZoTcNmhsg" />
    <input value="5393" 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/schwarzkummel-nigella-sativa-ganz-demeter-50-g-5400">
          <img alt="Schwarzkümmel (Nigella Sativa) ganz Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3150/file/small-364e2f9fe38368285258bc87f515da92.webp 600w, https://assets.fabulous.ch/public/variant_asset/3150/file/medium-35c601865fefd06ef3831d0e56fc671a.webp 900w, https://assets.fabulous.ch/public/variant_asset/3150/file/large-661887dec4b5a7c74f0235e092c9c7f5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3150/file/medium-35c601865fefd06ef3831d0e56fc671a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lebensbaum</p>
          <a href="/de/products/schwarzkummel-nigella-sativa-ganz-demeter-50-g-5400">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Schwarzkümmel (Nigella Sativa) ganz Demeter, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LleB403X4JiKzCuVFKL3-SMxo7rVfIPfcGXINk0kk8pYsoNn0EgsAgH1wnzyEJdG1nMecKgMOPCSSBhRinAvRA" />
    <input value="5400" 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/philosophen-tofu-vegane-alternative-zu-feta-bio-170-g-5401">
          <img alt="Philosophen Tofu Vegane Alternative zu Feta Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3151/file/small-31e0cb2210d63783492c193dbc4a358b.webp 600w, https://assets.fabulous.ch/public/variant_asset/3151/file/medium-017c9783cd15b517724864084e631ad8.webp 900w, https://assets.fabulous.ch/public/variant_asset/3151/file/large-e924cd23b66219e7fbb022895ca91641.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3151/file/medium-017c9783cd15b517724864084e631ad8.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">Lord of Tofu</p>
          <a href="/de/products/philosophen-tofu-vegane-alternative-zu-feta-bio-170-g-5401">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Philosophen Tofu Vegane Alternative zu Feta Bio, 170 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CM9sVxAjGlVPducfHtnNM126Fxqz9o1eWfvi5VMyHhx-Km7TjbzWz8RPDvb4a62MqPiq0M6GNnG71jKClGaikg" />
    <input value="5401" 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/xylit-schokoaufstrich-cremnux-nuss-nougat-ohne-zucker-180-g-5414">
          <img alt="Xylit Schokoaufstrich Cremnux Nuss-Nougat Ohne Zucker" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3155/file/small-52d19d5f952db04850c77dfb238f9b97.webp 600w, https://assets.fabulous.ch/public/variant_asset/3155/file/medium-268e0ec32faf3f1c2ad860ece176a1c8.webp 900w, https://assets.fabulous.ch/public/variant_asset/3155/file/large-c4b555bc7059fd17d05c1f50951970ba.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3155/file/medium-268e0ec32faf3f1c2ad860ece176a1c8.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">Tautona</p>
          <a href="/de/products/xylit-schokoaufstrich-cremnux-nuss-nougat-ohne-zucker-180-g-5414">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xylit Schokoaufstrich Cremnux Nuss-Nougat Ohne Zucker, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.80
            </p>

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

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

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

      </div>
    </div>
  </div>


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/vegane-alternative-zu-quark-soja-natur-ungesusst-bio-400-g-efb31136-5e4d-45c3-b279-01c1105e2bd8-5425">
          <img alt="Vegane Alternative zu Quark Soja Natur Ungesüsst Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3163/file/small-941eb5cd349236d6f26fbbc2069eabd5.webp 600w, https://assets.fabulous.ch/public/variant_asset/3163/file/medium-8ed88692422183f02423b3faaf8d2838.webp 900w, https://assets.fabulous.ch/public/variant_asset/3163/file/large-7516b4fd5fb608aecb961c712fa37279.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3163/file/medium-8ed88692422183f02423b3faaf8d2838.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">Sojade</p>
          <a href="/de/products/vegane-alternative-zu-quark-soja-natur-ungesusst-bio-400-g-efb31136-5e4d-45c3-b279-01c1105e2bd8-5425">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegane Alternative zu Quark Soja Natur Ungesüsst Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </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 1.13 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ViiSGmEgwyKNfJJ4j3pe8m9H6iEcVjPiGar_BQEJojwgzZCe_L8PuAZFe5FpyD5NmgVX62EmiM37hy9ixl0esg" />
    <input value="5425" 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/xylitol-bonbons-minze-zuckerfrei-30-g-5429">
          <img alt="Xylitol Bonbons Minze Zuckerfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3165/file/small-3f1fc0432573750ca5e4b5e6d4cc1d07.webp 600w, https://assets.fabulous.ch/public/variant_asset/3165/file/medium-1ca5a7e9fa6c94d724196fca96c24c2b.webp 900w, https://assets.fabulous.ch/public/variant_asset/3165/file/large-4612442922ff4fd0600bbb039d382bd7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3165/file/medium-1ca5a7e9fa6c94d724196fca96c24c2b.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">Birkengold</p>
          <a href="/de/products/xylitol-bonbons-minze-zuckerfrei-30-g-5429">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xylitol Bonbons Minze Zuckerfrei, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CcMbeOnhA0kLT7SwJ7O6IQM1icuG7xAiFZqoIAKI305_Jhn8dH7P04B2XVnBAdqe9nc0Afufqw33t3hHxdxjwA" />
    <input value="5429" 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/xylitol-bonbons-orange-zuckerfrei-30-g-5430">
          <img alt="Xylitol Bonbons Orange Zuckerfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3167/file/small-597eafc7a3a651f9b812bda51cdb9a5f.webp 600w, https://assets.fabulous.ch/public/variant_asset/3167/file/medium-7b8da8950a7bc4981c3941a6778934d3.webp 900w, https://assets.fabulous.ch/public/variant_asset/3167/file/large-d86a6748d280b2cf0106e5a9943db3e2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3167/file/medium-7b8da8950a7bc4981c3941a6778934d3.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">Birkengold</p>
          <a href="/de/products/xylitol-bonbons-orange-zuckerfrei-30-g-5430">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xylitol Bonbons Orange Zuckerfrei, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XmP2i21UmyjuPULrW32pw05uNl61goBBdsJmgKmgO0wohvQP8MtXsmUEqwK9z8l8uyyLlMjyO26U77bnbvSHwg" />
    <input value="5430" 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/bierhefeflocken-mit-malz-konv-200-g-5492">
          <img alt="Bierhefeflocken mit Malz konv." class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3178/file/small-216e514ad29c881f5bb5b70874fb113b.webp 600w, https://assets.fabulous.ch/public/variant_asset/3178/file/medium-663b03afa9a90cb0a05be8ff1df18411.webp 900w, https://assets.fabulous.ch/public/variant_asset/3178/file/large-d66eb96a46d42fe10d973a3d0733143b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3178/file/medium-663b03afa9a90cb0a05be8ff1df18411.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">Pural</p>
          <a href="/de/products/bierhefeflocken-mit-malz-konv-200-g-5492">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bierhefeflocken mit Malz konv., 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AcQmbLYu0UhivmfiKbCDbLJqjrgL33wCsG-LNSBssMV3ISToK7Ed0umHjgvPAuPTRygzcnavxy1SQltS5zgMSw" />
    <input value="5492" 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/vegan-health-daily-fur-die-vegane-gesundheit-oral-spray-25-ml-5499">
          <img alt="Vegan Health Daily für die vegane Gesundheit Oral Spray" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3182/file/small-8ace8741d7bf4b1bf747c89df11803db.webp 600w, https://assets.fabulous.ch/public/variant_asset/3182/file/medium-25d971434cb64a7a33f72c7864bc32b4.webp 900w, https://assets.fabulous.ch/public/variant_asset/3182/file/large-fe6e9f44ee642149d197e3e74867da41.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3182/file/medium-25d971434cb64a7a33f72c7864bc32b4.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">BetterYou</p>
          <a href="/de/products/vegan-health-daily-fur-die-vegane-gesundheit-oral-spray-25-ml-5499">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Health Daily für die vegane Gesundheit Oral Spray, 25 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.00
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-5499-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/shampoo-rosmarin-feines-haar-bio-250-ml-5500">
          <img alt="Shampoo Rosmarin Feines Haar Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3184/file/small-bd43371ebb7bd4910b809ad269c3bff3.webp 600w, https://assets.fabulous.ch/public/variant_asset/3184/file/medium-b1b398780c80431f38a8bfb1fe0262d7.webp 900w, https://assets.fabulous.ch/public/variant_asset/3184/file/large-1c67aacb115d844f72e62a6ebe500385.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3184/file/medium-b1b398780c80431f38a8bfb1fe0262d7.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">Urtekram</p>
          <a href="/de/products/shampoo-rosmarin-feines-haar-bio-250-ml-5500">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampoo Rosmarin Feines Haar Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="G2mJI2tPVYpLOY4FFwbtuBeCEEcjZhEo29snDgQtZdltjIun9tCZEMAAZ-zxtI0H4sCtjV4Wqgc59vdpw3nZVw" />
    <input value="5500" 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/eyeliner-liquid-brown-02-2-8ml-1-stuck-5502">
          <img alt="Eyeliner Liquid Brown - 02 - 2.8ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3188/file/small-8cc558ae7d74248c05be7ec4b1b5b238.webp 600w, https://assets.fabulous.ch/public/variant_asset/3188/file/medium-318d7c12e5c8ebdebb2eb0ffeaade347.webp 900w, https://assets.fabulous.ch/public/variant_asset/3188/file/large-4ad348e020adbcd9dba465b701523cb1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3188/file/medium-318d7c12e5c8ebdebb2eb0ffeaade347.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/eyeliner-liquid-brown-02-2-8ml-1-stuck-5502">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Eyeliner Liquid Brown - 02 - 2.8ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dMm2VNgnpTcBhNhKoiYeJvr3KectDNuFfYO5k9c_BnECLLTQRbhprYq9MaNElH6ZD7WULVB8YKqfrmn0EGu6_w" />
    <input value="5502" 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/eyeliner-liquid-black-01-2-8ml-1-stuck-5503">
          <img alt="Eyeliner Liquid Black - 01 - 2.8ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3189/file/small-c014bd573bcf9f3d64c90167bce1fd14.webp 600w, https://assets.fabulous.ch/public/variant_asset/3189/file/medium-1025a9dc195f470f833dba04665aa143.webp 900w, https://assets.fabulous.ch/public/variant_asset/3189/file/large-2ef28637a47b7a2f1593f6583ce3fc3c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3189/file/medium-1025a9dc195f470f833dba04665aa143.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/eyeliner-liquid-black-01-2-8ml-1-stuck-5503">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Eyeliner Liquid Black - 01 - 2.8ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Xq8Qi-x-j_EJkfIsvFhxUeolpCMycRE4ec2UHP0863UoShIPceFDa4KoG8Va6hHuH2cZ6U8Bqheb4ER7OmhX-w" />
    <input value="5503" 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/lovechock-susse-kakaonibs-meersalz-schokolade-raw-bio-70-g-5506">
          <img alt="Lovechock Süsse Kakaonibs/Meersalz Schokolade RAW Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3190/file/small-9fe2b7644ba990a9552a08523dee0fcf.webp 600w, https://assets.fabulous.ch/public/variant_asset/3190/file/medium-a05e756e7d2f354c1141720f0d3ebf5f.webp 900w, https://assets.fabulous.ch/public/variant_asset/3190/file/large-772036f04e0854e411944f0a7bcb621e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3190/file/medium-a05e756e7d2f354c1141720f0d3ebf5f.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/lovechock-susse-kakaonibs-meersalz-schokolade-raw-bio-70-g-5506">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lovechock Süsse Kakaonibs/Meersalz Schokolade RAW Bio, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="O3fBnsd58YYqIUXzv4GMVZX1Df2AlsCHO9HHR7EXuaJNksMaWuY9HKEYrBpZM-zqYLewN_3me6jZ_BcgdkMFLA" />
    <input value="5506" 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/xylit-konfiture-mit-bio-erdbeeren-200-g-5515">
          <img alt="Xylit Konfitüre mit BIO Erdbeeren" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3200/file/small-9757508f21cefc857b0ad4764d905a48.webp 600w, https://assets.fabulous.ch/public/variant_asset/3200/file/medium-94e2d137fdc2507f0a3a361e3b8935fe.webp 900w, https://assets.fabulous.ch/public/variant_asset/3200/file/large-302cc388b99bf12dd0ddcb4a53e88533.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3200/file/medium-94e2d137fdc2507f0a3a361e3b8935fe.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">Tautona</p>
          <a href="/de/products/xylit-konfiture-mit-bio-erdbeeren-200-g-5515">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xylit Konfitüre mit BIO Erdbeeren, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.80
            </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-5515-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">
      880 von 3&#39;186 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/champs?format=turbo_stream&amp;page=45">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>