<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/xanthan-glutenfrei-60-g-3395">
          <img alt="Xanthan glutenfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2256/file/small-78ee1d3361cc085c61826892de4e6f42.webp 600w, https://assets.fabulous.ch/public/variant_asset/2256/file/medium-289a5bf789e673eb4ca041d1772c63cc.webp 900w, https://assets.fabulous.ch/public/variant_asset/2256/file/large-d850690da0e3d39df1217e35cdaef316.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2256/file/medium-289a5bf789e673eb4ca041d1772c63cc.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">Natur Compagnie</p>
          <a href="/de/products/xanthan-glutenfrei-60-g-3395">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xanthan glutenfrei, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MdrfX8TRnyvi5CWEMktSXWfQvGpGlsiCkOjIIpP_ROsUmsm6oYA7-rurzIXCm6eGMmibkXCT3ZnzXaKp7OyaTg" />
    <input value="3395" 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/lakritz-tubi-s-suss-bio-100-g-3401">
          <img alt="Lakritz Tubi&#39;s süss Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2259/file/small-2edcfcbf0a129bb9b044fc11d10eb4ee.webp 600w, https://assets.fabulous.ch/public/variant_asset/2259/file/medium-63109a70b682b098f6188bae0bdb351d.webp 900w, https://assets.fabulous.ch/public/variant_asset/2259/file/large-4343f8e625d2f29b44f00738a9b9a7b1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2259/file/medium-63109a70b682b098f6188bae0bdb351d.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">Terrasana</p>
          <a href="/de/products/lakritz-tubi-s-suss-bio-100-g-3401">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lakritz Tubi&#39;s süss Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yhBOiHvgB6LWJaQVLU4LFuUykpiK8aEFLGIcUCNILZrvUFhtHrGjc49qTRTdnv7NsIq1Y7z0tB5P13bbXFvzPw" />
    <input value="3401" 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/lolly-aus-mais-mit-himbeergeschmack-bio-13-g-3405">
          <img alt="Lolly aus Mais mit Himbeergeschmack Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2258/file/small-29e690bc9bb895beb76d1a62a7714218.webp 600w, https://assets.fabulous.ch/public/variant_asset/2258/file/medium-9cb4c5ac5fa809254e0f64ff8388bde5.webp 900w, https://assets.fabulous.ch/public/variant_asset/2258/file/large-f512352d051e9e36dce220fade7e0461.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2258/file/medium-9cb4c5ac5fa809254e0f64ff8388bde5.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">Terrasana</p>
          <a href="/de/products/lolly-aus-mais-mit-himbeergeschmack-bio-13-g-3405">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lolly aus Mais mit Himbeergeschmack Bio, 13 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="y42Kz43t69YkRVyMh-aHLtMJ5yWfJvGmcEvTXxS2JozuzZwq6LxPB30KtY13NnL1hrHA3qkj5L0T_rnUa6X4KQ" />
    <input value="3405" 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/lolly-aus-mais-mit-schwarze-johannisbeeregeschmack-bio-13-g-3406">
          <img alt="Lolly aus Mais mit schwarze Johannisbeeregeschmack Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2260/file/small-9d2ca1316d7af79accb396cd5f30352d.webp 600w, https://assets.fabulous.ch/public/variant_asset/2260/file/medium-1462a76cb36071339db4365be50696c8.webp 900w, https://assets.fabulous.ch/public/variant_asset/2260/file/large-abffa3951b0a01024939fac66ab5b397.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2260/file/medium-1462a76cb36071339db4365be50696c8.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">Terrasana</p>
          <a href="/de/products/lolly-aus-mais-mit-schwarze-johannisbeeregeschmack-bio-13-g-3406">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lolly aus Mais mit schwarze Johannisbeeregeschmack Bio, 13 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kKxY-Y_NZlGxIyd2GJ22kPydFA64XpslAxpmSH5Mroq17E4c6pzCgOhsznfoTUNLqSUz9Y5bjj5grwzDAV9wLw" />
    <input value="3406" 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/lakritz-pastillen-naturell-glutenfrei-bio-25-g-3407">
          <img alt="Lakritz Pastillen naturell Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2262/file/small-69b8828d4440fe1a56546409261b7bac.webp 600w, https://assets.fabulous.ch/public/variant_asset/2262/file/medium-2819b0d64414eca9b33b3474d5d6b11a.webp 900w, https://assets.fabulous.ch/public/variant_asset/2262/file/large-71a962cbd591abac47b6561aaeeaea69.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2262/file/medium-2819b0d64414eca9b33b3474d5d6b11a.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">Terrasana</p>
          <a href="/de/products/lakritz-pastillen-naturell-glutenfrei-bio-25-g-3407">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lakritz Pastillen naturell Glutenfrei Bio, 25 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="X65ucdAWU57BBlH5iZhNIytbGExQC2-fdMkeWRR40xd67niUtUf3T5hJuPh5SLj4fuM_t2YOeoQXfHTSa2sNsg" />
    <input value="3407" 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-grossgebinde-10-l-3475">
          <img alt="Allesreiniger Grossgebinde" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2286/file/small-201565dd316a14e61dd73e76f51c802d.webp 600w, https://assets.fabulous.ch/public/variant_asset/2286/file/medium-826c1110f63d199a890c53dca16e0a62.webp 900w, https://assets.fabulous.ch/public/variant_asset/2286/file/large-51ee95b5d302d7236b9429c355a503fe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2286/file/medium-826c1110f63d199a890c53dca16e0a62.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">Sonett</p>
          <a href="/de/products/allesreiniger-grossgebinde-10-l-3475">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Allesreiniger Grossgebinde, 10 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 60.85
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vPUwX6eACNP4rpmwtpIJKn96gWZcx2A8RYsbyoEJ8u2ZtSa6wtGsAqHhcLFGQvzxKsKmnWrCdScmPnFB_hosSA" />
    <input value="3475" 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/wasche-waschmittel-flussig-30-95-c-sensitiv-duftfrei-2-l-3477">
          <img alt="Wäsche Waschmittel flüssig 30°-95° C SENSITIV Duftfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2287/file/small-09c9d14c6bcfec6f51781e2855b32bac.webp 600w, https://assets.fabulous.ch/public/variant_asset/2287/file/medium-771dbcc7b9650305c9f51488ae71d482.webp 900w, https://assets.fabulous.ch/public/variant_asset/2287/file/large-a9937a5b011598a0b5d1f2a4a75cc3ee.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2287/file/medium-771dbcc7b9650305c9f51488ae71d482.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">Sonett</p>
          <a href="/de/products/wasche-waschmittel-flussig-30-95-c-sensitiv-duftfrei-2-l-3477">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Wäsche Waschmittel flüssig 30°-95° C SENSITIV Duftfrei, 2 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.55
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Qp30yw8M3SnlxLPKfLyJPH3MZJ8jmFwttu2lPqETVjNn3eIual15-LyLWsuMbHznKHRDZBWdSTbVWM-13gCIlg" />
    <input value="3477" 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-waschmittel-flussig-30-60-c-color-1-5-l-3478">
          <img alt="Wäsche Waschmittel flüssig 30°- 60° C COLOR" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2288/file/small-d3babf90d830f67c518feade7c369a02.webp 600w, https://assets.fabulous.ch/public/variant_asset/2288/file/medium-07dcfe0f24c5e5119335ed783450bb3e.webp 900w, https://assets.fabulous.ch/public/variant_asset/2288/file/large-8cd2270e6fb6e92f188ced700d111c1f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2288/file/medium-07dcfe0f24c5e5119335ed783450bb3e.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">Sonett</p>
          <a href="/de/products/wasche-waschmittel-flussig-30-60-c-color-1-5-l-3478">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Wäsche Waschmittel flüssig 30°- 60° C COLOR, 1.5 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2PZVOaNHPCuMIErm80e6SZJpUW6DBo7leExM9tTu4sv9tkPcxhaY-tVvo-cDl0-Sx9F2lbUDm_4b-SZ9q_08bg" />
    <input value="3478" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/simply-v-veganer-reibegenuss-natur-180-g-3486">
          <img alt="Simply V Veganer Reibegenuss Natur" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2289/file/small-afb132211a791e2a92162a9e454d0d56.webp 600w, https://assets.fabulous.ch/public/variant_asset/2289/file/medium-e2412aa986fb1abc9eff2b6c2d445962.webp 900w, https://assets.fabulous.ch/public/variant_asset/2289/file/large-acaacf8106ae141bbafb6fdb65005c4f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2289/file/medium-e2412aa986fb1abc9eff2b6c2d445962.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">Simply V</p>
          <a href="/de/products/simply-v-veganer-reibegenuss-natur-180-g-3486">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Simply V Veganer Reibegenuss Natur, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/hafer-drink-barista-edition-1-l-3506">
          <img alt="Hafer Drink Barista Edition" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2298/file/small-2918a7db64d4fae4aa469b24fd5e7a70.webp 600w, https://assets.fabulous.ch/public/variant_asset/2298/file/medium-2a7f68c6fad608245380699fe04d4b68.webp 900w, https://assets.fabulous.ch/public/variant_asset/2298/file/large-4e88dce3d94c6cdec5a701cddf5af337.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2298/file/medium-2a7f68c6fad608245380699fe04d4b68.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">Oatly</p>
          <a href="/de/products/hafer-drink-barista-edition-1-l-3506">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hafer Drink Barista Edition, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.45
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oFRvfdhihe4fBcufKqxkLvxL9I4C6Blyys1yZjj--t-FFHmYvTMhP0ZKIp7afJH1qfPTdTTtDGmpeBjtR-0keg" />
    <input value="3506" 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/windeln-okologisch-mini-3-6-kg-night-day-1-stuck-3507">
          <img alt="Windeln (Ökologisch) Mini 3-6 kg Night &amp; Day" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2297/file/small-05b8b75e50901065385571f583729c6c.webp 600w, https://assets.fabulous.ch/public/variant_asset/2297/file/medium-9433e403ffdfe069f602fff69a46ee32.webp 900w, https://assets.fabulous.ch/public/variant_asset/2297/file/large-84e28c1f88f24e8645f65322689f7ce9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2297/file/medium-9433e403ffdfe069f602fff69a46ee32.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">Tidoo</p>
          <a href="/de/products/windeln-okologisch-mini-3-6-kg-night-day-1-stuck-3507">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Windeln (Ökologisch) Mini 3-6 kg Night &amp; Day, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 30.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4gSxtEhJoZ3QT94P8Do2pLqO2IemXvYUoHaCEWo7yYrHRKdRLRgFTIkANw4A6sN_7zb_fJBb4w_Dw-iaFSgXLw" />
    <input value="3507" 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/windeln-okologisch-midi-4-9kg-night-day-1-stuck-3508">
          <img alt="Windeln (Ökologisch) Midi 4-9kg Night &amp; Day" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2299/file/small-5b541cdab5953ea8c78c5d3ac03601b3.webp 600w, https://assets.fabulous.ch/public/variant_asset/2299/file/medium-c6918b812f18d336256ce8ab39fbb4c7.webp 900w, https://assets.fabulous.ch/public/variant_asset/2299/file/large-918b1c6a5ba9f7514a174c2005923ef3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2299/file/medium-c6918b812f18d336256ce8ab39fbb4c7.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">Tidoo</p>
          <a href="/de/products/windeln-okologisch-midi-4-9kg-night-day-1-stuck-3508">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Windeln (Ökologisch) Midi 4-9kg Night &amp; Day, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 33.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="10wLG6Ma40Dgk15oUwaR6k_RNHGe4I7dVkY8Ez8f3P_yDB3-xktHkbnct2mj1mQxGmkTiqjlm8Y181aYQAwCWg" />
    <input value="3508" 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/windeln-okologisch-maxi-7-18kg-night-day-1-stuck-3509">
          <img alt="Windeln (Ökologisch) Maxi 7-18kg Night &amp; Day" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2302/file/small-7a54bc07a1df3b79689a0d58ce3ab5ee.webp 600w, https://assets.fabulous.ch/public/variant_asset/2302/file/medium-a0d65cae6b690fba12fadeda6663a815.webp 900w, https://assets.fabulous.ch/public/variant_asset/2302/file/large-b4c8c1c2750bf2d94494ce324ea7733a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2302/file/medium-a0d65cae6b690fba12fadeda6663a815.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">Tidoo</p>
          <a href="/de/products/windeln-okologisch-maxi-7-18kg-night-day-1-stuck-3509">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Windeln (Ökologisch) Maxi 7-18kg Night &amp; Day, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 33.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SisurSTHrdtJEgIbm-bSegmk0m9tkMoboMmpbrsVlwBvazhIQZYJChBd6xprNiehXBz1lFuV3wDDfMPlxAZJpQ" />
    <input value="3509" 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/windeln-okologisch-maxiplus-9-20kg-night-day-1-stuck-3510">
          <img alt="Windeln (Ökologisch) MaxiPlus 9-20kg Night &amp; Day" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2304/file/small-0962f2e43f8c1b87e836262bc8c612c0.webp 600w, https://assets.fabulous.ch/public/variant_asset/2304/file/medium-87305c3315fab860b7e169e2920c8948.webp 900w, https://assets.fabulous.ch/public/variant_asset/2304/file/large-743a4323936bc72f0b3c36b4a1f6a86e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2304/file/medium-87305c3315fab860b7e169e2920c8948.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">Tidoo</p>
          <a href="/de/products/windeln-okologisch-maxiplus-9-20kg-night-day-1-stuck-3510">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Windeln (Ökologisch) MaxiPlus 9-20kg Night &amp; Day, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 33.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4XEfY1qkhqAEuF2cCsG5Pu306BKJv_xFS6_GGOSwMoTEMQmGP_UicV33tJ36EUzluEzP6b-66V4oGqyTm6PsIQ" />
    <input value="3510" 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/folsaure-folic-bio-active-5-mthf-600-g-kapseln-90-stuck-3525">
          <img alt="Folsäure Folic Bio-Active 5-MTHF 600µg Kapseln" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2309/file/small-fbfccf007a363c92e55362bf4034d115.webp 600w, https://assets.fabulous.ch/public/variant_asset/2309/file/medium-59c9506ad9b7997c0d1ae2700cbdacf0.webp 900w, https://assets.fabulous.ch/public/variant_asset/2309/file/large-c5146f1ae04d30b09507b01a62f8134b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2309/file/medium-59c9506ad9b7997c0d1ae2700cbdacf0.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">energybalance</p>
          <a href="/de/products/folsaure-folic-bio-active-5-mthf-600-g-kapseln-90-stuck-3525">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Folsäure Folic Bio-Active 5-MTHF 600µg Kapseln, 90 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZiH9xa5uopas0BjiEP9ROxPEWP4bLodZcibnQFYvgFNDYesgyz8GR_Wf8ePgL6TgRnx_BS0rkkIRk43LKTxe9g" />
    <input value="3525" 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/nigari-magnesiumchlorid-pulver-500-g-3526">
          <img alt="Nigari (Magnesiumchlorid) Pulver" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2306/file/small-6741fa9c4f51f71c4e24090189218d6d.webp 600w, https://assets.fabulous.ch/public/variant_asset/2306/file/medium-285ab20c851510b8c70bd591fe795e81.webp 900w, https://assets.fabulous.ch/public/variant_asset/2306/file/large-971217d3e4f73e4eff46debf07eb4131.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2306/file/medium-285ab20c851510b8c70bd591fe795e81.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">energybalance</p>
          <a href="/de/products/nigari-magnesiumchlorid-pulver-500-g-3526">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nigari (Magnesiumchlorid) Pulver, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UwInPBRQVmobeZsC2fDk8OYeF5ss4Rh7G9HBrWz6-XV2QjHZcQHyu0I2cgMpIBErs6YwYBrkDWB4ZKsmE-kn0A" />
    <input value="3526" 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/tofubox-tofu-set-xl-aus-holz-1-stuck-3527">
          <img alt="TOFUBOX Tofu Set XL aus Holz" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2307/file/small-a3ff2326eedd61a0961aa407612cb10d.webp 600w, https://assets.fabulous.ch/public/variant_asset/2307/file/medium-304578fc977f5004a48f843fd3659b42.webp 900w, https://assets.fabulous.ch/public/variant_asset/2307/file/large-34573583e3092762530130dda561f592.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2307/file/medium-304578fc977f5004a48f843fd3659b42.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">Tofu Box</p>
          <a href="/de/products/tofubox-tofu-set-xl-aus-holz-1-stuck-3527">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">TOFUBOX Tofu Set XL aus Holz, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 63.15
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8MVptAkJxviTrzfahDZ7Meu2tcZkIrGWv7kXdSKz1afVhX9RbFhiKcrg3tt05o7qvg6SPVInpI3cDH3-XaALAg" />
    <input value="3527" 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/tofubox-tofu-set-large-aus-holz-1-stuck-3532">
          <img alt="TOFUBOX Tofu Set Large aus Holz" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2317/file/small-41315c55a63e109e1f30bbee336a71cd.webp 600w, https://assets.fabulous.ch/public/variant_asset/2317/file/medium-d204b2f3d3382abb7ac5471bc04d06f3.webp 900w, https://assets.fabulous.ch/public/variant_asset/2317/file/large-547567b88a466cf7382ec13e8888e7b8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2317/file/medium-d204b2f3d3382abb7ac5471bc04d06f3.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">Tofu Box</p>
          <a href="/de/products/tofubox-tofu-set-large-aus-holz-1-stuck-3532">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">TOFUBOX Tofu Set Large aus Holz, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 58.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AhJISn_LLgUCIB18ZZyTZuCYhdwJ7POFha0MN6EEjwQnUl6vGpqK1Ftv9H2VTGa9tSCiJz_p5p7mGGa83hdRoQ" />
    <input value="3532" 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/tofubox-tofu-set-standard-regular-aus-holz-1-stuck-3535">
          <img alt="TOFUBOX Tofu Set Standard / Regular aus Holz" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2325/file/small-8f6e9093350cd01cfa40e5dac05c60e2.webp 600w, https://assets.fabulous.ch/public/variant_asset/2325/file/medium-59a82b282f119272b9b8ea658ec81f54.webp 900w, https://assets.fabulous.ch/public/variant_asset/2325/file/large-f0d774b30f095f7d3829f2a0bf632921.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2325/file/medium-59a82b282f119272b9b8ea658ec81f54.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">Tofu Box</p>
          <a href="/de/products/tofubox-tofu-set-standard-regular-aus-holz-1-stuck-3535">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">TOFUBOX Tofu Set Standard / Regular aus Holz, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 52.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KyXSkXdrzq6HgHKoGGqLaTwCg6fI1SaVSlR9WO6RQzIOZcR0Ejpqf97Pm6noun6yabqkXP7QM44p4RfTkYKdlw" />
    <input value="3535" 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/nigari-zur-tofuherstellung-100-g-3536">
          <img alt="Nigari zur Tofuherstellung" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2324/file/small-bdec9afe5716cd7b1cd25a3f8c8f7d7b.webp 600w, https://assets.fabulous.ch/public/variant_asset/2324/file/medium-21466e9ac7de4b683deb1517030fcb73.webp 900w, https://assets.fabulous.ch/public/variant_asset/2324/file/large-70064f4f1c67847b468f972c75f225f1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2324/file/medium-21466e9ac7de4b683deb1517030fcb73.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">Tofu Box</p>
          <a href="/de/products/nigari-zur-tofuherstellung-100-g-3536">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nigari zur Tofuherstellung, 100 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 4.50 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5vZi7WzKqHP8W8LLJ4QatwVHaFA0oorxZCb1hKdQIDTDtnQICZsMoqUUK8rXVO9sUP9PqwKnn-oHk58P2EP-kQ" />
    <input value="3536" 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">
      580 von 3&#39;173 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/pip-nut?format=turbo_stream&amp;page=30">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>