<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/tonkabohnen-gemahlen-bio-10-g-12831">
          <img alt="Tonkabohnen gemahlen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6327/file/small-effc1c39acd73e3c87d40d3f76ffadc3.webp 600w, https://assets.fabulous.ch/public/variant_asset/6327/file/medium-534010237cbe18fe28b18f938dd19c7c.webp 900w, https://assets.fabulous.ch/public/variant_asset/6327/file/large-9069b17efdc77ce2eaeed583d737e8c3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6327/file/medium-534010237cbe18fe28b18f938dd19c7c.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">Rapunzel</p>
          <a href="/de/products/tonkabohnen-gemahlen-bio-10-g-12831">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tonkabohnen gemahlen Bio, 10 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="E3IgPQ0uIIEe-V8MfBp-NsNE1RJTj1W79WbfMDL4Iz5PEA6QYikVwkcmLsZ_zgqiXqTKndogQJDOyrbeubP6sg" />
    <input value="12831" 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/perform-pflanzliches-proteinpulver-erdbeere-vanille-26-portion-12900">
          <img alt="Perform Pflanzliches Proteinpulver - Strawberry Milkshake" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8740/file/small-2e618ff7e5593b50fd3342638f1665ca.webp 600w, https://assets.fabulous.ch/public/variant_asset/8740/file/medium-04d1c04a576e67060658b036a97404b6.webp 900w, https://assets.fabulous.ch/public/variant_asset/8740/file/large-af9959a157d51b523dd6a3b2c6abb337.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8740/file/medium-04d1c04a576e67060658b036a97404b6.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">Vivo Life</p>
          <a href="/de/products/perform-pflanzliches-proteinpulver-erdbeere-vanille-26-portion-12900">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Perform Pflanzliches Proteinpulver - Strawberry Milkshake, 26 Portionen</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 49.60
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-12900-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/biscoff-crunchy-brotaufstrich-380-g-12936">
          <img alt="Biscoff Crunchy Brotaufstrich" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6351/file/small-9f116770936c57316f84cc7a5f3db186.webp 600w, https://assets.fabulous.ch/public/variant_asset/6351/file/medium-9e0d0f7e43b48b41221d0243de569f16.webp 900w, https://assets.fabulous.ch/public/variant_asset/6351/file/large-79b20717a46b79f369c026b994cdba86.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6351/file/medium-9e0d0f7e43b48b41221d0243de569f16.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">Lotus Biscoff</p>
          <a href="/de/products/biscoff-crunchy-brotaufstrich-380-g-12936">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biscoff Crunchy Brotaufstrich, 380 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-12936-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/biscoff-smooth-brotaufstrich-400-g-12937">
          <img alt="Biscoff Smooth Brotaufstrich" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6352/file/small-a985b53585e65873460cab96e222936b.webp 600w, https://assets.fabulous.ch/public/variant_asset/6352/file/medium-14e322a350e337344e84aee39ce58217.webp 900w, https://assets.fabulous.ch/public/variant_asset/6352/file/large-5796933d7a259018d986a470e90f5662.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6352/file/medium-14e322a350e337344e84aee39ce58217.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">Lotus Biscoff</p>
          <a href="/de/products/biscoff-smooth-brotaufstrich-400-g-12937">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biscoff Smooth Brotaufstrich, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-12937-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/biscoff-go-45-g-12938">
          <img alt="Biscoff &amp; Go" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6355/file/small-bb477b4627daaf0e78aa368646b2d51a.webp 600w, https://assets.fabulous.ch/public/variant_asset/6355/file/medium-71516b77bead2df4b68010a244f4322b.webp 900w, https://assets.fabulous.ch/public/variant_asset/6355/file/large-0e5422bfb6b6b9888661e2472c64001a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6355/file/medium-71516b77bead2df4b68010a244f4322b.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">Lotus Biscoff</p>
          <a href="/de/products/biscoff-go-45-g-12938">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biscoff &amp; Go, 45 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.40
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-12938-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/biscoff-topping-1-kg-12939">
          <img alt="Biscoff Topping" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6356/file/small-bb12ee89ccb94e4f1fe1673f9a73556d.webp 600w, https://assets.fabulous.ch/public/variant_asset/6356/file/medium-0ed3608a684c64b37df3ef462a9dc125.webp 900w, https://assets.fabulous.ch/public/variant_asset/6356/file/large-c46e51994b281741f75f1e7e5b521b85.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6356/file/medium-0ed3608a684c64b37df3ef462a9dc125.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">Lotus Biscoff</p>
          <a href="/de/products/biscoff-topping-1-kg-12939">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biscoff Topping, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.20
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-12939-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/bacon-ish-aroma-bio-40-g-12958">
          <img alt="Bacon`ish Aroma Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6357/file/small-e9bfcb097e975160ca624ec909820806.webp 600w, https://assets.fabulous.ch/public/variant_asset/6357/file/medium-f134897e77a19a6413d5ab95715dee34.webp 900w, https://assets.fabulous.ch/public/variant_asset/6357/file/large-7c1891da8799d932b1aef51460e4872a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6357/file/medium-f134897e77a19a6413d5ab95715dee34.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">Uhhmami</p>
          <a href="/de/products/bacon-ish-aroma-bio-40-g-12958">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bacon`ish Aroma Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GvDUsd6UuQUEORW5IMxd1BRDnrjr6I965pdObA-vE4dGkvocsZOMRl3mZHMjGClAiaOBN2JHmlHdOyeChOTKCw" />
    <input value="12958" 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/truffle-ish-aroma-bio-40-g-12960">
          <img alt="Truffle`ish Aroma Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6359/file/small-0e53ef47e912f6895723c6dc30850e22.webp 600w, https://assets.fabulous.ch/public/variant_asset/6359/file/medium-ffb18863f1aa2040884cf3e001486a97.webp 900w, https://assets.fabulous.ch/public/variant_asset/6359/file/large-7af8f50e4cfa7ceeac92c5df8e705db8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6359/file/medium-ffb18863f1aa2040884cf3e001486a97.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">Uhhmami</p>
          <a href="/de/products/truffle-ish-aroma-bio-40-g-12960">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Truffle`ish Aroma Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2VHAo7W3TCBFneBUptSUOXk5qP6nZnI1WHVQP_PxI8yFM-4O2rB5YxxCkZ6lAOCt5Nm3cS7JZx5j2TnReLr6QA" />
    <input value="12960" 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/blue-cheese-ish-aroma-bio-40-g-12961">
          <img alt="Blue Cheese`ish Aroma Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6361/file/small-ef21c84ddcc146677840c02ee02e16c7.webp 600w, https://assets.fabulous.ch/public/variant_asset/6361/file/medium-981c103933c4bccabbf28111ee6beeed.webp 900w, https://assets.fabulous.ch/public/variant_asset/6361/file/large-efcf89a5bbda0d579a2a5268525d315b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6361/file/medium-981c103933c4bccabbf28111ee6beeed.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">Uhhmami</p>
          <a href="/de/products/blue-cheese-ish-aroma-bio-40-g-12961">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Blue Cheese`ish Aroma Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SV6paOePwIah_JuvjXOm5FDkAHxtPtF9Kriqqudwdi4VPIfFiIj1xfgj6mWOp9JwzQQf8-SRxFYRFMNEbDuvog" />
    <input value="12961" 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/cheese-ish-aroma-bio-40-g-12962">
          <img alt="Cheese`ish Aroma Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6363/file/small-27af35139803da793f00727834145282.webp 600w, https://assets.fabulous.ch/public/variant_asset/6363/file/medium-c68699c1d51e877601822b9febaa7712.webp 900w, https://assets.fabulous.ch/public/variant_asset/6363/file/large-eaa4468f8bdb9c27d312ffeb35ecc96e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6363/file/medium-c68699c1d51e877601822b9febaa7712.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">Uhhmami</p>
          <a href="/de/products/cheese-ish-aroma-bio-40-g-12962">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cheese`ish Aroma Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xHHMDb4DxCfwF_B7-YkIskMoqPdIUZs5fZwXgvnP9eeYE-Kg0QTxZKnIgbH6XXwm3si3eMH-jhJGMH5scoQsaw" />
    <input value="12962" 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/ozean-ish-bouillon-bio-40-g-12965">
          <img alt="Ozean`ish Bouillon Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6367/file/small-9d73f613ff72bcebe93045055ac7a9fc.webp 600w, https://assets.fabulous.ch/public/variant_asset/6367/file/medium-3ad5086c5e58c6ea315d5cea5590bb92.webp 900w, https://assets.fabulous.ch/public/variant_asset/6367/file/large-e2c5ab5f1a40f70a85a248f1a8c3d9a2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6367/file/medium-3ad5086c5e58c6ea315d5cea5590bb92.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">Uhhmami</p>
          <a href="/de/products/ozean-ish-bouillon-bio-40-g-12965">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ozean`ish Bouillon Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.65
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3b3JNzirCDY_mTOEDIvBYWuQKhttb2_5LikpIheWRMCB3-eaV6w9dWZGQk4PX7X19nA1lOTAetIVhUDMnN2dTA" />
    <input value="12965" 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/gemuse-bouillon-bio-40-g-12966">
          <img alt="Gemüse Bouillon Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6368/file/small-a6caca91f9731a78ac54be2cc8653916.webp 600w, https://assets.fabulous.ch/public/variant_asset/6368/file/medium-a44d55aef1cb774d4e34d2bef4f81a92.webp 900w, https://assets.fabulous.ch/public/variant_asset/6368/file/large-2dda62d6522837b5429d901c652c6752.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6368/file/medium-a44d55aef1cb774d4e34d2bef4f81a92.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">Uhhmami</p>
          <a href="/de/products/gemuse-bouillon-bio-40-g-12966">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gemüse Bouillon Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.65
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/raucherknacker-bio-250-g-13008">
          <img alt="Räucherknacker Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6375/file/small-1d855ec057c09c37b028e7ff3e9293b2.webp 600w, https://assets.fabulous.ch/public/variant_asset/6375/file/medium-bd8c1be4a4772d1b32288c2a638695fc.webp 900w, https://assets.fabulous.ch/public/variant_asset/6375/file/large-67a655cb3463fcd270ce6ae9ee882f8d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6375/file/medium-bd8c1be4a4772d1b32288c2a638695fc.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">Taifun</p>
          <a href="/de/products/raucherknacker-bio-250-g-13008">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Räucherknacker Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.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.16 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-13008-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/lovechock-bliss-weiss-bio-70-g-13010">
          <img alt="Lovechock Bliss Weiss Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6373/file/small-92e87240ba9c827af617951d92693203.webp 600w, https://assets.fabulous.ch/public/variant_asset/6373/file/medium-d429e58f2322857c14c37145e8fd8652.webp 900w, https://assets.fabulous.ch/public/variant_asset/6373/file/large-767eaaab70417fc00976c611fa30bf63.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6373/file/medium-d429e58f2322857c14c37145e8fd8652.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">Lovechock</p>
          <a href="/de/products/lovechock-bliss-weiss-bio-70-g-13010">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lovechock Bliss Weiss Bio, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="agtX5riws9Uaj4ik3wcZ7y1x2CxOSUiNp9sqNCbZpMI2aXlL17eGlkNQ-W7c0217sJHHo8fmXaacd0ParZJ9Tg" />
    <input value="13010" 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/harissa-gewurzmischung-bio-70-g-13011">
          <img alt="Harissa Gewürzmischung Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6376/file/small-0115aad5ba4f21436904c0e983669f09.webp 600w, https://assets.fabulous.ch/public/variant_asset/6376/file/medium-61f9da11781215185ab153f24b117a00.webp 900w, https://assets.fabulous.ch/public/variant_asset/6376/file/large-9c8dd5693fee2bea7e575292830f20c7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6376/file/medium-61f9da11781215185ab153f24b117a00.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">Sonnentor</p>
          <a href="/de/products/harissa-gewurzmischung-bio-70-g-13011">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Harissa Gewürzmischung Bio, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vvBQxRyNJtnYE3I6qfyPMb_4kjoFDSK6LGIEc9RmOVXikn5oc4oTmoHMA_CqKPulIhiNtYyiN5EXzm2dXy3g2Q" />
    <input value="13011" 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/flohsamenschalen-bio-250-g-13012">
          <img alt="Flohsamenschalen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6377/file/small-b30f08d4eb7c9e785752c47732bfe04d.webp 600w, https://assets.fabulous.ch/public/variant_asset/6377/file/medium-3f00e287c1a3fa7553d9f6d488fd9297.webp 900w, https://assets.fabulous.ch/public/variant_asset/6377/file/large-be146d5bec13b10da492a21d782bb7ff.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6377/file/medium-3f00e287c1a3fa7553d9f6d488fd9297.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">Govinda</p>
          <a href="/de/products/flohsamenschalen-bio-250-g-13012">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Flohsamenschalen Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cmGQ01ktZtbfuKtANVkeOVX2y2e_EvVaDhR_K6CUEOMuA75-NipTlYZn2oo2jWqtyBbU6Da94HE1uBbFK9_Jbw" />
    <input value="13012" 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/pill-kosmetik-pflegendes-creme-gel-50-ml-13109">
          <img alt="Pill Kosmetik - Pflegendes Creme-Gel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6378/file/small-70f09a264fa7985fd494e19dd21c634f.webp 600w, https://assets.fabulous.ch/public/variant_asset/6378/file/medium-97b8b24e3146e2e5fdbff4395b3e7e47.webp 900w, https://assets.fabulous.ch/public/variant_asset/6378/file/large-75928e2235c0e09d30ab58364ea7fd9f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6378/file/medium-97b8b24e3146e2e5fdbff4395b3e7e47.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/de/products/pill-kosmetik-pflegendes-creme-gel-50-ml-13109">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Kosmetik - Pflegendes Creme-Gel, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 42.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YEjHsE49v4kNblAQshpIHQdQ9zszl7RJxJM64EtXKBA8KukdITqKylSxIdqxzjyJmrDotLo4oWL_P1MOwBzxnA" />
    <input value="13109" 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/pill-kosmetik-feuchtigkeitsspendende-creme-mit-vitamin-e-und-hyaluronsaure-50-ml-13110">
          <img alt="Pill Kosmetik - Feuchtigkeitsspendende Creme mit Vitamin E und Hyaluronsäure" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6379/file/small-a112b4a1f4f3a48da14c60672e18cb98.webp 600w, https://assets.fabulous.ch/public/variant_asset/6379/file/medium-c33b33275a366bda23856f6200c0c07b.webp 900w, https://assets.fabulous.ch/public/variant_asset/6379/file/large-94327ee08f465d893b4a799d855ec8aa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6379/file/medium-c33b33275a366bda23856f6200c0c07b.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/de/products/pill-kosmetik-feuchtigkeitsspendende-creme-mit-vitamin-e-und-hyaluronsaure-50-ml-13110">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Kosmetik - Feuchtigkeitsspendende Creme mit Vitamin E und Hyaluronsäure, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 44.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gHpYHTXi3D_CYRl0T1HpRYtWNc0KcLkdrYabANbELNzcGHawWuXpfJu-aL5MhZ3RFrYqQoPfrDaWKvLuXY_1UA" />
    <input value="13110" 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/pill-kosmetik-feuchtigkeitsspendende-creme-mit-omega-6-und-hyaluronsaure-50-ml-13111">
          <img alt="Pill Kosmetik - Feuchtigkeitsspendende Creme mit Omega 6 und Hyaluronsäure" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6380/file/small-de5a7b832be4d13d2553ce77ddab9b86.webp 600w, https://assets.fabulous.ch/public/variant_asset/6380/file/medium-69a159a76fb3a18da245efcf44bd0b90.webp 900w, https://assets.fabulous.ch/public/variant_asset/6380/file/large-c9ef14db5a0cb89c9a78dd4fc791a454.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6380/file/medium-69a159a76fb3a18da245efcf44bd0b90.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/de/products/pill-kosmetik-feuchtigkeitsspendende-creme-mit-omega-6-und-hyaluronsaure-50-ml-13111">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Kosmetik - Feuchtigkeitsspendende Creme mit Omega 6 und Hyaluronsäure, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 44.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RF3Nt7wRJd_cD6jutl8Qq6LCBoatJ0gP2DDTh6cDBtQYP-Ma0xYQnIXQ2SS1i2Q_PyIZCSSIXSTjnLppLEjfWA" />
    <input value="13111" 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/pill-kosmetik-energiespendende-creme-mit-prokollagensaure-50-ml-13112">
          <img alt="Pill Kosmetik - Energiespendende Creme mit Prokollagensäure" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6381/file/small-aff552da762307481871036022ce7907.webp 600w, https://assets.fabulous.ch/public/variant_asset/6381/file/medium-d8ca6f237e295dd5e418826ef5631387.webp 900w, https://assets.fabulous.ch/public/variant_asset/6381/file/large-1f9fa8709bc31705fd8279d0a386f6b5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6381/file/medium-d8ca6f237e295dd5e418826ef5631387.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/de/products/pill-kosmetik-energiespendende-creme-mit-prokollagensaure-50-ml-13112">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Kosmetik - Energiespendende Creme mit Prokollagensäure, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 44.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cN8r9CJAbRNG0lncgviEAKWtuJzIisFHBmViCUYZPR8svQVZTUdYUB8NKBaBLPCUOE2nE0El1Gw9yQvnzVLkkw" />
    <input value="13112" 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">
      2&#39;480 von 3&#39;212 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/fupi?format=turbo_stream&amp;page=125">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>