<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/brochure-vegane-pour-l-environnement-20-g-13400">
          <img alt="Brochure: Végane - Pour L&#39;Environnement" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6488/file/small-7fc83f9bd82bd4b800485d0a70c59760.webp 600w, https://assets.fabulous.ch/public/variant_asset/6488/file/medium-7df911fa22545aa0c59d138e7870a012.webp 900w, https://assets.fabulous.ch/public/variant_asset/6488/file/large-92a45d3b4d7119fd2921d84b549f2853.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6488/file/medium-7df911fa22545aa0c59d138e7870a012.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">Swissveg</p>
          <a href="/de/products/brochure-vegane-pour-l-environnement-20-g-13400">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Brochure: Végane - Pour L&#39;Environnement, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 0.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wXj4HBuOKKaXYZvDgg-o8KeLpxmKPq6FO1vxa_oI2wKCNIHjEYHUADTCuNPOggpV_-0VpyNe8PtuWAp3cyfjCA" />
    <input value="13400" 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/cookie-dough-flavour-proteinriegel-50-g-13401">
          <img alt="Cookie Dough Flavour Proteinriegel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6487/file/small-245c25e65444578e6711670f7d20327a.webp 600w, https://assets.fabulous.ch/public/variant_asset/6487/file/medium-e24e975b37f9f8120277720df4f56143.webp 900w, https://assets.fabulous.ch/public/variant_asset/6487/file/large-3cf2625a4701d6e6441f468732e07535.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6487/file/medium-e24e975b37f9f8120277720df4f56143.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">Misfits</p>
          <a href="/de/products/cookie-dough-flavour-proteinriegel-50-g-13401">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cookie Dough Flavour Proteinriegel, 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-13401-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/cookie-butter-flavour-proteinriegel-50-g-13402">
          <img alt="Cookie Butter Flavour Proteinriegel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6491/file/small-d9811da56cfed28088eb663970835d16.webp 600w, https://assets.fabulous.ch/public/variant_asset/6491/file/medium-dabc58e82d2fbd185b582724e6b03b93.webp 900w, https://assets.fabulous.ch/public/variant_asset/6491/file/large-4e29c0836282afd4d34fd693fd62d1b9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6491/file/medium-dabc58e82d2fbd185b582724e6b03b93.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">Misfits</p>
          <a href="/de/products/cookie-butter-flavour-proteinriegel-50-g-13402">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cookie Butter Flavour Proteinriegel, 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-13402-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/caramel-fudge-flavour-proteinriegel-50-g-13403">
          <img alt="Caramel Fudge Flavour Proteinriegel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6492/file/small-60e5226e36deb5a0e9008458dee836f6.webp 600w, https://assets.fabulous.ch/public/variant_asset/6492/file/medium-766f8201bde1d99f8b769ae201eb98e6.webp 900w, https://assets.fabulous.ch/public/variant_asset/6492/file/large-1dfc7f1cc3708f895ccd128576a7a84f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6492/file/medium-766f8201bde1d99f8b769ae201eb98e6.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">Misfits</p>
          <a href="/de/products/caramel-fudge-flavour-proteinriegel-50-g-13403">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Caramel Fudge Flavour Proteinriegel, 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-13403-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AEY_Oc8BluijneEdg18YVu3njSX-C_eMVaBDoHEINO5DCkbGxQ5qTgA-wg3P0rrztYE_m1drqfIAo7i8-CcM5A" />
    <input value="13403" 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/tee-fruhlings-kuss-krauter-gewurzteemischung-beutel-bio-27-g-13412">
          <img alt="Tee &quot;Frühlings Kuss&quot; Kräuter-Gewürzteemischung Beutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6493/file/small-ad6f507b0bb878a1993e9e6e1d7ecc09.webp 600w, https://assets.fabulous.ch/public/variant_asset/6493/file/medium-42cdef3c91fdbcd226a18ed7066d7549.webp 900w, https://assets.fabulous.ch/public/variant_asset/6493/file/large-b85f19f4481748ac11232fe0205478e6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6493/file/medium-42cdef3c91fdbcd226a18ed7066d7549.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/tee-fruhlings-kuss-krauter-gewurzteemischung-beutel-bio-27-g-13412">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tee &quot;Frühlings Kuss&quot; Kräuter-Gewürzteemischung Beutel Bio, 27 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.75
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7OKxGv_Xn7VokiK7axuTWXiiP0New4t_NxqjpPGpxOuvrsjl9dhjE8sxAasnljH8IMSN_fej1QFiGVi4eIb84Q" />
    <input value="13412" 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/protein-chunks-schnetzel-grob-bio-125-g-13448">
          <img alt="Protein Chunks Schnetzel grob Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6517/file/small-305e3e862250761e043c77d58169debc.webp 600w, https://assets.fabulous.ch/public/variant_asset/6517/file/medium-82ee617af282b2824139bb1019d14d18.webp 900w, https://assets.fabulous.ch/public/variant_asset/6517/file/large-b2eb33f869bbbac39c9dbf426c98d864.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6517/file/medium-82ee617af282b2824139bb1019d14d18.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">Govinda</p>
          <a href="/de/products/protein-chunks-schnetzel-grob-bio-125-g-13448">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Protein Chunks Schnetzel grob Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.05
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nRVb67IhmOZfcnVLMQkmNiSNnBYGB6WZAGzFcsN2Eb7eWSIUuC5kQPzRVlt9hISTfOsuqK9n--dVbz5uSlkptA" />
    <input value="13448" 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/protein-chunks-hack-fein-bio-125-g-13449">
          <img alt="Protein Chunks Hack fein Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6518/file/small-c9dc76ceec7ed61c2d612edeb02ddfbd.webp 600w, https://assets.fabulous.ch/public/variant_asset/6518/file/medium-8ce7c8a379f2ff554a76775c08f860e0.webp 900w, https://assets.fabulous.ch/public/variant_asset/6518/file/large-405ba728d63ba4681b0b09acc98cf8ba.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6518/file/medium-8ce7c8a379f2ff554a76775c08f860e0.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">Govinda</p>
          <a href="/de/products/protein-chunks-hack-fein-bio-125-g-13449">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Protein Chunks Hack fein Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.85
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kB9pA3cqOnlo7y_Yo6lShOEjB9vToI1IY4fjGe3Tqf3TUxD8fSXG38tMDMjvJPAhuUW1ZXrA0zY2hBgFZPyR9w" />
    <input value="13449" 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-thai-reisnudeln-weiss-bio-250-g-13464">
          <img alt="Pasta Thai-Reisnudeln weiss Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6520/file/small-738b082637e8a37796efc03fd40c0f3a.webp 600w, https://assets.fabulous.ch/public/variant_asset/6520/file/medium-255f33eb1cf2ddbce9856f3f6b7ac8fc.webp 900w, https://assets.fabulous.ch/public/variant_asset/6520/file/large-4e487b8dc07f64eee3984ae665d66703.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6520/file/medium-255f33eb1cf2ddbce9856f3f6b7ac8fc.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">King Soba</p>
          <a href="/de/products/pasta-thai-reisnudeln-weiss-bio-250-g-13464">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Thai-Reisnudeln weiss Bio, 250 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 1.96 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="remEWHz3N5EAB_Co8IKgNjv2ltOQAWMF-qNa7I8FqoLupf2ndvjLN6Ok07i8DwKTY5AkbTlhPXuvoKHwBiqSiA" />
    <input value="13464" 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-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/limmattaler-vegane-alternative-zu-kase-bio-150-g-13477">
          <img alt="Limmattaler vegane Alternative zu Käse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6523/file/small-7987bf4601f2ec14883905c9988307fd.webp 600w, https://assets.fabulous.ch/public/variant_asset/6523/file/medium-03e36dfc912b7caa483cc3ffaa3a22cf.webp 900w, https://assets.fabulous.ch/public/variant_asset/6523/file/large-f33c9e15d331a122b546dca491a1be75.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6523/file/medium-03e36dfc912b7caa483cc3ffaa3a22cf.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">Soyana</p>
          <a href="/de/products/limmattaler-vegane-alternative-zu-kase-bio-150-g-13477">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Limmattaler vegane Alternative zu Käse Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </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 3.87 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7gvsyGckAXM5qa0yr9nlnHKCAKJyD7bbLae_FVfiM8utR5U3bSv91ZoKjiLjVEc5KuSyHNtv6KV4pEQJ3s0LwQ" />
    <input value="13477" 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/avenanda-choco-creme-auf-haferbasis-bio-200-g-13478">
          <img alt="Avenanda Choco-Crème auf Haferbasis Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6525/file/small-34ffb7dae1323943690a2dce666ed097.webp 600w, https://assets.fabulous.ch/public/variant_asset/6525/file/medium-fb41c36c78b2bf955a75b1b099620185.webp 900w, https://assets.fabulous.ch/public/variant_asset/6525/file/large-2f25f15dbdf4f8a74a0cfb714c0d4a23.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6525/file/medium-fb41c36c78b2bf955a75b1b099620185.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">Soyana</p>
          <a href="/de/products/avenanda-choco-creme-auf-haferbasis-bio-200-g-13478">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Avenanda Choco-Crème auf Haferbasis Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.05
            </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.03 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="U-N2FC4hjd9OaArkMM_v_TlWWv8KR7uB4xxy7Bn5xOgQrw_rJC5xee3LKfR8Qk1YYTDoQaMn5f-2H4nwkNb84g" />
    <input value="13478" 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/kokosmilch-mit-joghurt-kulturen-stracciatella-bio-275-g-13479">
          <img alt="Kokosmilch mit Joghurt Kulturen Stracciatella Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6526/file/small-73456be1ae0a6484713d98fad507fa47.webp 600w, https://assets.fabulous.ch/public/variant_asset/6526/file/medium-354d7ace404cd9300beb81f1cadddcfa.webp 900w, https://assets.fabulous.ch/public/variant_asset/6526/file/large-680fafb2bc326aa397baee8a8c73a931.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6526/file/medium-354d7ace404cd9300beb81f1cadddcfa.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">Harvest Moon</p>
          <a href="/de/products/kokosmilch-mit-joghurt-kulturen-stracciatella-bio-275-g-13479">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kokosmilch mit Joghurt Kulturen Stracciatella Bio, 275 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </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.71 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dnq2FXbylFNpteFoSbuTcqM4U82jEKKiK_9CBVmvtTs1Ns_qfP1o9coWwngFNjHX-17hcwpw_Nx-_LkZ0ICNMQ" />
    <input value="13479" type="hidden" name="variant_id" id="variant_id" />
    <input value="3" 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/dinkel-waffelrollchen-zartbitter-bio-150-g-13493">
          <img alt="Dinkel Waffelröllchen Zartbitter Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6529/file/small-d0d3bd5000634e6c3df6c6462b30391a.webp 600w, https://assets.fabulous.ch/public/variant_asset/6529/file/medium-61e7f581a9ea8474c242d68672654bf1.webp 900w, https://assets.fabulous.ch/public/variant_asset/6529/file/large-5c8bff85a28c4ba959cd8c06dcf2d7f8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6529/file/medium-61e7f581a9ea8474c242d68672654bf1.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">Rosengarten</p>
          <a href="/de/products/dinkel-waffelrollchen-zartbitter-bio-150-g-13493">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dinkel Waffelröllchen Zartbitter Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="A46edJCxv37j437zIfQf9nYmDPhUrK963TErphF4CjFAwueLmr5D2EBAXeNteb1TLkC-Rv3M8QSIMtC6mFcyOw" />
    <input value="13493" 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/dinkel-waffelrollchen-natur-bio-125-g-13494">
          <img alt="Dinkel Waffelröllchen Natur Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6531/file/small-b334db47627ab8f1fc02b5373ac671f7.webp 600w, https://assets.fabulous.ch/public/variant_asset/6531/file/medium-e9402dc09886fa6a82e383d14f2f6c94.webp 900w, https://assets.fabulous.ch/public/variant_asset/6531/file/large-b7ca0cf2f8d9163d2076521f67b2578d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6531/file/medium-e9402dc09886fa6a82e383d14f2f6c94.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">Rosengarten</p>
          <a href="/de/products/dinkel-waffelrollchen-natur-bio-125-g-13494">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dinkel Waffelröllchen Natur Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2OFNQj99B51fORUoho2P91FT3FsSK9aStO_FcJYwb-ubrTS9NXL7O_yaNjjKAC1SCTVu5btLiOzh7D5sHx9X4Q" />
    <input value="13494" 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/radiant-skin-concealer-medium-03-5-5-ml-13503">
          <img alt="Radiant Skin Concealer - Medium 03 -" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6530/file/small-21095698fae96b1834f9d5488a4f9b5b.webp 600w, https://assets.fabulous.ch/public/variant_asset/6530/file/medium-644e2d87a11adae9242c70dc88a34d5e.webp 900w, https://assets.fabulous.ch/public/variant_asset/6530/file/large-deb994fef84e697757ba55e3af260972.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6530/file/medium-644e2d87a11adae9242c70dc88a34d5e.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/radiant-skin-concealer-medium-03-5-5-ml-13503">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Radiant Skin Concealer - Medium 03 -, 5.5 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GLAOLzg-3WAK6jz9HU2zCRWtW-6TVQvubVJqJMAX1wVb_HfQMjEhxqlJH-1RwBGsTcvpUDo1VZA4UZE4STjvDw" />
    <input value="13503" 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/radiant-skin-concealer-ivory-01-5-5-ml-13516">
          <img alt="Radiant Skin Concealer - Ivory 01 -" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6534/file/small-3138ded123ae82fb97b01f8aec79fb7b.webp 600w, https://assets.fabulous.ch/public/variant_asset/6534/file/medium-7310ee7e50eb95b61862ebe1532f73ff.webp 900w, https://assets.fabulous.ch/public/variant_asset/6534/file/large-a16aae56c7450dc610fa50a0d1de4472.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6534/file/medium-7310ee7e50eb95b61862ebe1532f73ff.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/radiant-skin-concealer-ivory-01-5-5-ml-13516">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Radiant Skin Concealer - Ivory 01 -, 5.5 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nq96upJt1NAP12O7_wHnRaSbDVxso3FSCcD1rZ8HoMjd4wNFmGIodqx0QKuzjEXg_P2_4sXDLyxcww6xFiiYwg" />
    <input value="13516" 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/radiant-skin-concealer-light-02-5-5-ml-13517">
          <img alt="Radiant Skin Concealer - Light 02 -" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6535/file/small-4e5aeb1476e2aafd9f6bc58ba6e70ff1.webp 600w, https://assets.fabulous.ch/public/variant_asset/6535/file/medium-9221b9c05e03ce0d16ad191408fe44ff.webp 900w, https://assets.fabulous.ch/public/variant_asset/6535/file/large-9b919499312cf66364b5543c45af314c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6535/file/medium-9221b9c05e03ce0d16ad191408fe44ff.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/radiant-skin-concealer-light-02-5-5-ml-13517">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Radiant Skin Concealer - Light 02 -, 5.5 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="b_hKXpeF4BbhjO-VKVipX_-NvNN4ayDuIz643ALzC0QstDOhnYocsEIvzIVl1Qv6p-sObdELfpB2PUPAi9wzTg" />
    <input value="13517" 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/radiant-skin-concealer-tanned-04-5-5-ml-13518">
          <img alt="Radiant Skin Concealer - Tanned 04 -" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6537/file/small-fd229fbd4c53726e73258eb3c38ab4a7.webp 600w, https://assets.fabulous.ch/public/variant_asset/6537/file/medium-4e6811649592c7af74e7714950ae7885.webp 900w, https://assets.fabulous.ch/public/variant_asset/6537/file/large-9d3494f3bb19f54f08867fe54fc83fad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6537/file/medium-4e6811649592c7af74e7714950ae7885.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/radiant-skin-concealer-tanned-04-5-5-ml-13518">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Radiant Skin Concealer - Tanned 04 -, 5.5 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rZffJWcm0WtWv_ggdKQVWdGIvumlxMwRA_UxnEE59W3u26babSktzfUc2zA4Kbf8ie4MVwykkm9W9sqAyBbNZw" />
    <input value="13518" 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/grattaveg-vegane-alternative-zu-hartkase-bio-200-g-13532">
          <img alt="GrattaVeg Vegane Alternative zu Hartkäse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6538/file/small-1b88723470da85e63f562e32218d694e.webp 600w, https://assets.fabulous.ch/public/variant_asset/6538/file/medium-3bbb14e9d2222941474903ebd832d037.webp 900w, https://assets.fabulous.ch/public/variant_asset/6538/file/large-cf4b7ecf0f34393c389d866877b809ce.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6538/file/medium-3bbb14e9d2222941474903ebd832d037.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">Vegeatal</p>
          <a href="/de/products/grattaveg-vegane-alternative-zu-hartkase-bio-200-g-13532">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">GrattaVeg Vegane Alternative zu Hartkäse Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.75
            </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 3.38 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nJR_-BumAXajuFAEIq15vVu25rIcMUr6Jg0zDXrG1Szf2AYHEan90AAbcxRuINsYA9BUDLVRFIRzDsgR8-ntJg" />
    <input value="13532" 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/cracker-tschiiis-mit-new-roots-bio-100-g-13533">
          <img alt="Cracker &quot;Tschiiis&quot; mit New Roots Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6540/file/small-532fe839b5021dcb1cb924d395c481ba.webp 600w, https://assets.fabulous.ch/public/variant_asset/6540/file/medium-91ae8c4289916e2f0135314753a7f346.webp 900w, https://assets.fabulous.ch/public/variant_asset/6540/file/large-d33a144d2ccd50b19492d732162a2dbf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6540/file/medium-91ae8c4289916e2f0135314753a7f346.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">manifaktur</p>
          <a href="/de/products/cracker-tschiiis-mit-new-roots-bio-100-g-13533">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cracker &quot;Tschiiis&quot; mit New Roots Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uM0wJZf4wvhSASCT8jRAdoL2igIqbdIxVGlWDXnaQTr7gUnanfc-XvGiA4O-ueLT2pA4vIMNjE8Baq0R8PV5MA" />
    <input value="13533" 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/chili-sin-carne-bio-350-ml-13539">
          <img alt="Chili sin Carne Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6543/file/small-cc26008c82032468237fbbbae83f8e21.webp 600w, https://assets.fabulous.ch/public/variant_asset/6543/file/medium-dc2405869af4cbc3c4a387392cd4e479.webp 900w, https://assets.fabulous.ch/public/variant_asset/6543/file/large-156f77eca93db03e8b9ef1aeb2c9e038.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6543/file/medium-dc2405869af4cbc3c4a387392cd4e479.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">Little Lunch</p>
          <a href="/de/products/chili-sin-carne-bio-350-ml-13539">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chili sin Carne Bio, 350 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-13539-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">
      2&#39;180 von 3&#39;164 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/tartex?format=turbo_stream&amp;page=110">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>