<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/geschirr-maschine-salz-2-kg-74">
          <img alt="Geschirr Maschine Salz" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/82/file/small-78955166a74f7cdbefbdca5c938e953f.webp 600w, https://assets.fabulous.ch/public/variant_asset/82/file/medium-6fde78261c757063ef43924665d30cfa.webp 900w, https://assets.fabulous.ch/public/variant_asset/82/file/large-952f2a3e7dc71798d3cf0d64e1da80dc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/82/file/medium-6fde78261c757063ef43924665d30cfa.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">Almawin</p>
          <a href="/de/products/geschirr-maschine-salz-2-kg-74">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Geschirr Maschine Salz, 2 kg</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 0.27 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3lOq6RlZFC-oJoCLbQX0k-NorVOUT5zSTr09Ow-ZIJepjm67WMe9sWK5aHi4JZ5HqKEnEgHA7aLNnJRHAIDeQQ" />
    <input value="74" 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/geschirr-spulmaschinen-tabs-25-stuck-75">
          <img alt="Geschirr Spülmaschinen Tabs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/83/file/small-49a73ec26ed2a0e7dddbbd2d687c84ea.webp 600w, https://assets.fabulous.ch/public/variant_asset/83/file/medium-b95064513a268f0e2b5b8ab87291b5da.webp 900w, https://assets.fabulous.ch/public/variant_asset/83/file/large-33f9852b51ce63348a0508e757852ba0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/83/file/medium-b95064513a268f0e2b5b8ab87291b5da.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">Almawin</p>
          <a href="/de/products/geschirr-spulmaschinen-tabs-25-stuck-75">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Geschirr Spülmaschinen Tabs, 25 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.45
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hudF6B6I86N9HXyhEtrdmkIoT-Xh-dtkvgL1QdeP4KvxOoG6XxZaPbeClFLH-rdOCeHFpHR2qhQ9I1w92JYefQ" />
    <input value="75" 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/glas-fensterreiniger-0-5-l-76">
          <img alt="Glas + Fensterreiniger" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/84/file/small-297f577739917fb74505194d53a75c15.webp 600w, https://assets.fabulous.ch/public/variant_asset/84/file/medium-c76fbe1e204a14900369a766b55d7879.webp 900w, https://assets.fabulous.ch/public/variant_asset/84/file/large-3e6dbd3b4448edb848e05fdf5bbab316.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/84/file/medium-c76fbe1e204a14900369a766b55d7879.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">Almawin</p>
          <a href="/de/products/glas-fensterreiniger-0-5-l-76">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Glas + Fensterreiniger, 0.5 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.01 / l
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5bKDhfoqIxXn710abFfGF6P736rorZ99npL9YmhGvOWSb0fXu7SKiy1wtem5d6zD6DJV630i7g0ds1QeZ19CMw" />
    <input value="76" 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/allesreiniger-haushalts-reiniger-0-5-l-77">
          <img alt="Allesreiniger Haushalts-Reiniger" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/86/file/small-34286215111135b2c6dfbc9a52ab2eaa.webp 600w, https://assets.fabulous.ch/public/variant_asset/86/file/medium-d2f1bce7978412398d7616c37fce9fee.webp 900w, https://assets.fabulous.ch/public/variant_asset/86/file/large-899d9d02e0b225c20706af964a065120.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/86/file/medium-d2f1bce7978412398d7616c37fce9fee.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">Almawin</p>
          <a href="/de/products/allesreiniger-haushalts-reiniger-0-5-l-77">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Allesreiniger Haushalts-Reiniger, 0.5 l</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 0.01 / l
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BF-vy7LE_DKZ1G_cKuiRDRAs6WaZqW0_SFzW1M-wGQhzgmuZ81pVrFNLhy__yPvZW-VjJwwmHE_LfX-owKnn3g" />
    <input value="77" 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/orangenol-reiniger-0-5-l-78">
          <img alt="Orangenöl-Reiniger" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/88/file/small-7c87c70aed8dff8514807cf1b17e3839.webp 600w, https://assets.fabulous.ch/public/variant_asset/88/file/medium-a667ca5f6c9771e598934b3ec182be6d.webp 900w, https://assets.fabulous.ch/public/variant_asset/88/file/large-16c28b1f94786b4d850d74ad5a1d3289.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/88/file/medium-a667ca5f6c9771e598934b3ec182be6d.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">Almawin</p>
          <a href="/de/products/orangenol-reiniger-0-5-l-78">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Orangenöl-Reiniger, 0.5 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.15
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.04 / l
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IHevKpDXrwgY_r_NBpodNPTDHpvA1El_yLshoSwDKExXqmt40UkGltJhVz7TunfgvwqU2lVbOA9LmojdIxrWmg" />
    <input value="78" 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/wasche-vollwaschmittel-30-c-bis-95-c-2-kg-79">
          <img alt="Wäsche Vollwaschmittel 30°C bis 95°C" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/89/file/small-12c917a8e222239275ae2948b7a816f9.webp 600w, https://assets.fabulous.ch/public/variant_asset/89/file/medium-6f01e0acc18877078abc81041cfa4529.webp 900w, https://assets.fabulous.ch/public/variant_asset/89/file/large-f04183033212efa54077f1594da81e8e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/89/file/medium-6f01e0acc18877078abc81041cfa4529.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">Almawin</p>
          <a href="/de/products/wasche-vollwaschmittel-30-c-bis-95-c-2-kg-79">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Wäsche Vollwaschmittel 30°C bis 95°C, 2 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ScwZMD0Kfre0OWz_r-BZ5nGwhjCxJgIkgjPQalyLI_A-Ed1ifJTXKX6mhAx6wDMyOnkMcSSpc1QBEnkWU5LdJg" />
    <input value="79" 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/agar-agar-pulver-glutenfrei-bio-2-g-90">
          <img alt="Agar Agar Pulver Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/98/file/small-bb454f673491642db64eea4358362c5f.webp 600w, https://assets.fabulous.ch/public/variant_asset/98/file/medium-3bb833df9cbfde626bc4ed5567e55b84.webp 900w, https://assets.fabulous.ch/public/variant_asset/98/file/large-0374bd33e95401544bf2aa877a483e26.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/98/file/medium-3bb833df9cbfde626bc4ed5567e55b84.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/agar-agar-pulver-glutenfrei-bio-2-g-90">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Agar Agar Pulver Glutenfrei Bio, 2 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 197.50 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5lSSmuj0Jb6z1fRPDoLncxsPjqOsRuR2cc_7U8PHl0ORiVbIqWqMIHlKHLzboo2nUMYE4jnJlQby7lIvzN5plQ" />
    <input value="90" 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/cookie-mit-zartbitterschokolade-bio-175-g-91">
          <img alt="Cookie mit Zartbitterschokolade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/100/file/small-1552b560f6f08e460d0909884488358a.webp 600w, https://assets.fabulous.ch/public/variant_asset/100/file/medium-7332387792cf21d35deee71ce012274b.webp 900w, https://assets.fabulous.ch/public/variant_asset/100/file/large-d1a6e8d67ebb4fea6451376e7bf7267e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/100/file/medium-7332387792cf21d35deee71ce012274b.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">Bohlsener Mühle</p>
          <a href="/de/products/cookie-mit-zartbitterschokolade-bio-175-g-91">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cookie mit Zartbitterschokolade Bio, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.05
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YE42TY00cJp91oDq9C8tlYe18RBXSuhffh3BLC0450IXk_IfzKrZBLdJaBkhD0dBzHx7UcLFmS_9PGhQIiEZlA" />
    <input value="91" 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/biscuit-bio-bis-schoko-orange-choc-orange-85-g-93">
          <img alt="Biscuit Bio Bis Schoko-Orange Choc&#39;Orange" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/104/file/small-8db3a4f20c2108171c5ad803a0533617.webp 600w, https://assets.fabulous.ch/public/variant_asset/104/file/medium-ef1a97b83f17abaf44d25cf92ae79aaa.webp 900w, https://assets.fabulous.ch/public/variant_asset/104/file/large-1ce30afb54777d9f34ad8288a545fee4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/104/file/medium-ef1a97b83f17abaf44d25cf92ae79aaa.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/biscuit-bio-bis-schoko-orange-choc-orange-85-g-93">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biscuit Bio Bis Schoko-Orange Choc&#39;Orange, 85 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UASKqv71bHspoI4ECzh2OpB9d86_RIaQPibNq9D_Iygn2U74v2vF5eM_ZvfeGBzu27T9jyrL9-C9B2TX3-bd_g" />
    <input value="93" 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/kakao-pulver-stark-entolt-fairtrade-bio-125-g-97">
          <img alt="Kakao Pulver stark entölt Fairtrade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/106/file/small-f7bd928f095cd67a743d9d9ae4863ad2.webp 600w, https://assets.fabulous.ch/public/variant_asset/106/file/medium-7cc2817bffcf6bb307f1f89b41f4aa9c.webp 900w, https://assets.fabulous.ch/public/variant_asset/106/file/large-abd5ec2e32d260949bd62c41ed9827bf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/106/file/medium-7cc2817bffcf6bb307f1f89b41f4aa9c.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">Naturata</p>
          <a href="/de/products/kakao-pulver-stark-entolt-fairtrade-bio-125-g-97">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kakao Pulver stark entölt Fairtrade Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YC5nB4-2FsJPK61LEvzDIESqKzRVAe7VSK2Cru3oSnEX86NVzii_XIW0RbjH3Kn0D2OhdcCOn6XLjCvS4vG0pw" />
    <input value="97" 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/melasse-hefeflocken-streudose-konv-150-g-98">
          <img alt="Melasse Hefeflocken (Streudose) konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/108/file/small-f65b91f00d1a8406c0c438b1a67efae2.webp 600w, https://assets.fabulous.ch/public/variant_asset/108/file/medium-fb85950a34be0472e990807352ebb517.webp 900w, https://assets.fabulous.ch/public/variant_asset/108/file/large-0ed1691d7e885c37327be04597be132c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/108/file/medium-fb85950a34be0472e990807352ebb517.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">Naturata</p>
          <a href="/de/products/melasse-hefeflocken-streudose-konv-150-g-98">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Melasse Hefeflocken (Streudose) konv, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="t1mFBDg3crH_2S9wFD4BB2u6dTI1kPcSjWGMvRS1ez7AhEFWeanbLzVGx4PBHmvTIHP_c6AfhmIOQCXBG6yF6A" />
    <input value="98" 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/vegane-alternative-zu-mayonnaise-salatcreme-demeter-190-ml-99">
          <img alt="Vegane Alternative zu Mayonnaise Salatcreme Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/109/file/small-55948bbffee759cc41092305bbd6de09.webp 600w, https://assets.fabulous.ch/public/variant_asset/109/file/medium-3e33aafcf0cfa418e0a5e42fd55211db.webp 900w, https://assets.fabulous.ch/public/variant_asset/109/file/large-5758a0c9ba16fcd12cb90ddfdaaa2205.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/109/file/medium-3e33aafcf0cfa418e0a5e42fd55211db.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">Naturata</p>
          <a href="/de/products/vegane-alternative-zu-mayonnaise-salatcreme-demeter-190-ml-99">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegane Alternative zu Mayonnaise Salatcreme Demeter, 190 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QMVZDEjgcJsOxrnmeM3lelypOtZAmeJ3GMOW9NGOLew3GJ1eCX7ZBcRZURWt7Y-uF2Cwl9UWkweb4j-I3pfTOg" />
    <input value="99" 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/brotaufstrich-schnittlauch-streich-bio-180-g-100">
          <img alt="Brotaufstrich Schnittlauch Streich Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/111/file/small-797cc26ca0354422248019f5baa710f1.webp 600w, https://assets.fabulous.ch/public/variant_asset/111/file/medium-971c6f40154ac81adab9765c7359e22f.webp 900w, https://assets.fabulous.ch/public/variant_asset/111/file/large-bb92e30efeb20321392d3bad75d329d5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/111/file/medium-971c6f40154ac81adab9765c7359e22f.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">Zwergenwiese</p>
          <a href="/de/products/brotaufstrich-schnittlauch-streich-bio-180-g-100">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Brotaufstrich Schnittlauch Streich Bio, 180 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 2.19 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5FZoPdDCQkHlJOiaArzSFBYJuNt6BxdrMsqjAiBEIYGTi6xvkVzr3y-7AGnXnLjAXcAymu-IZhux6wp-L13fVw" />
    <input value="100" 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/brotaufstrich-barlauch-streich-bio-180-g-102">
          <img alt="Brotaufstrich Bärlauch Streich Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/113/file/small-5f98c0b84ede51a6d2e6168a4a7490ed.webp 600w, https://assets.fabulous.ch/public/variant_asset/113/file/medium-f15c8973cdd348d1be883956330b629b.webp 900w, https://assets.fabulous.ch/public/variant_asset/113/file/large-2617f92aa4cbc8028a8cb37f81b6997b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/113/file/medium-f15c8973cdd348d1be883956330b629b.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">Zwergenwiese</p>
          <a href="/de/products/brotaufstrich-barlauch-streich-bio-180-g-102">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Brotaufstrich Bärlauch Streich Bio, 180 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 2.19 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qRGIaqqwKzyxnLJ5m5neqPzK-t4805kvP7dyI67Z-q7ezEw46y6ConsDWopOubR8twNwn6lc6F-8lttfocAEeA" />
    <input value="102" 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/senf-suss-bayerisch-bio-160-ml-103">
          <img alt="Senf Süss (Bayerisch) Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/114/file/small-19c239194aa8c599b6f6101df6a558c1.webp 600w, https://assets.fabulous.ch/public/variant_asset/114/file/medium-9b03c5cf177d53088772add76addd87a.webp 900w, https://assets.fabulous.ch/public/variant_asset/114/file/large-ec01a4b380b867e651f70f296c51f3ed.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/114/file/medium-9b03c5cf177d53088772add76addd87a.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">Zwergenwiese</p>
          <a href="/de/products/senf-suss-bayerisch-bio-160-ml-103">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Senf Süss (Bayerisch) Bio, 160 ml</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 2.25 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aJs4trNpPjjcCRxLy4rt5SpwnDw3UpUREUbb5CmwgkYfRvzk8veXphaW9LgeqocxYbkWfaLd5GGSZ3KYJql8kA" />
    <input value="103" 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/weisse-wurst-vegane-alternative-zu-weisswurst-bio-130-g-104">
          <img alt="Weisse Wurst Vegane Alternative zu Weisswurst Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/116/file/small-8c8fe2d67fe1e575963f13dd3e342546.webp 600w, https://assets.fabulous.ch/public/variant_asset/116/file/medium-14869a1cdbf53d0962d388a5b6b20d09.webp 900w, https://assets.fabulous.ch/public/variant_asset/116/file/large-062f9c08dbe8522099b4cdeafd6e6046.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/116/file/medium-14869a1cdbf53d0962d388a5b6b20d09.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">Wheaty</p>
          <a href="/de/products/weisse-wurst-vegane-alternative-zu-weisswurst-bio-130-g-104">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Weisse Wurst Vegane Alternative zu Weisswurst Bio, 130 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uft9-7xJyEFJ2ie5eByIGucYm81S9WEmwLG6888eh1POJrmp_ddh34NFz0qtPOLOrNERjMd6EFZDkBOPwAd5hQ" />
    <input value="104" 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/tofu-rauchertofu-bio-140-g-108">
          <img alt="Tofu Räuchertofu Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/118/file/small-08059504fa3d36efd22cddda3033305e.webp 600w, https://assets.fabulous.ch/public/variant_asset/118/file/medium-68e2192ede5e8efba6310d7cb62f28d2.webp 900w, https://assets.fabulous.ch/public/variant_asset/118/file/large-ba5f160d0cba188260069f041306e72d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/118/file/medium-68e2192ede5e8efba6310d7cb62f28d2.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">Engel-Tofu</p>
          <a href="/de/products/tofu-rauchertofu-bio-140-g-108">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tofu Räuchertofu Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.85
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jgqSJDMkjeX1I2-RTEeaM3j7xJ-4eu8uS4wnT1soJQ7511Z2crokez-8h2KZZ_DnMzJO3i31nl7IrY4zVDHb2A" />
    <input value="108" 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/tofu-spiessli-bio-190-g-110">
          <img alt="Tofu-Spiessli Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/120/file/small-6e2ea13608ad56ebfe5be47ed9a2ad4d.webp 600w, https://assets.fabulous.ch/public/variant_asset/120/file/medium-d33cad24f07cc5f5de9dc01910c85b5f.webp 900w, https://assets.fabulous.ch/public/variant_asset/120/file/large-858843ebef8f0770ab08ba74de582442.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/120/file/medium-d33cad24f07cc5f5de9dc01910c85b5f.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">Engel-Tofu</p>
          <a href="/de/products/tofu-spiessli-bio-190-g-110">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tofu-Spiessli Bio, 190 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="P7rEnAOa0-ojvQS_MaEWuJWG5RjS_en3eOL0mKg9fXBIZwDOQgR6dOki7EzkgXxs3k9vWUdymIf7w13kpySDpg" />
    <input value="110" 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/soja-paneer-natur-bio-200-g-111">
          <img alt="Soja-Paneer Natur Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/121/file/small-dc427ba0bbd12c8c12f4e1d962240414.webp 600w, https://assets.fabulous.ch/public/variant_asset/121/file/medium-cecde4a37302133289a13b87cd85b580.webp 900w, https://assets.fabulous.ch/public/variant_asset/121/file/large-7c21b935fbfed841766fcf69c735252a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/121/file/medium-cecde4a37302133289a13b87cd85b580.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">Engel-Tofu</p>
          <a href="/de/products/soja-paneer-natur-bio-200-g-111">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soja-Paneer Natur Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yoFdIgHJQbgHRI99mGV0yzHfru3iPTFxFi5alDkHQMm9XJlwQFfoJs3bZ45NRR4fehYkrHeyQAGVD_PoNh6-Hw" />
    <input value="111" type="hidden" name="variant_id" id="variant_id" />
    <input value="2" 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/seitan-am-stuck-en-bloc-bio-200-g-112">
          <img alt="Seitan am Stück (en bloc) Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/122/file/small-b4620e93696d47e892f9a3200d3862ca.webp 600w, https://assets.fabulous.ch/public/variant_asset/122/file/medium-44c7ec719f499f8f1d9e20d416b8e51c.webp 900w, https://assets.fabulous.ch/public/variant_asset/122/file/large-b11ac0888626799f621ca57eba167cb2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/122/file/medium-44c7ec719f499f8f1d9e20d416b8e51c.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">Engel-Tofu</p>
          <a href="/de/products/seitan-am-stuck-en-bloc-bio-200-g-112">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Seitan am Stück (en bloc) Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kpqn0e2sK22lGcq8IJIBkMrPqAbEwYlkldO5yIjw7k7lR2ODrDKC82-GIk_1smtEgQYiR1FO-BQW8hC0h-kQmA" />
    <input value="112" 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">
      40 von 3&#39;174 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/just-taste?format=turbo_stream&amp;page=3">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>