<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">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/xylit-konfiture-mit-bio-himbeeren-200-g-5518">
          <img alt="Xylit Konfitüre mit BIO Himbeeren" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3198/file/small-37af740881f7b5dfafc6806b76586065.webp 600w, https://assets.fabulous.ch/public/variant_asset/3198/file/medium-d50352c7a56402a5411a6aa51a2a6ce3.webp 900w, https://assets.fabulous.ch/public/variant_asset/3198/file/large-d47211b6a0c9bd5f065247728f292bb7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3198/file/medium-d50352c7a56402a5411a6aa51a2a6ce3.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Tautona</p>
          <a href="/de/products/xylit-konfiture-mit-bio-himbeeren-200-g-5518">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xylit Konfitüre mit BIO Himbeeren, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.80
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-5518-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">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/xylit-konfiture-mit-bio-kirschen-200-g-5519">
          <img alt="Xylit Konfitüre mit BIO Kirschen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3207/file/small-0f67848b57796504f7161bc5c47a9965.webp 600w, https://assets.fabulous.ch/public/variant_asset/3207/file/medium-aeeebc7a6f6686b66a6f748a331ceabb.webp 900w, https://assets.fabulous.ch/public/variant_asset/3207/file/large-dba5c51840b00d708e72b84e1d57f80a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3207/file/medium-aeeebc7a6f6686b66a6f748a331ceabb.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Tautona</p>
          <a href="/de/products/xylit-konfiture-mit-bio-kirschen-200-g-5519">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xylit Konfitüre mit BIO Kirschen, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.80
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/agavendicksaft-agave-syrup-spendierflasche-bio-250-ml-5541">
          <img alt="Agavendicksaft Agave Syrup Spendierflasche Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3215/file/small-f4fc46cf8ff7871a9c3f0ce069021213.webp 600w, https://assets.fabulous.ch/public/variant_asset/3215/file/medium-465b494b68b787f0fcb19f348cbf9a52.webp 900w, https://assets.fabulous.ch/public/variant_asset/3215/file/large-054171b2450d036f8c7e6807ce0ec267.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3215/file/medium-465b494b68b787f0fcb19f348cbf9a52.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">Allos</p>
          <a href="/de/products/agavendicksaft-agave-syrup-spendierflasche-bio-250-ml-5541">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Agavendicksaft Agave Syrup Spendierflasche Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ylU5z_OWesLmrbIjIzDmBaJ101M6QwokaACFLykxGVGMzxCttfHQhUtMA2eWxLLTcYgCPa8C6myVnTtOs1XYTw" />
    <input value="5541" 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/xylit-birkengold-haselnuss-schokolade-fair-100-g-5543">
          <img alt="Xylit Birkengold Haselnuss Schokolade Fair" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3218/file/small-13ff5a609b1d5f171a29ff3d5f6f4e84.webp 600w, https://assets.fabulous.ch/public/variant_asset/3218/file/medium-3779e22b3fb52bc29b35a02fd98815b9.webp 900w, https://assets.fabulous.ch/public/variant_asset/3218/file/large-3661c70eea93b078e28ee9c9e17bad17.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3218/file/medium-3779e22b3fb52bc29b35a02fd98815b9.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Birkengold</p>
          <a href="/de/products/xylit-birkengold-haselnuss-schokolade-fair-100-g-5543">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xylit Birkengold Haselnuss Schokolade Fair, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="i9VYjfTGlSSMxXE7pyUhTCZwWlSdX5lv2LNREUYCpO7NT3HvsqE_YyEkwH8S0XWa9Y2LOggeeSclLu9w3GZl8A" />
    <input value="5543" 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/xylit-birkengold-zartbitter-schokolade-zuckerfrei-fair-100-g-5544">
          <img alt="Xylit Birkengold Zartbitter Schokolade Zuckerfrei Fair" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3219/file/small-b6f4b394d43407a1f588a74e710e576a.webp 600w, https://assets.fabulous.ch/public/variant_asset/3219/file/medium-72217078e0f867fcfbffe7d9962d55bd.webp 900w, https://assets.fabulous.ch/public/variant_asset/3219/file/large-c674f1d9f77614c3e241d0c365a03050.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3219/file/medium-72217078e0f867fcfbffe7d9962d55bd.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Birkengold</p>
          <a href="/de/products/xylit-birkengold-zartbitter-schokolade-zuckerfrei-fair-100-g-5544">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xylit Birkengold Zartbitter Schokolade Zuckerfrei Fair, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qbFS4-zFo8JKAe_FRKuahzo41z1zIDpOkyUt2kLYi5PvK3uBqqIJhefgXoHxX85R6cUGU-Zh2gZuuJO72LxKjQ" />
    <input value="5544" 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/mehl-mandelmehl-teilentolt-bio-200-g-5545">
          <img alt="Mehl Mandelmehl teilentölt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3220/file/small-584dd916d4af09b139542bf076d0901d.webp 600w, https://assets.fabulous.ch/public/variant_asset/3220/file/medium-42ff039499bf425421e1d73a6cd007b8.webp 900w, https://assets.fabulous.ch/public/variant_asset/3220/file/large-7c49c90559d3cf0a97bec6681b98b283.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3220/file/medium-42ff039499bf425421e1d73a6cd007b8.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/de/products/mehl-mandelmehl-teilentolt-bio-200-g-5545">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mehl Mandelmehl teilentölt Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CnaODTWwpGQvJMjbXJg6qL_h8TqItZhSSfGpz5Ik4B1M7Kdvc9cOI4LFeZ_pbG5-bBwgVB30eBq0bBeuCEAhAw" />
    <input value="5545" 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/zuckerrubenfasern-glutenfrei-300-g-5563">
          <img alt="Zuckerrübenfasern glutenfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3222/file/small-d6f7bc0cab63b7c27ff63568c5829aad.webp 600w, https://assets.fabulous.ch/public/variant_asset/3222/file/medium-7fa9290b16e3f794fa96f09b225ba911.webp 900w, https://assets.fabulous.ch/public/variant_asset/3222/file/large-d74d8919f1ce3cb6f4085516d545968b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3222/file/medium-7fa9290b16e3f794fa96f09b225ba911.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">MORGA</p>
          <a href="/de/products/zuckerrubenfasern-glutenfrei-300-g-5563">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Zuckerrübenfasern glutenfrei, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kXPvIB-OriioNASHJF3_95o-Gn3EuHuCZcxiimMxZBPX6cZCWekEbwXVtcORqashScPLE1H5m8qYUdzr-VWlDQ" />
    <input value="5563" 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/zahnpulver-minze-nachfullbeutel-100-g-5578">
          <img alt="Zahnpulver Minze Nachfüllbeutel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3227/file/small-d6dad4ddcf0ed27663a5c6f96d54b3e4.webp 600w, https://assets.fabulous.ch/public/variant_asset/3227/file/medium-87f3c4f48c6c9ccfa234464350a66ec8.webp 900w, https://assets.fabulous.ch/public/variant_asset/3227/file/large-deb0a56aab2f865b2597a1036b84d380.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3227/file/medium-87f3c4f48c6c9ccfa234464350a66ec8.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Birkengold</p>
          <a href="/de/products/zahnpulver-minze-nachfullbeutel-100-g-5578">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Zahnpulver Minze Nachfüllbeutel, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.25
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wm_b4VzDPbh0C61DQ4OiHWy-pAOxKy6n34pHBCkfPW2E9fKDGqSX_9nqHAf2d_bLv0N1bSRqzu8iF_lls3v8cw" />
    <input value="5578" 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/pasta-gnocchi-di-patate-kartoffel-gnocchi-glutenfrei-300-g-5579">
          <img alt="Pasta Gnocchi di Patate Kartoffel-Gnocchi Glutenfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3228/file/small-64305c0be1b8834e6c6ab3504f959d7b.webp 600w, https://assets.fabulous.ch/public/variant_asset/3228/file/medium-1ef42d5fe203499817564fb10005b65e.webp 900w, https://assets.fabulous.ch/public/variant_asset/3228/file/large-0261935268ccb70a016707cfabb4aeb0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3228/file/medium-1ef42d5fe203499817564fb10005b65e.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">Schär</p>
          <a href="/de/products/pasta-gnocchi-di-patate-kartoffel-gnocchi-glutenfrei-300-g-5579">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Gnocchi di Patate Kartoffel-Gnocchi Glutenfrei, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-5579-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/curry-paste-thai-grun-fair-bio-125-g-5582">
          <img alt="Curry Paste Thai Grün Fair Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3229/file/small-a39b777dca3bb53beff0804e15bdabfa.webp 600w, https://assets.fabulous.ch/public/variant_asset/3229/file/medium-89fa8731c8c61c1bd4964abcc6e492c2.webp 900w, https://assets.fabulous.ch/public/variant_asset/3229/file/large-52353548e06ded7e5be798585dc3ed6f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3229/file/medium-89fa8731c8c61c1bd4964abcc6e492c2.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">Welt Partner</p>
          <a href="/de/products/curry-paste-thai-grun-fair-bio-125-g-5582">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Curry Paste Thai Grün Fair Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QkBgq6_HsvaUWNclBoL1iPsAOYNEAvI1Im4TpAMvoxEE2knJ6aAYsTm5ZmGzdqFeKP3o7dFDEn3f863FmUtiDw" />
    <input value="5582" 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/lasagne-dinkel-hell-demeter-250-g-5601">
          <img alt="Lasagne Dinkel hell Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3244/file/small-ebc259a0a2392c8d7e1d591dd68c9d7f.webp 600w, https://assets.fabulous.ch/public/variant_asset/3244/file/medium-255fb199cfcf729b208c7d45e260d37e.webp 900w, https://assets.fabulous.ch/public/variant_asset/3244/file/large-18bd517d8f21a8a90d20a69615d2b1fd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3244/file/medium-255fb199cfcf729b208c7d45e260d37e.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/lasagne-dinkel-hell-demeter-250-g-5601">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lasagne Dinkel hell Demeter, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kochbuch-das-vegane-familien-kochbuch-1-stuck-5606">
          <img alt="Kochbuch Das vegane Familien-Kochbuch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3249/file/small-c592bc1bb711eb89321ff4b200903e59.webp 600w, https://assets.fabulous.ch/public/variant_asset/3249/file/medium-330713898ae1e1b36cba88a250d2febc.webp 900w, https://assets.fabulous.ch/public/variant_asset/3249/file/large-2263e8c04621b707aaa8ed4cd3501cc5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3249/file/medium-330713898ae1e1b36cba88a250d2febc.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">Buchverlag</p>
          <a href="/de/products/kochbuch-das-vegane-familien-kochbuch-1-stuck-5606">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kochbuch Das vegane Familien-Kochbuch, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 38.55
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kochbuch-plantpower-fur-die-ganze-familie-rich-roll-julie-pratt-1-stuck-5607">
          <img alt="Kochbuch Plantpower für die ganze Familie Rich Roll &amp; Julie Pratt" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3250/file/small-f20dbf66f38cab66006d7845fb6df527.webp 600w, https://assets.fabulous.ch/public/variant_asset/3250/file/medium-13b80791889e1ec844a437048115148c.webp 900w, https://assets.fabulous.ch/public/variant_asset/3250/file/large-8fe5f95f9b2c22fff1bdd990f6694179.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3250/file/medium-13b80791889e1ec844a437048115148c.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">Buchverlag</p>
          <a href="/de/products/kochbuch-plantpower-fur-die-ganze-familie-rich-roll-julie-pratt-1-stuck-5607">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kochbuch Plantpower für die ganze Familie Rich Roll &amp; Julie Pratt, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 47.95
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kochbuch-vegan-mit-familie-geht-doch-1-stuck-5608">
          <img alt="Kochbuch Vegan mit Familie - geht doch!" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3252/file/small-910686fe7603450a42b6d77fb4b06a2a.webp 600w, https://assets.fabulous.ch/public/variant_asset/3252/file/medium-5103e240c2412a0cd7c028d6e937a872.webp 900w, https://assets.fabulous.ch/public/variant_asset/3252/file/large-d6a9d3dbfc2b6990427d7c6cce86cfc5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3252/file/medium-5103e240c2412a0cd7c028d6e937a872.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">Buchverlag</p>
          <a href="/de/products/kochbuch-vegan-mit-familie-geht-doch-1-stuck-5608">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kochbuch Vegan mit Familie - geht doch!, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 41.95
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/jod-das-standardwerk-kauffmann-kyra-1-stuck-5609">
          <img alt="Jod Das Standardwerk Kauffmann Kyra" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3254/file/small-aea4aa3989bbbf81b927eea8e1a8f6b1.webp 600w, https://assets.fabulous.ch/public/variant_asset/3254/file/medium-634e09048508d26bfc1faef9dd6dd520.webp 900w, https://assets.fabulous.ch/public/variant_asset/3254/file/large-53da80b4ade6c7660a315e74256c963f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3254/file/medium-634e09048508d26bfc1faef9dd6dd520.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">Buchverlag</p>
          <a href="/de/products/jod-das-standardwerk-kauffmann-kyra-1-stuck-5609">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Jod Das Standardwerk Kauffmann Kyra, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.95
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-5609-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/kosmetik-pads-wiederverwendbare-abschmink-pads-pack-7-stuck-5652">
          <img alt="Kosmetik-Pads Wiederverwendbare Abschmink Pads Pack" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3263/file/small-68827bf7fc093c2406ce8543af0c02d8.webp 600w, https://assets.fabulous.ch/public/variant_asset/3263/file/medium-13b689da0a5f5f13329781f4864ada4e.webp 900w, https://assets.fabulous.ch/public/variant_asset/3263/file/large-2231f5c3f386c7477be266b87b6c4faf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3263/file/medium-13b689da0a5f5f13329781f4864ada4e.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">Fair Squared</p>
          <a href="/de/products/kosmetik-pads-wiederverwendbare-abschmink-pads-pack-7-stuck-5652">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kosmetik-Pads Wiederverwendbare Abschmink Pads Pack, 7 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.65
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HcSOCy9KRg7a1qVZ5KMRo62HJstNt3JDaltOK2MG-EZbXqdpaS3sSXc3FB1RV0V1fnr3pdj2kguXxvBK-WI5WA" />
    <input value="5652" 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/menstruationstasse-grosse-medium-fair-squared-1-stuck-5653">
          <img alt="Menstruationstasse Grösse MEDIUM Fair Squared" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3264/file/small-92c182be52733fb8bfde0f9a7fa3366e.webp 600w, https://assets.fabulous.ch/public/variant_asset/3264/file/medium-3d821c8decf246005f4e40d819e10b51.webp 900w, https://assets.fabulous.ch/public/variant_asset/3264/file/large-419b10c4305004cc309f501a551b47a9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3264/file/medium-3d821c8decf246005f4e40d819e10b51.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">Fair Squared</p>
          <a href="/de/products/menstruationstasse-grosse-medium-fair-squared-1-stuck-5653">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Menstruationstasse Grösse MEDIUM Fair Squared, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.45
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wm900hntom8u49ghwjmzvogxSBZk7EFt9xiun0zjSL2E9V2wX4oIKIMCaWV3zedoW8yZePGtoSUKhRD-1oeJow" />
    <input value="5653" 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/menstruationstasse-grosse-large-fair-squared-1-stuck-5654">
          <img alt="Menstruationstasse Grösse LARGE Fair Squared" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3266/file/small-4bc728a6a337e011e5a76399defe8023.webp 600w, https://assets.fabulous.ch/public/variant_asset/3266/file/medium-3cfb0355a227964acce2646bf45632c2.webp 900w, https://assets.fabulous.ch/public/variant_asset/3266/file/large-4b6cd6c310d626187ffb6e5f51c6543b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3266/file/medium-3cfb0355a227964acce2646bf45632c2.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">Fair Squared</p>
          <a href="/de/products/menstruationstasse-grosse-large-fair-squared-1-stuck-5654">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Menstruationstasse Grösse LARGE Fair Squared, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.45
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JCsCQfElde63WkN40zDPEgiVA0mE7HsPpKvQE-qUp2FisSsjt0LfqRq78jxmxJvE22jSJxGtm0dZNm5ycPBmfw" />
    <input value="5654" 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/seife-aleppo-seife-original-100-biologisch-abbaubar-200-g-5656">
          <img alt="Seife Aleppo Seife ORIGINAL 100% biologisch abbaubar" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3267/file/small-1f0bfd5850b2b365e5c1f3fabc7b1af4.webp 600w, https://assets.fabulous.ch/public/variant_asset/3267/file/medium-2abcd3bd9b0ac0c3769954f7ac408620.webp 900w, https://assets.fabulous.ch/public/variant_asset/3267/file/large-b7a1e4144b487f02d1da9c94a1fa1e76.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3267/file/medium-2abcd3bd9b0ac0c3769954f7ac408620.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">NaturKraftWerke</p>
          <a href="/de/products/seife-aleppo-seife-original-100-biologisch-abbaubar-200-g-5656">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Seife Aleppo Seife ORIGINAL 100% biologisch abbaubar, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.65
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dTuVojf1DeFn82U9EW-xDPIsdQi0nXcY8GGynurFeBEzobzAcZKnpsoS1Hmkm-XaIdGkZiHcl1AN_Az_cKG5Dw" />
    <input value="5656" 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/seife-amla-pflanzenolseife-100-g-5660">
          <img alt="Seife Amla Pflanzenölseife" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3269/file/small-79ec9065cc4f138481a8071094c35d44.webp 600w, https://assets.fabulous.ch/public/variant_asset/3269/file/medium-4e03536a20e85f5ca8698763566ced59.webp 900w, https://assets.fabulous.ch/public/variant_asset/3269/file/large-35bf53f87b58f56af75b0535ebc7ee92.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3269/file/medium-4e03536a20e85f5ca8698763566ced59.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">apeiron natural care</p>
          <a href="/de/products/seife-amla-pflanzenolseife-100-g-5660">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Seife Amla Pflanzenölseife, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.95
            </p>

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

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

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

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



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

</template></turbo-stream>