<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/ich-bin-keine-bratwurst-glutenfrei-bio-100-g-5708">
          <img alt="&quot;Ich bin keine Bratwurst&quot; Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3294/file/small-9d9f7ffb7d2da64eefd035ed148c370d.webp 600w, https://assets.fabulous.ch/public/variant_asset/3294/file/medium-6843749863ed6d97542c9114bf4eec1f.webp 900w, https://assets.fabulous.ch/public/variant_asset/3294/file/large-6d3d8014755214574e4e39007ba665c0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3294/file/medium-6843749863ed6d97542c9114bf4eec1f.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">Soyana</p>
          <a href="/de/products/ich-bin-keine-bratwurst-glutenfrei-bio-100-g-5708">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">&quot;Ich bin keine Bratwurst&quot; Glutenfrei Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 5.20 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6E4J247gQP7q1CRatiKX1W78Ror_Pmp3CjkoA3QoxFzRydA09K0atQbrkhk8bDosOSOOouXBd8WcB1tvwsqORQ" />
    <input value="5708" 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/physalis-rohkostqualitat-bio-100-g-5709">
          <img alt="Physalis 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/3295/file/small-149fe9cf6bd5f8a5397ab3068439de16.webp 600w, https://assets.fabulous.ch/public/variant_asset/3295/file/medium-e89070efc9cb673ea3f0869b3b19c0e5.webp 900w, https://assets.fabulous.ch/public/variant_asset/3295/file/large-fb1933a4b661e41778ab3bdea60d20f9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3295/file/medium-e89070efc9cb673ea3f0869b3b19c0e5.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">Flores Farm</p>
          <a href="/de/products/physalis-rohkostqualitat-bio-100-g-5709">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Physalis Rohkostqualität Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/tautona-erythrit-beutel-1-kg-5724">
          <img alt="Tautona Erythrit Beutel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3302/file/small-f8b86bcfe964fbe4997770283e09a4d8.webp 600w, https://assets.fabulous.ch/public/variant_asset/3302/file/medium-24a2e5a484ba8848f454eae74e002e6f.webp 900w, https://assets.fabulous.ch/public/variant_asset/3302/file/large-0ac66f9a20ac3e56b59332c14acb9151.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3302/file/medium-24a2e5a484ba8848f454eae74e002e6f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Tautona</p>
          <a href="/de/products/tautona-erythrit-beutel-1-kg-5724">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tautona Erythrit Beutel, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.80
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/tautona-erythrit-sticks-4-5-g-5725">
          <img alt="Tautona Erythrit Sticks" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3303/file/small-46f57a362bc1ca63a5b53a6943f4be57.webp 600w, https://assets.fabulous.ch/public/variant_asset/3303/file/medium-97c2723abafbaf09acb434be9f03f24a.webp 900w, https://assets.fabulous.ch/public/variant_asset/3303/file/large-88a051dc3e8bca3b249263f1f214ecc8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3303/file/medium-97c2723abafbaf09acb434be9f03f24a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Tautona</p>
          <a href="/de/products/tautona-erythrit-sticks-4-5-g-5725">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tautona Erythrit Sticks, 4.5 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.80
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-5725-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/birkenzucker-xylit-sticks-4-5-g-5726">
          <img alt="Birkenzucker Xylit Sticks" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3305/file/small-057948375489e15e594378ae10c4ea9b.webp 600w, https://assets.fabulous.ch/public/variant_asset/3305/file/medium-6b4d91526b424630c45dc5522a22b9cf.webp 900w, https://assets.fabulous.ch/public/variant_asset/3305/file/large-0fb3eba19ea2dd221cd40d75a8ceb2ef.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3305/file/medium-6b4d91526b424630c45dc5522a22b9cf.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Tautona</p>
          <a href="/de/products/birkenzucker-xylit-sticks-4-5-g-5726">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Birkenzucker Xylit Sticks, 4.5 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PoauhDlCteTDHJqJcarZ-xImwycgyuGTh3naJ1TXOnAHAXdrQw_vry8jLMr75HQCRfkLDzo1_CERR6lL4jVwaQ" />
    <input value="5726" 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/puderzucker-xylit-birkenzucker-beutel-250-g-5727">
          <img alt="Puderzucker Xylit Birkenzucker Beutel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3306/file/small-c7091cc4c4e66941fda3bf15f590404b.webp 600w, https://assets.fabulous.ch/public/variant_asset/3306/file/medium-81d94da740bf6d06212b21f8ca9e4286.webp 900w, https://assets.fabulous.ch/public/variant_asset/3306/file/large-c8964546b72f2442d226a6ba7aebb15b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3306/file/medium-81d94da740bf6d06212b21f8ca9e4286.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Tautona</p>
          <a href="/de/products/puderzucker-xylit-birkenzucker-beutel-250-g-5727">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Puderzucker Xylit Birkenzucker Beutel, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VExJuMYiEvWCgh3gr8z91nWdovj4KxPUf1UZpvkN_2pty5BXvG9Ivm69q6MlglAvIkJq0OLUDmbpa2rKT--1cw" />
    <input value="5727" 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/sukrin-erythritol-fruchtaufstrich-waldfrucht-260-g-5731">
          <img alt="Sukrin (Erythritol) Fruchtaufstrich Waldfrucht" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3308/file/small-758be3387b04fa6745748f82f139c01b.webp 600w, https://assets.fabulous.ch/public/variant_asset/3308/file/medium-2fe38c3f115e070c89759e0ff01f2f27.webp 900w, https://assets.fabulous.ch/public/variant_asset/3308/file/large-f5f0d52221e6c824db6572eeb7a8eba6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3308/file/medium-2fe38c3f115e070c89759e0ff01f2f27.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">Genuss ohne Reue GmbH</p>
          <a href="/de/products/sukrin-erythritol-fruchtaufstrich-waldfrucht-260-g-5731">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sukrin (Erythritol) Fruchtaufstrich Waldfrucht, 260 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 2.23 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-ZtX20oiJ4lVUxuoFhcoggboiOGNFRkkMKMzLm9B3QnAHI40MG99wrlsreucWYV7UTdAyZfqBJamnUBC2aOXEA" />
    <input value="5731" 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/soyananda-sonnengetrocknete-tomaten-fermentiert-bio-140-g-5741">
          <img alt="Soyananda Sonnengetrocknete Tomaten fermentiert Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3316/file/small-7e865003fa8387ad19d36c2c7dad6f5a.webp 600w, https://assets.fabulous.ch/public/variant_asset/3316/file/medium-9d48b95860574f589d73ce34aacb13ee.webp 900w, https://assets.fabulous.ch/public/variant_asset/3316/file/large-a76dc1cd40ff0b350e25c00bd3a652a5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3316/file/medium-9d48b95860574f589d73ce34aacb13ee.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">Soyana</p>
          <a href="/de/products/soyananda-sonnengetrocknete-tomaten-fermentiert-bio-140-g-5741">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soyananda Sonnengetrocknete Tomaten fermentiert Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.93 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xezZ8chclSBLWTnS1dX7Ie6o-HQD7cwxqW582lH9X-r8awAeshHPa6dmj5Ffm1bYuXcwXBkS0YM_UA-25x8V8w" />
    <input value="5741" 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/muesli-bircher-hafermuesli-glutenfrei-ungesusst-bio-425-g-5753">
          <img alt="Müesli Bircher Hafermüesli Glutenfrei ungesüsst Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3322/file/small-5480e9bd88a9b03c2eacad3a4ab2f526.webp 600w, https://assets.fabulous.ch/public/variant_asset/3322/file/medium-ffd23943f505c39051d8d79095a6d7e2.webp 900w, https://assets.fabulous.ch/public/variant_asset/3322/file/large-78a4def9ab98fdd3bf36ed21fe4e4c02.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3322/file/medium-ffd23943f505c39051d8d79095a6d7e2.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">Bauckhof</p>
          <a href="/de/products/muesli-bircher-hafermuesli-glutenfrei-ungesusst-bio-425-g-5753">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Müesli Bircher Hafermüesli Glutenfrei ungesüsst Bio, 425 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="F3RqSUAVMcfD77qrzN2a-ZdddKOIxiG5Iynvr2-qYh4u87OmOlhrjC_QDOhGkzcAwIK8i5I5PAu1F5zD2UgoBw" />
    <input value="5753" 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/porridge-hot-hafer-beere-glutenfrei-ungesusst-demeter-400-g-5754">
          <img alt="Porridge Hot Hafer Beere Glutenfrei Ungesüsst Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3325/file/small-e3f2152f8f1f0257f3997db1cf094092.webp 600w, https://assets.fabulous.ch/public/variant_asset/3325/file/medium-217b6c259a21025166975fcdb9f2887d.webp 900w, https://assets.fabulous.ch/public/variant_asset/3325/file/large-3c70e601f9e73db3e06cb2c78a26de76.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3325/file/medium-217b6c259a21025166975fcdb9f2887d.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">Bauckhof</p>
          <a href="/de/products/porridge-hot-hafer-beere-glutenfrei-ungesusst-demeter-400-g-5754">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Porridge Hot Hafer Beere Glutenfrei Ungesüsst Demeter, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5-Ce6qsaQZdD2eEcaGjVHP3vV5LPJwYHRAA8_EoQ2QzeZ0cF0Vcb3K_mV1_iJnjlqjCfutXYG7XSPk-Q_PKTFQ" />
    <input value="5754" 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/birnel-biofarm-kessel-biosuisse-12-5-kg-5767">
          <img alt="Birnel Biofarm Kessel BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3327/file/small-b64c68b63656ca9780b794ef03718631.webp 600w, https://assets.fabulous.ch/public/variant_asset/3327/file/medium-71d6f848e63d2037071e2ef965d2c890.webp 900w, https://assets.fabulous.ch/public/variant_asset/3327/file/large-15b9eca48ccddcf5fa3638cd2883d5de.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3327/file/medium-71d6f848e63d2037071e2ef965d2c890.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">Biofarm</p>
          <a href="/de/products/birnel-biofarm-kessel-biosuisse-12-5-kg-5767">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Birnel Biofarm Kessel BioSuisse, 12.5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 186.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gyJokWkujStCiimccU2qw0Y0JM3dlAc1RhdhLBm04iu6pbF-E2PXYK61n9_7Awc6Eevs5cdrGofQKRJAr1aoMg" />
    <input value="5767" 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/feuchtigkeitscreme-basis-sensitiv-50-ml-5768">
          <img alt="Feuchtigkeitscreme basis sensitiv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3328/file/small-0200ac44c4d7919c69679a2f16c6db06.webp 600w, https://assets.fabulous.ch/public/variant_asset/3328/file/medium-42c042875927b3a38df78b04d1a36350.webp 900w, https://assets.fabulous.ch/public/variant_asset/3328/file/large-c1bef5c11b9d47e497f83c4c30a1fac2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3328/file/medium-42c042875927b3a38df78b04d1a36350.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/feuchtigkeitscreme-basis-sensitiv-50-ml-5768">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Feuchtigkeitscreme basis sensitiv, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.55
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LS-WrMoHeMZZWowBMOC7Ex-xhjj2tJIFlrN52-LrpA0UqE9DsEoijbVlOkK6rhbqSG5OEOxLj7cAjQq3VAnuFA" />
    <input value="5768" 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/salatschleuder-speedwing-edelstahl-o-27cm-1-stuck-5769">
          <img alt="Salatschleuder Speedwing Edelstahl  Ø 27cm" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3329/file/small-023da68058d7a2feb4f4791a66881213.webp 600w, https://assets.fabulous.ch/public/variant_asset/3329/file/medium-5d4f1c74fb4b3b2421d44011d2f92fed.webp 900w, https://assets.fabulous.ch/public/variant_asset/3329/file/large-f850782ce262a6fcdfc05372bd9a5207.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3329/file/medium-5d4f1c74fb4b3b2421d44011d2f92fed.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">Gefu</p>
          <a href="/de/products/salatschleuder-speedwing-edelstahl-o-27cm-1-stuck-5769">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Salatschleuder Speedwing Edelstahl  Ø 27cm, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 89.15
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/knoblauchpresse-aglio-1-stuck-5770">
          <img alt="Knoblauchpresse AGLIO" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3330/file/small-b2535a5bd531b5006d044fdbf641859d.webp 600w, https://assets.fabulous.ch/public/variant_asset/3330/file/medium-69b157d39725eca7423384fe5fdf8992.webp 900w, https://assets.fabulous.ch/public/variant_asset/3330/file/large-77880a13cfc98ff90a2cd31c50120ce2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3330/file/medium-69b157d39725eca7423384fe5fdf8992.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">Gefu</p>
          <a href="/de/products/knoblauchpresse-aglio-1-stuck-5770">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Knoblauchpresse AGLIO, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.05
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-5770-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/pastamaschine-pasta-perfetta-1-stuck-5771">
          <img alt="Pastamaschine Pasta Perfetta" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3331/file/small-f18f323d59be723b0282d92eb7d98928.webp 600w, https://assets.fabulous.ch/public/variant_asset/3331/file/medium-7a0acf377d8dc3d3325dcca38d0fef39.webp 900w, https://assets.fabulous.ch/public/variant_asset/3331/file/large-7417261c84599952bde5b4bc9ebf515b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3331/file/medium-7a0acf377d8dc3d3325dcca38d0fef39.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">Gefu</p>
          <a href="/de/products/pastamaschine-pasta-perfetta-1-stuck-5771">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pastamaschine Pasta Perfetta, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 52.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kJsDReIHmqO0s7MgsT9znnRodA-w8ND4i5fM7revyxmpHNqqmErA6FiMBWM7cd5nI7e8J6oPzUodqb-CAU2BAA" />
    <input value="5771" 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/pastamaschine-pasta-perfetta-de-luxe-set-1-stuck-5772">
          <img alt="Pastamaschine Pasta Perfetta de Luxe Set" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3335/file/small-2a593877aae60592cfc195719f464aae.webp 600w, https://assets.fabulous.ch/public/variant_asset/3335/file/medium-0081c61d6d58b80fae304a1360810be8.webp 900w, https://assets.fabulous.ch/public/variant_asset/3335/file/large-bf062b264df3dcea1b061322fdbd0b0a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3335/file/medium-0081c61d6d58b80fae304a1360810be8.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">Gefu</p>
          <a href="/de/products/pastamaschine-pasta-perfetta-de-luxe-set-1-stuck-5772">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pastamaschine Pasta Perfetta de Luxe Set, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 130.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3QEkJeIImNvyYYMBeMYZ_F7J_unCbwQ32r9kM-JSSFDkhv3KmEXCkB5eNULyiLQFCRY2wdiQGYVMgRdfVLACSQ" />
    <input value="5772" 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/pastatrockner-cittare-1-stuck-5773">
          <img alt="Pastatrockner Cittare" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3334/file/small-8818fc4c5c03148bc022010386443371.webp 600w, https://assets.fabulous.ch/public/variant_asset/3334/file/medium-80de4f507519c239221bac71b8bb21a9.webp 900w, https://assets.fabulous.ch/public/variant_asset/3334/file/large-00e40a785467a7e1e293078995a7c5b2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3334/file/medium-80de4f507519c239221bac71b8bb21a9.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">Gefu</p>
          <a href="/de/products/pastatrockner-cittare-1-stuck-5773">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pastatrockner Cittare, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mZrblfBFzvBwnQBZPlNmo9N2SWQ6SlKinHSY58taAemgHQJ6igiUu5yithq0HctahKmBTCC1TxAKSuuLfbhL8A" />
    <input value="5773" 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/nussknacker-mit-spiralfeder-1-stuck-5774">
          <img alt="Nussknacker mit Spiralfeder" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3333/file/small-b67b055372c730af90c53d484955eaa6.webp 600w, https://assets.fabulous.ch/public/variant_asset/3333/file/medium-57fab866f87a8488b02a1d480380a6ed.webp 900w, https://assets.fabulous.ch/public/variant_asset/3333/file/large-1a1cd598c95649a9ad5131cb4755536a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3333/file/medium-57fab866f87a8488b02a1d480380a6ed.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">Weis</p>
          <a href="/de/products/nussknacker-mit-spiralfeder-1-stuck-5774">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nussknacker mit Spiralfeder, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.85
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-5774-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/granulat-soja-300-g-5777">
          <img alt="Granulat Soja" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3340/file/small-993da9e1d217d9f1bda9fb627a6488e0.webp 600w, https://assets.fabulous.ch/public/variant_asset/3340/file/medium-649ec00f87c4603e590f0f8d2e6e30ec.webp 900w, https://assets.fabulous.ch/public/variant_asset/3340/file/large-c5d4fc3126290f8d6c26fc8c88f48516.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3340/file/medium-649ec00f87c4603e590f0f8d2e6e30ec.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">Vantastic</p>
          <a href="/de/products/granulat-soja-300-g-5777">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Granulat Soja, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ndkcB2ArA89kxfqeRvF4-zOhRBr3YHeZpSkhxFXqfnSkXsXoGmZZhIj6TN3Mv9UCZH6MMu2faiszF1Ko4wg0bQ" />
    <input value="5777" 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/reinigungsmilch-basis-sensitiv-2in1-125-ml-5802">
          <img alt="Reinigungsmilch basis sensitiv 2in1" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3344/file/small-1bf066e58710345680e4930d1d9a61eb.webp 600w, https://assets.fabulous.ch/public/variant_asset/3344/file/medium-e5c89ba370f4205a71411309c2a14398.webp 900w, https://assets.fabulous.ch/public/variant_asset/3344/file/large-f680628d42d3314933a4056d08521eb9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3344/file/medium-e5c89ba370f4205a71411309c2a14398.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/reinigungsmilch-basis-sensitiv-2in1-125-ml-5802">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Reinigungsmilch basis sensitiv 2in1, 125 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tSZtB6QMNr5932RhSiZh-OAxE1CWKZdHH6uFOBTPm6GMobTo3kFs9ZHg0iLAaMwBt-7beIzWivWJlfZUoi3RuA" />
    <input value="5802" 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">
      920 von 3&#39;175 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/gefu?format=turbo_stream&amp;page=47">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>