<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/kookie-cat-mandel-schokolade-cookie-gf-bio-50-g-5858">
          <img alt="KOOKIE CAT Mandel Schokolade Cookie GF Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3366/file/small-fac951eacc929e799c3e4eecde27f9fb.webp 600w, https://assets.fabulous.ch/public/variant_asset/3366/file/medium-c0d7288ff1164e098c70b0ccbe8f177e.webp 900w, https://assets.fabulous.ch/public/variant_asset/3366/file/large-74274b869d3fba38e6a4ed0db13c6cd4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3366/file/medium-c0d7288ff1164e098c70b0ccbe8f177e.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">Kookie Cat</p>
          <a href="/de/products/kookie-cat-mandel-schokolade-cookie-gf-bio-50-g-5858">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">KOOKIE CAT Mandel Schokolade Cookie GF Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.25
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CWukKpD2vRgHGpsEXeIXjkYeQQMy9Fj4X-uyPO8Jc8kMs8pYqb9u59vKPvDMZTwHoLzmTgST87qfcUovv9-8Vw" />
    <input value="5858" 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/fruchtgummi-ingwer-glucksbarchen-bio-100-g-5859">
          <img alt="Fruchtgummi Ingwer Glücksbärchen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3367/file/small-9b5f6672bcb8a0e90d4780aebc11a1fc.webp 600w, https://assets.fabulous.ch/public/variant_asset/3367/file/medium-052e0b59ff2116b6b57070bdb4e5b6bb.webp 900w, https://assets.fabulous.ch/public/variant_asset/3367/file/large-70e6eeffe4d6af4b881403533414ba4d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3367/file/medium-052e0b59ff2116b6b57070bdb4e5b6bb.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/fruchtgummi-ingwer-glucksbarchen-bio-100-g-5859">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fruchtgummi Ingwer Glücksbärchen Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="N7kMkrkouCTWx3ULwVkYoy6MEFwINFK4Bkgwjbv9M6UyYWLggGFr2woX0P9Q3jMqyC63ET5T-frG0sie6yv8Ow" />
    <input value="5859" 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/fruchtgummi-mind-sweets-happy-buddha-bear-bio-75-g-5860">
          <img alt="Fruchtgummi mind sweets Happy Buddha Bear Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3368/file/small-8b32020591d210a0af7c6339488523ba.webp 600w, https://assets.fabulous.ch/public/variant_asset/3368/file/medium-a941bf49813973ae3bc10ce7b22bd5e4.webp 900w, https://assets.fabulous.ch/public/variant_asset/3368/file/large-04984b9234aeaeff470e292b5045f5b2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3368/file/medium-a941bf49813973ae3bc10ce7b22bd5e4.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">Mind Sweets</p>
          <a href="/de/products/fruchtgummi-mind-sweets-happy-buddha-bear-bio-75-g-5860">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fruchtgummi mind sweets Happy Buddha Bear Bio, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GO-veccw4Tnk0J1snGWd7OwQsysWlSZjJJnH86hghasdN8EL_nkyxjgAOJgN4rZlCrIUZiDyjSHkAz_g-LZKNQ" />
    <input value="5860" 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/fruchtgummi-lucky-sticks-erdbeere-gf-bio-75-g-5861">
          <img alt="Fruchtgummi Lucky Sticks, Erdbeere GF Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3369/file/small-88422a638545c75ed4b040a3a1228097.webp 600w, https://assets.fabulous.ch/public/variant_asset/3369/file/medium-64d0d10ead0b5c649f9dfbbb5b362590.webp 900w, https://assets.fabulous.ch/public/variant_asset/3369/file/large-7a7e5dad919eefefb5776553538a6bf6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3369/file/medium-64d0d10ead0b5c649f9dfbbb5b362590.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">Mind Sweets</p>
          <a href="/de/products/fruchtgummi-lucky-sticks-erdbeere-gf-bio-75-g-5861">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fruchtgummi Lucky Sticks, Erdbeere GF Bio, 75 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 6.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5MCfX4Lcb3Bj8Lulikl2Pn7_tRrhiQI_htrzPfMSvmvhGPEtu5W8j78gHlEbzl23mF0SV9fuqX1GQAsuo8Rx9Q" />
    <input value="5861" 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/fruchtgummi-lucky-sticks-himbeere-gf-bio-75-g-5862">
          <img alt="Fruchtgummi Lucky Sticks, Himbeere GF Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3371/file/small-6d30ba4d7602b4fdf6ae14ce311bafff.webp 600w, https://assets.fabulous.ch/public/variant_asset/3371/file/medium-21e7c1adfb9432e46993af959ece44d5.webp 900w, https://assets.fabulous.ch/public/variant_asset/3371/file/large-7a45c9f7686247b0ae92b9bc68a94db7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3371/file/medium-21e7c1adfb9432e46993af959ece44d5.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">Mind Sweets</p>
          <a href="/de/products/fruchtgummi-lucky-sticks-himbeere-gf-bio-75-g-5862">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fruchtgummi Lucky Sticks, Himbeere GF Bio, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="133aFBSSWV5nuBi69A3i24D_1e7-gultlN4cfwLTIpXSpbRmLduKobtovU5lislSZl1yo8jlQi9URORsUgXtCw" />
    <input value="5862" 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/bonbons-ginger-ingwer-bio-50-g-5863">
          <img alt="Bonbons Ginger Ingwer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3372/file/small-64fe9e4756b94eefbaee3741b0dd9c64.webp 600w, https://assets.fabulous.ch/public/variant_asset/3372/file/medium-74b1ce9f5810320c5e7cd8258b442f5e.webp 900w, https://assets.fabulous.ch/public/variant_asset/3372/file/large-d3651f928c9aafade103b828073e7143.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3372/file/medium-74b1ce9f5810320c5e7cd8258b442f5e.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/bonbons-ginger-ingwer-bio-50-g-5863">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bonbons Ginger Ingwer Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YKcvCBWXvTgyZ3OTeC-Yg0z96ucpCN4SxA-HD_854Ellf0F6LN5ux-631mfpqLMKql9Nqh9vdVAElX8cr-8v1w" />
    <input value="5863" 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/vegane-alternative-zu-remoulade-ohne-ei-demeter-190-ml-5864">
          <img alt="Vegane Alternative zu Remoulade ohne Ei Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3373/file/small-f2913a98688308945d4fbcc96e5f68e1.webp 600w, https://assets.fabulous.ch/public/variant_asset/3373/file/medium-ccc54d2ab14681c8ee85f2296697fc43.webp 900w, https://assets.fabulous.ch/public/variant_asset/3373/file/large-b60370c713053b434597a9fa4d09d016.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3373/file/medium-ccc54d2ab14681c8ee85f2296697fc43.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/vegane-alternative-zu-remoulade-ohne-ei-demeter-190-ml-5864">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegane Alternative zu Remoulade ohne Ei Demeter, 190 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VWnuGFvlBUrp_dVLUzLZhZ1IhAjRV65UoHSakTe23R1QsYBqYqzWtTUtcL_CtfIMe-ojRecwBRZg7mKCZ2ASgw" />
    <input value="5864" 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/simply-v-pastagenuss-80-g-5876">
          <img alt="Simply V Pastagenuss" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3374/file/small-da0ce1539b712e46a9286da15e4ae8a2.webp 600w, https://assets.fabulous.ch/public/variant_asset/3374/file/medium-5daea83e90189409bc08a5c405ac8412.webp 900w, https://assets.fabulous.ch/public/variant_asset/3374/file/large-fcec621c5b0817fad1e134a34e079b57.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3374/file/medium-5daea83e90189409bc08a5c405ac8412.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">Simply V</p>
          <a href="/de/products/simply-v-pastagenuss-80-g-5876">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Simply V Pastagenuss, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </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.38 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-5876-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/kichererbsen-im-glas-bio-350-g-5878">
          <img alt="Kichererbsen im Glas Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3376/file/small-08e4e09612ab253ccb445192281c4ecc.webp 600w, https://assets.fabulous.ch/public/variant_asset/3376/file/medium-91f53a021d5b59411d289b66ba756470.webp 900w, https://assets.fabulous.ch/public/variant_asset/3376/file/large-c8f32dc5a44484fba430c9fcc840fa90.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3376/file/medium-91f53a021d5b59411d289b66ba756470.webp" />
