<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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fsupplements%3Fformat%3Dturbo_stream%26page%3D99">
    <i data-ph="heart" class="size-full"></i>
</a>
    <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/eco-sonnenmilch-lsf-50-sensitive-75-ml-4456">
          <img alt="Eco Sonnenmilch LSF 50 sensitive" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2770/file/small-1f5c02da0d0ccac9965ba904ecdc6a5e.webp 600w, https://assets.fabulous.ch/public/variant_asset/2770/file/medium-d0fbebefdc019b5e65aec1e54f40fcf7.webp 900w, https://assets.fabulous.ch/public/variant_asset/2770/file/large-e251d657ec97fccd802a7dd2261ab1f9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2770/file/medium-d0fbebefdc019b5e65aec1e54f40fcf7.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">eco-naturkosmetik</p>
          <a href="/de/products/eco-sonnenmilch-lsf-50-sensitive-75-ml-4456">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Eco Sonnenmilch LSF 50 sensitive, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.30
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-4456-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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fsupplements%3Fformat%3Dturbo_stream%26page%3D99">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/soulbottles-soulsleeve-fur-trinkflasche-0-6l-1-stuck-4498">
          <img alt="Soulbottles SoulSleeve für Trinkflasche 0.6l" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2783/file/small-027a1695f2a6d8056c31626887abb34c.webp 600w, https://assets.fabulous.ch/public/variant_asset/2783/file/medium-0fc33eaaf9ad72c36d7d76163ad8642d.webp 900w, https://assets.fabulous.ch/public/variant_asset/2783/file/large-a6d95dddbb8dda7f13575af5d0dec344.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2783/file/medium-0fc33eaaf9ad72c36d7d76163ad8642d.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">Soulbottles</p>
          <a href="/de/products/soulbottles-soulsleeve-fur-trinkflasche-0-6l-1-stuck-4498">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soulbottles SoulSleeve für Trinkflasche 0.6l, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HPXMrVoXv7wmnILL6-MV4o8aPiGunOA7It82t_Yc_M4J97Id8H6yIsbzSK-FtN1eyA36rjiemHnDqaO1by5oTg" />
    <input value="4498" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fsupplements%3Fformat%3Dturbo_stream%26page%3D99">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/nagel-nail-polish-mystery-stk-5-ml-4548">
          <img alt="Nägel Nail Polish Mystery Stk" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2798/file/small-ac6363b439711dfe14d6e138f4a09943.webp 600w, https://assets.fabulous.ch/public/variant_asset/2798/file/medium-d48690b9652635d6c0d6bd552c206e41.webp 900w, https://assets.fabulous.ch/public/variant_asset/2798/file/large-c4af218475591b648ffa2118e5c677c5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2798/file/medium-d48690b9652635d6c0d6bd552c206e41.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">benecos</p>
          <a href="/de/products/nagel-nail-polish-mystery-stk-5-ml-4548">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nägel Nail Polish Mystery Stk, 5 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2_v1nQSb4aVOlw9TiEJrWhpV5WpucM_Ah9vBwbOuSJ3O-YstrvLsO674xTfmFaPmXUIh5fhyt4JmrVTDKpzcHQ" />
    <input value="4548" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fsupplements%3Fformat%3Dturbo_stream%26page%3D99">
    <i data-ph="heart" class="size-full"></i>
</a>
    <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-streichgenuss-krauter-150-g-4559">
          <img alt="Simply V Veganer Streichgenuss KRÄUTER" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2805/file/small-29d86cad24c0f5f1b44cded11219d180.webp 600w, https://assets.fabulous.ch/public/variant_asset/2805/file/medium-46afb12716df45ad106d664d5e668e69.webp 900w, https://assets.fabulous.ch/public/variant_asset/2805/file/large-4a148ee8117a38c061328df2882aa6a3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2805/file/medium-46afb12716df45ad106d664d5e668e69.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-streichgenuss-krauter-150-g-4559">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Simply V Veganer Streichgenuss KRÄUTER, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </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.80 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-4559-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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fsupplements%3Fformat%3Dturbo_stream%26page%3D99">
    <i data-ph="heart" class="size-full"></i>
