<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/hunde-shampoo-pup-plastikfrei-75-g-7883">
          <img alt="Hunde Shampoo pup #plastikfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4617/file/small-6ce94f07bb0941755069ed704c6fc67f.webp 600w, https://assets.fabulous.ch/public/variant_asset/4617/file/medium-e2f0237de8a8e9ab55e10b5bffbd9271.webp 900w, https://assets.fabulous.ch/public/variant_asset/4617/file/large-db362d1d74e34127a8ad27270dfb8747.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4617/file/medium-e2f0237de8a8e9ab55e10b5bffbd9271.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">nul</p>
          <a href="/de/products/hunde-shampoo-pup-plastikfrei-75-g-7883">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hunde Shampoo pup #plastikfrei, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7n1UcOPfZfy0lVvk99u2-GOyrO5v4E0CQAciAuvE-kaNFYKxYHA3r3tqTFpGZpzt3xaOHsW3IalZz3Ki6Ezhzw" />
    <input value="7883" 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/biscuit-haselnuss-hafer-schoko-cookies-glutenfrei-bio-120-g-7902">
          <img alt="Biscuit Haselnuss Hafer Schoko Cookies Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4625/file/small-bc5c8baabf8590d7cfcd541cca0e961c.webp 600w, https://assets.fabulous.ch/public/variant_asset/4625/file/medium-5f684ad09d4aaedad934f3d7083800eb.webp 900w, https://assets.fabulous.ch/public/variant_asset/4625/file/large-96dd39d0acdd919b014184e49d71c037.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4625/file/medium-5f684ad09d4aaedad934f3d7083800eb.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">Céliane</p>
          <a href="/de/products/biscuit-haselnuss-hafer-schoko-cookies-glutenfrei-bio-120-g-7902">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biscuit Haselnuss Hafer Schoko Cookies Glutenfrei Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="keB2Q_tCcXIXI0jJK_kLNVv9fenmRUatF7F9D1ycHgfyiKCCeO0jIdjcX3eaRCEg51lfGUwSKgYOeS2vXxQFjg" />
    <input value="7902" 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/chips-susskartoffel-chips-fein-gesalzen-bio-100-g-7907">
          <img alt="Chips Süsskartoffel Chips fein gesalzen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4630/file/small-379502767b0450e36b834a2c46970d59.webp 600w, https://assets.fabulous.ch/public/variant_asset/4630/file/medium-60cc834e133c40afc1d23b99fa6dfff6.webp 900w, https://assets.fabulous.ch/public/variant_asset/4630/file/large-e644713929cb016a7eaf8e15e18b100a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4630/file/medium-60cc834e133c40afc1d23b99fa6dfff6.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">Heimatgut</p>
          <a href="/de/products/chips-susskartoffel-chips-fein-gesalzen-bio-100-g-7907">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chips Süsskartoffel Chips fein gesalzen Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="38PjpbfmGnXQFHnqLr_jKZXKZ780o9mc9Gy4WUI3Zwu8qzVkNElIJh_rblSfAsk8KW5FT570tTftpOj5Qb98gg" />
    <input value="7907" 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/dinkel-oliven-snacks-krauter-bio-150-g-7909">
          <img alt="Dinkel Oliven-Snacks Kräuter Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4632/file/small-56e838265420cd7ab1bc897e78cdb59d.webp 600w, https://assets.fabulous.ch/public/variant_asset/4632/file/medium-bea8b1a73a173addbfdebd9276c1c415.webp 900w, https://assets.fabulous.ch/public/variant_asset/4632/file/large-580180d0d20fdae955d2a7d7b44e683e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4632/file/medium-bea8b1a73a173addbfdebd9276c1c415.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">Sommer</p>
          <a href="/de/products/dinkel-oliven-snacks-krauter-bio-150-g-7909">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dinkel Oliven-Snacks Kräuter Bio, 150 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 2.73 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-X0UQche1oktOkW8ZtGfklDkAMFgj6aqog82zn0DixyaFcKAS_GE2uLFUgLXbLWH7EAiMcrYygG7x2ZufouQlQ" />
    <input value="7909" 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/pane-picco-mit-sesam-schwarzkummel-demeter-150-g-7913">
          <img alt="Pane Picco mit Sesam Schwarzkümmel Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4638/file/small-e53a6bb03f49368d03053683aec32664.webp 600w, https://assets.fabulous.ch/public/variant_asset/4638/file/medium-7777fe328ae80d008a0a6e11f2ad11c8.webp 900w, https://assets.fabulous.ch/public/variant_asset/4638/file/large-ee46b2f72764f043da3bcd9bca7c6cd4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4638/file/medium-7777fe328ae80d008a0a6e11f2ad11c8.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">Sommer</p>
          <a href="/de/products/pane-picco-mit-sesam-schwarzkummel-demeter-150-g-7913">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pane Picco mit Sesam Schwarzkümmel Demeter, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uyqanfA8sxczdXP4nKn1sUQdKv09achIdFUjWhkl3wjYQkxcc5PhRPyKZEYtFN-k-LkIDZc-pONtnXP6Gq3EgQ" />
    <input value="7913" 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/3in1-reinigung-peeling-maske-125-ml-7919">
          <img alt="3in1 Reinigung-Peeling-Maske" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4644/file/small-27793230c6722150458da2ea2b6c5434.webp 600w, https://assets.fabulous.ch/public/variant_asset/4644/file/medium-9ff342a7f037016f8b9e5c174361263b.webp 900w, https://assets.fabulous.ch/public/variant_asset/4644/file/large-fe723f88467969df05b062ac762f5a03.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4644/file/medium-9ff342a7f037016f8b9e5c174361263b.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/3in1-reinigung-peeling-maske-125-ml-7919">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">3in1 Reinigung-Peeling-Maske, 125 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zcylcgvxcDSD35qwmzDKNK5AtAX9LBfKSNzRpF8_2SKupHOziF4iZ0wgjQ4qjeAhEuSW9Vd7e2FRFIEEXLfCqw" />
    <input value="7919" 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/tomatenpuree-in-der-tube-bio-120-g-7922">
          <img alt="Tomatenpüree in der Tube Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4648/file/small-6aa5f64a3da5ee71ce2cbcc00862fb83.webp 600w, https://assets.fabulous.ch/public/variant_asset/4648/file/medium-fcb38e5a269aed80b35a4b0343715fd6.webp 900w, https://assets.fabulous.ch/public/variant_asset/4648/file/large-8dabbbb77fb1bc879961524bb7d55f38.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4648/file/medium-fcb38e5a269aed80b35a4b0343715fd6.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">Gautschi</p>
          <a href="/de/products/tomatenpuree-in-der-tube-bio-120-g-7922">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tomatenpüree in der Tube Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7w8qwQ8mX502rSU_0xVVOOXRtbSdGh_D-hFOn1W-ZBCMZ_wAjIkNzvlSMoFiqH8tWXWXRDdNc2jj2R4_VjZ_mQ" />
    <input value="7922" 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/wurzsauce-mojo-verde-bio-125-g-7924">
          <img alt="Würzsauce Mojo Verde Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4647/file/small-7c6d440df6d28da9265d9d8c9fe7c695.webp 600w, https://assets.fabulous.ch/public/variant_asset/4647/file/medium-59bfc98d2ede549b1b2e9f52a9516961.webp 900w, https://assets.fabulous.ch/public/variant_asset/4647/file/large-5477690a25f10a0970e566704bfc6d0a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4647/file/medium-59bfc98d2ede549b1b2e9f52a9516961.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">Sanchon</p>
          <a href="/de/products/wurzsauce-mojo-verde-bio-125-g-7924">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Würzsauce Mojo Verde Bio, 125 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 3.28 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TX4sUjO1LuwiTFy4_KBj2XZkdEixpvrJQ03VnvzocHsuFvqTsBp8v-2zSwZNHUnMysBWuBvxlmJahYU-_2Br8g" />
    <input value="7924" 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/erdnusssauce-sate-bio-320-ml-7929">
          <img alt="Erdnusssauce Saté Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4653/file/small-61562cc8cbe9360d79a688262aa2ed47.webp 600w, https://assets.fabulous.ch/public/variant_asset/4653/file/medium-3e2db3f5c82f6d928a1d158827ff3573.webp 900w, https://assets.fabulous.ch/public/variant_asset/4653/file/large-51532dfcc84ad811f2c7fe81d3bbc25b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4653/file/medium-3e2db3f5c82f6d928a1d158827ff3573.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">Sanchon</p>
          <a href="/de/products/erdnusssauce-sate-bio-320-ml-7929">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Erdnusssauce Saté Bio, 320 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9yCJGkFMLPXBWlVKf3eKpQanxC3TCKhDpc_GShqlo0iUSF_bwuN-pg6lQvTOyqCwugPm3XlfxOi8B5bqGS24wQ" />
    <input value="7929" 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/rapunzel-espresso-zartbitterschokolade-bio-100-g-7934">
          <img alt="Rapunzel Espresso Zartbitterschokolade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4657/file/small-e0dc7726cedd07eadd06f523ed7b3af7.webp 600w, https://assets.fabulous.ch/public/variant_asset/4657/file/medium-94e9f1ca39d25fd31d7f691ad2557798.webp 900w, https://assets.fabulous.ch/public/variant_asset/4657/file/large-a1273ff26371572960db00604b84c955.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4657/file/medium-94e9f1ca39d25fd31d7f691ad2557798.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/de/products/rapunzel-espresso-zartbitterschokolade-bio-100-g-7934">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rapunzel Espresso Zartbitterschokolade Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.45
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="x8hrR9gfXQnOh4D8SWXV-fI6fx46GNnT3dmHU9wWNt-koL2GW7APWgF4l0L42P_sTp5d7pBPtXjEEdfz354tVg" />
    <input value="7934" 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/arche-tokyo-mix-reiscracker-bio-80-g-7937">
          <img alt="Arche Tokyo Mix Reiscracker Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4656/file/small-14a51a90e9cf68d9a7b83460b80d049c.webp 600w, https://assets.fabulous.ch/public/variant_asset/4656/file/medium-b3f1c595c9b9c3f7cc9d6d764a3985fb.webp 900w, https://assets.fabulous.ch/public/variant_asset/4656/file/large-6ec3de4661b510d1ab946e5b504a6dc8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4656/file/medium-b3f1c595c9b9c3f7cc9d6d764a3985fb.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Arche</p>
          <a href="/de/products/arche-tokyo-mix-reiscracker-bio-80-g-7937">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Arche Tokyo Mix Reiscracker Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="joG_CWNlXfNOrWos9BZYKWbty3_dOHlOAf4R7CM2m__t6WnI4MoPoIFSfZJFq3I82knpj3dvFeUYNkFMIL6Adg" />
    <input value="7937" 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/kerne-mix-gerostet-buchweizen-kurbiskerne-sesam-bio-250-g-7938">
          <img alt="Kerne-Mix geröstet (Buchweizen, Kürbiskerne, Sesam) Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4658/file/small-008035d4df407cc896379b1d02029469.webp 600w, https://assets.fabulous.ch/public/variant_asset/4658/file/medium-ed815d6766d861ebf079c7df35cb5e79.webp 900w, https://assets.fabulous.ch/public/variant_asset/4658/file/large-6b5b6647cd1d5e27fb2c22048d1623b0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4658/file/medium-ed815d6766d861ebf079c7df35cb5e79.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/de/products/kerne-mix-gerostet-buchweizen-kurbiskerne-sesam-bio-250-g-7938">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kerne-Mix geröstet (Buchweizen, Kürbiskerne, Sesam) Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gdXlzvd2r5kTxG43-UPyKA9pIApmxkZiKrNQpxpU2UrivTMPdNn9ytw7eYlI_tg9s80C-syRKskzewAHGdzCww" />
    <input value="7938" 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/essig-terra-verde-crema-di-balsamico-di-modena-bio-150-ml-7955">
          <img alt="Essig Terra Verde Crema di Balsamico di Modena Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4662/file/small-8388ff963d2a591c8aa5e02a0cdd75cd.webp 600w, https://assets.fabulous.ch/public/variant_asset/4662/file/medium-83c1b7512541e2aa4a820d514cc5742b.webp 900w, https://assets.fabulous.ch/public/variant_asset/4662/file/large-8617e68412e24c8390e6ab43e67cf1d5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4662/file/medium-83c1b7512541e2aa4a820d514cc5742b.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">Terra Verde</p>
          <a href="/de/products/essig-terra-verde-crema-di-balsamico-di-modena-bio-150-ml-7955">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Essig Terra Verde Crema di Balsamico di Modena Bio, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.85
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6W4mLY2QhvTb7tyj1zlMQOh6MxhsPyM3Bpa9HUeP13GKBvDsDj_UpxQRyx1mhGZVVN4R6MZoT5wfXu29RAfM-A" />
    <input value="7955" 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/zitronensaure-konservieren-gelieren-konv-10-g-7960">
          <img alt="Zitronensäure konservieren &amp; gelieren konv." class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4666/file/small-616e2b09d70d8c9e8117d661d6a02fc7.webp 600w, https://assets.fabulous.ch/public/variant_asset/4666/file/medium-e888b3a2e64b4f61e04421c6be7167ca.webp 900w, https://assets.fabulous.ch/public/variant_asset/4666/file/large-0383e314dd9c8868225b63ee7083960c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4666/file/medium-e888b3a2e64b4f61e04421c6be7167ca.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biovegan</p>
          <a href="/de/products/zitronensaure-konservieren-gelieren-konv-10-g-7960">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Zitronensäure konservieren &amp; gelieren konv., 10 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wyzXoKh4XUvVHsWYT40VI9bcZYs_8jJJQBYxDXltpvygRAFhK9cPGBrh0ib-MD82anhHe5WlXuJZ3mGteuW9dQ" />
    <input value="7960" 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/pfiffikuss-premium-krauterbutter-krautersalz-bio-200-g-7970">
          <img alt="Pfiffikuss Premium Kräuterbutter Kräutersalz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4670/file/small-d90f36e7d10f17e7e867a3f5954d8a76.webp 600w, https://assets.fabulous.ch/public/variant_asset/4670/file/medium-7885f4a0dd04537a2e1f7eb4e4f2eeea.webp 900w, https://assets.fabulous.ch/public/variant_asset/4670/file/large-958fcd662e3d0bf8a07f1f2e87a51c85.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4670/file/medium-7885f4a0dd04537a2e1f7eb4e4f2eeea.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Pfiffikuss</p>
          <a href="/de/products/pfiffikuss-premium-krauterbutter-krautersalz-bio-200-g-7970">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pfiffikuss Premium Kräuterbutter Kräutersalz Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.45
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ntN6pZLJqE4fB9lCQXukmBcXTmyVnYXsv2XLj_H_2HH9u6xkEWb6HdD4zvzwxo6Nq7NsnD_K6UemrZsv8nfD-A" />
    <input value="7970" 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/brot-e-sener-dinkelbrot-demeter-500-g-7983">
          <img alt="Brot E&#39;sener Dinkelbrot Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4673/file/small-d0331a9561a45f3bf6e19f4038605916.webp 600w, https://assets.fabulous.ch/public/variant_asset/4673/file/medium-ec5debb412042757578e161c8b37623d.webp 900w, https://assets.fabulous.ch/public/variant_asset/4673/file/large-bdef3866da51ec3e38750d891797c6eb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4673/file/medium-ec5debb412042757578e161c8b37623d.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/brot-e-sener-dinkelbrot-demeter-500-g-7983">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Brot E&#39;sener Dinkelbrot Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XU1fYPlTAPGveMeGBsQvHDlrVvU2jw4Olf2yhaOUk5E-JYmhevxSomCH0Di3eQUJhc90BZzYYqWMNeIloByIGA" />
    <input value="7983" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pasta-glasnudeln-aus-erbsenstarke-bio-200-g-7992">
          <img alt="Pasta Glasnudeln aus Erbsenstärke Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4681/file/small-d7f82e2fdb8d4e78b2a8abdb76c924a1.webp 600w, https://assets.fabulous.ch/public/variant_asset/4681/file/medium-56be5b627d08269256e7c8e0fc6959c1.webp 900w, https://assets.fabulous.ch/public/variant_asset/4681/file/large-8218d90bea2f62c557d7764971052b28.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4681/file/medium-56be5b627d08269256e7c8e0fc6959c1.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Arche</p>
          <a href="/de/products/pasta-glasnudeln-aus-erbsenstarke-bio-200-g-7992">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Glasnudeln aus Erbsenstärke Bio, 200 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 2.88 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uutMlSrEsx4FHk2b9V63nnF7Km5Unb463e37KahqUPzZg5pUqWvhTcrhWiVE452Lzd8Inv7K0pHEJauJq-JLdQ" />
    <input value="7992" 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/algen-nori-flocken-20-g-7994">
          <img alt="Algen Nori Flocken" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4683/file/small-d46496e490700aebb7eb964cff25b136.webp 600w, https://assets.fabulous.ch/public/variant_asset/4683/file/medium-7a28b7b8b46d49e9be955d093d02a055.webp 900w, https://assets.fabulous.ch/public/variant_asset/4683/file/large-7619ed7ccc80143e6c960c82dff17a62.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4683/file/medium-7a28b7b8b46d49e9be955d093d02a055.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Arche</p>
          <a href="/de/products/algen-nori-flocken-20-g-7994">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Algen Nori Flocken, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="c4egWQAkrDO8bTEyECc1O9SdxATflJXPX8ntTf_nDSMQ73aYg4v-YHOSJoyhmh8uaDnm9HXD-WRGAb3t_G8Wqg" />
    <input value="7994" 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/hafer-muesli-protein-glutenfrei-bio-425-g-7995">
          <img alt="Hafer Müesli Protein glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4686/file/small-8a2ce9904315a8cfb120d98d4977f31a.webp 600w, https://assets.fabulous.ch/public/variant_asset/4686/file/medium-7730ed49e4388a9b6b0d2185c877d4fa.webp 900w, https://assets.fabulous.ch/public/variant_asset/4686/file/large-5aa29b1171aab7be42f86473ca1678ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4686/file/medium-7730ed49e4388a9b6b0d2185c877d4fa.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/hafer-muesli-protein-glutenfrei-bio-425-g-7995">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hafer Müesli Protein glutenfrei Bio, 425 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.35
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="56F8t11ugCaUWtkdZJfLvqYxh8rltmts0embt_vS7m-Eyap23sHSdVulzqPVKuGrGpWlOk_hB8fIIcsX-Fr15g" />
    <input value="7995" 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-himbeere-220-g-8013">
          <img alt="Xylit Konfitüre Himbeere" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4688/file/small-20a5e993466106fbf9507a104940caed.webp 600w, https://assets.fabulous.ch/public/variant_asset/4688/file/medium-9b8e252131a7cd706de2042bddb0db85.webp 900w, https://assets.fabulous.ch/public/variant_asset/4688/file/large-f8d1ad40e7875f494c392e616e4c1e1e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4688/file/medium-9b8e252131a7cd706de2042bddb0db85.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Xucker</p>
          <a href="/de/products/xylit-konfiture-himbeere-220-g-8013">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xylit Konfitüre Himbeere, 220 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

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

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



</template></turbo-stream>
<turbo-stream action="replace" target="infinite_scroll_sentinel"><template>
  <div id="infinite_scroll_sentinel" class="w-full py-8">
  <div class="flex flex-col items-center gap-3">
    <p class="text-sm text-gray-500">
      1&#39;900 von 3&#39;184 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/vitasal?format=turbo_stream&amp;page=96">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>