</a>    </header>

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

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="R09WHV66lelYSTS5BDYVRHee5-ILCTAF0TaxW05unGJClzhvZ_NGFoSZkU2VsT7NkTxArz1um0cRrElIHrhT_A" />
    <input value="5878" 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/kidney-bohnen-glas-bio-350-g-5879">
          <img alt="Kidney Bohnen Glas Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3377/file/small-d1b625b6fe201c7dd42243b0f6ca2b51.webp 600w, https://assets.fabulous.ch/public/variant_asset/3377/file/medium-fc61399df4664ac930e19df4307e7cb2.webp 900w, https://assets.fabulous.ch/public/variant_asset/3377/file/large-ec3fd35eaf8c051a1e4ed35febec2336.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3377/file/medium-fc61399df4664ac930e19df4307e7cb2.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">de Rit</p>
          <a href="/de/products/kidney-bohnen-glas-bio-350-g-5879">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kidney Bohnen Glas Bio, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.35
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lcYuE3dBizWAL1XyJMUluQMTqvHbDz_kh5ZW_eKn0fiQHkBhTghYylz_8Aa1Qg4w5bENvO1olKZHDK7usnEeZg" />
    <input value="5879" 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/bohnen-baked-beans-weisse-bohnen-tomatensauce-bio-360-g-5880">
          <img alt="Bohnen Baked Beans (Weisse Bohnen Tomatensauce) Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3378/file/small-51fe35f8c84bc85c0ccf83e6edae46e7.webp 600w, https://assets.fabulous.ch/public/variant_asset/3378/file/medium-bf0b082c200ba6ca8a1cbdef58f5080e.webp 900w, https://assets.fabulous.ch/public/variant_asset/3378/file/large-15b883c350167a294d4fac855c4cd5df.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3378/file/medium-bf0b082c200ba6ca8a1cbdef58f5080e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">de Rit</p>
          <a href="/de/products/bohnen-baked-beans-weisse-bohnen-tomatensauce-bio-360-g-5880">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bohnen Baked Beans (Weisse Bohnen Tomatensauce) Bio, 360 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="F2zQ8oTOKdTkGjpGC8ns5IPNoKjDCr8H_aFfyB11hHgStL6AvYf6KzjKn7KaTsdtZW8H5fVtFEU9O6fbTaNL5g" />
    <input value="5880" 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/seife-jojoba-sesam-pflanzenolseife-100-g-5892">
          <img alt="Seife Jojoba &amp; Sesam Pflanzenölseife" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3379/file/small-a5cfe17da3c816d4ded3c5c9e570d4f9.webp 600w, https://assets.fabulous.ch/public/variant_asset/3379/file/medium-8719e28feb41027b3c1fb236cb725cce.webp 900w, https://assets.fabulous.ch/public/variant_asset/3379/file/large-50bebfde5c632e0ba9201a0c4b2dcbdc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3379/file/medium-8719e28feb41027b3c1fb236cb725cce.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">apeiron natural care</p>
          <a href="/de/products/seife-jojoba-sesam-pflanzenolseife-100-g-5892">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Seife Jojoba &amp; Sesam Pflanzenölseife, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hnlbPwQ3mz16InN7SL8RXrAhihlpwmkIKuaEvKzCp7mDoTVNPX5Iwqby1o_ZODrXVoMtVF-lwkrqfHyv_BRoJw" />
    <input value="5892" 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/seife-ashwaganda-pflanzenolseife-100-g-5893">
          <img alt="Seife Ashwaganda Pflanzenölseife" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3380/file/small-f4cd6a09697c0e8e9c11ce92dd3f1869.webp 600w, https://assets.fabulous.ch/public/variant_asset/3380/file/medium-3e57e5923da49a1c9896c426b0739aae.webp 900w, https://assets.fabulous.ch/public/variant_asset/3380/file/large-7fc7dc272e86a736dc8887858f82aba8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3380/file/medium-3e57e5923da49a1c9896c426b0739aae.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">apeiron natural care</p>
          <a href="/de/products/seife-ashwaganda-pflanzenolseife-100-g-5893">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Seife Ashwaganda Pflanzenölseife, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fO4jlVxFTZguzatYBpv4iJfLjL3jFDlEMA5fMFqv8Ud5Nk3nZQyeZ_IdDqyXHNMBcWkr8NVzkgbwlKcjCnk-2Q" />
    <input value="5893" 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/hummus-jalapeno-bio-170-g-5895">
          <img alt="Hummus Jalapeno Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3382/file/small-d198c7f6bd76254da7565df2c23d0eb9.webp 600w, https://assets.fabulous.ch/public/variant_asset/3382/file/medium-31cd3a7259f321cd390c88f2b705f68e.webp 900w, https://assets.fabulous.ch/public/variant_asset/3382/file/large-0d183a8b9e15bb303fb2de5092457670.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3382/file/medium-31cd3a7259f321cd390c88f2b705f68e.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">Florentin</p>
          <a href="/de/products/hummus-jalapeno-bio-170-g-5895">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hummus Jalapeno Bio, 170 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.85
            </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.85 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_hUZ6Zhmaf6r-U4CYnSaYOATOnsUeUtCxwP8MgETfIv7zXeboS-6AXcp6_bz87HpBrGdNiIe4AAHmQQhUcWzFQ" />
    <input value="5895" 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/kookie-cat-salted-caramel-mandel-cookie-bio-50-g-5899">
          <img alt="KOOKIE CAT Salted Caramel Mandel Cookie Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3383/file/small-7df06e1390d5ea08c488a6f50eaa6985.webp 600w, https://assets.fabulous.ch/public/variant_asset/3383/file/medium-e073afebd93c4279a7e798403ec16bea.webp 900w, https://assets.fabulous.ch/public/variant_asset/3383/file/large-0d546fe058767802e9351f490d4e04db.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3383/file/medium-e073afebd93c4279a7e798403ec16bea.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">Kookie Cat</p>
          <a href="/de/products/kookie-cat-salted-caramel-mandel-cookie-bio-50-g-5899">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">KOOKIE CAT Salted Caramel Mandel Cookie Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.20
            </p>

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

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

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

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


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pasta-soja-vollkorn-maccaroni-penne-teigwaren-bio-500-g-5910">
          <img alt="Pasta Soja Vollkorn Maccaroni Penne Teigwaren Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3385/file/small-2bf3e30e7c045ef6c1bcfb8716a55491.webp 600w, https://assets.fabulous.ch/public/variant_asset/3385/file/medium-d37b7d9727a47527ff0d1075295e4f5b.webp 900w, https://assets.fabulous.ch/public/variant_asset/3385/file/large-74b7dccc39aa1a8b324dc0c3bf78559b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3385/file/medium-d37b7d9727a47527ff0d1075295e4f5b.webp" />