</a>
    <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/schokostreusel-zartbitter-chocoreale-bio-225-g-4630">
          <img alt="Schokostreusel Zartbitter Chocoreale Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2830/file/small-67be7823fc35c2ffdc10fe30a1f8b8b0.webp 600w, https://assets.fabulous.ch/public/variant_asset/2830/file/medium-26e032261948ac34f6ca703982803f39.webp 900w, https://assets.fabulous.ch/public/variant_asset/2830/file/large-2cf78b06ced4fb9c96597a01986196d8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2830/file/medium-26e032261948ac34f6ca703982803f39.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">de Rit</p>
          <a href="/de/products/schokostreusel-zartbitter-chocoreale-bio-225-g-4630">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schokostreusel Zartbitter Chocoreale Bio, 225 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-4630-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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fsupplements%3Fformat%3Dturbo_stream%26page%3D99">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/anhanger-v-label-metall-klein-mit-karabiner-1-stuck-4644">
          <img alt="Anhänger V-Label Metall KLEIN, mit Karabiner" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2834/file/small-9c08d9b604b0ca946c58137f6634db4e.webp 600w, https://assets.fabulous.ch/public/variant_asset/2834/file/medium-576f0603a0b5abf114fbe27289ade438.webp 900w, https://assets.fabulous.ch/public/variant_asset/2834/file/large-aa8c14eb9ea81de18da6fd394bf5721c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2834/file/medium-576f0603a0b5abf114fbe27289ade438.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">Swissveg</p>
          <a href="/de/products/anhanger-v-label-metall-klein-mit-karabiner-1-stuck-4644">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Anhänger V-Label Metall KLEIN, mit Karabiner, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.05
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pUo5AalLtZsD218bQCkvXlLxSwG3OAsU5W_nqT2ZfQywSEexAyK4BeO0lX8ufufiFeaPjiE6c1YEGXKrpKvpjA" />
    <input value="4644" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fsupplements%3Fformat%3Dturbo_stream%26page%3D99">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/anhanger-v-label-metall-klein-ohne-karabiner-1-stuck-4645">
          <img alt="Anhänger V-Label Metall KLEIN, ohne Karabiner" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2835/file/small-a97d7849679279222a7c5921c5b6ada6.webp 600w, https://assets.fabulous.ch/public/variant_asset/2835/file/medium-31d6e9d4e8bacfe7917213dfb3d72eaf.webp 900w, https://assets.fabulous.ch/public/variant_asset/2835/file/large-bdb3fd4d487ea529b5258e1f355b6e9e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2835/file/medium-31d6e9d4e8bacfe7917213dfb3d72eaf.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">Swissveg</p>
          <a href="/de/products/anhanger-v-label-metall-klein-ohne-karabiner-1-stuck-4645">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Anhänger V-Label Metall KLEIN, ohne Karabiner, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.05
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PFJPiZcEPM7_dIhJ47cXEStdAD2ZMNlq7N5rGTjYvZYpUDE5PW0xUB8bQi2N4N-tbErEsg8yoSgNqP4boeopFg" />
    <input value="4645" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fsupplements%3Fformat%3Dturbo_stream%26page%3D99">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/seife-sensitiv-ohne-duftstoffe-handseife-gesicht-korper-grossgebinde-10-l-4653">
          <img alt="Seife Sensitiv ohne Duftstoffe Handseife Gesicht Körper Grossgebinde" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2843/file/small-3d6c1d6b39e853f2afa412dd0c1e15bb.webp 600w, https://assets.fabulous.ch/public/variant_asset/2843/file/medium-f4c5313ba048e9c7f6d7369649580c9a.webp 900w, https://assets.fabulous.ch/public/variant_asset/2843/file/large-319d35b8c2771cd281be5b2044d2e4bc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2843/file/medium-f4c5313ba048e9c7f6d7369649580c9a.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/seife-sensitiv-ohne-duftstoffe-handseife-gesicht-korper-grossgebinde-10-l-4653">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Seife Sensitiv ohne Duftstoffe Handseife Gesicht Körper Grossgebinde, 10 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 127.25
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wp2BtUmiIfMAYbzs4LQXHv78Vq9OU5cVwSmOCo9P7knXn_8F48ssbeAOdoiO49-iueuSINhR71cgXxsIFn16yQ" />
    <input value="4653" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fsupplements%3Fformat%3Dturbo_stream%26page%3D99">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/seife-rosmarin-handseife-korperseife-grossgebinde-10-l-4654">
          <img alt="Seife Rosmarin Handseife, Körperseife Grossgebinde" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2844/file/small-df494ac6d1038cc716a930262f428309.webp 600w, https://assets.fabulous.ch/public/variant_asset/2844/file/medium-66fc5e7ebba24e0cd258ba98f9a6ce3e.webp 900w, https://assets.fabulous.ch/public/variant_asset/2844/file/large-8792f7afd7902be618c27dc0e43e2a78.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2844/file/medium-66fc5e7ebba24e0cd258ba98f9a6ce3e.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/seife-rosmarin-handseife-korperseife-grossgebinde-10-l-4654">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Seife Rosmarin Handseife, Körperseife Grossgebinde, 10 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 127.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="N4gd49fTRAFk7JKOotDuFPd3NHuFmou25kiOXEF1rkMiimNTfbpJn4SDWOrMhyaosGDw9BOY8_QHPhte2Ec6ww" />
    <input value="4654" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fsupplements%3Fformat%3Dturbo_stream%26page%3D99">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/zubehor-sonett-auslauf-hahn-fur-5-10-l-bidon-1-stuck-4656">
          <img alt="Zubehör Sonett Auslauf-Hahn für 5/10 l Bidon" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2847/file/small-fb44c7db0c89b6109d79eb83b0176f0e.webp 600w, https://assets.fabulous.ch/public/variant_asset/2847/file/medium-dc3c18e2c7e47434f0d6ad8dc527e0a9.webp 900w, https://assets.fabulous.ch/public/variant_asset/2847/file/large-0e0e29d458b5cd11b18b4fedf25e71d6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2847/file/medium-dc3c18e2c7e47434f0d6ad8dc527e0a9.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/zubehor-sonett-auslauf-hahn-fur-5-10-l-bidon-1-stuck-4656">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zubehör Sonett Auslauf-Hahn für 5/10 l Bidon, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0ztOmz0zr7E2ULKiofANT9QJh7aW0R60JwSU5gwP1ifGOTArl1qiL9Y_eMbPp8Xzkx5DOQDTZvbGcgHklT1Cpw" />
    <input value="4656" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fsupplements%3Fformat%3Dturbo_stream%26page%3D99">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/bambus-kuchenhelfer-servierzange-kochzange-26cm-1-stuck-4691">
          <img alt="Bambus Küchenhelfer Servierzange / Kochzange, 26cm" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2853/file/small-6e93eaf0e5d9e93c2feb37645d635291.webp 600w, https://assets.fabulous.ch/public/variant_asset/2853/file/medium-7568354bd4236a7e5506b1ce3473c2a0.webp 900w, https://assets.fabulous.ch/public/variant_asset/2853/file/large-07f8c537e14a5a9c7131f62e4dfab828.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2853/file/medium-7568354bd4236a7e5506b1ce3473c2a0.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">Stronghold</p>
          <a href="/de/products/bambus-kuchenhelfer-servierzange-kochzange-26cm-1-stuck-4691">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bambus Küchenhelfer Servierzange / Kochzange, 26cm, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aXDbEIMTsm0wuAWXFc-Hv2MoS7JypuD3xiQ5kk2Ysc58cqWgKXq_89DXz_N7mE8DJD-PPeSkmLUnUqyQ1KolTg" />
    <input value="4691" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fsupplements%3Fformat%3Dturbo_stream%26page%3D99">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/bambus-kuchenhelfer-salatbesteck-set-1-stuck-4692">
          <img alt="Bambus Küchenhelfer Salatbesteck Set" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2854/file/small-b4e10e9229befed735c6142bf9b19afd.webp 600w, https://assets.fabulous.ch/public/variant_asset/2854/file/medium-970408a5b0ca05cb03ea12154de023af.webp 900w, https://assets.fabulous.ch/public/variant_asset/2854/file/large-395e31257ba5d2c074bec474c38df557.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2854/file/medium-970408a5b0ca05cb03ea12154de023af.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">Stronghold</p>
          <a href="/de/products/bambus-kuchenhelfer-salatbesteck-set-1-stuck-4692">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bambus Küchenhelfer Salatbesteck Set, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.85
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tZtJiohhTYFW7TI_EgJci5DDx8tAtZOG6hEJkxmGjmWgmTc6IghAH7aC-Ft8VZQ319QDRNa368QLZ5yRgLQa5Q" />
    <input value="4692" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fsupplements%3Fformat%3Dturbo_stream%26page%3D99">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/bambus-kuchenhelfer-lochkelle-1-stuck-4693">
          <img alt="Bambus Küchenhelfer Lochkelle" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2855/file/small-501435500d633222e3965aa3157aaff2.webp 600w, https://assets.fabulous.ch/public/variant_asset/2855/file/medium-f895d2a717a43a65408b07a44a21568a.webp 900w, https://assets.fabulous.ch/public/variant_asset/2855/file/large-8b813c90e3aa0bacc02e5f11aa97b10c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2855/file/medium-f895d2a717a43a65408b07a44a21568a.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">Stronghold</p>
          <a href="/de/products/bambus-kuchenhelfer-lochkelle-1-stuck-4693">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bambus Küchenhelfer Lochkelle, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yqiuzmsrjHG9NMo1XXHY5AERGCuhwVtS9J-z239IEW7fqtB-wUKB711bAFEzJhBYRgbcpDfDIxAV6SbZ5nqF7g" />
    <input value="4693" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fsupplements%3Fformat%3Dturbo_stream%26page%3D99">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/bambus-kuchenhelfer-wender-35cm-1-stuck-4694">
          <img alt="Bambus Küchenhelfer Wender, 35cm" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2859/file/small-6a10e91a8c05fb754edded0e25728f3e.webp 600w, https://assets.fabulous.ch/public/variant_asset/2859/file/medium-e7bd23d7acc32877fc43a5d19fbb0526.webp 900w, https://assets.fabulous.ch/public/variant_asset/2859/file/large-7c789e13e1f8a1a20bb4b81284b02d56.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2859/file/medium-e7bd23d7acc32877fc43a5d19fbb0526.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">Stronghold</p>
          <a href="/de/products/bambus-kuchenhelfer-wender-35cm-1-stuck-4694">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bambus Küchenhelfer Wender, 35cm, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KCwTpbSE0-KTi2_1_nAi-VIuW3WRnLNEeGA7hDmwv9E9Lm0VHu3efHPkpZGQJ-pFFTmf-geeywaZFq6GoIIrUQ" />
    <input value="4694" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fsupplements%3Fformat%3Dturbo_stream%26page%3D99">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/bambus-kuchenhelfer-kochgabeln-2-er-set-30cm-1-stuck-4695">
          <img alt="Bambus Küchenhelfer Kochgabeln, 2-er Set, 30cm" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2860/file/small-3357bad50c006092f5c152fa96f23c88.webp 600w, https://assets.fabulous.ch/public/variant_asset/2860/file/medium-7055cf2325d088aab4b67a27a79d6648.webp 900w, https://assets.fabulous.ch/public/variant_asset/2860/file/large-3b37baf3d139436ff019aa541d66eef2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2860/file/medium-7055cf2325d088aab4b67a27a79d6648.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">Stronghold</p>
          <a href="/de/products/bambus-kuchenhelfer-kochgabeln-2-er-set-30cm-1-stuck-4695">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bambus Küchenhelfer Kochgabeln, 2-er Set, 30cm, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.85
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bbwzyMPCZzrQKWFHUe4yke-fqj66uR08Bh6odCBp0F14vk14aatqpDBGqyM_ufotqIhusSy7ZX7naD12uVtE3Q" />
    <input value="4695" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fsupplements%3Fformat%3Dturbo_stream%26page%3D99">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/nassfutter-ami-dog-orange-vegan-400-g-4765">
          <img alt="Nassfutter Ami Dog ORANGE Vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2862/file/small-551abc5ab5186cd49723d41a16b1245e.webp 600w, https://assets.fabulous.ch/public/variant_asset/2862/file/medium-fc81cd344eebce912d21765a8e1b954c.webp 900w, https://assets.fabulous.ch/public/variant_asset/2862/file/large-b68c39a1a1bc8854e19b12291ce6642c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2862/file/medium-fc81cd344eebce912d21765a8e1b954c.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">AMI</p>
          <a href="/de/products/nassfutter-ami-dog-orange-vegan-400-g-4765">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nassfutter Ami Dog ORANGE Vegan, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QWjlF0N5nRSvp0HhnuZ-4ZxV1i5IZSTAkTc5eqvldctUapun6RCQik_Ii4XwsbZd20ISod5nXIJwQax4MtfhSw" />
    <input value="4765" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fsupplements%3Fformat%3Dturbo_stream%26page%3D99">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/nassfutter-ami-dog-green-vegan-400-g-4766">
          <img alt="Nassfutter Ami Dog GREEN Vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2865/file/small-4530ebc01eb20105fdae39e45a085629.webp 600w, https://assets.fabulous.ch/public/variant_asset/2865/file/medium-84b07fdb060b1e5eeb9f8eb129bd88bc.webp 900w, https://assets.fabulous.ch/public/variant_asset/2865/file/large-5107580dcbf8207d26badf2c77be4fb9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2865/file/medium-84b07fdb060b1e5eeb9f8eb129bd88bc.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">AMI</p>
          <a href="/de/products/nassfutter-ami-dog-green-vegan-400-g-4766">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nassfutter Ami Dog GREEN Vegan, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0e0U12oAnA4Wo3h9CosBhrJqyCeyKykedUAT8WLo5GnE72pnwGmRkPbMshlk3Mk69X0MqCQpUVyUNobz-9pw6Q" />
    <input value="4766" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fsupplements%3Fformat%3Dturbo_stream%26page%3D99">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/algamaris-sonnenmilch-lsf30-dispenser-bio-100-ml-4797">
          <img alt="Algamaris Sonnenmilch LSF30 Dispenser Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2879/file/small-3460ad0ef6b53e62cc521637d53fdaf7.webp 600w, https://assets.fabulous.ch/public/variant_asset/2879/file/medium-b87849be642c2453bc10dda82317c001.webp 900w, https://assets.fabulous.ch/public/variant_asset/2879/file/large-a9039d12add96cbd70d5d188c6dad2fd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2879/file/medium-b87849be642c2453bc10dda82317c001.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">Algamaris</p>
          <a href="/de/products/algamaris-sonnenmilch-lsf30-dispenser-bio-100-ml-4797">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Algamaris Sonnenmilch LSF30 Dispenser Bio, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BaDH1d2PhKIQrqAKYPjj89ij4LFVY65ziwL1cCtipvMQorlld-aJPPDBam4OrytPn7QkPsNh1jFqdGByslAycw" />
    <input value="4797" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fsupplements%3Fformat%3Dturbo_stream%26page%3D99">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/zubehor-sonett-abfullpumpe-fur-5-10-l-bidon-1-stuck-4807">
          <img alt="Zubehör Sonett Abfüllpumpe für 5/10 l Bidon" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2880/file/small-a2e5b51b57024c5de1a0df9f0fcd808e.webp 600w, https://assets.fabulous.ch/public/variant_asset/2880/file/medium-3f5bc94e8c6b7b59ddaa63561381b66b.webp 900w, https://assets.fabulous.ch/public/variant_asset/2880/file/large-d8156cc94ba9f9b47b4cd782566960b8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2880/file/medium-3f5bc94e8c6b7b59ddaa63561381b66b.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/zubehor-sonett-abfullpumpe-fur-5-10-l-bidon-1-stuck-4807">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zubehör Sonett Abfüllpumpe für 5/10 l Bidon, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 28.45
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kIV1lgMT41LUHGaRGjMzJufR7k_dqUhXm7Df2YuiMS6FhwsmqXruzDRzrPV0ZPuaoMYqwEurMBV6xkrbEpClrg" />
    <input value="4807" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fsupplements%3Fformat%3Dturbo_stream%26page%3D99">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/algamaris-sonnencreme-baby-kind-lsf-50-dispenser-bio-100-ml-4811">
          <img alt="Algamaris Sonnencreme Baby + Kind LSF 50+ Dispenser Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2883/file/small-df0c5fc7e84f95a4a4844ec793f8f4ab.webp 600w, https://assets.fabulous.ch/public/variant_asset/2883/file/medium-e13b411bce3aca6fbe4c1f5130cbbd1c.webp 900w, https://assets.fabulous.ch/public/variant_asset/2883/file/large-a82e93ae17fa51e63dfb6281e1325fa6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2883/file/medium-e13b411bce3aca6fbe4c1f5130cbbd1c.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">Algamaris</p>
          <a href="/de/products/algamaris-sonnencreme-baby-kind-lsf-50-dispenser-bio-100-ml-4811">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Algamaris Sonnencreme Baby + Kind LSF 50+ Dispenser Bio, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 30.15
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="36MqdeymR9QviZC0PI5YL808Jw2AuVxdy8iM1IwtUsrKoVTFRs9KSs_mWtBS2ZCTiivjgha7JB8qvhnWFR_GSg" />
    <input value="4811" 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;980 von 3&#39;291 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/supplements?format=turbo_stream&amp;page=100">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>