<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/pflegeshampoo-volumen-kraft-250-ml-2789">
          <img alt="Pflegeshampoo Volumen &amp; Kraft" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1973/file/small-dc50e57d57d851dd107f76bbc901ab42.webp 600w, https://assets.fabulous.ch/public/variant_asset/1973/file/medium-180b2c21aa2eb3e8585bf511b98b68f0.webp 900w, https://assets.fabulous.ch/public/variant_asset/1973/file/large-ed651e9056d2a175ba7c993365e57208.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1973/file/medium-180b2c21aa2eb3e8585bf511b98b68f0.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">Lavera</p>
          <a href="/de/products/pflegeshampoo-volumen-kraft-250-ml-2789">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pflegeshampoo Volumen &amp; Kraft, 250 ml</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.98 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3yptlkP1JISkNlo-UEYYETarGsmWE8JlNVuNDVfAh0-E6iZIxrBh4gSDiELWAa9F9erv2DC4jBwL-2-u6IGjzw" />
    <input value="2789" 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/reinigungstucher-cleansing-wipes-25-stuck-2796">
          <img alt="Reinigungstücher Cleansing Wipes" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1979/file/small-5479172b04d84c457dcb82168ef4dbef.webp 600w, https://assets.fabulous.ch/public/variant_asset/1979/file/medium-e6907a33865968f33b90a122dff6b00a.webp 900w, https://assets.fabulous.ch/public/variant_asset/1979/file/large-88a30b941a8924fc69ec421e2c1aa340.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1979/file/medium-e6907a33865968f33b90a122dff6b00a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">benecos</p>
          <a href="/de/products/reinigungstucher-cleansing-wipes-25-stuck-2796">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Reinigungstücher Cleansing Wipes, 25 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.45
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-2796-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/lupinenschrot-bio-250-g-2807">
          <img alt="Lupinenschrot Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1986/file/small-e8d2e6d71e7400c50bbeba30a5af24f9.webp 600w, https://assets.fabulous.ch/public/variant_asset/1986/file/medium-fe1c3436d31fc677590f4c00ba15131a.webp 900w, https://assets.fabulous.ch/public/variant_asset/1986/file/large-12ced2b6d64c82a7c9dc6494c4e7df39.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1986/file/medium-fe1c3436d31fc677590f4c00ba15131a.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/lupinenschrot-bio-250-g-2807">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lupinenschrot Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.45
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sMEru4P6h7QH48pFM81rxf00rnAjVXII5BNnaWnRwTjrAWBlBr_C0qdWGDm1ityRPnVbYYX-PHHas4XK1pDluA" />
    <input value="2807" 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/bouillon-gemusebruhe-hefefrei-gf-nachfullbeutel-bio-500-g-2818">
          <img alt="Bouillon Gemüsebrühe Hefefrei GF Nachfüllbeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1991/file/small-64288b338312e90be6cb898946c9e36a.webp 600w, https://assets.fabulous.ch/public/variant_asset/1991/file/medium-30e83806aea7b7438828703bef365fb5.webp 900w, https://assets.fabulous.ch/public/variant_asset/1991/file/large-93842119efeb717c22d060c56252c41c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1991/file/medium-30e83806aea7b7438828703bef365fb5.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">Naturata</p>
          <a href="/de/products/bouillon-gemusebruhe-hefefrei-gf-nachfullbeutel-bio-500-g-2818">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bouillon Gemüsebrühe Hefefrei GF Nachfüllbeutel Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PRrNyxf3e_cleb1h6zLVo8FYbF1Y8SI5-wcS97eAEoZm2oYVkrI-kYXMbx1tdWL3AhmZTP5abEDFp_BUCME2Bg" />
    <input value="2818" 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/bouillon-algen-glutenfrei-bio-150-g-2819">
          <img alt="Bouillon Algen Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1992/file/small-264417001986affb4a0e7249c22e82e5.webp 600w, https://assets.fabulous.ch/public/variant_asset/1992/file/medium-e3e52fab4322136fcbd78e080b5bb522.webp 900w, https://assets.fabulous.ch/public/variant_asset/1992/file/large-b88a07feaaaead5120aae515f489e6dc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1992/file/medium-e3e52fab4322136fcbd78e080b5bb522.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/bouillon-algen-glutenfrei-bio-150-g-2819">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bouillon Algen Glutenfrei Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PzM_CT_yf9aMH_pdCi2K9T8ArtLSxAYmu0QIWKq3-Ctk83TXurc6sCyqKCGMaj2h_EFbw3RvSF-F5Or7Ffbcqw" />
    <input value="2819" 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/kurkuma-latte-vanille-nachfullpackung-bio-60-g-2834">
          <img alt="Kurkuma-Latte Vanille Nachfüllpackung Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2001/file/small-7fe825a60a143bb70950aa6cd9b4369d.webp 600w, https://assets.fabulous.ch/public/variant_asset/2001/file/medium-6b547292b9536a710999fc9dee2a6005.webp 900w, https://assets.fabulous.ch/public/variant_asset/2001/file/large-774bf4283e193b4ac6fbff58c10d7697.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2001/file/medium-6b547292b9536a710999fc9dee2a6005.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/de/products/kurkuma-latte-vanille-nachfullpackung-bio-60-g-2834">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kurkuma-Latte Vanille Nachfüllpackung Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.05
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hPMngCRQfoitexmydyrtyajiPfWKaqX-a_SInz5k2uPfM2xeoRU77g3Oy87xbVqda6PI5CzB64dVVGo8gSX-Yw" />
    <input value="2834" 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-risotto-arborio-weiss-bio-500-g-2836">
          <img alt="Reis Risotto Arborio Weiss Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2003/file/small-956c463d3a609b1a2592359ace86d1af.webp 600w, https://assets.fabulous.ch/public/variant_asset/2003/file/medium-e8e50035f9470d10722f47d5a4fd68ec.webp 900w, https://assets.fabulous.ch/public/variant_asset/2003/file/large-9d6b9fddf3f66ff3ee5a9e6ab46e4d24.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2003/file/medium-e8e50035f9470d10722f47d5a4fd68ec.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">Davert</p>
          <a href="/de/products/reis-risotto-arborio-weiss-bio-500-g-2836">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Reis Risotto Arborio Weiss Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="13CXuYpuE4KalyJL4ZhweKUfS3jbJrwLNtSdJs2d_XGMsNxnDytW5Doi8Ddn38csZl6-aX2N8nIIdH-FctzZ8Q" />
    <input value="2836" 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/keks-twibio-mit-heidelbeerefullung-bio-150-g-2847">
          <img alt="Keks TWIBIO mit Heidelbeerefüllung Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2010/file/small-f4b8d5b24fdc61a69bc66bf3c576430f.webp 600w, https://assets.fabulous.ch/public/variant_asset/2010/file/medium-0704b2372410e99a18ebb2d262cc0a14.webp 900w, https://assets.fabulous.ch/public/variant_asset/2010/file/large-c0e8bfa3ddc9bc620c869222f4effb06.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2010/file/medium-0704b2372410e99a18ebb2d262cc0a14.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">Moulin du Piver</p>
          <a href="/de/products/keks-twibio-mit-heidelbeerefullung-bio-150-g-2847">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Keks TWIBIO mit Heidelbeerefüllung Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AaZP71DSv0_mOrJAEHUDPjpl8ZbRjcL6Z8TkMh5VgZxaZgQx1Zf6KUaPYDyWMrRq-SQEh3cmjINZZAaRoRSlHA" />
    <input value="2847" 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/ol-sesamol-nativ-bio-500-ml-2857">
          <img alt="Öl Sesamöl nativ Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2009/file/small-7e691918dc318f8328ef4b2129f1c690.webp 600w, https://assets.fabulous.ch/public/variant_asset/2009/file/medium-586ae60079fc63e8d3da6951cebecf47.webp 900w, https://assets.fabulous.ch/public/variant_asset/2009/file/large-51f0ce82b49bbd36d4ce26b79c1a895e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2009/file/medium-586ae60079fc63e8d3da6951cebecf47.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">Bio Planète</p>
          <a href="/de/products/ol-sesamol-nativ-bio-500-ml-2857">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Öl Sesamöl nativ Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dB848xsvGod0f3adRIqhZUuPotLRxKPK_UU_1U9alaov33Mtnmpf4dTKpOHCzRYxiM5Xw3dv7bPD5d128BuxKg" />
    <input value="2857" 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/rapsol-nativ-bio-500-ml-2859">
          <img alt="Rapsöl nativ Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2014/file/small-4eee89bf9404e7e623dd2becc86d9a73.webp 600w, https://assets.fabulous.ch/public/variant_asset/2014/file/medium-76665d6116c37a08e3e9965a556d397f.webp 900w, https://assets.fabulous.ch/public/variant_asset/2014/file/large-7072db26594ea8ff3ed3bc6f2c623ffa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2014/file/medium-76665d6116c37a08e3e9965a556d397f.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">Bio Planète</p>
          <a href="/de/products/rapsol-nativ-bio-500-ml-2859">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rapsöl nativ Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="F5b3y4KTRrZZbunFFw4pOmcrl7PQg0vEepFujpgVxVZMVrwVB9YD0PnbO7mRSZ5upGpionYoBb1EMYwtJ1Th1g" />
    <input value="2859" 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/ol-sonnenblumenol-nativ-bio-500-ml-2860">
          <img alt="Öl Sonnenblumenöl nativ Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2015/file/small-8d4cac6c7e202f6fe2bdeba6562f49f8.webp 600w, https://assets.fabulous.ch/public/variant_asset/2015/file/medium-73373d99520e2c7e1232005a03d157ef.webp 900w, https://assets.fabulous.ch/public/variant_asset/2015/file/large-5190c8fcaeb4ef164c431eb2c790e730.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2015/file/medium-73373d99520e2c7e1232005a03d157ef.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">Bio Planète</p>
          <a href="/de/products/ol-sonnenblumenol-nativ-bio-500-ml-2860">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Öl Sonnenblumenöl nativ Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YV94bISsixlD-DOQCu7G4BlAbZirAImYiburjiXIcgU6nzOyAenOf-NN4eyMqXG02gGYiQ2rx-G3G0ktmolWhQ" />
    <input value="2860" 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-avocado-nativ-bio-250-ml-2861">
          <img alt="Öl Avocado nativ Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2017/file/small-2305e70d50081c40b01ade26ee5f78ef.webp 600w, https://assets.fabulous.ch/public/variant_asset/2017/file/medium-153532e9a8ddd74a36fa722a0c88ebc8.webp 900w, https://assets.fabulous.ch/public/variant_asset/2017/file/large-54b04996a8e7a12e34878d8420762a76.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2017/file/medium-153532e9a8ddd74a36fa722a0c88ebc8.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">Bio Planète</p>
          <a href="/de/products/ol-avocado-nativ-bio-250-ml-2861">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Öl Avocado nativ Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Z_axZ2svO9HJ0xffrzzp7u90Zodez3SNwrpbyuZWy2E8Nvq57mp-t2lmxaMpe166LDWTlvhkOvT8GrlpWRfv4Q" />
    <input value="2861" 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/ol-olivenol-mild-nativ-bio-500-ml-2862">
          <img alt="Öl Olivenöl mild nativ Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2019/file/small-62155a848a29a7af953a428f74fd3fea.webp 600w, https://assets.fabulous.ch/public/variant_asset/2019/file/medium-b22eb7a6b3306ff5cf61b61577a2f4a4.webp 900w, https://assets.fabulous.ch/public/variant_asset/2019/file/large-9d2fe67bc05acbaf5405fa09de364687.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2019/file/medium-b22eb7a6b3306ff5cf61b61577a2f4a4.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">Bio Planète</p>
          <a href="/de/products/ol-olivenol-mild-nativ-bio-500-ml-2862">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Öl Olivenöl mild nativ Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GwHQ_sD4MgTWMKuw1Z2MyJRgLkujhbbjZtUOacSElPlAwZsgRb13YnaFecxT2jucVyHbWgUu-JpYdezKe8WweQ" />
    <input value="2862" 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-hanf-nativ-bio-250-ml-2863">
          <img alt="Öl Hanf nativ Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2020/file/small-ea7c9987a4a3a1ed8dbaeb189e4cad67.webp 600w, https://assets.fabulous.ch/public/variant_asset/2020/file/medium-097bce6a8c6a9018903febeb2129ad3e.webp 900w, https://assets.fabulous.ch/public/variant_asset/2020/file/large-28dd3f615768e6ea049e6cd6e1a44e5c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2020/file/medium-097bce6a8c6a9018903febeb2129ad3e.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">Bio Planète</p>
          <a href="/de/products/ol-hanf-nativ-bio-250-ml-2863">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Öl Hanf nativ Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="82DfTpuEGdMUoM3RVIhBzsHb44txG44gGEzZMFCu-MmooJSQHsFctbQVH63Sz_aaApoWmtewwFkm7DuT7-_cSQ" />
    <input value="2863" 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/ol-leinol-nativ-bio-250-ml-2864">
          <img alt="Öl Leinöl nativ Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2023/file/small-b31e984b5e83cb7d93786bdf9c32d362.webp 600w, https://assets.fabulous.ch/public/variant_asset/2023/file/medium-9bf92dcf4822dd3229bee2e954809806.webp 900w, https://assets.fabulous.ch/public/variant_asset/2023/file/large-1a0ea08c9b5350bc8982ec17454f85d4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2023/file/medium-9bf92dcf4822dd3229bee2e954809806.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">Bio Planète</p>
          <a href="/de/products/ol-leinol-nativ-bio-250-ml-2864">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Öl Leinöl nativ Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1slcqKyU48KDK00D3pHhkD88S2vmLpLSC4AuNVeeepyNCRd2KdGmpCOen39Y1lbE_H2-ekCF3Ks1IMyW6N9eHA" />
    <input value="2864" 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/essig-weissweinessig-bio-500-ml-2865">
          <img alt="Essig Weissweinessig Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2024/file/small-0fb0e504c2f1dd630f4ba1d43d545d1c.webp 600w, https://assets.fabulous.ch/public/variant_asset/2024/file/medium-a3fab7eaed159c3721b01a25d0fb7476.webp 900w, https://assets.fabulous.ch/public/variant_asset/2024/file/large-1538f38faf3c7fead1e6b0d5dbf31da3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2024/file/medium-a3fab7eaed159c3721b01a25d0fb7476.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">Naturata</p>
          <a href="/de/products/essig-weissweinessig-bio-500-ml-2865">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Essig Weissweinessig Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jf6XPVJhXVPa7vrLklQRO-VBLj_Yt2eS0GfDB_D5-yDWPtzj1yQYNXpbKLcUE6ZvJgDbLn4cKevuxyGkT7jfoA" />
    <input value="2865" 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/algen-dulse-meeresalgen-bio-30-g-2867">
          <img alt="Algen Dulse Meeresalgen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2029/file/small-8d3a1a88ede2ffc3fbc582dbe6fed765.webp 600w, https://assets.fabulous.ch/public/variant_asset/2029/file/medium-cfa07ae9c59f784b554d14f5fcdd411e.webp 900w, https://assets.fabulous.ch/public/variant_asset/2029/file/large-0000c63845044580f2ce16fe85ff93f8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2029/file/medium-cfa07ae9c59f784b554d14f5fcdd411e.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">Arche</p>
          <a href="/de/products/algen-dulse-meeresalgen-bio-30-g-2867">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Algen Dulse Meeresalgen Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wUUF-0lDaWai7pq3xBEZqgGMuuvXdlcwsIYJmMeQGZOahU4lzAYsAAJbSMtCVq7-ws1P-nHdGUmOJus7eNE9Ew" />
    <input value="2867" 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/algen-meeresspaghetti-bio-30-g-2870">
          <img alt="Algen Meeresspaghetti Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2031/file/small-7426f5222376ab337fb780e6ac408510.webp 600w, https://assets.fabulous.ch/public/variant_asset/2031/file/medium-845505f63af1e5c13799f72e62c7cd22.webp 900w, https://assets.fabulous.ch/public/variant_asset/2031/file/large-39c175e0ad67caf6cf89336c9d479191.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2031/file/medium-845505f63af1e5c13799f72e62c7cd22.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">Arche</p>
          <a href="/de/products/algen-meeresspaghetti-bio-30-g-2870">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Algen Meeresspaghetti Bio, 30 g</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 14.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EFRSss_Kp718lY9_xapDTiwcZ93UCvug8qyn-r9gbVBLlBlsSo_i29wgXQND7fQa712SzHKhtdnMDEVZACFJ0A" />
    <input value="2870" 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/kalkloser-mit-zitronensaure-flasche-1-l-2899">
          <img alt="Kalklöser mit Zitronensäure Flasche" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2054/file/small-d71a625fd583ba5c42af8b8a3b7ca48b.webp 600w, https://assets.fabulous.ch/public/variant_asset/2054/file/medium-00d6471236fc84b916b71aa742d60b09.webp 900w, https://assets.fabulous.ch/public/variant_asset/2054/file/large-7776618f98700ba0ecc06c8baef6ce86.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2054/file/medium-00d6471236fc84b916b71aa742d60b09.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/kalkloser-mit-zitronensaure-flasche-1-l-2899">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kalklöser mit Zitronensäure Flasche, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5yPgyGGmVRLZPvGWTp_HZPWv0iKt6ld_rxk1lCW8_WS846sW5OMQdHmLI-rI2HAwNu4nMwtBGQaRudc3mv3Z5A" />
    <input value="2899" 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/hanfpesto-basilikum-grun-bio-150-g-2919">
          <img alt="Hanfpesto Basilikum Grün Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2063/file/small-0e1e10c676a445b83518eccc7b8c8c61.webp 600w, https://assets.fabulous.ch/public/variant_asset/2063/file/medium-46965d0b90f68f42d052e39c47a33d54.webp 900w, https://assets.fabulous.ch/public/variant_asset/2063/file/large-c195e82136389843f219f465b7a1cb64.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2063/file/medium-46965d0b90f68f42d052e39c47a33d54.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/hanfpesto-basilikum-grun-bio-150-g-2919">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hanfpesto Basilikum Grün Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.85
            </p>

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

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

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

</template></turbo-stream>