<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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fsussigkeiten-desserts%3Fformat%3Dturbo_stream%26page%3D9">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kuverture-vollmilch-bio-150-g-19215">
          <img alt="Kuvertüre Vollmilch Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9520/file/small-22a6f64266793d4c3948806dffffcbe4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9520/file/medium-27e2cfcfe213ddf0c944df752bab0e57.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9520/file/large-6855e758831ec7bc7f3e83e67fab5710.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9520/file/medium-27e2cfcfe213ddf0c944df752bab0e57.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</p>
          <a href="/de/products/kuverture-vollmilch-bio-150-g-19215">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kuvertüre Vollmilch Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lrLn7LATy_3CN7mv6q_mx3ragtE2QmX7TgyO2Jc6dy8AhvbDRiHejXxBXqYOgkittuGghShgO1IeHHodhFmAjg" />
    <input value="19215" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fsussigkeiten-desserts%3Fformat%3Dturbo_stream%26page%3D9">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kuverture-weiss-bio-150-g-19216">
          <img alt="Kuvertüre weiss Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9523/file/small-c59a512f88e781d62b0431702b4db9be.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9523/file/medium-88bd3059cc30f149cbc6c0e51559f0e3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9523/file/large-da7bb06efa67ef28584d0889785e9051.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9523/file/medium-88bd3059cc30f149cbc6c0e51559f0e3.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</p>
          <a href="/de/products/kuverture-weiss-bio-150-g-19216">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kuvertüre weiss Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BliYSziUEL2BpABl5kZUI-dkW_lcZtCJJJ81dfrCRDGQbIlkzqYFzT_S52wCa_pJK195rUJEjiB0j8Gw6aGzkA" />
    <input value="19216" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fsussigkeiten-desserts%3Fformat%3Dturbo_stream%26page%3D9">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/minitafeln-fein-bitter-12-5g-bio-1-stuck-19217">
          <img alt="Minitafeln fein bitter 12.5g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9660/file/small-124e9966b0b4ae3904ee46c8892a30dc.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9660/file/medium-60e8fc9ac094bd408cc40d7f691dfe20.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9660/file/large-43ab5011aff35c9ff2f9675e3ad6180a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9660/file/medium-60e8fc9ac094bd408cc40d7f691dfe20.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</p>
          <a href="/de/products/minitafeln-fein-bitter-12-5g-bio-1-stuck-19217">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Minitafeln fein bitter 12.5g Bio, 1 Stück</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 1.00 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="48gXo9dvfG_QKSZwRS9OGOI01sqrebtAry8pZadeFMp1_AaMIV1pH25fwXmhAuByLg_0nrVb5en_P92gtD3jaw" />
    <input value="19217" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fsussigkeiten-desserts%3Fformat%3Dturbo_stream%26page%3D9">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/schokolade-cappuccino-bio-100-g-19218">
          <img alt="Schokolade Cappuccino Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9323/file/small-be5fc508fdeef74c83f0843acb7e6670.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9323/file/medium-09cd32ea922d54329205c950d5c322f1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9323/file/large-0335803578a0069c9350e9bc1eb4e6a6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9323/file/medium-09cd32ea922d54329205c950d5c322f1.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</p>
          <a href="/de/products/schokolade-cappuccino-bio-100-g-19218">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schokolade Cappuccino Bio, 100 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 4.90 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vm76GsQFc9NJo4unUPU-J-AYFWvRKt6z09u_fvppKgYoWus1Mjdmo_fVbK602JBNLCM3P88IgBqDy0u76Qrdpw" />
    <input value="19218" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fsussigkeiten-desserts%3Fformat%3Dturbo_stream%26page%3D9">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/schokolade-caramel-inka-salz-bio-80-g-19219">
          <img alt="Schokolade Caramel Inka Salz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9516/file/small-33d616190d20110897e73909d35b7846.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9516/file/medium-2d9475a24a66bf11f7537bbbfcbd6569.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9516/file/large-37222d9c56cadc1bff18f8dc1d61fb2b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9516/file/medium-2d9475a24a66bf11f7537bbbfcbd6569.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</p>
          <a href="/de/products/schokolade-caramel-inka-salz-bio-80-g-19219">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schokolade Caramel Inka Salz Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0NpNt5pKg9jPx_AtSOBNQuvNGSaG8zCg_2xMROooDAhG7lyYbHiWqHGxFySszeMoJ_Y7cpjRbgmvfLiB-Uv7qQ" />
    <input value="19219" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fsussigkeiten-desserts%3Fformat%3Dturbo_stream%26page%3D9">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/schokolade-dunkle-vm-50-kokosz-bio-80-g-19220">
          <img alt="Schokolade Dunkle VM 50% KokosZ Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11487/file/small-d649931d213e31d165beb6b8b9ef9385.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11487/file/medium-7aaf8fd2ea977401c1a1ff28d9212af2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11487/file/large-52f151b279a8a84fc9ef16a3acaade30.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11487/file/medium-7aaf8fd2ea977401c1a1ff28d9212af2.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</p>
          <a href="/de/products/schokolade-dunkle-vm-50-kokosz-bio-80-g-19220">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schokolade Dunkle VM 50% KokosZ Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UF82Ebom17JHFF2LquHw9poGnODcIq_-GqSypWjsGcXGayc-TBTCwvliuoJOzF6cVj2-tMIA8VdKtEZge4_uZA" />
    <input value="19220" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fsussigkeiten-desserts%3Fformat%3Dturbo_stream%26page%3D9">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/schokolade-feine-bitter-85-bio-100-g-19221">
          <img alt="Schokolade Feine Bitter 85% Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9325/file/small-b23e175c52aaf67ae6a19b39882ef3dd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9325/file/medium-4b85ccd7202a0a0074e881d3163dd7eb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9325/file/large-3caed9a66ad3850df059b65a84300f4a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9325/file/medium-4b85ccd7202a0a0074e881d3163dd7eb.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</p>
          <a href="/de/products/schokolade-feine-bitter-85-bio-100-g-19221">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schokolade Feine Bitter 85% Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="F8a_fd6sfEUq6M8h5-qa5QQp209DlKFzIHTb67ZnQMaB8q5SKJ5pNZSeKCgDxzSPyBL5G122_9pwZC8upQS3Zw" />
    <input value="19221" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fsussigkeiten-desserts%3Fformat%3Dturbo_stream%26page%3D9">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/schokolade-pfefferminze-bio-100-g-19222">
          <img alt="Schokolade Pfefferminze Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9326/file/small-c2102ac89568364e277b8e00ecf67493.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9326/file/medium-0013f3cc774031aab256e1f79dc92b37.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9326/file/large-86b33bc4e34b147c64f9db682eec4a23.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9326/file/medium-0013f3cc774031aab256e1f79dc92b37.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</p>
          <a href="/de/products/schokolade-pfefferminze-bio-100-g-19222">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schokolade Pfefferminze Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Mt-57wQr8SklnaP1wUomwbTnAS__3OnBiV44PWAytkWk66jA8hnkWZvrRPwlZ4ireNwje-H-t2jZTsz4c1FB5A" />
    <input value="19222" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fsussigkeiten-desserts%3Fformat%3Dturbo_stream%26page%3D9">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/schokolade-weiss-mit-vanille-bio-80-g-19223">
          <img alt="Schokolade weiss mit Vanille Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11387/file/small-d97a9fbb23efd7ddcd56e77d531c16b7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11387/file/medium-ede2b695af88e1b34cdbec30dc39a1f9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11387/file/large-5afd35394936bb50e02d1d0a277686df.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11387/file/medium-ede2b695af88e1b34cdbec30dc39a1f9.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</p>
          <a href="/de/products/schokolade-weiss-mit-vanille-bio-80-g-19223">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schokolade weiss mit Vanille Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.45
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="69erwnyxtNVU-X6Q6I3B1My3HVqt0FqZLDneh7huvaV947rtioOhpeqPmZkMoG--AIw_DrPyBDB8KSpCqw1KBA" />
    <input value="19223" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fsussigkeiten-desserts%3Fformat%3Dturbo_stream%26page%3D9">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/schokolade-feine-bitter-70-orange-bio-100-g-19224">
          <img alt="Schokolade Feine Bitter 70% Orange Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9327/file/small-f55c88df305d03862bf585ab0b0ccf75.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9327/file/medium-7f185120dfea474712b40c6d523ae950.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9327/file/large-887c7de036eaf4b228ab7774340085af.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9327/file/medium-7f185120dfea474712b40c6d523ae950.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</p>
          <a href="/de/products/schokolade-feine-bitter-70-orange-bio-100-g-19224">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schokolade Feine Bitter 70% Orange Bio, 100 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 4.90 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1YO25QJurLLiHcOQIfw9ICkG6N0jkBnMkdRiQk5c_WNDt6fK9Fy5wlxrJJnF0ZNK5T3KiT2yR2XBxJaHXT8Kwg" />
    <input value="19224" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fsussigkeiten-desserts%3Fformat%3Dturbo_stream%26page%3D9">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/schokoriegel-creamy-caramel-bio-40-g-19225">
          <img alt="Schokoriegel Creamy Caramel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9328/file/small-544929743b60007a1b18255f29e2454c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9328/file/medium-04ed0d0cc890dc1de5d6839fe9e9bd38.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9328/file/large-aa6c1b383373f954ca8f4fd5beff2bcb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9328/file/medium-04ed0d0cc890dc1de5d6839fe9e9bd38.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</p>
          <a href="/de/products/schokoriegel-creamy-caramel-bio-40-g-19225">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schokoriegel Creamy Caramel Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.05
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kfbK0GqE2eLLz7AP16Ah7ZNzqclaqz4TyvgEXKKOBkgHwtv_nLbMknW5VwYzjY-HX0iLnUSJYLqa6PCZse3x6Q" />
    <input value="19225" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fsussigkeiten-desserts%3Fformat%3Dturbo_stream%26page%3D9">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/schokoriegel-espresso-biscotti-bio-40-g-19226">
          <img alt="Schokoriegel Espresso Biscotti Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9514/file/small-5e649b3b17a27d138f9ccd36d08c190d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9514/file/medium-2fef7743f33993ae327d74fd09e23db3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9514/file/large-510a70cab2d2945f3aec150e56885b01.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9514/file/medium-2fef7743f33993ae327d74fd09e23db3.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</p>
          <a href="/de/products/schokoriegel-espresso-biscotti-bio-40-g-19226">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schokoriegel Espresso Biscotti Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.05
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nhrGFuJpPNIEWnnv9gimw8TOdY7LpJnU1MC38LtOkaMILtc5FFsporosnuYSJQipCPVX2tWGx32E0EM1qC1mAg" />
    <input value="19226" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fsussigkeiten-desserts%3Fformat%3Dturbo_stream%26page%3D9">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/schokoriegel-milch-creme-bio-40-g-19227">
          <img alt="Schokoriegel Milch Creme Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9508/file/small-a086424e2810971821248e82a22b1802.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9508/file/medium-227d0dff9541886aba3f91f5a909bc7d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9508/file/large-4b8e51a907bdacce522585b63af766a0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9508/file/medium-227d0dff9541886aba3f91f5a909bc7d.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</p>
          <a href="/de/products/schokoriegel-milch-creme-bio-40-g-19227">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schokoriegel Milch Creme Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.05
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DRFENnAwIJ3VYrBvBs4jHMFX5lli7M7dI38wJjr5PlebJVUZhgI17WsUV2bi4412DWzEDXzOkHRzb8TjKZrJ9g" />
    <input value="19227" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fsussigkeiten-desserts%3Fformat%3Dturbo_stream%26page%3D9">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/dinkel-kleine-tierwelt-vollkornkekse-ungesusst-bio-125-g-19272">
          <img alt="Dinkel Kleine Tierwelt Vollkornkekse ungesüsst Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11195/file/small-45d0607b4470098694727cb015b878c1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11195/file/medium-72e1dd9d4241f714b1651fd0ee9cf3c8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11195/file/large-88b02cc4a12625151bce5dff41447057.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11195/file/medium-72e1dd9d4241f714b1651fd0ee9cf3c8.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">Werz</p>
          <a href="/de/products/dinkel-kleine-tierwelt-vollkornkekse-ungesusst-bio-125-g-19272">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dinkel Kleine Tierwelt Vollkornkekse ungesüsst Bio, 125 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.16 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="huwro7VRh9OIc4b5SbqVHhhQLjGITVa_CBIGvukIJMMQ2DqMQ2OSozYFYfCtlzt01GsMZZZvCBZYAvJ7-mvTYg" />
    <input value="19272" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fsussigkeiten-desserts%3Fformat%3Dturbo_stream%26page%3D9">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/reis-erdmandel-zungen-vollkornkekse-bio-100-g-19278">
          <img alt="Reis Erdmandel Zungen Vollkornkekse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10722/file/small-201ca4f123b071202de50590a87e530d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10722/file/medium-94e2c823c40b8c9333313a65dd533576.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10722/file/large-8817e59d4cc9e2c9ca709633038cfe1e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10722/file/medium-94e2c823c40b8c9333313a65dd533576.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">Werz</p>
          <a href="/de/products/reis-erdmandel-zungen-vollkornkekse-bio-100-g-19278">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Reis Erdmandel Zungen Vollkornkekse Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.05
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="r2H2bQ9ShB1_mM7y9W9h4yKHBiXAzgFnVo6bCUh9xo05VedC-WCRbcHuKfsRQs-J7rwkcd7sX84Gnm_MWx4xLA" />
    <input value="19278" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fsussigkeiten-desserts%3Fformat%3Dturbo_stream%26page%3D9">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/reis-zwerge-bio-125-g-19280">
          <img alt="Reis Zwerge Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9439/file/small-3880e1c43a4e55c2603b510ba90a1c98.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9439/file/medium-f37080bf4bf51dc88de25217cdc9c32d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9439/file/large-b9781904e76a64f328830bc1605f7189.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9439/file/medium-f37080bf4bf51dc88de25217cdc9c32d.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">Werz</p>
          <a href="/de/products/reis-zwerge-bio-125-g-19280">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Reis Zwerge Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gmNqYaE5hMORGV4u-oWHVfLRo55Nuu7vUuNaiVsb1LMUV3tOVwuRsy9vuSceqCk_PuqBylOYsEYC865MSHgjEg" />
    <input value="19280" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fsussigkeiten-desserts%3Fformat%3Dturbo_stream%26page%3D9">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/sesamini-krokant-bio-27-g-19877">
          <img alt="Sesamini-Krokant Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10239/file/small-2d20995353329e3e7dbb81b0ae896ac2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10239/file/medium-65c55e7e3a23e0675dacb728a48d9a08.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10239/file/large-0f487a8fb91113374124a4b1ce307d80.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10239/file/medium-65c55e7e3a23e0675dacb728a48d9a08.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/sesamini-krokant-bio-27-g-19877">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sesamini-Krokant Bio, 27 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.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-19877-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3pDscZZlPTGb8mvMTEC0Rrip_8zivP97M-1EM_PQTW9IpP1eYFcoQSWEjMWobRosdJLdmPyeodJj_bD24LO6zg" />
    <input value="19877" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fsussigkeiten-desserts%3Fformat%3Dturbo_stream%26page%3D9">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/schaibiettas-konv-250-g-20036">
          <img alt="Schaibiettas konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10670/file/small-fe721f1e37ba82cec71097cbd56909d8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10670/file/medium-017e11a61aace7d75d53a7c37b7e4161.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10670/file/large-babda05e5ba6577e740358f3c25d2a69.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10670/file/medium-017e11a61aace7d75d53a7c37b7e4161.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">Meier-beck</p>
          <a href="/de/products/schaibiettas-konv-250-g-20036">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schaibiettas konv, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="x9QPRdeUVdR_BmB9nKt9gzcIFLjU7LwhT6Jk5pSXbPVR4B5qIaZApMFwh3R4htPp-zM27MrO4ogfspAjh_SbVA" />
    <input value="20036" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fsussigkeiten-desserts%3Fformat%3Dturbo_stream%26page%3D9">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/brownie-bio-70-g-c8305196-bd1d-49ee-9c11-9ab975f9220d-20042">
          <img alt="Brownie Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10430/file/small-469ba72dc4423b4438c84715b6d829d8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10430/file/medium-a32f1ee36a0a9b42ed92914d8004f379.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10430/file/large-37bb40b7516df01669693068634e6b66.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10430/file/medium-a32f1ee36a0a9b42ed92914d8004f379.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">Guggenloch</p>
          <a href="/de/products/brownie-bio-70-g-c8305196-bd1d-49ee-9c11-9ab975f9220d-20042">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Brownie Bio, 70 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 5.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vdBmGG3cWlzX0uwQMnXJ9aSWJTjXIsKBNkpMZ12IA6Mr5Hc3m-5PLGmkCxnWWGefaK0HbMkAnChmWriiTuv0Ag" />
    <input value="20042" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fsussigkeiten-desserts%3Fformat%3Dturbo_stream%26page%3D9">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/linzertortli-bio-70-g-20043">
          <img alt="Linzertörtli Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10431/file/small-24bbb475c67f7ebbcc0ffd3a8da81793.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10431/file/medium-9f5a0b691e721f1224d22146433a0b87.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10431/file/large-1400df0deb7d8be84042d288696a54f3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10431/file/medium-9f5a0b691e721f1224d22146433a0b87.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">Guggenloch</p>
          <a href="/de/products/linzertortli-bio-70-g-20043">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Linzertörtli Bio, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

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

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

</template></turbo-stream>