<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/mini-choc-bars-erdbeerfullung-100-g-5050">
          <img alt="Mini Choc Bars Erdbeerfüllung" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2984/file/small-d45d7f4432e83b983bf5a33e54bcca40.webp 600w, https://assets.fabulous.ch/public/variant_asset/2984/file/medium-d1f655356926fe3dabf8429c28411192.webp 900w, https://assets.fabulous.ch/public/variant_asset/2984/file/large-23a8b01e3bdf68377d666667fb304d83.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2984/file/medium-d1f655356926fe3dabf8429c28411192.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Vantastic</p>
          <a href="/de/products/mini-choc-bars-erdbeerfullung-100-g-5050">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mini Choc Bars Erdbeerfüllung, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OXdm11KkezQPHreYbM4CkpKhuENhPpZ-36f0q5OUGzwRqXebD-7N7OGl7SzCu6cYTp6la3KeeaJrrT6Hmz2y9Q" />
    <input value="5050" 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/vantastic-foods-buttons-schakalode-500-g-5052">
          <img alt="Vantastic Foods Buttons Schakalode" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2985/file/small-85de2bfaf73e232726f61d156a75fc22.webp 600w, https://assets.fabulous.ch/public/variant_asset/2985/file/medium-2a9baacad106014075fcbbcf3546cf90.webp 900w, https://assets.fabulous.ch/public/variant_asset/2985/file/large-48d1b0197306a0c6921dbd2cd3fbfe89.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2985/file/medium-2a9baacad106014075fcbbcf3546cf90.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Vantastic</p>
          <a href="/de/products/vantastic-foods-buttons-schakalode-500-g-5052">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vantastic Foods Buttons Schakalode, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="k4NzGuyCLQcZoxytYmV1nGdb5jthzYWfpDcD65C0b9q7XWJWscib3_cYRhnMENAWu2T7E3JtakMQPcnHmB3GEw" />
    <input value="5052" 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/kaffee-alternative-chicoree-zichorie-filter-gemahlen-bio-250-g-5123">
          <img alt="Kaffee Alternative Chicorée Zichorie FILTER, gemahlen, Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3008/file/small-d7fc16aadbee4c419358586dd2245076.webp 600w, https://assets.fabulous.ch/public/variant_asset/3008/file/medium-4c724b1a424b40aa0fbf1ff3e08ec225.webp 900w, https://assets.fabulous.ch/public/variant_asset/3008/file/large-292b69261d75635c279fe72f910ae152.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3008/file/medium-4c724b1a424b40aa0fbf1ff3e08ec225.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">Lima</p>
          <a href="/de/products/kaffee-alternative-chicoree-zichorie-filter-gemahlen-bio-250-g-5123">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kaffee Alternative Chicorée Zichorie FILTER, gemahlen, Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EeD8_ozUoRd5Ofx8o_GXa5N51XI5usIVIpAOuT4yW5I5Pu2y0Z4Xz5eCpsgNhDLhT0bIWioaLcmWmsSVNpvyWw" />
    <input value="5123" 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/crunchy-fruit-brombeeren-gefriergetrocknet-raw-bio-16-g-5130">
          <img alt="Crunchy Fruit Brombeeren gefriergetrocknet RAW Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3017/file/small-a1b8f232413ac89d7d40b6f0a1ed5928.webp 600w, https://assets.fabulous.ch/public/variant_asset/3017/file/medium-a7f6daecb5f56a5f2db15968df4fe167.webp 900w, https://assets.fabulous.ch/public/variant_asset/3017/file/large-64e8737a160b1cc51839c4f4ca59c52c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3017/file/medium-a7f6daecb5f56a5f2db15968df4fe167.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">Organica</p>
          <a href="/de/products/crunchy-fruit-brombeeren-gefriergetrocknet-raw-bio-16-g-5130">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Crunchy Fruit Brombeeren gefriergetrocknet RAW Bio, 16 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="y8LEVZrICqJ-vKcYTKPI0tm0-rTYA184elGNJcDBgRfjHNUZx4K8epAH_azi1m1YBYvnnMujsOTOW0cJyGgo3g" />
    <input value="5130" 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/crunchy-fruit-ananas-gefriergetrocknet-raw-bio-16-g-5132">
          <img alt="Crunchy Fruit Ananas gefriergetrocknet RAW Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3020/file/small-6eae2dfa3721bb3af69cf1b305a11dc0.webp 600w, https://assets.fabulous.ch/public/variant_asset/3020/file/medium-bb05e96642b7246ea2f0a0da87301491.webp 900w, https://assets.fabulous.ch/public/variant_asset/3020/file/large-9ddecc58a8e92ec4c312ba56f0d80d47.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3020/file/medium-bb05e96642b7246ea2f0a0da87301491.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">Organica</p>
          <a href="/de/products/crunchy-fruit-ananas-gefriergetrocknet-raw-bio-16-g-5132">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Crunchy Fruit Ananas gefriergetrocknet RAW Bio, 16 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TrZST6DYwAL_wjOyNIe9ra2o2-Aa3gsDWuKZkliUa9JmaEMD_ZJ22hF5aQaa8hgncZfGyAl-5N_u6FO-UD3CGw" />
    <input value="5132" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/backmischung-brownies-glutenfrei-bio-400-g-9946f331-ac51-4964-82a8-dfa0d8b2e89b-5143">
          <img alt="Backmischung Brownies glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3025/file/small-3b4bb4597d8026fa469e4412bae393ec.webp 600w, https://assets.fabulous.ch/public/variant_asset/3025/file/medium-33ffea3db687dceb2644240d70a2eb98.webp 900w, https://assets.fabulous.ch/public/variant_asset/3025/file/large-008fdd2c0b16175122d442a975dcb352.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3025/file/medium-33ffea3db687dceb2644240d70a2eb98.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/de/products/backmischung-brownies-glutenfrei-bio-400-g-9946f331-ac51-4964-82a8-dfa0d8b2e89b-5143">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Backmischung Brownies glutenfrei Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.45
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gR3HM2X-csjg7B4etjQfS9jqHpCl0G5G3ZNW9EGC9o2pw9Z_OLTEEA5XRKoYQbrBBNUDuLZwgZppmZzYSStfRA" />
    <input value="5143" 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-english-breakfast-tea-fairtrade-bio-20-beutel-5157">
          <img alt="Tee English Breakfast Tea Fairtrade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3030/file/small-1019b4227cd56390f902a5a4fe7bd7ce.webp 600w, https://assets.fabulous.ch/public/variant_asset/3030/file/medium-2ffc349c3348e0d13afd1678396b3947.webp 900w, https://assets.fabulous.ch/public/variant_asset/3030/file/large-c8813ce06669b7aaf10d49a97ae6abef.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3030/file/medium-2ffc349c3348e0d13afd1678396b3947.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">Cupper</p>
          <a href="/de/products/tee-english-breakfast-tea-fairtrade-bio-20-beutel-5157">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tee English Breakfast Tea Fairtrade Bio, 20 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mlL7xW3MPUM5lOg-24td4DjRPiAexYtEZxXqT5x1hnWyjOqJMIaLm9cvsop1_vhq5O4jCA1lZJjTHyBjlNwvvA" />
    <input value="5157" 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/tee-good-morning-krautertee-bio-20-beutel-5162">
          <img alt="Tee Good Morning Kräutertee, Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3037/file/small-646b35a10126a24f746a8b2107abc6c1.webp 600w, https://assets.fabulous.ch/public/variant_asset/3037/file/medium-c93f5b695417d44b782d1a75c1fb21a0.webp 900w, https://assets.fabulous.ch/public/variant_asset/3037/file/large-9667f577d41754586046226077add4dc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3037/file/medium-c93f5b695417d44b782d1a75c1fb21a0.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">Cupper</p>
          <a href="/de/products/tee-good-morning-krautertee-bio-20-beutel-5162">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tee Good Morning Kräutertee, Bio, 20 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="isxJ4bPERCCbtxIx8QYKgyFBbAiUS7JvjVbmxFGFzRuiElit7o7y-HUMSIVfc68J_X5xIIfrXbM5XCzoWSxk0g" />
    <input value="5162" 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-krautertee-gute-laune-lose-bio-50-g-5165">
          <img alt="Tee Kräutertee Gute Laune lose Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3040/file/small-ab473adb69ad4f4f269028324f7d56ad.webp 600w, https://assets.fabulous.ch/public/variant_asset/3040/file/medium-5a66cf6a339b98afc71b18ad0a3578b1.webp 900w, https://assets.fabulous.ch/public/variant_asset/3040/file/large-78ff69e10af18139f12e3bf6cece0081.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3040/file/medium-5a66cf6a339b98afc71b18ad0a3578b1.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-krautertee-gute-laune-lose-bio-50-g-5165">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tee Kräutertee Gute Laune lose Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vJjf78UtOmmIDPDi1xiizkaZYcE9bCPeF5j3pRDVF2OURs6jmGeMsWa3qlZ5bQdEmqZ86S7MzAKjkj2JGHy-qg" />
    <input value="5165" 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/soja-wurfel-250-g-5172">
          <img alt="Soja Würfel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3044/file/small-0ed881142a6bc1acd406a6595cc6bf2f.webp 600w, https://assets.fabulous.ch/public/variant_asset/3044/file/medium-9350701eed378cf779cbcfa17fde6054.webp 900w, https://assets.fabulous.ch/public/variant_asset/3044/file/large-530fe15cbda27cd2be19d71c1d3e5d2f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3044/file/medium-9350701eed378cf779cbcfa17fde6054.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Vantastic</p>
          <a href="/de/products/soja-wurfel-250-g-5172">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soja Würfel, 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-5172-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sK612aQ-fS_1kH_tHO3Ue-u5DulasMwl5xlOFEv10uuYcKSV-XTL9xsrJVmymHHxN4YTwUkQI_lTE4Q4Q1x7Ig" />
    <input value="5172" 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/schlagcreme-schlagfix-ungesusst-25-fett-1000-ml-5228">
          <img alt="Schlagcreme SCHLAGFIX ungesüsst 25% Fett" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3057/file/small-acfcbedfabd0b608082af2a57bf80d6a.webp 600w, https://assets.fabulous.ch/public/variant_asset/3057/file/medium-758a46c929d7e68ac6b9f06cbc6c6eb5.webp 900w, https://assets.fabulous.ch/public/variant_asset/3057/file/large-d650082d3db4034a6f801754ca5e9be0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3057/file/medium-758a46c929d7e68ac6b9f06cbc6c6eb5.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">Schlagfix</p>
          <a href="/de/products/schlagcreme-schlagfix-ungesusst-25-fett-1000-ml-5228">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Schlagcreme SCHLAGFIX ungesüsst 25% Fett, 1000 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RfMJCGj-7J0k3rhe4JUZWVOFIkpUfpAvw3FcpKWOZJJtLRhENbRaRcpl4upO4LzTj7o_Ykfef_N3e5aIrSfNWw" />
    <input value="5228" 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/kaffee-alternative-yannoh-instant-bio-250-g-5236">
          <img alt="Kaffee Alternative Yannoh Instant, Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3059/file/small-bfeb4b9f08c6abe3f321abb13f5f3616.webp 600w, https://assets.fabulous.ch/public/variant_asset/3059/file/medium-14dfb8a5865502e9ea825caabc87eaa4.webp 900w, https://assets.fabulous.ch/public/variant_asset/3059/file/large-82249d100f70b7ca106869ad067b47ab.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3059/file/medium-14dfb8a5865502e9ea825caabc87eaa4.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">Lima</p>
          <a href="/de/products/kaffee-alternative-yannoh-instant-bio-250-g-5236">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kaffee Alternative Yannoh Instant, Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SKwxqsbDIkTnMW45sG9tXiIyxzXG7wnL0iWOmPqzMChgciDmm4mUnAmKNI0eGsjU_g3aHdVP5hdmL0S08hqZ4Q" />
    <input value="5236" 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/cookies-pekannusse-schokoladenstuckchen-bio-175-g-5259">
          <img alt="Cookies Pekannüsse Schokoladenstückchen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3065/file/small-5eb296343d93b3f43ab36798593b6358.webp 600w, https://assets.fabulous.ch/public/variant_asset/3065/file/medium-a46a43815ca59d1cc97b252f18c2a3c9.webp 900w, https://assets.fabulous.ch/public/variant_asset/3065/file/large-ea9fbac718581838b28a6eed0b59f867.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3065/file/medium-a46a43815ca59d1cc97b252f18c2a3c9.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">Moulin du Piver</p>
          <a href="/de/products/cookies-pekannusse-schokoladenstuckchen-bio-175-g-5259">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cookies Pekannüsse Schokoladenstückchen Bio, 175 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 3.26 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5EPdTfs5wLetTdmq0BK9UeggmKneKcdWHXEmIc8klPXMncwBpnN2b0P2gx5-ZxjbNB-Fgc2JKIqpe-wNx409PA" />
    <input value="5259" 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/mini-choc-bars-white-creem-100-g-5299">
          <img alt="Mini Choc Bars White Creem" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3089/file/small-b69dab99a81940b012d7987bae796f17.webp 600w, https://assets.fabulous.ch/public/variant_asset/3089/file/medium-22aea115ac5fcc4e421f5b2df3b07357.webp 900w, https://assets.fabulous.ch/public/variant_asset/3089/file/large-a8e148ddad2ad4050d7fac17641eb04e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3089/file/medium-22aea115ac5fcc4e421f5b2df3b07357.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Vantastic</p>
          <a href="/de/products/mini-choc-bars-white-creem-100-g-5299">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mini Choc Bars White Creem, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="arRkcCznUii5A4L6yVhgK7KCe_MoTEV7NcpczFl06ZlCanU8ca3k8Fe42E5nLcWhbr1m2zvsqqeBwJbgUd1AUA" />
    <input value="5299" 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/quinoa-weiss-real-bio-500-g-5312">
          <img alt="Quinoa Weiss Real Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3104/file/small-ff94636d2143dcf505b7b306e505cbc3.webp 600w, https://assets.fabulous.ch/public/variant_asset/3104/file/medium-a575b6146c4d77f539557a95666beb2e.webp 900w, https://assets.fabulous.ch/public/variant_asset/3104/file/large-0485ae2eadadabf613b56c7d78c385ff.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3104/file/medium-a575b6146c4d77f539557a95666beb2e.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">Priméal</p>
          <a href="/de/products/quinoa-weiss-real-bio-500-g-5312">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Quinoa Weiss Real Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="67Ri_OQYBRgLNvks-Q3Wung4xxBUAs-ysuWbLf_ePxzDanOwuVKzwOWNo5hXeHMwpAfaOEeiIG4G71EB93eW1Q" />
    <input value="5312" 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/coco-aminos-wurzsauce-glutenfrei-bio-245-ml-5355">
          <img alt="Coco Aminos Würzsauce Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3114/file/small-fb654a56ce53fe0e06f89d27021a4b79.webp 600w, https://assets.fabulous.ch/public/variant_asset/3114/file/medium-1a88590208fb0b9be1567b803c45a47c.webp 900w, https://assets.fabulous.ch/public/variant_asset/3114/file/large-e8c60330132293622bf56dea13644581.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3114/file/medium-1a88590208fb0b9be1567b803c45a47c.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">GoodMoodFood</p>
          <a href="/de/products/coco-aminos-wurzsauce-glutenfrei-bio-245-ml-5355">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Coco Aminos Würzsauce Glutenfrei Bio, 245 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2E8uy4xxef1tTkda5-qdOwp1M8_gVaa-xcghf47CJTjwkT-H0TvPJYP1He5Jnzix1kou5_P1SWJxwutThmuM8Q" />
    <input value="5355" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div class="border-gray-200 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/bean-sticks-paprika-bio-75-g-5390">
          <img alt="Bean Sticks Paprika Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3140/file/small-5d8a41059aa994476806d2b311f26b2b.webp 600w, https://assets.fabulous.ch/public/variant_asset/3140/file/medium-cfac1253fd173bdc18f1d4603684f4ad.webp 900w, https://assets.fabulous.ch/public/variant_asset/3140/file/large-266abc3c1bf8bf06e8d0967aa2c96bc7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3140/file/medium-cfac1253fd173bdc18f1d4603684f4ad.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">de Rit</p>
          <a href="/de/products/bean-sticks-paprika-bio-75-g-5390">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bean Sticks Paprika Bio, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VkKRPnFMc6Y0RM4YIIJA5_33SQeTeYDozSWZqBWz38p-nIByLAbFftr_lKyO9-VtIchUL4DZbzR5L1OEHRp2Aw" />
    <input value="5390" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/xylit-schokoaufstrich-cremnux-nuss-nougat-ohne-zucker-180-g-5414">
          <img alt="Xylit Schokoaufstrich Cremnux Nuss-Nougat Ohne Zucker" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3155/file/small-52d19d5f952db04850c77dfb238f9b97.webp 600w, https://assets.fabulous.ch/public/variant_asset/3155/file/medium-268e0ec32faf3f1c2ad860ece176a1c8.webp 900w, https://assets.fabulous.ch/public/variant_asset/3155/file/large-c4b555bc7059fd17d05c1f50951970ba.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3155/file/medium-268e0ec32faf3f1c2ad860ece176a1c8.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Tautona</p>
          <a href="/de/products/xylit-schokoaufstrich-cremnux-nuss-nougat-ohne-zucker-180-g-5414">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xylit Schokoaufstrich Cremnux Nuss-Nougat Ohne Zucker, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.80
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/xylitol-bonbons-minze-zuckerfrei-30-g-5429">
          <img alt="Xylitol Bonbons Minze Zuckerfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3165/file/small-3f1fc0432573750ca5e4b5e6d4cc1d07.webp 600w, https://assets.fabulous.ch/public/variant_asset/3165/file/medium-1ca5a7e9fa6c94d724196fca96c24c2b.webp 900w, https://assets.fabulous.ch/public/variant_asset/3165/file/large-4612442922ff4fd0600bbb039d382bd7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3165/file/medium-1ca5a7e9fa6c94d724196fca96c24c2b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Birkengold</p>
          <a href="/de/products/xylitol-bonbons-minze-zuckerfrei-30-g-5429">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xylitol Bonbons Minze Zuckerfrei, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/bierhefeflocken-mit-malz-konv-200-g-5492">
          <img alt="Bierhefeflocken mit Malz konv." class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3178/file/small-216e514ad29c881f5bb5b70874fb113b.webp 600w, https://assets.fabulous.ch/public/variant_asset/3178/file/medium-663b03afa9a90cb0a05be8ff1df18411.webp 900w, https://assets.fabulous.ch/public/variant_asset/3178/file/large-d66eb96a46d42fe10d973a3d0733143b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3178/file/medium-663b03afa9a90cb0a05be8ff1df18411.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Pural</p>
          <a href="/de/products/bierhefeflocken-mit-malz-konv-200-g-5492">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bierhefeflocken mit Malz konv., 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QDdTQBVPlB0XxbpfFdzqok910qSLuRExSxofITRjogBo6UIMSAUixfl-4Ou7qU8ok0rPjJgZ_u3_ENUNPMoLyQ" />
    <input value="5492" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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



</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;300 von 2&#39;286 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/lebensmittel?format=turbo_stream&amp;page=66">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>