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

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/xylit-konfiture-zwetschgen-220-g-8045">
          <img alt="Xylit Konfitüre Zwetschgen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4701/file/small-5fbc4a3edf9675114fc5ec290012f6e4.webp 600w, https://assets.fabulous.ch/public/variant_asset/4701/file/medium-c9d4e2e1ccbf4109ba46f2913cde2874.webp 900w, https://assets.fabulous.ch/public/variant_asset/4701/file/large-4719adedce45e7f57a91c8f9a9f5fb04.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4701/file/medium-c9d4e2e1ccbf4109ba46f2913cde2874.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">Xucker</p>
          <a href="/de/products/xylit-konfiture-zwetschgen-220-g-8045">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xylit Konfitüre Zwetschgen, 220 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/xylit-konfiture-aprikose-220-g-8046">
          <img alt="Xylit Konfitüre Aprikose" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4704/file/small-56bf1c4abba246286011d82223607855.webp 600w, https://assets.fabulous.ch/public/variant_asset/4704/file/medium-17c284f134055f857ad38426417c6b22.webp 900w, https://assets.fabulous.ch/public/variant_asset/4704/file/large-63f59a4f070c90767da47438a5a784e8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4704/file/medium-17c284f134055f857ad38426417c6b22.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">Xucker</p>
          <a href="/de/products/xylit-konfiture-aprikose-220-g-8046">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xylit Konfitüre Aprikose, 220 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-8046-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/xylit-konfiture-apfel-zimt-220-g-8047">
          <img alt="Xylit Konfitüre Apfel - Zimt" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4705/file/small-746a03de850b58ff7ab3dab2eae585c6.webp 600w, https://assets.fabulous.ch/public/variant_asset/4705/file/medium-924404bf4cff446ed720b9cde39fc634.webp 900w, https://assets.fabulous.ch/public/variant_asset/4705/file/large-05f897faf6b0b15d041605c6ccc921e2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4705/file/medium-924404bf4cff446ed720b9cde39fc634.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">Xucker</p>
          <a href="/de/products/xylit-konfiture-apfel-zimt-220-g-8047">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xylit Konfitüre Apfel - Zimt, 220 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-8047-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/kaffee-instant-cappuccino-classic-weniger-suss-koffeinfrei-280-g-8054">
          <img alt="Kaffee Instant Cappuccino Classic weniger süss koffeinfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4710/file/small-d5e89c9b4b36e9ba72104da34321e64b.webp 600w, https://assets.fabulous.ch/public/variant_asset/4710/file/medium-3ee1990de1f9261d7921b1e3a666c2ae.webp 900w, https://assets.fabulous.ch/public/variant_asset/4710/file/large-cf08c805fcde184c9063ed6e39beb163.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4710/file/medium-3ee1990de1f9261d7921b1e3a666c2ae.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">VGN FCTRY</p>
          <a href="/de/products/kaffee-instant-cappuccino-classic-weniger-suss-koffeinfrei-280-g-8054">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kaffee Instant Cappuccino Classic weniger süss koffeinfrei, 280 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.95
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-8054-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/kaffee-instant-cappuccino-classic-weniger-suss-280-g-8055">
          <img alt="Kaffee Instant Cappuccino Classic weniger süss" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4713/file/small-aeafa50048f931e817c44355c2f24e4c.webp 600w, https://assets.fabulous.ch/public/variant_asset/4713/file/medium-02276630aa6884bc8510693dc571be3c.webp 900w, https://assets.fabulous.ch/public/variant_asset/4713/file/large-e410816e0cd9da40c821f9d771a563c7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4713/file/medium-02276630aa6884bc8510693dc571be3c.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">VGN FCTRY</p>
          <a href="/de/products/kaffee-instant-cappuccino-classic-weniger-suss-280-g-8055">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kaffee Instant Cappuccino Classic weniger süss, 280 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.95
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-8055-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/oliven-grune-oliven-mit-stein-al-naturale-rohkost-bio-205-g-8064">
          <img alt="Oliven Grüne Oliven MIT STEIN al naturale Rohkost Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4727/file/small-7055204fdfb49d45834981d8fb8e2a6e.webp 600w, https://assets.fabulous.ch/public/variant_asset/4727/file/medium-ebce2512307a7f45e1769850ef8df50b.webp 900w, https://assets.fabulous.ch/public/variant_asset/4727/file/large-b3d96a8faf488aabc805f41907cacc14.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4727/file/medium-ebce2512307a7f45e1769850ef8df50b.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">Mani</p>
          <a href="/de/products/oliven-grune-oliven-mit-stein-al-naturale-rohkost-bio-205-g-8064">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Oliven Grüne Oliven MIT STEIN al naturale Rohkost Bio, 205 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lKEUBktxCtPRpkGpInC54LYkavI2VaYP2h7nKB1G4DJ5jPbcJoNKaqeSJL8k4XW5bB8_xuPctUuygOMrcFtnZw" />
    <input value="8064" 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-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Tipp
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/oliven-kalamata-oliven-ohne-stein-al-naturale-rohkost-bio-175-g-8065">
          <img alt="Oliven Kalamata Oliven OHNE STEIN al naturale Rohkost Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4728/file/small-2000f126580fbff674a91ea660334438.webp 600w, https://assets.fabulous.ch/public/variant_asset/4728/file/medium-564c849a83a91e45ba0a0d1cd281b0da.webp 900w, https://assets.fabulous.ch/public/variant_asset/4728/file/large-fb5c22ce86e77bbb061fc30d2d4765f6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4728/file/medium-564c849a83a91e45ba0a0d1cd281b0da.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">Mani</p>
          <a href="/de/products/oliven-kalamata-oliven-ohne-stein-al-naturale-rohkost-bio-175-g-8065">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Oliven Kalamata Oliven OHNE STEIN al naturale Rohkost Bio, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="amnPbSCzV-yyYT74k3FtxKE6azCLpfgx-KwiAnGYWf-HRC23TUEXVcRVW-6V4KGdewE-BF4s63WQMiYBHIXeqg" />
    <input value="8065" 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/oliven-kalamata-oliven-mit-stein-al-naturale-rohkost-bio-205-g-8066">
          <img alt="Oliven Kalamata Oliven MIT STEIN al naturale Rohkost Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4729/file/small-2318903f0b27ba0f2efad847fbaae72b.webp 600w, https://assets.fabulous.ch/public/variant_asset/4729/file/medium-6259b4383d304ba8e9a4c47818971632.webp 900w, https://assets.fabulous.ch/public/variant_asset/4729/file/large-10d8eb4f569011191371151844584e97.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4729/file/medium-6259b4383d304ba8e9a4c47818971632.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">Mani</p>
          <a href="/de/products/oliven-kalamata-oliven-mit-stein-al-naturale-rohkost-bio-205-g-8066">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Oliven Kalamata Oliven MIT STEIN al naturale Rohkost Bio, 205 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="osHCmZqv3oUIZPIzC5YXux7yvcTv5ObXyle1_H8AjpNP7CBD912ePH5QlyUNB9vixMno8Dpt9ZOiybH_Eh0Jxg" />
    <input value="8066" 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/mani-tomatenpaste-bio-180-g-8067">
          <img alt="Mani Tomatenpaste Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4731/file/small-cae7efea66fa18704cd0b5a8028c9e0e.webp 600w, https://assets.fabulous.ch/public/variant_asset/4731/file/medium-8f7ceb16f6497935af71b251300be7d0.webp 900w, https://assets.fabulous.ch/public/variant_asset/4731/file/large-d69920af54d9a397f7fc7abb7e583ebf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4731/file/medium-8f7ceb16f6497935af71b251300be7d0.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">Mani</p>
          <a href="/de/products/mani-tomatenpaste-bio-180-g-8067">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mani Tomatenpaste Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-0Z6FuJknwNUzzay5UwwZgld30e1voodMjhg_wDP1zkWa5jMj5bfuiL7U6Tj3fw_02aKc2A3mVlapmT8bdJQbA" />
    <input value="8067" 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/mani-grune-olivenpaste-bio-180-g-8068">
          <img alt="Mani Grüne Olivenpaste Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4732/file/small-f605f884b5a010d6e4c0d6ccd1b298d0.webp 600w, https://assets.fabulous.ch/public/variant_asset/4732/file/medium-360b5501000adfb0e0a65ed9db018b03.webp 900w, https://assets.fabulous.ch/public/variant_asset/4732/file/large-cf60bdd9d79beb8676dbdd171d0d766b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4732/file/medium-360b5501000adfb0e0a65ed9db018b03.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">Mani</p>
          <a href="/de/products/mani-grune-olivenpaste-bio-180-g-8068">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mani Grüne Olivenpaste Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="M3pDECkaSXqx6fd_LdrbNoU0AkF2LXrOZWeFTxhphdPeV6HKROgJw8fdkmkrSxdvXw9XdaOkaYoN-YFMdXQChg" />
    <input value="8068" 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/mani-natives-olivenol-extra-selection-bio-500-ml-8069">
          <img alt="Mani natives Olivenöl extra, Selection Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4735/file/small-80df95bf8296f5d5aa171156b0c6c80f.webp 600w, https://assets.fabulous.ch/public/variant_asset/4735/file/medium-8d1966de7186c726a2d51d4a7473d4e9.webp 900w, https://assets.fabulous.ch/public/variant_asset/4735/file/large-997a9265658ea2c7e576305f65655794.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4735/file/medium-8d1966de7186c726a2d51d4a7473d4e9.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">Mani</p>
          <a href="/de/products/mani-natives-olivenol-extra-selection-bio-500-ml-8069">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mani natives Olivenöl extra, Selection Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.45
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EWg27P_dvZI_IS_HjHioLl4Wj_mage2pB6CopCEbGvz8RdQ2ki_9K0kVStGK6WR3hC3azU8I_u1vPqynTAadqQ" />
    <input value="8069" 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/mani-kalamata-olivenpaste-bio-180-g-8070">
          <img alt="Mani Kalamata Olivenpaste Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4733/file/small-8b4ab401106aca6165f50874eb13c5cf.webp 600w, https://assets.fabulous.ch/public/variant_asset/4733/file/medium-2e1279ab1f0d847209f0b14674baf944.webp 900w, https://assets.fabulous.ch/public/variant_asset/4733/file/large-75f13c3e3efe1d84f6c2851fa74890d2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4733/file/medium-2e1279ab1f0d847209f0b14674baf944.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">Mani</p>
          <a href="/de/products/mani-kalamata-olivenpaste-bio-180-g-8070">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mani Kalamata Olivenpaste Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.35
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YG3spBbE89dqcPbb35-fKY67iH_GGWF6G3Q-Zo6ma-WNQA5-ezazbhxEk83ZDlNwVIDdSxOQcj5z6jpl47vssA" />
    <input value="8070" 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/artischocken-in-olivenol-alce-nero-bio-330-g-8071">
          <img alt="Artischocken in Olivenöl Alce Nero Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4734/file/small-64eb6b71259dd9a0d0eaf26ed5c550e5.webp 600w, https://assets.fabulous.ch/public/variant_asset/4734/file/medium-f62cfac7dd8f769439c1d8b2c2c28119.webp 900w, https://assets.fabulous.ch/public/variant_asset/4734/file/large-85ff887ced863591f2b40007be73d615.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4734/file/medium-f62cfac7dd8f769439c1d8b2c2c28119.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">Alce Nero</p>
          <a href="/de/products/artischocken-in-olivenol-alce-nero-bio-330-g-8071">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Artischocken in Olivenöl Alce Nero Bio, 330 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.25
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ddFjegx_eYZ4Ev80VELlrVwDoIdGKKviKKB3CmQqMoqY_IGgYY05Pw4mmiJS0yn0hjj1s5OhuKZAPnMJCTe13w" />
    <input value="8071" 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/reis-alternative-dinkel-wie-reis-kochdinkel-demeter-500-g-8083">
          <img alt="Reis Alternative Dinkel wie Reis Kochdinkel Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4736/file/small-c60e108f4c14536117205b1496a1dd83.webp 600w, https://assets.fabulous.ch/public/variant_asset/4736/file/medium-251b33ccc227bf2a4009edc096a7d415.webp 900w, https://assets.fabulous.ch/public/variant_asset/4736/file/large-5c20626d893b0d71c45e31ad0bf86444.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4736/file/medium-251b33ccc227bf2a4009edc096a7d415.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">Donath</p>
          <a href="/de/products/reis-alternative-dinkel-wie-reis-kochdinkel-demeter-500-g-8083">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Reis Alternative Dinkel wie Reis Kochdinkel Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sjNj5XeB7t7iSQtn9AV04mH3EBV5z-i7CtYYHFF1halfHoE_GnOuZ5R9bnHylLi7u8xFIaxG-_9iSBwfPGgC_A" />
    <input value="8083" 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/reis-alternative-hafer-wie-reis-kochhafer-demeter-500-g-8084">
          <img alt="Reis Alternative Hafer wie Reis Kochhafer Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4738/file/small-c3af6462c2d2cefb6e29dd81dd8e42af.webp 600w, https://assets.fabulous.ch/public/variant_asset/4738/file/medium-538450b519f044b213949a9f491d41af.webp 900w, https://assets.fabulous.ch/public/variant_asset/4738/file/large-fb1f36ac971234b0426c6b1cb13fcd18.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4738/file/medium-538450b519f044b213949a9f491d41af.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">Donath</p>
          <a href="/de/products/reis-alternative-hafer-wie-reis-kochhafer-demeter-500-g-8084">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Reis Alternative Hafer wie Reis Kochhafer Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ahy7Uv7hKsoqvDzYMSQSw6jrToR_R5g2k5t0y6X00yfvMVmIkxNqc1yIWc43td6actAbsKrOi3L7BXDIyOlUcg" />
    <input value="8084" 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/ol-mct-ol-aus-kokosnussol-bio-500-ml-8085">
          <img alt="Öl MCT-Öl aus Kokosnussöl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4739/file/small-5749a0c2106310e524dd0c856d831a5c.webp 600w, https://assets.fabulous.ch/public/variant_asset/4739/file/medium-0bd82221a9b9c2890c7d2712e68b79e8.webp 900w, https://assets.fabulous.ch/public/variant_asset/4739/file/large-c3241378fbe783ab4fb61fe750d3b784.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4739/file/medium-0bd82221a9b9c2890c7d2712e68b79e8.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">Kulau</p>
          <a href="/de/products/ol-mct-ol-aus-kokosnussol-bio-500-ml-8085">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Öl MCT-Öl aus Kokosnussöl Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 34.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ADL-wl_kiQI-VI9bqWfRyEQknPOS5QkluazG4FQweQjtHxwYMhbJu0hg6k2v9h2Rnh_Jx0dsGmHRMsLjOS3-XQ" />
    <input value="8085" 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/fredos-coole-lollies-bunter-mix-wassereis-bio-300-ml-8086">
          <img alt="Fredos Coole Lollies &quot;Bunter Mix&quot; Wassereis Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4741/file/small-d7c6cff55970387bd0d0dd0d31727257.webp 600w, https://assets.fabulous.ch/public/variant_asset/4741/file/medium-5b5336d4881b6c6a5ee9b67c855a4bf1.webp 900w, https://assets.fabulous.ch/public/variant_asset/4741/file/large-98b28c9cbff5801b4cebe8a9ba6306a2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4741/file/medium-5b5336d4881b6c6a5ee9b67c855a4bf1.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">Fredos</p>
          <a href="/de/products/fredos-coole-lollies-bunter-mix-wassereis-bio-300-ml-8086">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fredos Coole Lollies &quot;Bunter Mix&quot; Wassereis Bio, 300 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eMfTzT4i2bdlg79a_HTT90szmDjX8mau17VfMwbJT6uV6jEXU9CZDhO32kz65R-ukQjNDAJ7deq_K1swa9TI_g" />
    <input value="8086" 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/fredos-coole-lollies-fruchtig-wassereis-bio-300-ml-8087">
          <img alt="Fredos Coole Lollies &quot;Fruchtig&quot; Wassereis Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4742/file/small-fe7a1d23a07faf4a7e40c2eb49dbcb98.webp 600w, https://assets.fabulous.ch/public/variant_asset/4742/file/medium-9a97f87d852e992d0a0c694e255c467e.webp 900w, https://assets.fabulous.ch/public/variant_asset/4742/file/large-03dae2ffb2805b75fd2fe0e3d6a4de1a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4742/file/medium-9a97f87d852e992d0a0c694e255c467e.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">Fredos</p>
          <a href="/de/products/fredos-coole-lollies-fruchtig-wassereis-bio-300-ml-8087">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fredos Coole Lollies &quot;Fruchtig&quot; Wassereis Bio, 300 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_g8aI46U6CUQSlbQg_KK-yLyqEuz7sVMxWoeSJ4MUR0TIvj542aonGZ-M8aFY0ai-Mn9f2Zn1git9BpL8xHWSA" />
    <input value="8087" 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/hanf-protein-flakes-bio-150-g-8088">
          <img alt="Hanf Protein Flakes Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4740/file/small-eca068fcb9f2f0a4dbe9ad9a72ef6a27.webp 600w, https://assets.fabulous.ch/public/variant_asset/4740/file/medium-815672937b017394f699d70348ae0b63.webp 900w, https://assets.fabulous.ch/public/variant_asset/4740/file/large-bf4f1c9730119030eceff64b9e528e20.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4740/file/medium-815672937b017394f699d70348ae0b63.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">Hanf&amp;Natur</p>
          <a href="/de/products/hanf-protein-flakes-bio-150-g-8088">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hanf Protein Flakes Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ifT9AR0jjXUlQuzWCms6FG2wsKpWBH9M9kxSYNYXTqJk2R_bcNHNzFN2icAM-vZNt4vlnoONbAie0lZjuwrJ9w" />
    <input value="8088" 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/earthing-heilendes-erden-clinton-ober-1-stuck-8098">
          <img alt="Earthing - Heilendes Erden, Clinton Ober" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4745/file/small-56f1be1c0013e83ee5a2d87aeb387cda.webp 600w, https://assets.fabulous.ch/public/variant_asset/4745/file/medium-614431f121bdb574def27cbab9ca3db5.webp 900w, https://assets.fabulous.ch/public/variant_asset/4745/file/large-efb4f120bad4e809fccbc3642bd7fc95.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4745/file/medium-614431f121bdb574def27cbab9ca3db5.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Buchverlag</p>
          <a href="/de/products/earthing-heilendes-erden-clinton-ober-1-stuck-8098">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Earthing - Heilendes Erden, Clinton Ober, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TWs8KV3e0UQCzBAa5K-li1SkwgsHYm_wnfK2TK4LTBCgRt7zMCyR_XT4dQziPmnSjp-XP9LrfLT1bLJPwxbLRQ" />
    <input value="8098" 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;420 von 3&#39;189 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/spielberger-muhle?format=turbo_stream&amp;page=72">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>