<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/vitamin-e-tocotrienols-alpha-gamma-tocopherol-kapseln-60-stuck-4170">
          <img alt="Vitamin E - Tocotrienols alpha - gamma + Tocopherol" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2631/file/small-3573c69459ed2b8581b9ca9d9c36ed2b.webp 600w, https://assets.fabulous.ch/public/variant_asset/2631/file/medium-23d4e116e22ccb49d9da2bb87eba10e7.webp 900w, https://assets.fabulous.ch/public/variant_asset/2631/file/large-9bee0eafd9cf5b71a67688730899b87f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2631/file/medium-23d4e116e22ccb49d9da2bb87eba10e7.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">energybalance</p>
          <a href="/de/products/vitamin-e-tocotrienols-alpha-gamma-tocopherol-kapseln-60-stuck-4170">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vitamin E - Tocotrienols alpha - gamma + Tocopherol, 60 Kapseln</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.55
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WX2e-gFckxi5vkvxn99CQqUZMQlZ8xGqPkJAzyPLS1YMP26kWPp1uU8NUfMUgueYayqVX1BeNUamyrnnkGwH7w" />
    <input value="4170" 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/riegel-rapunzel-kokos-happen-zartbitter-bio-50-g-4173">
          <img alt="Riegel Rapunzel Kokos-Happen Zartbitter Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2632/file/small-b72a89e655a19a592b078ad7e7515bca.webp 600w, https://assets.fabulous.ch/public/variant_asset/2632/file/medium-15031d56fda64dc3a0dd1e7780acfef2.webp 900w, https://assets.fabulous.ch/public/variant_asset/2632/file/large-f0a243728b4c35d9b96e437e62811a51.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2632/file/medium-15031d56fda64dc3a0dd1e7780acfef2.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/riegel-rapunzel-kokos-happen-zartbitter-bio-50-g-4173">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Riegel Rapunzel Kokos-Happen Zartbitter Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.15
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yT_Zhn_99bnQ-DH5qd_d6XyIDehmgWog_e4nwGF-JoGcfSnYJlsTGCZLK_signgzsrupvm8sTsxlZt7o0tlqOA" />
    <input value="4173" 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/sonnenblumen-bolognese-mix-bio-90-g-4187">
          <img alt="Sonnenblumen Bolognese Mix Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2634/file/small-3c2753d9c8da65bb609b41b72bb19c0d.webp 600w, https://assets.fabulous.ch/public/variant_asset/2634/file/medium-04b7c6ba0dcb36e0bd45efedebf7a520.webp 900w, https://assets.fabulous.ch/public/variant_asset/2634/file/large-e2f47dd4cdbefdc58e62485e642fe230.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2634/file/medium-04b7c6ba0dcb36e0bd45efedebf7a520.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">Sunflower Family</p>
          <a href="/de/products/sonnenblumen-bolognese-mix-bio-90-g-4187">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sonnenblumen Bolognese Mix Bio, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RKlcWMpYsatve8BMn0W3fygN-fpQysTW0nn8sRqX9yQR66wGk_5XCpnI2k4UGBKl5j5drFln4DpK8QWZqTC7nQ" />
    <input value="4187" 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/tempeh-starter-auf-sojabasis-75-g-4205">
          <img alt="Tempeh Starter auf Sojabasis" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2640/file/small-1d377c0b666b54c88a83459bae6d3c81.webp 600w, https://assets.fabulous.ch/public/variant_asset/2640/file/medium-107d0231b891987a6fd850034c0c6c04.webp 900w, https://assets.fabulous.ch/public/variant_asset/2640/file/large-4effa371a3f1ae3704cee9fe00e5c588.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2640/file/medium-107d0231b891987a6fd850034c0c6c04.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">Produced for fabulous!</p>
          <a href="/de/products/tempeh-starter-auf-sojabasis-75-g-4205">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tempeh Starter auf Sojabasis, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 42.05
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8JKdy_AmMGBxq7xqozoBk6Pmf196g07NWK1npcHksXml0G2VqYDWwYcYpmgoZ6RJbdXbCXMuaiHAJZ6NckP9wA" />
    <input value="4205" 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/erdbeeren-gefriergetrocknet-rohkostqualitat-bio-50-g-4213">
          <img alt="Erdbeeren gefriergetrocknet Rohkostqualität Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2644/file/small-9ba6b9567a5e8a0af43d73979c4d8443.webp 600w, https://assets.fabulous.ch/public/variant_asset/2644/file/medium-6c1c62f2f6894adb238d523cfec21653.webp 900w, https://assets.fabulous.ch/public/variant_asset/2644/file/large-c5fde127392253a322ed131cfcd5d905.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2644/file/medium-6c1c62f2f6894adb238d523cfec21653.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturkostbar</p>
          <a href="/de/products/erdbeeren-gefriergetrocknet-rohkostqualitat-bio-50-g-4213">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Erdbeeren gefriergetrocknet Rohkostqualität Bio, 50 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 23.80 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bZHsoKRdYXbL0rSXTHNNseIrSAtP5RO_aVOxXKbma3U40xz-_fuH1z1hrpXHLuhrLBjsXUZIN1Px20h0FUEnzA" />
    <input value="4213" 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/himbeeren-gefriergetrocknet-rohkostqualitat-bio-50-g-4214">
          <img alt="Himbeeren gefriergetrocknet Rohkostqualität Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2646/file/small-1ff1f274ad0d3c26ab4013ab3c8f0b8e.webp 600w, https://assets.fabulous.ch/public/variant_asset/2646/file/medium-ba5b3d3fde5bd6f15b0b23b1b306683e.webp 900w, https://assets.fabulous.ch/public/variant_asset/2646/file/large-869b2073c3f2a09a1072b7a6f25b0a81.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2646/file/medium-ba5b3d3fde5bd6f15b0b23b1b306683e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturkostbar</p>
          <a href="/de/products/himbeeren-gefriergetrocknet-rohkostqualitat-bio-50-g-4214">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Himbeeren gefriergetrocknet Rohkostqualität Bio, 50 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 23.80 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-4214-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/chips-kichererbsen-rosmarin-bio-75-g-4260">
          <img alt="Chips Kichererbsen Rosmarin Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2663/file/small-46b2951bd8d0c4cd81e9137f482f0459.webp 600w, https://assets.fabulous.ch/public/variant_asset/2663/file/medium-6982451ef85af4e9ea9c8c9500b15dd1.webp 900w, https://assets.fabulous.ch/public/variant_asset/2663/file/large-79a3a783a1199cdf117f65df810a72ae.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2663/file/medium-6982451ef85af4e9ea9c8c9500b15dd1.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">de Rit</p>
          <a href="/de/products/chips-kichererbsen-rosmarin-bio-75-g-4260">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chips Kichererbsen Rosmarin Bio, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8OlfimiOnzgru6OHnrGjZ5tL4Ez1XgxtGjn2EgD26EKlq6_UMSh5md0IuYUV7Aa9VXhEGvzzKIGCsQ86s1Gk-w" />
    <input value="4260" 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-grune-oliven-mit-stein-olive-verdi-in-salzlake-bio-310-g-4261">
          <img alt="Oliven Grüne Oliven MIT STEIN Olive Verdi in Salzlake Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2664/file/small-40d2ae6e8804e2af59a9452b4bd62a0f.webp 600w, https://assets.fabulous.ch/public/variant_asset/2664/file/medium-43bfe3b4ce3da9c3e6a2b7375578e1c8.webp 900w, https://assets.fabulous.ch/public/variant_asset/2664/file/large-5d1c40ce04505fbb3843fd05a317b7d0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2664/file/medium-43bfe3b4ce3da9c3e6a2b7375578e1c8.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">LaSelva</p>
          <a href="/de/products/oliven-grune-oliven-mit-stein-olive-verdi-in-salzlake-bio-310-g-4261">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Oliven Grüne Oliven MIT STEIN Olive Verdi in Salzlake Bio, 310 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1xo3je37gsOP6kfJ-v-yb1SBsWpGVg-6SY5zf0v4taGCWMfTtF1kYnlZXctxohe1mrIVPE_7K1bRBopX-F_5GA" />
    <input value="4261" 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-bio-280-g-4262">
          <img alt="Artischocken in Olivenöl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2665/file/small-b1d9da55bcbf1686283af8720197d03f.webp 600w, https://assets.fabulous.ch/public/variant_asset/2665/file/medium-cd1105b08e2af58de9e55685ba623672.webp 900w, https://assets.fabulous.ch/public/variant_asset/2665/file/large-850593f7b327ace1f99b18d476b14bc7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2665/file/medium-cd1105b08e2af58de9e55685ba623672.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">LaSelva</p>
          <a href="/de/products/artischocken-in-olivenol-bio-280-g-4262">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Artischocken in Olivenöl Bio, 280 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.75
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Epp0D4N1FRcp39cVDDpTksvhpPQEH35VXisVUngU-QtH2IRR2tPztt9szReHZ_ZIBdIAog2yWrnGo-x6y7O1sg" />
    <input value="4262" 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/peperoni-gegrillt-in-olivenol-bio-280-g-4263">
          <img alt="Peperoni gegrillt in Olivenöl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2668/file/small-b5d29937cacfbaf2fa32c5fc5d25a303.webp 600w, https://assets.fabulous.ch/public/variant_asset/2668/file/medium-eec937794956314e32be426f994d475f.webp 900w, https://assets.fabulous.ch/public/variant_asset/2668/file/large-df4d2aa64f4b3273b0cf40831dc973d6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2668/file/medium-eec937794956314e32be426f994d475f.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">LaSelva</p>
          <a href="/de/products/peperoni-gegrillt-in-olivenol-bio-280-g-4263">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Peperoni gegrillt in Olivenöl Bio, 280 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XWqUJ4SS3lYXoZEtHts7ztGjGrVuS4wzr1wI0WuLnpEIKGR53TQ49-ESiy-Vhp4UH5C-42fmqN831PH52CzSKA" />
    <input value="4263" 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/oliven-mediterran-mit-krauter-rohkostqualitat-bio-200-g-4264">
          <img alt="Oliven Mediterran mit Kräuter Rohkostqualität Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2669/file/small-5b5ea73d4d8401b32bf8f8b161ed6d9f.webp 600w, https://assets.fabulous.ch/public/variant_asset/2669/file/medium-15b5d1d50e815fa70859531f1e272ff8.webp 900w, https://assets.fabulous.ch/public/variant_asset/2669/file/large-446757c0650e86c460aae0076d9586de.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2669/file/medium-15b5d1d50e815fa70859531f1e272ff8.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">Vita Verde</p>
          <a href="/de/products/oliven-mediterran-mit-krauter-rohkostqualitat-bio-200-g-4264">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Oliven Mediterran mit Kräuter Rohkostqualität Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.95
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-4264-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-schwarze-oliven-mit-stein-olive-nere-in-salzlake-bio-310-g-4265">
          <img alt="Oliven Schwarze Oliven MIT STEIN Olive Nere in Salzlake Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2671/file/small-fa7db4e2aaf2ab121c93f56cf7e9f825.webp 600w, https://assets.fabulous.ch/public/variant_asset/2671/file/medium-c3f98843fcea6b14ecf36164ec0aca05.webp 900w, https://assets.fabulous.ch/public/variant_asset/2671/file/large-462e8068732baf5a1f576766452d1b2a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2671/file/medium-c3f98843fcea6b14ecf36164ec0aca05.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">LaSelva</p>
          <a href="/de/products/oliven-schwarze-oliven-mit-stein-olive-nere-in-salzlake-bio-310-g-4265">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Oliven Schwarze Oliven MIT STEIN Olive Nere in Salzlake Bio, 310 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.87 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Z9apEqGJn29YL6BysS9muYPqc8MjAFgvFh7YoaV2JfQylFlM-C95zq6cunA6csNjTdnXlSqtfMOOliGJFtFpTQ" />
    <input value="4265" 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/wasche-waschmittel-flussig-30-95-c-lavendel-grossgebinde-10-l-4316">
          <img alt="Wäsche Waschmittel flüssig 30°-95° C Lavendel Grossgebinde" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2695/file/small-7579adb9875c60c8c398856c0361082a.webp 600w, https://assets.fabulous.ch/public/variant_asset/2695/file/medium-c6e5a2ed6d26d5980285337237ee443f.webp 900w, https://assets.fabulous.ch/public/variant_asset/2695/file/large-4cfa11df506f211833ec7e67319459ab.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2695/file/medium-c6e5a2ed6d26d5980285337237ee443f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonett</p>
          <a href="/de/products/wasche-waschmittel-flussig-30-95-c-lavendel-grossgebinde-10-l-4316">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Wäsche Waschmittel flüssig 30°-95° C Lavendel Grossgebinde, 10 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 63.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gy8dDH-0NvCRzl-Ixe-RjVZbc5J1QyutHzUi8A2GF0_Wbe1SJhLQUWd9RYpOsjRXmGjXxHzuD0GHvdvYviFb9g" />
    <input value="4316" 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/nassfutter-ami-dog-red-vegan-400-g-4339">
          <img alt="Nassfutter Ami Dog RED Vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2706/file/small-973b23125c516845500ded5d441dfeb1.webp 600w, https://assets.fabulous.ch/public/variant_asset/2706/file/medium-bbacb5fc113750b0972ca431eaf4c825.webp 900w, https://assets.fabulous.ch/public/variant_asset/2706/file/large-3dfe8e265c4691f9dd4679471cee7661.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2706/file/medium-bbacb5fc113750b0972ca431eaf4c825.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">AMI</p>
          <a href="/de/products/nassfutter-ami-dog-red-vegan-400-g-4339">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nassfutter Ami Dog RED Vegan, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WkeDyK_qQBteWkKIu_c7sdOGFCo1Oci4qhtFgZideaEPBXOW9kymuqjpWIowqp5rHbWwfDyU7FQyk7ypKzo1GA" />
    <input value="4339" 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/pasta-soja-vollkorn-spiralen-teigwaren-bio-500-g-4345">
          <img alt="Pasta Soja Vollkorn Spiralen Teigwaren Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2708/file/small-a305575f49c112de5f993ac3fc4348d7.webp 600w, https://assets.fabulous.ch/public/variant_asset/2708/file/medium-29ac7cda0d555f48c8eb2f755a4bad16.webp 900w, https://assets.fabulous.ch/public/variant_asset/2708/file/large-aba1096071d3f247026ac57c7e33bb3c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2708/file/medium-29ac7cda0d555f48c8eb2f755a4bad16.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">MORGA</p>
          <a href="/de/products/pasta-soja-vollkorn-spiralen-teigwaren-bio-500-g-4345">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Soja Vollkorn Spiralen Teigwaren Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GyN5NJxWvsQExiwF_8POhgF4aMODIEi1ZX2JOfUDbVdOYYlqxfBYZfJ1Ngd0nmtcz0vMlYqNbFn99XARRqQh7g" />
    <input value="4345" 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/pasta-soja-vollkorn-krausnudeln-teigwaren-bio-500-g-4346">
          <img alt="Pasta Soja Vollkorn Krausnudeln Teigwaren Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2710/file/small-1a290b030417b3a05785a34bbc4582e7.webp 600w, https://assets.fabulous.ch/public/variant_asset/2710/file/medium-374bc7fc6a328c7fd7c31f97e582fecd.webp 900w, https://assets.fabulous.ch/public/variant_asset/2710/file/large-9ed56d40ac9d9e72a27c8dc8b95f44b9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2710/file/medium-374bc7fc6a328c7fd7c31f97e582fecd.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">MORGA</p>
          <a href="/de/products/pasta-soja-vollkorn-krausnudeln-teigwaren-bio-500-g-4346">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Soja Vollkorn Krausnudeln Teigwaren Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ime_BqEl3rlFF6JbByqqlPj33HWTYG1NPGbgAU0a58t3JU9Y-IM4GLOkuFmMdw9ONsR4I5rNSaGk7hkp_r2rcg" />
    <input value="4346" 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/pasta-soja-vollkorn-spaghetti-bio-500-g-4347">
          <img alt="Pasta Soja Vollkorn Spaghetti Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2711/file/small-8f6d1ea4141d517c29425eab0e7e76b0.webp 600w, https://assets.fabulous.ch/public/variant_asset/2711/file/medium-66b2d13966db6352ae7b3a42198dfed5.webp 900w, https://assets.fabulous.ch/public/variant_asset/2711/file/large-e0c40b2005cbd40aa63046684c373df0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2711/file/medium-66b2d13966db6352ae7b3a42198dfed5.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">MORGA</p>
          <a href="/de/products/pasta-soja-vollkorn-spaghetti-bio-500-g-4347">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Soja Vollkorn Spaghetti Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="G77DZNWhTPPUEZPiVQ4h5G911TMp7aSzhmrjclE2r0ZO_DM6jAeqUiKiieDeU4Q-oUZxZSBAgF8e4hpa4pHj_w" />
    <input value="4347" 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/waschnuss-schalen-soaphie-sauber-350-g-4348">
          <img alt="Waschnuss-Schalen Soaphie Sauber" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2712/file/small-8550e78b7901d8b071785cc45a101ca9.webp 600w, https://assets.fabulous.ch/public/variant_asset/2712/file/medium-e1d1f90c6defc781e574a25e68dbe657.webp 900w, https://assets.fabulous.ch/public/variant_asset/2712/file/large-61e19c6dd868b8d33bd6a86ccd7a7e1d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2712/file/medium-e1d1f90c6defc781e574a25e68dbe657.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/waschnuss-schalen-soaphie-sauber-350-g-4348">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Waschnuss-Schalen Soaphie Sauber, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.15
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qTiFrdLzf3uAjkXXc3dmkztVe0padFqAZ1P4Pm5T9AP8enXzi1WZ2nY9X9X4KsNJ9WbfHFPZfmz_2wEW3fS4ug" />
    <input value="4348" 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/waschnusse-planet-pure-bio-1-kg-4349">
          <img alt="Waschnüsse Planet Pure Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2714/file/small-4d4613dd322de678e210a54d47c8d360.webp 600w, https://assets.fabulous.ch/public/variant_asset/2714/file/medium-ebff0c04ec7ab61da1b6a206ad5a5427.webp 900w, https://assets.fabulous.ch/public/variant_asset/2714/file/large-c73b9641adde31726627f11078f5d042.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2714/file/medium-ebff0c04ec7ab61da1b6a206ad5a5427.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">Planet Pure</p>
          <a href="/de/products/waschnusse-planet-pure-bio-1-kg-4349">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Waschnüsse Planet Pure Bio, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 30.70
            </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-4349-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Y4bZ5L-A2xRP-UMt5QR5gRLNtzw7117mH69rHxrrTpk2xCm65iY9tblKWS9uWdxb3P4TajJ6egqHJ5I3qUwCIA" />
    <input value="4349" 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/chips-coconut-chips-cacao-bio-70-g-4366">
          <img alt="Chips Coconut Chips Cacao Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2720/file/small-1fbb5a1bb10491d6f798e7fcc337b5b9.webp 600w, https://assets.fabulous.ch/public/variant_asset/2720/file/medium-6332ceffaec4243e929608c87d4b18af.webp 900w, https://assets.fabulous.ch/public/variant_asset/2720/file/large-af2d122ce92b4edb85398210d66bb091.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2720/file/medium-6332ceffaec4243e929608c87d4b18af.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">bett&#39;r</p>
          <a href="/de/products/chips-coconut-chips-cacao-bio-70-g-4366">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chips Coconut Chips Cacao Bio, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.35
            </p>

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

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

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

</template></turbo-stream>