<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/riegel-vego-mini-schokolade-mit-ganzen-haselnusse-bio-65-g-982">
          <img alt="Riegel Vego MINI Schokolade mit ganzen Haselnüsse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/865/file/small-d023531c0e19b1dd11b8c6658fcd8614.webp 600w, https://assets.fabulous.ch/public/variant_asset/865/file/medium-21f2ac0a11979004fc8f4fa139ef22fa.webp 900w, https://assets.fabulous.ch/public/variant_asset/865/file/large-557421532cf47dba2c86950df4540623.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/865/file/medium-21f2ac0a11979004fc8f4fa139ef22fa.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">Vego Chocolate</p>
          <a href="/de/products/riegel-vego-mini-schokolade-mit-ganzen-haselnusse-bio-65-g-982">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Riegel Vego MINI Schokolade mit ganzen Haselnüsse Bio, 65 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zweRYQkuOg2ZNoifvhiKNpka8uCshDy8I_XYowJE61yHlHR6uIhehlkqWeTuBu1zWmDNJIIwxfsrSvSejH2L8Q" />
    <input value="982" 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/kakao-nibs-fairtrade-bio-150-g-1120">
          <img alt="Kakao Nibs Fairtrade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/998/file/small-9a1646027d377fcd777c4aac011963b8.webp 600w, https://assets.fabulous.ch/public/variant_asset/998/file/medium-74ed58ba7017120007d5be5f2ba219d2.webp 900w, https://assets.fabulous.ch/public/variant_asset/998/file/large-a646b66295212dc58dd3665bd810ff44.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/998/file/medium-74ed58ba7017120007d5be5f2ba219d2.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Davert</p>
          <a href="/de/products/kakao-nibs-fairtrade-bio-150-g-1120">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kakao Nibs Fairtrade Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Et5ipKqOViE8mynopIxBZXSYSSkLMTovXLXXkPvM3YRaTYe_GygyqvyH-JP0kiYgt-J27SWFw2hUCvutdfW9KQ" />
    <input value="1120" 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/muslikeks-fur-unterwegs-bio-150-g-1133">
          <img alt="MüsliKeks für Unterwegs Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1010/file/small-8e38e22b99e481127938b79b28b9a7e0.webp 600w, https://assets.fabulous.ch/public/variant_asset/1010/file/medium-b5958faa03d93928e680fc092aac7a6c.webp 900w, https://assets.fabulous.ch/public/variant_asset/1010/file/large-47f1363bbf73f9d08802d8ee30f87864.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1010/file/medium-b5958faa03d93928e680fc092aac7a6c.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">Bohlsener Mühle</p>
          <a href="/de/products/muslikeks-fur-unterwegs-bio-150-g-1133">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">MüsliKeks für Unterwegs Bio, 150 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 2.27 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JhgYbXqxNYAWCP8AMRkV6w9UzyBDdF89UFIR5RfrUz1ui_12yxdRC9YULnthB3KuzC7w5G3ApnpY7T3YmdIzkA" />
    <input value="1133" 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/mini-tafel-ombar-dunkel-72-roh-schokolade-bio-35-g-1152">
          <img alt="Mini-Tafel Ombar Dunkel 72% Roh-Schokolade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1024/file/small-41c32d532a3016c75d923b3336c604df.webp 600w, https://assets.fabulous.ch/public/variant_asset/1024/file/medium-1ee1a5c4b4844e639b4ca6d4414d7e95.webp 900w, https://assets.fabulous.ch/public/variant_asset/1024/file/large-32c088c13d6793f0438759fa5cccced1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1024/file/medium-1ee1a5c4b4844e639b4ca6d4414d7e95.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">Ombar</p>
          <a href="/de/products/mini-tafel-ombar-dunkel-72-roh-schokolade-bio-35-g-1152">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mini-Tafel Ombar Dunkel 72% Roh-Schokolade Bio, 35 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 9.71 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="41mnsviC8n_mxFkXqLgHcN8h_lz9lIZfBW9b91gilwmrykKpSSSW9CbYiGz4pmA1HFvBmNMgfxgN0HfK1hv3pA" />
    <input value="1152" 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/mini-tafel-ombar-kokosmilch-roh-schokolade-bio-35-g-1165">
          <img alt="Mini-Tafel Ombar Kokosmilch Roh-Schokolade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1034/file/small-4284867a3dd2c47356a56ba2198d88d0.webp 600w, https://assets.fabulous.ch/public/variant_asset/1034/file/medium-80ddfadc34e4927f675dc7482deba45a.webp 900w, https://assets.fabulous.ch/public/variant_asset/1034/file/large-8c83b4f68fcf541a638bb38713d5b810.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1034/file/medium-80ddfadc34e4927f675dc7482deba45a.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">Ombar</p>
          <a href="/de/products/mini-tafel-ombar-kokosmilch-roh-schokolade-bio-35-g-1165">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mini-Tafel Ombar Kokosmilch Roh-Schokolade Bio, 35 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 9.71 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/bonbons-mint-pfefferminze-bio-50-g-1200">
          <img alt="Bonbons Mint Pfefferminze Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1058/file/small-426bbac9508559b2608c38bc19702ccc.webp 600w, https://assets.fabulous.ch/public/variant_asset/1058/file/medium-5be6ca0826821dc3f75ea5bbf8d77b81.webp 900w, https://assets.fabulous.ch/public/variant_asset/1058/file/large-59e655378ee9580afccc5776879c2160.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1058/file/medium-5be6ca0826821dc3f75ea5bbf8d77b81.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/de/products/bonbons-mint-pfefferminze-bio-50-g-1200">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bonbons Mint Pfefferminze Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="T3ib46qWxHjJ3nTebZXGsIgqnaOXA1ROB6UbuQ1kLTwH6374GzCg8wnCpaU9i6H1S1CiZ7m3rQkPGjeEg11NkQ" />
    <input value="1200" 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/bonbons-lemon-zitrone-bio-50-g-1201">
          <img alt="Bonbons Lemon Zitrone Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1059/file/small-e3d49347968fb7e83134a133abc7b54b.webp 600w, https://assets.fabulous.ch/public/variant_asset/1059/file/medium-b3f87d243241de93e1a2ff7df6d35024.webp 900w, https://assets.fabulous.ch/public/variant_asset/1059/file/large-a5ab70e60271227c864f12ebb003f1a4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1059/file/medium-b3f87d243241de93e1a2ff7df6d35024.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/de/products/bonbons-lemon-zitrone-bio-50-g-1201">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bonbons Lemon Zitrone Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2SZNPb6VuwkX2ah60O3ENVZxap4HgHLv0I6hZ3mwtzKRtagmDzPfgtfFeQGA86NwlQtVWik0i6jYMY1a94nXnw" />
    <input value="1201" 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/tafel-rapunzel-nirwana-vegan-rice-choco-mit-praline-fullung-bio-100-g-1202">
          <img alt="Tafel Rapunzel Nirwana Vegan Rice Choco mit Praliné-Füllung Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1061/file/small-8420ab313384367113752474249a29c4.webp 600w, https://assets.fabulous.ch/public/variant_asset/1061/file/medium-84fac46d7d25ba31afbf037cade5ee09.webp 900w, https://assets.fabulous.ch/public/variant_asset/1061/file/large-e36e75ff5182d186886b9e8d1a202c85.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1061/file/medium-84fac46d7d25ba31afbf037cade5ee09.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/tafel-rapunzel-nirwana-vegan-rice-choco-mit-praline-fullung-bio-100-g-1202">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tafel Rapunzel Nirwana Vegan Rice Choco mit Praliné-Füllung Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="znScssSXJi1Eu-iTCizrQPzTztOj8VKrUxZvobdf9wCG53mpdTFCpoSnOehaMowFP6nxF41Fq-xbqUOcOWaXrQ" />
    <input value="1202" 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/tafel-rapunzel-nirwana-noir-praline-fullung-bio-100-g-1203">
          <img alt="Tafel Rapunzel Nirwana Noir Praliné Füllung Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1060/file/small-abf1229e9ebff14687098c9385c65411.webp 600w, https://assets.fabulous.ch/public/variant_asset/1060/file/medium-51ff0878dd3e6a83c38922ac4d8fbf32.webp 900w, https://assets.fabulous.ch/public/variant_asset/1060/file/large-0b1775353792448e837613d03186464c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1060/file/medium-51ff0878dd3e6a83c38922ac4d8fbf32.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/tafel-rapunzel-nirwana-noir-praline-fullung-bio-100-g-1203">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tafel Rapunzel Nirwana Noir Praliné Füllung Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="r99aKPoSJwv1W2UV9eXGzgYxPF5vAdx4bVbVHkho1ETnTL8zS7RDgDVHtG6l-6GLxUsDmkG1JT9l6fkjxlG06Q" />
    <input value="1203" 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/rapunzel-rice-choco-vegane-helle-kuverture-bio-100-g-1204">
          <img alt="Rapunzel Rice Choco vegane helle Kuvertüre Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1066/file/small-eab971eed5cc6a0f2b5d011451ab3e82.webp 600w, https://assets.fabulous.ch/public/variant_asset/1066/file/medium-474ef02325836425ff5f04fc92e88267.webp 900w, https://assets.fabulous.ch/public/variant_asset/1066/file/large-ad66b43ce8ced02c450a4455cc25d63e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1066/file/medium-474ef02325836425ff5f04fc92e88267.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/rapunzel-rice-choco-vegane-helle-kuverture-bio-100-g-1204">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rapunzel Rice Choco vegane helle Kuvertüre Bio, 100 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 4.95 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6jX4fCcHBHyFKGMHU85JtlLfl3PD8PYwPz1JqAHOqnCiph1nlqFg90U0snwD0C7zkaWot-1ED3c3gmWVj_fK3Q" />
    <input value="1204" 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/vivani-kuverture-feine-bitter-vegane-kochschokolade-bio-150-g-1290">
          <img alt="Vivani Kuvertüre Feine Bitter Vegane Kochschokolade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1104/file/small-9eabaa89d03c686b021d6d28af6fba23.webp 600w, https://assets.fabulous.ch/public/variant_asset/1104/file/medium-d5a9338817549205d00b7872863e3c92.webp 900w, https://assets.fabulous.ch/public/variant_asset/1104/file/large-d701f360c2d5998e42f77cda32c2cd14.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1104/file/medium-d5a9338817549205d00b7872863e3c92.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">Vivani / Ichoc</p>
          <a href="/de/products/vivani-kuverture-feine-bitter-vegane-kochschokolade-bio-150-g-1290">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vivani Kuvertüre Feine Bitter Vegane Kochschokolade Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1I3Tejzg0Pq4UNmuHcTmlh0fX8mxJHH4F3KznAG_HDCcHjZhjUa0cXhMCNVN2oHT3mVgDZ-QiL8fzZ-hj4Z8nQ" />
    <input value="1290" 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/lovechock-mandel-baobab-dunkle-tafel-raw-bio-70-g-1413">
          <img alt="Lovechock Mandel Baobab Dunkle Tafel RAW Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1175/file/small-7dde9f4348d4d50d75b75c2c99b4ad8c.webp 600w, https://assets.fabulous.ch/public/variant_asset/1175/file/medium-d85b588147cb412124ddae50a58e1c48.webp 900w, https://assets.fabulous.ch/public/variant_asset/1175/file/large-306b414a4059e0d77f3ca532f3ec55c6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1175/file/medium-d85b588147cb412124ddae50a58e1c48.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lovechock</p>
          <a href="/de/products/lovechock-mandel-baobab-dunkle-tafel-raw-bio-70-g-1413">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lovechock Mandel Baobab Dunkle Tafel RAW Bio, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="A93Qwxsjd_SaIBpCLljcItsSc4cr-lpfzQTJM-Z83ZZLTjXYqoUTf1o8yzl-RrtnGGhMQwVOoxjFu-UOaEW9Ow" />
    <input value="1413" 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/rohkostriegel-hanf-bio-50-g-1457">
          <img alt="Rohkostriegel Hanf Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1199/file/small-c5a5cfafd690011bf0e0cc39631f13dd.webp 600w, https://assets.fabulous.ch/public/variant_asset/1199/file/medium-4d01285effef2e351e7d4f071c138c22.webp 900w, https://assets.fabulous.ch/public/variant_asset/1199/file/large-f93b9e604d4e33a6b132d06bb148118f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1199/file/medium-4d01285effef2e351e7d4f071c138c22.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">Roo&#39;Bar</p>
          <a href="/de/products/rohkostriegel-hanf-bio-50-g-1457">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rohkostriegel Hanf Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.85
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wJRSxgDQ2VPWVucQKsaMzZpL08E5IABj48K8GE8bxmeIB7fdsXa92BZKNmt62OuIWTHsBReU-STrfZAlwSKmyg" />
    <input value="1457" 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/vantastic-foods-buttons-weisse-schakalode-grosspackung-6-kg-1494">
          <img alt="Vantastic Foods Buttons Weisse Schakalode Grosspackung" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1211/file/small-12be7481bd5af14208fac599a47ef46f.webp 600w, https://assets.fabulous.ch/public/variant_asset/1211/file/medium-bae652351278afbf22e2b8c205f4fe4c.webp 900w, https://assets.fabulous.ch/public/variant_asset/1211/file/large-fcb20973667c92de16204179c08ce315.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1211/file/medium-bae652351278afbf22e2b8c205f4fe4c.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Vantastic</p>
          <a href="/de/products/vantastic-foods-buttons-weisse-schakalode-grosspackung-6-kg-1494">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vantastic Foods Buttons Weisse Schakalode Grosspackung, 6 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 190.00
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-1494-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/vantastic-foods-buttons-schakalode-grosspackung-6-kg-1495">
          <img alt="Vantastic Foods Buttons Schakalode Grosspackung" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1216/file/small-463de46f3cd3267f7399d004625e5f0e.webp 600w, https://assets.fabulous.ch/public/variant_asset/1216/file/medium-5a42166b284c32f04e1e5833f61ededc.webp 900w, https://assets.fabulous.ch/public/variant_asset/1216/file/large-0c026722e89d35622c19940f3799efcf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1216/file/medium-5a42166b284c32f04e1e5833f61ededc.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Vantastic</p>
          <a href="/de/products/vantastic-foods-buttons-schakalode-grosspackung-6-kg-1495">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vantastic Foods Buttons Schakalode Grosspackung, 6 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 160.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8-pEbyTP7Q2JSh_qMPNSlq9OuT-jDvKNXcIIFcYZvRa7eaF0lWmJhklWzpFg7TXTbDSG-426C8pVfSQoSCDduw" />
    <input value="1495" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/keks-twibio-mit-erdbeerfullung-bio-150-g-1562">
          <img alt="Keks TWIBIO mit Erdbeerfüllung Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1257/file/small-136279b7f10031971a392e25b70023a9.webp 600w, https://assets.fabulous.ch/public/variant_asset/1257/file/medium-b4f954ef4cee4fea93a8fb6e5d710f20.webp 900w, https://assets.fabulous.ch/public/variant_asset/1257/file/large-63fdb0c90281369c77cf67d53cec918e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1257/file/medium-b4f954ef4cee4fea93a8fb6e5d710f20.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Moulin du Piver</p>
          <a href="/de/products/keks-twibio-mit-erdbeerfullung-bio-150-g-1562">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Keks TWIBIO mit Erdbeerfüllung Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5eM3PMsEe5fze_0gPNuOMq71hHq5L-CwkRD6VG9CqEqtcNIneqIfHDNnLFtsxel3bY-7vpebGfeZr9Zp4XvI5w" />
    <input value="1562" 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/keks-twibio-mit-schokofullung-bio-150-g-1563">
          <img alt="Keks TWIBIO mit Schokofüllung Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1258/file/small-1beb8549753ce0ec87c85ccd8e9b8840.webp 600w, https://assets.fabulous.ch/public/variant_asset/1258/file/medium-19b14116681ff96f45322efd244f15de.webp 900w, https://assets.fabulous.ch/public/variant_asset/1258/file/large-f4059ac772305c4124823a648053b347.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1258/file/medium-19b14116681ff96f45322efd244f15de.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Moulin du Piver</p>
          <a href="/de/products/keks-twibio-mit-schokofullung-bio-150-g-1563">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Keks TWIBIO mit Schokofüllung Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/keks-plaisir-haselnuss-schokolade-bio-130-g-1692">
          <img alt="Keks Plaisir Haselnuss Schokolade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1347/file/small-eb1c7391f01c177a983afaf069c04376.webp 600w, https://assets.fabulous.ch/public/variant_asset/1347/file/medium-3a15561d34eaaec94e31bb4fcf5ce506.webp 900w, https://assets.fabulous.ch/public/variant_asset/1347/file/large-98eff16748c612b13d0ab930e76ac6b3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1347/file/medium-3a15561d34eaaec94e31bb4fcf5ce506.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Moulin du Piver</p>
          <a href="/de/products/keks-plaisir-haselnuss-schokolade-bio-130-g-1692">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Keks Plaisir Haselnuss Schokolade Bio, 130 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gTfdfzSQ3N2cC2NC1wI0ehBOnFNZR6YU5Hmr4W5T_dzJpDhkhTa4VlwXsjmHHFM_0zSjl3fzX1Psxofc4GqdcQ" />
    <input value="1692" 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/schoko-delight-kugeln-rohkostqualitat-bio-120-g-1864">
          <img alt="Schoko Delight - Kugeln Rohkostqualität Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1452/file/small-575beae7bc91090ece1320245c2f0c5d.webp 600w, https://assets.fabulous.ch/public/variant_asset/1452/file/medium-96f5cf48e47b426aeb21b03890e2f87e.webp 900w, https://assets.fabulous.ch/public/variant_asset/1452/file/large-cfb16b07260b7fd154345c1c2a7a3bd9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1452/file/medium-96f5cf48e47b426aeb21b03890e2f87e.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">Govinda</p>
          <a href="/de/products/schoko-delight-kugeln-rohkostqualitat-bio-120-g-1864">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Schoko Delight - Kugeln Rohkostqualität Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.65
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="glB7cUnRJMYMwiAOvDrvcgZfdkkTMz-WWM85I0N56h7Kw55q-HdATcze8XXsJIg3xSVJjT2HxtFQcBUezUCKsw" />
    <input value="1864" 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/pralines-vegolino-nougat-glutenfrei-bio-180-g-1944">
          <img alt="Pralinés Vegolino Nougat Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1553/file/small-ee73f273a9a4b0e222fc0a8ccc144b23.webp 600w, https://assets.fabulous.ch/public/variant_asset/1553/file/medium-c3780f1e49743043f761bd41c0cda83d.webp 900w, https://assets.fabulous.ch/public/variant_asset/1553/file/large-b6a340af54505b532b236f7dc4a4327d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1553/file/medium-c3780f1e49743043f761bd41c0cda83d.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">Vego Chocolate</p>
          <a href="/de/products/pralines-vegolino-nougat-glutenfrei-bio-180-g-1944">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pralinés Vegolino Nougat Glutenfrei Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JOuXv06GFGwac2aEkQg4dV1iXIvaZshlLrAHSGmXeXpseHKk_yBw59pvt__BFl8wnhhjT_TSMSImDyt1564Z1w" />
    <input value="1944" 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">
      40 von 443 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/lebensmittel/susses-desserts?format=turbo_stream&amp;page=3">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>