</a>    </header>

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

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bwAbNLD5erfc_jZQqqENqqVO7V6T4GkDquR-ZR2oHfBq2HVGibCpSAAuk6Q7JiYjQ-xKE6WHwkFqfoZ2TX7Sbg" />
    <input value="5910" 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/riegel-lovechock-creamy-kokos-kakaonibs-raw-bio-40-g-5917">
          <img alt="Riegel Lovechock Creamy Kokos-Kakaonibs RAW Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3387/file/small-b6592faa9737335bbe8e9c758e6d8359.webp 600w, https://assets.fabulous.ch/public/variant_asset/3387/file/medium-803e607840e153dbfccd53ac4039983b.webp 900w, https://assets.fabulous.ch/public/variant_asset/3387/file/large-494c83d308e1e37aba457048ed318c88.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3387/file/medium-803e607840e153dbfccd53ac4039983b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lovechock</p>
          <a href="/de/products/riegel-lovechock-creamy-kokos-kakaonibs-raw-bio-40-g-5917">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Riegel Lovechock Creamy Kokos-Kakaonibs RAW Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

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

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


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/riegel-lovechock-extra-pur-94-raw-bio-40-g-5919">
          <img alt="Riegel Lovechock Extra Pur 94% RAW Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3391/file/small-284cf01d745f5910174b47e026725457.webp 600w, https://assets.fabulous.ch/public/variant_asset/3391/file/medium-5af99dc601d10debbf33a09870a0a89d.webp 900w, https://assets.fabulous.ch/public/variant_asset/3391/file/large-d11cc55136b44fa61d0c99312d49b620.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3391/file/medium-5af99dc601d10debbf33a09870a0a89d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lovechock</p>
          <a href="/de/products/riegel-lovechock-extra-pur-94-raw-bio-40-g-5919">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Riegel Lovechock Extra Pur 94% RAW Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Id4cPiPs72vZvDO9s-4PhCb9KvUWWEX1xQJdm5huOD0kBnJMGqU8lAVslkkiaSQNwF-NuCA_7rcFmKWIyLj3ow" />
    <input value="5919" 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/plastikfreies-kuchen-set-1-stuck-5964">
          <img alt="Plastikfreies Küchen Set" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3418/file/small-fb8bc44865b0dd580a8816b51feee5e5.webp 600w, https://assets.fabulous.ch/public/variant_asset/3418/file/medium-f6fb126a3c19b4c44071ecd6439c7b10.webp 900w, https://assets.fabulous.ch/public/variant_asset/3418/file/large-4bbc1667722b1247a79cbbd0b28ad34d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3418/file/medium-f6fb126a3c19b4c44071ecd6439c7b10.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">energybalance</p>
          <a href="/de/products/plastikfreies-kuchen-set-1-stuck-5964">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Plastikfreies Küchen Set, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 30.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eocBwM6RdkHtQQAjmIZhU1MMAAzhcaytEvi4gOwziLN_X2-y99ilvjGRpdcJAUrata6nQdcWB-_SYkCTvOVHLQ" />
    <input value="5964" 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/salz-gomasio-original-sesamsalz-bio-225-g-6005">
          <img alt="Salz Gomasio Original Sesamsalz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3442/file/small-3c9324c2ec6902bda368be74901ee8e4.webp 600w, https://assets.fabulous.ch/public/variant_asset/3442/file/medium-9eb2867239b9b610039d395f038ed5b9.webp 900w, https://assets.fabulous.ch/public/variant_asset/3442/file/large-8449e12dde80dbaa0cbce06cf7d53784.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3442/file/medium-9eb2867239b9b610039d395f038ed5b9.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">Lima</p>
          <a href="/de/products/salz-gomasio-original-sesamsalz-bio-225-g-6005">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Salz Gomasio Original Sesamsalz Bio, 225 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-6005-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>



</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">
      940 von 3&#39;176 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/raab?format=turbo_stream&amp;page=48">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>