<turbo-stream action="append" target="products_grid"><template>
    

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pfeffer-schwarz-ganz-demeter-50-g-4368">
          <img alt="Pfeffer Schwarz ganz Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2722/file/small-91b05347c2a6c45159c7be230bbf893b.webp 600w, https://assets.fabulous.ch/public/variant_asset/2722/file/medium-f7b3aeec342e51e9ed645af13562991f.webp 900w, https://assets.fabulous.ch/public/variant_asset/2722/file/large-ffdd86644e746d68178db59060237d2f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2722/file/medium-f7b3aeec342e51e9ed645af13562991f.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">Lebensbaum</p>
          <a href="/de/products/pfeffer-schwarz-ganz-demeter-50-g-4368">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pfeffer Schwarz ganz Demeter, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gxLcg-He-WDHttY9m_qyCCyDtLN8bThxxK2p5o88m2bpR3Hy9efa_9s4_AH7rKPWX7xBgkixu5TA8WAlX8YTig" />
    <input value="4368" 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/orangen-kraft-reiniger-500-ml-4369">
          <img alt="Orangen Kraft-Reiniger" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2724/file/small-029c83ec777f7eb4e2dd632857824085.webp 600w, https://assets.fabulous.ch/public/variant_asset/2724/file/medium-8b34f6c60d23e9a67026c4eea5c76097.webp 900w, https://assets.fabulous.ch/public/variant_asset/2724/file/large-df2c4112c1e7c20913663cb1187adfee.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2724/file/medium-8b34f6c60d23e9a67026c4eea5c76097.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/orangen-kraft-reiniger-500-ml-4369">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Orangen Kraft-Reiniger, 500 ml</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.18 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0dXdz3JD2ARstM8OqD9Y3aOB-Ssglajn0SrM24Ya2QW7gHC-Znr7m3A65TLIaUkD0L4MGhRJKwLVdgUYVuBR6Q" />
    <input value="4369" 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/zahnbursten-etui-aus-bambus-1-stuck-4392">
          <img alt="Zahnbürsten Etui aus Bambus" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2742/file/small-5ce2dc2296b1c9681d4b1812702e11c4.webp 600w, https://assets.fabulous.ch/public/variant_asset/2742/file/medium-e42d0c02048cf25f564d2e6faf539595.webp 900w, https://assets.fabulous.ch/public/variant_asset/2742/file/large-1ee809b7a8d9b7196162797c945d6212.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2742/file/medium-e42d0c02048cf25f564d2e6faf539595.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">Hydrophil</p>
          <a href="/de/products/zahnbursten-etui-aus-bambus-1-stuck-4392">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Zahnbürsten Etui aus Bambus, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cYIJrpgwomQhQWRIZsQ0RvD-sWVl5ryMCUpoD1BWYTcb16TfjAmB-z3PTnQGkiWYg8FEVFE6P2kNFqHMgKzp2w" />
    <input value="4392" 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/scheuerpulver-nachfullpackung-1-kg-4412">
          <img alt="Scheuerpulver Nachfüllpackung" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2745/file/small-d9e49585a0c68226efce204feae83e69.webp 600w, https://assets.fabulous.ch/public/variant_asset/2745/file/medium-94d64f376f422643098fd31ccf4d0e5a.webp 900w, https://assets.fabulous.ch/public/variant_asset/2745/file/large-572a04584082263d4a46261dc538ae90.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2745/file/medium-94d64f376f422643098fd31ccf4d0e5a.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/scheuerpulver-nachfullpackung-1-kg-4412">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Scheuerpulver Nachfüllpackung, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.35
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GdIZn5vEzTiXqfyzdJT1VxCmj_OB1iP1N18tJgj_yexzh7Tuj_3up4sn1o8UwuSJY5l6wrUKoBAzA-Tl2AVBAA" />
    <input value="4412" 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/scheuerpulver-450-g-4413">
          <img alt="Scheuerpulver" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2746/file/small-4f839b8d3b5a561dce377c73db514e7e.webp 600w, https://assets.fabulous.ch/public/variant_asset/2746/file/medium-50c15a1114b00756caa7bac1c6023337.webp 900w, https://assets.fabulous.ch/public/variant_asset/2746/file/large-f53b0a236fee1b2ed2e49816377555ab.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2746/file/medium-50c15a1114b00756caa7bac1c6023337.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/scheuerpulver-450-g-4413">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Scheuerpulver, 450 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.05
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HFWtuWnL_4XatEsRrLRj6KXal0AP-o9IyBY_qm1mjY12AADIffLcGsY6YS3M4nI21uVicTsmDK3MSvZpvZwFYQ" />
    <input value="4413" 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/cashewkerne-gf-bio-500-g-4429">
          <img alt="Cashewkerne GF Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2754/file/small-d6939199d55cd397614950f3842d3c2a.webp 600w, https://assets.fabulous.ch/public/variant_asset/2754/file/medium-225c54090582757e203f0dfd8b5d0636.webp 900w, https://assets.fabulous.ch/public/variant_asset/2754/file/large-692d91934927d2a450097e333c5a75c7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2754/file/medium-225c54090582757e203f0dfd8b5d0636.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">Naturkostbar</p>
          <a href="/de/products/cashewkerne-gf-bio-500-g-4429">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cashewkerne GF Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.00
            </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-4429-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/rohkostriegel-kakao-bio-50-g-4430">
          <img alt="Rohkostriegel Kakao Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2756/file/small-8ab257a3623331d6b14c01a9cbeaf299.webp 600w, https://assets.fabulous.ch/public/variant_asset/2756/file/medium-f5ce8359756a391da18acf9d12b12e09.webp 900w, https://assets.fabulous.ch/public/variant_asset/2756/file/large-46c5f8a575af318883c40ebfd7b5bf2d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2756/file/medium-f5ce8359756a391da18acf9d12b12e09.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">Roo&#39;Bar</p>
          <a href="/de/products/rohkostriegel-kakao-bio-50-g-4430">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rohkostriegel Kakao Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.75
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-4430-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/aloe-vera-regenerierend-straffendes-deluxe-gesichtsgel-50-ml-4443">
          <img alt="Aloe Vera Regenerierend Straffendes Deluxe Gesichtsgel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8872/file/small-28991952eda40ce5b9ef8bb5c06fe063.webp 600w, https://assets.fabulous.ch/public/variant_asset/8872/file/medium-525c781c505bfd077a9b0f5772531e8f.webp 900w, https://assets.fabulous.ch/public/variant_asset/8872/file/large-f0abcc829df801d0a2034a25c881c1a9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8872/file/medium-525c781c505bfd077a9b0f5772531e8f.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">farfalla</p>
          <a href="/de/products/aloe-vera-regenerierend-straffendes-deluxe-gesichtsgel-50-ml-4443">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Aloe Vera Regenerierend Straffendes Deluxe Gesichtsgel, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8TsSeA_41KySSdRIQCUOhuHvpXCsFio-UO4sJafDgaCbbr8JG8H3M47H_nQgcx9YktBQQZjKqdtUsuXmdzkJTA" />
    <input value="4443" 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/tortenguss-rot-ohne-zucker-bio-7-g-4446">
          <img alt="Tortenguss Rot ohne Zucker Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2765/file/small-669c117c52ebb3becc35ce8e05c7350f.webp 600w, https://assets.fabulous.ch/public/variant_asset/2765/file/medium-c08b6f304836f83fa47367e22020c987.webp 900w, https://assets.fabulous.ch/public/variant_asset/2765/file/large-50c67bea0890c9afd0b40bfc4818f140.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2765/file/medium-c08b6f304836f83fa47367e22020c987.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">Biovegan</p>
          <a href="/de/products/tortenguss-rot-ohne-zucker-bio-7-g-4446">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tortenguss Rot ohne Zucker Bio, 2 x 7 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tbvZ1VrU0K7OB-pjpiPSG1gKL25NsTdIhVB0JfBOITzf7nSkTu3zMdKJwF_GdcPFKzXaX3lttK2BDL3mILSp0A" />
    <input value="4446" 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-sirup-bio-himbeeren-ohne-zucker-gesusst-500-ml-4449">
          <img alt="Xylit Sirup Bio Himbeeren ohne Zucker gesüsst" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2767/file/small-c3dd3ac6f1cfcabf2ac1a1708cb49be8.webp 600w, https://assets.fabulous.ch/public/variant_asset/2767/file/medium-b9181df24a4f62cd0b949bafc772eb9f.webp 900w, https://assets.fabulous.ch/public/variant_asset/2767/file/large-4185af99456f0a83c0bf6a6c8b646c7c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2767/file/medium-b9181df24a4f62cd0b949bafc772eb9f.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-sirup-bio-himbeeren-ohne-zucker-gesusst-500-ml-4449">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xylit Sirup Bio Himbeeren ohne Zucker gesüsst, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="M7YpInx6txkCk53RHAcVJLYJX8YgXcPE_cxLtYaJZMFZ44RTaEOUhh4dt-18UQT6xTaq9xSBQCH5kIJ2VnPsLQ" />
    <input value="4449" 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/eco-sonnenmilch-lsf-30-sensitive-75-ml-4454">
          <img alt="Eco Sonnenmilch LSF 30 sensitive" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2768/file/small-72a12454e6ad8fa68ad5361e6261f2e3.webp 600w, https://assets.fabulous.ch/public/variant_asset/2768/file/medium-75f0828a139bef1ecc1567223c76cc62.webp 900w, https://assets.fabulous.ch/public/variant_asset/2768/file/large-554254086b6f62628aefeb5b094a30f8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2768/file/medium-75f0828a139bef1ecc1567223c76cc62.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-30-sensitive-75-ml-4454">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Eco Sonnenmilch LSF 30 sensitive, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TfDfwlJC1gXxX2L3lXkyJH15YysR85dNFygBILC5mgwnpXKzRnv1mu3RSMv1LyP6DkaWGiUvFKgTdMjjYEMS4A" />
    <input value="4454" 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/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-fabulous-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 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/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-fabulous-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="JD0xT1t5cc8XvLgp4Olq_CWSxILyq3MQcO3TMDALYkJOaJw-T0BSUAsykhWAv3siVq0xs8Z38PV0sRrz4PHqrg" />
    <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  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/sticker-huhn-gesund-1-stuck-4524">
          <img alt="Sticker: Huhn gesund?" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2794/file/small-aa539727f7d932960d360bacd1535ed5.webp 600w, https://assets.fabulous.ch/public/variant_asset/2794/file/medium-6ffbe0c0855d21845ccee18cd697466d.webp 900w, https://assets.fabulous.ch/public/variant_asset/2794/file/large-fd2755c7e02ad2e0da85fdd0306e5fc1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2794/file/medium-6ffbe0c0855d21845ccee18cd697466d.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/sticker-huhn-gesund-1-stuck-4524">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sticker: Huhn gesund?, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 0.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VT7ay2An2p68ZCAl4duCsg36U0ZLWdPQFBXJiCQQjFA_a3e6dB75AaDqChmBjZNsfsWmd3-FUDUQSQBL9OoEvA" />
    <input value="4524" 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/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-fabulous-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="J7q6vk0-1VTmaBRht_AVllEKUcMEYCrhj8odgwjP7AZN7xfPWQf2y_rmPl3XpgRIIjWk8jC8qQSLltRA2DVk6g" />
    <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">
    <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-fabulous-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">
    <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-vegane-geniesserscheiben-wurzig-150-g-4560">
          <img alt="Simply V Vegane Geniesserscheiben WÜRZIG" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2806/file/small-dcf7f1b4bf399c3c193d1dc20650ba39.webp 600w, https://assets.fabulous.ch/public/variant_asset/2806/file/medium-214e74cbcfb7e2a864a718838f89dbf0.webp 900w, https://assets.fabulous.ch/public/variant_asset/2806/file/large-d5bc2c6f4bdb986aa04c1cb52b5e9c6e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2806/file/medium-214e74cbcfb7e2a864a718838f89dbf0.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-vegane-geniesserscheiben-wurzig-150-g-4560">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Simply V Vegane Geniesserscheiben WÜRZIG, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </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.93 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-4560-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/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-fabulous-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 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/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-fabulous-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="khB1UbR5whjphMBn2DxkJEJ351Ccyb4lddz1LtGZ3lL4RdggoEDhh_UK6lu4anX6MUgSYagVPcBxgDztAWNWvg" />
    <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  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/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-fabulous-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="HLTv-nuQrelmHSLBg8Yk7eGWSu5J_NDstRkw9sxswe924UKLb6mOdnqTCP3jkDUzkqm_330gUwmxRfk1HJZJAw" />
    <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>



</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;500 von 3&#39;190 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/primal-spirit?format=turbo_stream&amp;page=76">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>