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

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/veg-deli-slices-roastbeef-bio-80-g-11453">
          <img alt="Veg Deli Slices – Roastbeef Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5856/file/small-777e863fcffe4540a5260d6520d3b668.webp 600w, https://assets.fabulous.ch/public/variant_asset/5856/file/medium-026c1609eb7d2bd88ced71ec4a6544b7.webp 900w, https://assets.fabulous.ch/public/variant_asset/5856/file/large-85182a886daad90e9d0fb553220d0d29.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5856/file/medium-026c1609eb7d2bd88ced71ec4a6544b7.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">Biolab</p>
          <a href="/de/products/veg-deli-slices-roastbeef-bio-80-g-11453">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Veg Deli Slices – Roastbeef Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </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 8.63 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/eislollies-frucht-wassereis-ohne-zuckerzusatz-bio-400-ml-11478">
          <img alt="Eislollies Frucht Wassereis ohne Zuckerzusatz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5866/file/small-06d59cfa71558ab29547285c88cc1531.webp 600w, https://assets.fabulous.ch/public/variant_asset/5866/file/medium-329063fb749c1d73a570e001c3ede097.webp 900w, https://assets.fabulous.ch/public/variant_asset/5866/file/large-d7d504dd19eab13e8939211a73c614e7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5866/file/medium-329063fb749c1d73a570e001c3ede097.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">Terrasana</p>
          <a href="/de/products/eislollies-frucht-wassereis-ohne-zuckerzusatz-bio-400-ml-11478">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Eislollies Frucht Wassereis ohne Zuckerzusatz Bio, 400 ml</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 1.53 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OAuZNbY00C-KnK1bivTgMx0Htbv9Vclm8cW3G-hTg68035I1uzbusuVUFecAT8ScXZv3tpds-uBxZX0nYy3abg" />
    <input value="11478" 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/vegdog-trockenfutter-green-crunch-1-kg-11481">
          <img alt="VEGDOG Trockenfutter Green Crunch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5869/file/small-3828a2ccf8c33acb3e3b9864df9d89ce.webp 600w, https://assets.fabulous.ch/public/variant_asset/5869/file/medium-883fd0a30a3cd7121b8e8e9071c4741c.webp 900w, https://assets.fabulous.ch/public/variant_asset/5869/file/large-1e65109012b3b4d715cabc758c000d6c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5869/file/medium-883fd0a30a3cd7121b8e8e9071c4741c.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">VEGDOG</p>
          <a href="/de/products/vegdog-trockenfutter-green-crunch-1-kg-11481">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">VEGDOG Trockenfutter Green Crunch, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="srBIzQTN7GEbAFMRKbXTK1jzpO8PMOgkq35tabcpCAS-ZEPNCc_S_HTI662jDveEGG_m4mUJ26Ir3qdVPFdRxQ" />
    <input value="11481" 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/vegdog-trockenfutter-farmer-s-crunch-10-kg-11482">
          <img alt="VEGDOG Trockenfutter Farmer&#39;s Crunch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5870/file/small-2c0230a93e34b148ed6955102ad4223d.webp 600w, https://assets.fabulous.ch/public/variant_asset/5870/file/medium-cf572ae8e209f3fea07c24aa851fe69f.webp 900w, https://assets.fabulous.ch/public/variant_asset/5870/file/large-e7490bdfa70f7c986617a3ddffe202f1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5870/file/medium-cf572ae8e209f3fea07c24aa851fe69f.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">VEGDOG</p>
          <a href="/de/products/vegdog-trockenfutter-farmer-s-crunch-10-kg-11482">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">VEGDOG Trockenfutter Farmer&#39;s Crunch, 10 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 59.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OBDkDnplXAKVd6fJOgkFvMt4wU37QnxdKtXkcEBBKTc0xO8Od2din_q_H3WwsiETi-SDQJF7T9uqdS5Myz9w9g" />
    <input value="11482" 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/dressingpulver-caesar-bio-15-g-11485">
          <img alt="Dressingpulver Caesar Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5874/file/small-fed04bd7072c389fe7177c050c7dd966.webp 600w, https://assets.fabulous.ch/public/variant_asset/5874/file/medium-f57297826dada9124c77b429ef58e945.webp 900w, https://assets.fabulous.ch/public/variant_asset/5874/file/large-d90f943c8ab85ac7b79873576fe41cea.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5874/file/medium-f57297826dada9124c77b429ef58e945.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">Biovegan</p>
          <a href="/de/products/dressingpulver-caesar-bio-15-g-11485">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dressingpulver Caesar Bio, 15 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="v7j-dG0TKkCW6ZqmHwE4MAraymp2buOZIVXMBrNEs6ezbPV0YBEU3fkhIhqVuhyfSkaIZxxX0B-h9QY6ODrqZg" />
    <input value="11485" 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/dressingpulver-french-bio-18-g-11490">
          <img alt="Dressingpulver French Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5878/file/small-45e48b001288cbda197ed8e5a480daf2.webp 600w, https://assets.fabulous.ch/public/variant_asset/5878/file/medium-78b11389a319e1be6658b7aa3880e6bd.webp 900w, https://assets.fabulous.ch/public/variant_asset/5878/file/large-d8a67c808f46525cb01b161ad53179d7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5878/file/medium-78b11389a319e1be6658b7aa3880e6bd.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">Biovegan</p>
          <a href="/de/products/dressingpulver-french-bio-18-g-11490">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dressingpulver French Bio, 18 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.40
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-11490-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/sandwich-burgersauce-glutenfrei-bio-210-g-11491">
          <img alt="Sandwich- &amp; Burgersauce glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5880/file/small-2b7b27edecab12a9e314acb8c447418d.webp 600w, https://assets.fabulous.ch/public/variant_asset/5880/file/medium-d8122671c58d37372ed5497bf692ee5e.webp 900w, https://assets.fabulous.ch/public/variant_asset/5880/file/large-9a973a84d5daf0557e714785e3227cec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5880/file/medium-d8122671c58d37372ed5497bf692ee5e.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/sandwich-burgersauce-glutenfrei-bio-210-g-11491">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sandwich- &amp; Burgersauce glutenfrei Bio, 210 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="O8WeHWT_pwhcx9tk9eDQcLi4iTzVUYA2dhPwyNSeJzM3EZUdaf2ZlTMPY9h_W_Tf-CTLMb9os7D2szr0X-B-8g" />
    <input value="11491" 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/iss-mir-nicht-wurst-leberwurst-bio-135-g-11495">
          <img alt="Iss mir nicht Wurst Leberwurst Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5888/file/small-550cdbdd9288e36175ab615bc1393b2e.webp 600w, https://assets.fabulous.ch/public/variant_asset/5888/file/medium-6add2123c8a12a6644ec099f27924c7c.webp 900w, https://assets.fabulous.ch/public/variant_asset/5888/file/large-fcb41d07d730f7763d50ef89ca4a62fd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5888/file/medium-6add2123c8a12a6644ec099f27924c7c.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">Allos</p>
          <a href="/de/products/iss-mir-nicht-wurst-leberwurst-bio-135-g-11495">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Iss mir nicht Wurst Leberwurst Bio, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4NMqNoUIUUundPxDQ1PnWTgET0zvYV6W0ZdHbMhfywrsByE2iApv1si8RP_J6MP2eJgNQYVYbRBRN41QQyGSyw" />
    <input value="11495" 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/iss-mir-nicht-wurst-t-vurst-bio-135-g-11496">
          <img alt="Iss mir nicht Wurst T-Vurst Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5890/file/small-8ea61b7bc4cf192a38cac6f2bab14efe.webp 600w, https://assets.fabulous.ch/public/variant_asset/5890/file/medium-87883f112a61d1fac717fd099537f3be.webp 900w, https://assets.fabulous.ch/public/variant_asset/5890/file/large-f44a58a68bc3c8abbe56f6ec9ff4123f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5890/file/medium-87883f112a61d1fac717fd099537f3be.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">Allos</p>
          <a href="/de/products/iss-mir-nicht-wurst-t-vurst-bio-135-g-11496">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Iss mir nicht Wurst T-Vurst Bio, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RfpliajMSzPaxrblatnlQLh0PNxL4UopR2K5JISsugBJLm6Jpc51rrUODlngYsHv-Oh-0SHYea_HwnMYD9LjwQ" />
    <input value="11496" 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/mandeln-gemahlen-bio-200-g-11537">
          <img alt="Mandeln gemahlen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5908/file/small-6f850ea2680839ddaec86feb26e03dd4.webp 600w, https://assets.fabulous.ch/public/variant_asset/5908/file/medium-72109feee667c99f4e7cf9557c53d264.webp 900w, https://assets.fabulous.ch/public/variant_asset/5908/file/large-07bd1f342e7cb8e2358691f1d9456790.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5908/file/medium-72109feee667c99f4e7cf9557c53d264.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/mandeln-gemahlen-bio-200-g-11537">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mandeln gemahlen Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.75
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_d7g24fTimTWhHj0wUrBafhdJEP5Z2Du2HgrATAwibTxCuvbitG0-blMwEhL8eXGuMFmTpNeU2hY2OE9u07QdQ" />
    <input value="11537" 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/haselnuss-gemahlen-bio-200-g-11538">
          <img alt="Haselnuss gemahlen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5909/file/small-a320fcad9882392f7c815d598f4776ad.webp 600w, https://assets.fabulous.ch/public/variant_asset/5909/file/medium-cef03f42d2cb80a69dc41a6380a50b68.webp 900w, https://assets.fabulous.ch/public/variant_asset/5909/file/large-46e00a5a9eb59df47e67dcfad0abb868.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5909/file/medium-cef03f42d2cb80a69dc41a6380a50b68.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/haselnuss-gemahlen-bio-200-g-11538">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Haselnuss gemahlen Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="e29eiNsao8VYzan43ZptCtALT19BsLd0S_rZ_f_nfn53u1WI1hidWDcFEURXIUmlkJcNUiuJhPLLWhPBdJknvw" />
    <input value="11538" 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/zopfmehl-mischung-beutel-bio-1-kg-11548">
          <img alt="Zopfmehl-Mischung Beutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5913/file/small-cbf0ff27388e6abb1a45ee1e26b7c3a8.webp 600w, https://assets.fabulous.ch/public/variant_asset/5913/file/medium-468360ccae576d777048f2f491b0c07a.webp 900w, https://assets.fabulous.ch/public/variant_asset/5913/file/large-a212cf1b61afd44ad586ea196b23844a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5913/file/medium-468360ccae576d777048f2f491b0c07a.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/zopfmehl-mischung-beutel-bio-1-kg-11548">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Zopfmehl-Mischung Beutel Bio, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TBmocb19c_gsM-bKRtNBHhJZqPpfeIwgpGh2Swg6yspAzaNxsH9NZUP7XnbMaGWxUsXq9zVBv6YkyLx3g0STCw" />
    <input value="11548" 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/zopfmehl-mischung-grossgebinde-biosuisse-5-kg-11549">
          <img alt="Zopfmehl-Mischung Grossgebinde BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5914/file/small-ec6b25634bb76193c66a5c15f4a1cf8c.webp 600w, https://assets.fabulous.ch/public/variant_asset/5914/file/medium-eec22f37d0c99590eae522a39e21ef3e.webp 900w, https://assets.fabulous.ch/public/variant_asset/5914/file/large-8842f41aa5c4510b6ee15b56bff866cd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5914/file/medium-eec22f37d0c99590eae522a39e21ef3e.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/zopfmehl-mischung-grossgebinde-biosuisse-5-kg-11549">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Zopfmehl-Mischung Grossgebinde BioSuisse, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 32.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LyC6ZWrOa1_ediVuSGw0PQ6drU_nRpXmQtIxdnp2G04j9LFlZ8xVwrG-ndLC1xCSTgHvQo1_pmDCcvtK8QhCjw" />
    <input value="11549" 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/ketjap-manis-indonesisch-bio-250-ml-11568">
          <img alt="Ketjap Manis Indonesisch Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5911/file/small-b4d63f8728db82445e948fd416a97260.webp 600w, https://assets.fabulous.ch/public/variant_asset/5911/file/medium-b2d482cf10dbba3f8292639c7ea5e937.webp 900w, https://assets.fabulous.ch/public/variant_asset/5911/file/large-967d495bac64c990d9873e265580ecfb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5911/file/medium-b2d482cf10dbba3f8292639c7ea5e937.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">Terrasana</p>
          <a href="/de/products/ketjap-manis-indonesisch-bio-250-ml-11568">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ketjap Manis Indonesisch Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9vrvtWgjX8ixHT6npYWnKrW0GjULg9HhNMlfjFDJPC_6LuS1ZSFhVd7VhhsvPoOF9ShYOGG64me0aZWw27dl7g" />
    <input value="11568" 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/grillsauce-curry-mango-bio-210-ml-11578">
          <img alt="Grillsauce Curry Mango Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5915/file/small-8d695004717207dbbe5304cd31ec6116.webp 600w, https://assets.fabulous.ch/public/variant_asset/5915/file/medium-4b574c002e841633f16207bc44e63b22.webp 900w, https://assets.fabulous.ch/public/variant_asset/5915/file/large-15c496067accaf0debe6bfd8f2e49a77.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5915/file/medium-4b574c002e841633f16207bc44e63b22.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">Sanchon</p>
          <a href="/de/products/grillsauce-curry-mango-bio-210-ml-11578">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Grillsauce Curry Mango Bio, 210 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6KbXFgnRWFdA0s-FFLYxGrh2oDptyJ7zlwjN5mHQBgnkctwWBNNmyi8adzmeDRW1-OriNwfxrXUXqAfa6q5fyA" />
    <input value="11578" 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/lasagneblatter-vollkorn-bio-250-g-11580">
          <img alt="Lasagneblätter Vollkorn Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5917/file/small-289df9840bd5e8b273603f81029d4b00.webp 600w, https://assets.fabulous.ch/public/variant_asset/5917/file/medium-2261b5738adf1849fd1ded1a4c78e135.webp 900w, https://assets.fabulous.ch/public/variant_asset/5917/file/large-466f5bebccaab1f76c502dcf90617c12.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5917/file/medium-2261b5738adf1849fd1ded1a4c78e135.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/lasagneblatter-vollkorn-bio-250-g-11580">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lasagneblätter Vollkorn Bio, 250 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 1.34 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oFLjtpNsY74rdtuiB3yPM_TvSIriDJGFG1Ds9e6U1IKshui2nm5dI0S-Yx6Nx6uctHMKh4g1ogOb8CbJZeqNQw" />
    <input value="11580" 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/nassfutter-adult-linsen-hirse-400-g-11591">
          <img alt="Nassfutter Adult Linsen &amp; Hirse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5920/file/small-d3af587d25e7921c99fffc0b4d60bbd7.webp 600w, https://assets.fabulous.ch/public/variant_asset/5920/file/medium-6318d6b35e30056796d51d9aa3380baf.webp 900w, https://assets.fabulous.ch/public/variant_asset/5920/file/large-dc7a294584b28a4af8ab6f7ee85b24aa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5920/file/medium-6318d6b35e30056796d51d9aa3380baf.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">VEGDOG</p>
          <a href="/de/products/nassfutter-adult-linsen-hirse-400-g-11591">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nassfutter Adult Linsen &amp; Hirse, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UukG0xbeurLhOysmZupmQhIPJIfzQCUrpW59wmvHfqxePQ3TG9yEL47zk5rsUULtUpNmipl5Fq0lzrf-4LknbQ" />
    <input value="11591" 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/marshmallows-mini-vegan-dandies-200-g-11605">
          <img alt="Marshmallows Mini Vegan Dandies" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5923/file/small-2a65b8e25ee4a845ae2782bb089e8dd2.webp 600w, https://assets.fabulous.ch/public/variant_asset/5923/file/medium-2467bec7b96df4982fd812de1b8401d3.webp 900w, https://assets.fabulous.ch/public/variant_asset/5923/file/large-c81cb098331c36251ce9911d5963f81c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5923/file/medium-2467bec7b96df4982fd812de1b8401d3.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">Dandies Vegan Marshmallows</p>
          <a href="/de/products/marshmallows-mini-vegan-dandies-200-g-11605">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Marshmallows Mini Vegan Dandies, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fJmp4L03E8tUoloK7CJR1A0rVnM3SkLuLUxIpK0oqAlwTaLgsDUtVjtq4rZmmXV7TbcUfl1zcWit7IKYJlbxyA" />
    <input value="11605" 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/nassfutter-sensitive-lupinenprotein-400-g-11606">
          <img alt="Nassfutter Sensitive Lupinenprotein" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5922/file/small-b9dde702129681afa2a3c714217a4576.webp 600w, https://assets.fabulous.ch/public/variant_asset/5922/file/medium-1747d22f2c5144fa247220eb8b71d585.webp 900w, https://assets.fabulous.ch/public/variant_asset/5922/file/large-923c65905df02133863137fae077cd8c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5922/file/medium-1747d22f2c5144fa247220eb8b71d585.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">VEGDOG</p>
          <a href="/de/products/nassfutter-sensitive-lupinenprotein-400-g-11606">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nassfutter Sensitive Lupinenprotein, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JDcH9GkSivOpnZNRerJBkIzuDBnVd-9kGT4ZsV4hfLwo4wz0ZBC0bsZVK-3wCWU_zHJOFL9O3OKZntON1V8lfQ" />
    <input value="11606" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/nassfutter-senior-erbsen-hirse-400-g-11608">
          <img alt="Nassfutter Senior Erbsen &amp; Hirse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5925/file/small-1825bf272b658f6d1567fe17db8bd1bb.webp 600w, https://assets.fabulous.ch/public/variant_asset/5925/file/medium-0650757795bbe8d2e80c913cf7ada2cd.webp 900w, https://assets.fabulous.ch/public/variant_asset/5925/file/large-ede40a7caaad7f141b24976f6cc9f335.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5925/file/medium-0650757795bbe8d2e80c913cf7ada2cd.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">VEGDOG</p>
          <a href="/de/products/nassfutter-senior-erbsen-hirse-400-g-11608">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nassfutter Senior Erbsen &amp; Hirse, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eOpx1yeU0074plStVBtm-GIRE8-DcJyUFht2-brDkF90PnrXKpbt05du7BHeoEJXIo1RwulJrxKWu7zFMb3Jng" />
    <input value="11608" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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



</template></turbo-stream>
<turbo-stream action="replace" target="infinite_scroll_sentinel"><template>
  <div id="infinite_scroll_sentinel" class="w-full py-8">
  <div class="flex flex-col items-center gap-3">
    <p class="text-sm text-gray-500">
      1&#39;840 von 3&#39;166 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/harvest-moon?format=turbo_stream&amp;page=93">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>