<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/benevo-kauspass-blaubeere-pawtato-sticks-120-g-10201">
          <img alt="Benevo Kauspass Blaubeere Pawtato Sticks" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5506/file/small-57c28eadd0ea93a18b5c1d4570d7bec2.webp 600w, https://assets.fabulous.ch/public/variant_asset/5506/file/medium-da0a2a585f9e6531bd1109c197df91d4.webp 900w, https://assets.fabulous.ch/public/variant_asset/5506/file/large-7822d0c322f5627d66e67463def9fc2b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5506/file/medium-da0a2a585f9e6531bd1109c197df91d4.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">Benevo</p>
          <a href="/de/products/benevo-kauspass-blaubeere-pawtato-sticks-120-g-10201">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Benevo Kauspass Blaubeere Pawtato Sticks, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eeDeZ5l5yYimbYjo9hNI3Gbwk95p9lKrayTuWP3gkXc-4eiP8_Ke41jneWRDMAywLzjPxG4A19gdFj69h7eI1A" />
    <input value="10201" 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-hownd-quinoa-kurbis-auflauf-400-g-11253">
          <img alt="Nassfutter HOWND Quinoa &amp; Kürbis Auflauf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5760/file/small-63e69ca042aa25dc8b27bf66dad40618.webp 600w, https://assets.fabulous.ch/public/variant_asset/5760/file/medium-d15d0b9d4767f206ee71a4d36992c5f3.webp 900w, https://assets.fabulous.ch/public/variant_asset/5760/file/large-6ebe234172809755b3aa89817c3e57c7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5760/file/medium-d15d0b9d4767f206ee71a4d36992c5f3.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">HOWND</p>
          <a href="/de/products/nassfutter-hownd-quinoa-kurbis-auflauf-400-g-11253">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nassfutter HOWND Quinoa &amp; Kürbis Auflauf, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MhgUkK5hthLjCERLvEMhviS6tIL0PoJPJSDWHvuds4N1GSJ4xOrheR2CtccJYGXSbXLomPPIBzxTEgb7gcqqIA" />
    <input value="11253" 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-hownd-blaubeere-kokosnuss-porridge-400-g-11254">
          <img alt="Nassfutter HOWND Blaubeere &amp; Kokosnuss Porridge" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5761/file/small-499a69cbf0651cbc69defd6da7b550f8.webp 600w, https://assets.fabulous.ch/public/variant_asset/5761/file/medium-8539573936693fbd60e6a02e650fbdb6.webp 900w, https://assets.fabulous.ch/public/variant_asset/5761/file/large-0c67810d60c555e56a3a63a4a9007840.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5761/file/medium-8539573936693fbd60e6a02e650fbdb6.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">HOWND</p>
          <a href="/de/products/nassfutter-hownd-blaubeere-kokosnuss-porridge-400-g-11254">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nassfutter HOWND Blaubeere &amp; Kokosnuss Porridge, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Q2F2acUhAf0yryrhg-ek2Iom4aI85PlOGNoJ5v0O1kQEYECBr6pWlswl2202xOC0w-69uDsSfD1u6NkDh1nP5w" />
    <input value="11254" 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-hownd-papaya-linsen-dahl-400-g-11255">
          <img alt="Nassfutter HOWND Papaya &amp; Linsen Dahl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5762/file/small-afbb392cf5aa7d06783e2900514550eb.webp 600w, https://assets.fabulous.ch/public/variant_asset/5762/file/medium-f9c438e1198b0c79c0d0cafb8110e539.webp 900w, https://assets.fabulous.ch/public/variant_asset/5762/file/large-2011ab502ea522d02a96da59ee3ab9df.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5762/file/medium-f9c438e1198b0c79c0d0cafb8110e539.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">HOWND</p>
          <a href="/de/products/nassfutter-hownd-papaya-linsen-dahl-400-g-11255">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nassfutter HOWND Papaya &amp; Linsen Dahl, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bYufgJ0-L2CHXSRT1ytekQXJGtziu_uXMBH9wF1bFq0qiqlo97V4C3nX1d9iCBr9TAFGxuVNfuRGIy0lJwwPDg" />
    <input value="11255" 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/trockenfutter-hownd-kurbis-quinoa-moringa-2-kg-11422">
          <img alt="Trockenfutter HOWND Kürbis, Quinoa &amp; Moringa" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5843/file/small-673e3f3d678723c25903c2d6f2f21eb7.webp 600w, https://assets.fabulous.ch/public/variant_asset/5843/file/medium-4ceb3e0a9ec6fc2e0ac1e3b87d62efd8.webp 900w, https://assets.fabulous.ch/public/variant_asset/5843/file/large-96435ec47989df1c7eb8c77a01e84662.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5843/file/medium-4ceb3e0a9ec6fc2e0ac1e3b87d62efd8.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">HOWND</p>
          <a href="/de/products/trockenfutter-hownd-kurbis-quinoa-moringa-2-kg-11422">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Trockenfutter HOWND Kürbis, Quinoa &amp; Moringa, 2 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.75
            </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-11422-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sltYuhQL6OKoa1BVKUOvyO-SS8Jg2bX3v84NHet2fTr1Wm5SfoC_iVbhodmcYOukploX2GcvMITJ_N34kSFkmQ" />
    <input value="11422" 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/trockenfutter-hownd-kurbis-quinoa-moringa-10-kg-11439">
          <img alt="Trockenfutter HOWND Kürbis, Quinoa &amp; Moringa" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5855/file/small-0eff22fbc399f12ca601bea988826645.webp 600w, https://assets.fabulous.ch/public/variant_asset/5855/file/medium-20e0603c15eee70d2d0f9c4cc4e8462d.webp 900w, https://assets.fabulous.ch/public/variant_asset/5855/file/large-745cf68c7b12996eeb7dc7373fed45f0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5855/file/medium-20e0603c15eee70d2d0f9c4cc4e8462d.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">HOWND</p>
          <a href="/de/products/trockenfutter-hownd-kurbis-quinoa-moringa-10-kg-11439">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Trockenfutter HOWND Kürbis, Quinoa &amp; Moringa, 10 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 86.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VDmfjl07eEGCIxXuSBL7T6CCIKptoYT7GEU4HGafL_QTOKlmN7AvKnyp5GL9Mb8j6Up8sGpXAYhud-j5HMg2Vw" />
    <input value="11439" 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-10-kg-11479">
          <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/5867/file/small-70fe1d057a02b31f22d8ea664d6ef443.webp 600w, https://assets.fabulous.ch/public/variant_asset/5867/file/medium-efc3959a335dd29230868368a8f74b87.webp 900w, https://assets.fabulous.ch/public/variant_asset/5867/file/large-f409d97b839b2aadddfc4afd8d0d01c7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5867/file/medium-efc3959a335dd29230868368a8f74b87.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-10-kg-11479">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">VEGDOG Trockenfutter Green Crunch, 10 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 79.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5OIDSojwyBg8VVkHUobTViJn2hHLjve8Y73XcCLtNTWj4zWi4nufc8LfqIvnpZc6a6-GC8x4cs8VjweVWLoslg" />
    <input value="11479" 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-green-crunch-4-kg-11480">
          <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/5868/file/small-0edc6e7a6e92826a5b86a7a0976d8319.webp 600w, https://assets.fabulous.ch/public/variant_asset/5868/file/medium-d57e8afb869d9a9ef5cb351e62527f52.webp 900w, https://assets.fabulous.ch/public/variant_asset/5868/file/large-cd367d25834af3188cae8be950d003f8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5868/file/medium-d57e8afb869d9a9ef5cb351e62527f52.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-4-kg-11480">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">VEGDOG Trockenfutter Green Crunch, 4 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 38.50
            </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-11480-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="u6I0wJXa7xNCJmXCawT3rXZT7WmqBFXJ82iaXj7-5S_8owIo_1G4eLyslE7eJ7PBP5uxc63y0LqFWkq7RKn8jA" />
    <input value="11480" 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="gd0ye6GB144LU5dr-qTO7gFnZVGY5uFy3lewbbWwkDPG3ASTywqA5fXZZudPh4qCSK85S58QZAGoZWCIz-eJkA" />
    <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="vuAMqIYVe8w23BE1hDZJRFafhcjXS8-VTWFQr-PoIMP54TpA7J4sp8hW4LkxFQ0oH1fZ0tC9SuY7U4BKmb85YA" />
    <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/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="tRKAwIehpgaxA-d91_CQhkVkBvpwIUk2Wdnw6zcjOSzyE7Yo7SrxbU-JFvFi09TqDKxa4HfXzEUv6yAOTXQgjw" />
    <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">
    <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/nassfutter-adult-linsen-hirse-800-g-11592">
          <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/5921/file/small-cbe26f799bfe63a274abf403cc447846.webp 600w, https://assets.fabulous.ch/public/variant_asset/5921/file/medium-7bba255b5f93db32f6ba4f00a9325729.webp 900w, https://assets.fabulous.ch/public/variant_asset/5921/file/large-c53b3f3fd5ddf4c8fc290cab4387748e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5921/file/medium-7bba255b5f93db32f6ba4f00a9325729.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-800-g-11592">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nassfutter Adult Linsen &amp; Hirse, 800 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.20
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-11592-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/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="GfPWRQ5ggX9FlUMdrwhjdOeHazXfpr0V45P2kwQiYJJe8uCtZOvWFLsfspEaKycYrk83L9hQOGaVoSZ2fnV5MQ" />
    <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-sensitive-lupinenprotein-800-g-11607">
          <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/5924/file/small-02932e1169cb1c62926b6dd2d64baf0d.webp 600w, https://assets.fabulous.ch/public/variant_asset/5924/file/medium-5e1434e7506fe17787e483dff42f9de7.webp 900w, https://assets.fabulous.ch/public/variant_asset/5924/file/large-a667b3618eb2a98d5219cd2addcf56cf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5924/file/medium-5e1434e7506fe17787e483dff42f9de7.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-800-g-11607">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nassfutter Sensitive Lupinenprotein, 800 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="x2-3nic9T34IYzLbZBY1RMPSFMU2idAxl8KUjG_xSGiAboF2TbYYFfbpw1fRNXEoihpI3zF_VULh8ERpFaZRyw" />
    <input value="11607" 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-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="IbDA5ObF2aCJSJ4C74yMOc1d0aYq4vTtUHHABrMzypRmsfYMjE6Oy3fCb45ar8hVhJWNvC0UcZ4mQxDjyWTTNw" />
    <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>


  

  <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-800-g-11609">
          <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/5926/file/small-9906a777ada867ccbc22f6eef8e09f9e.webp 600w, https://assets.fabulous.ch/public/variant_asset/5926/file/medium-f860fdc890270b2fd481a9df22a8919f.webp 900w, https://assets.fabulous.ch/public/variant_asset/5926/file/large-06a19a740920df4b43cb933059022e08.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5926/file/medium-f860fdc890270b2fd481a9df22a8919f.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-800-g-11609">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nassfutter Senior Erbsen &amp; Hirse, 800 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9CvzzHtJj0iweiKvlPctYZqgs01HtdmYJiBl2MyhibKzKsUkEcLYI07w0yMh1GkN02jvV0BDXOtQErU9tvaQEQ" />
    <input value="11609" 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-erbsen-haferflocken-200-g-11611">
          <img alt="Nassfutter Adult Erbsen &amp; Haferflocken" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5928/file/small-5f52172198d459c68dcbc2e8bbcbb80a.webp 600w, https://assets.fabulous.ch/public/variant_asset/5928/file/medium-80585add75f66988d2ee5a294733eed3.webp 900w, https://assets.fabulous.ch/public/variant_asset/5928/file/large-3b9f2d28ab2df9e8243ae8fac03a224a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5928/file/medium-80585add75f66988d2ee5a294733eed3.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-erbsen-haferflocken-200-g-11611">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nassfutter Adult Erbsen &amp; Haferflocken, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jejkxrcW4PMF2AvgXCVL1vEfqfVu2ZRLTCPKVuUyIP3K6dIu3Z23mPtS-mzpBg-6uNf172kvETg6ERqzn2U5Xg" />
    <input value="11611" 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/nahrungserganzung-fur-hunde-all-in-veluxe-650-g-11612">
          <img alt="Nahrungsergänzung für Hunde All-In Veluxe" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5935/file/small-4f1693c7abd5df1fb5dedb18d6826977.webp 600w, https://assets.fabulous.ch/public/variant_asset/5935/file/medium-122f1ad3a3f85af66854097024a70950.webp 900w, https://assets.fabulous.ch/public/variant_asset/5935/file/large-9fa8663dd297c7b2661025af81a2b80b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5935/file/medium-122f1ad3a3f85af66854097024a70950.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/nahrungserganzung-fur-hunde-all-in-veluxe-650-g-11612">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nahrungsergänzung für Hunde All-In Veluxe, 650 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.95
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-11612-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/vegdog-dentals-xl-50-g-11793">
          <img alt="VEGDOG Dentals XL" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6022/file/small-89f3c2e0528c318c51791ffcc45e4fc3.webp 600w, https://assets.fabulous.ch/public/variant_asset/6022/file/medium-527202b5781b31b3f62093fa58f9298b.webp 900w, https://assets.fabulous.ch/public/variant_asset/6022/file/large-58b045df1957cbf34fdbc95790d3269e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6022/file/medium-527202b5781b31b3f62093fa58f9298b.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-dentals-xl-50-g-11793">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">VEGDOG Dentals XL, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="L7Q_fFeXKD66xDNzOBMp8FOMVhkpp5MSOvXXLdw3HIxotQmUPRx_VUROwv-NMG2cGkQKAy5RFmFMxwfIpmAFLw" />
    <input value="11793" 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-dosendeckel-fur-dose-400-g-11794">
          <img alt="VEGDOG Dosendeckel für Dose" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6023/file/small-7320424f0a7353c69d129adf16c90de1.webp 600w, https://assets.fabulous.ch/public/variant_asset/6023/file/medium-f6a1445f11b91669292f3191a0fb8fba.webp 900w, https://assets.fabulous.ch/public/variant_asset/6023/file/large-4d65824cd607b74a31f7af0ac6ee95cd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6023/file/medium-f6a1445f11b91669292f3191a0fb8fba.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-dosendeckel-fur-dose-400-g-11794">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">VEGDOG Dosendeckel für Dose, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vXU6lDcHOWnn26QhU0n6ZZLcqbCki_gdb_WE5oTIxG36dAx8XYxuAhlRVa3mar4J2xT1qqN9fW4Zx1QD_p_dzg" />
    <input value="11794" 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">
      60 von 108 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/tierbedarf?format=turbo_stream&amp;page=4">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>