<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%2Fchristmas%3Fformat%3Dturbo_stream%26page%3D15">
    <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/tempeh-mit-gyrosgewurz-bio-200-g-17196">
          <img alt="Tempeh mit Gyrosgewürz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8022/file/small-13e6d10359897d9eb5bd0a83f0e940d0.webp 600w, https://assets.fabulous.ch/public/variant_asset/8022/file/medium-d180b7bc654c9e516582b7c89fd49387.webp 900w, https://assets.fabulous.ch/public/variant_asset/8022/file/large-e916e3fcf3134b3d107957be3269f4ab.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8022/file/medium-d180b7bc654c9e516582b7c89fd49387.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">Tempehmanufaktur</p>
          <a href="/de/products/tempeh-mit-gyrosgewurz-bio-200-g-17196">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tempeh mit Gyrosgewürz Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.65 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17196&quot;],&quot;content_name&quot;:&quot;Tempeh mit Gyrosgewürz Bio, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17196&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="m5mvVKkwa8_P6ooEWwU9sZL-62niE1w0MSk1QfttVa5kEwE7YgEPGioWQO9fZexInABkMEcF63YYdr3ZwjzWRQ" />
    <input value="17196" 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%2Fchristmas%3Fformat%3Dturbo_stream%26page%3D15">
    <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/sojade-so-soya-ohne-zuckerzusatz-heidelbeere-kirsche-bio-400-g-7740">
          <img alt="Sojade So Soya! Ohne Zuckerzusatz Heidelbeere Kirsche, Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4465/file/small-5ace9c2bfb04f989b746ae1171b3014c.webp 600w, https://assets.fabulous.ch/public/variant_asset/4465/file/medium-f7129df3a362e785c6c5e2c6cfaa2528.webp 900w, https://assets.fabulous.ch/public/variant_asset/4465/file/large-e2b6d6d2152cc67b934b9ed80b271e07.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4465/file/medium-f7129df3a362e785c6c5e2c6cfaa2528.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">Sojade</p>
          <a href="/de/products/sojade-so-soya-ohne-zuckerzusatz-heidelbeere-kirsche-bio-400-g-7740">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sojade So Soya! Ohne Zuckerzusatz Heidelbeere Kirsche, Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.65
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.41 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7740&quot;],&quot;content_name&quot;:&quot;Sojade So Soya! Ohne Zuckerzusatz Heidelbeere Kirsche, Bio, 400 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7740&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.65,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RhI0N4UYkGJtV-GUKlc5020_JjBfOaFECx0GF2cliRC5mJpYTin0t4irK38uN-gqY8GpafovFgYiQo6PXnQK-w" />
    <input value="7740" 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%2Fchristmas%3Fformat%3Dturbo_stream%26page%3D15">
    <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/kokosmilch-mit-joghurt-kulturen-natur-bio-125-g-1531">
          <img alt="Kokosmilch mit Joghurt Kulturen Natur Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1239/file/small-3eed17ccad2513428f3ffea57a457252.webp 600w, https://assets.fabulous.ch/public/variant_asset/1239/file/medium-f17bc71872fedc5fecfdd3ed0f0eb458.webp 900w, https://assets.fabulous.ch/public/variant_asset/1239/file/large-a63165455761ef815c12f838758296fb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1239/file/medium-f17bc71872fedc5fecfdd3ed0f0eb458.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">Harvest Moon</p>
          <a href="/de/products/kokosmilch-mit-joghurt-kulturen-natur-bio-125-g-1531">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kokosmilch mit Joghurt Kulturen Natur Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.72 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;1531&quot;],&quot;content_name&quot;:&quot;Kokosmilch mit Joghurt Kulturen Natur Bio, 125 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;1531&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vdM2qaLfP47aOqdC97Y6MTUpZ3nFjkNGvbuX-zt60WFCWZjGae5bWz_Gbanz1uvIO9foIGCY9ASU5B9jAitSig" />
    <input value="1531" 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%2Fchristmas%3Fformat%3Dturbo_stream%26page%3D15">
    <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/machurian-ballchen-200-g-22549">
          <img alt="Machurian Bällchen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11973/file/small-cb369a2d1f50f632e59fb7cedad8d6dd.webp 600w, https://assets.fabulous.ch/public/variant_asset/11973/file/medium-6fd234e93dd44fdc45533cc5fb58dec4.webp 900w, https://assets.fabulous.ch/public/variant_asset/11973/file/large-6a576a574ea28e950b5bfc2b23d65f1c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11973/file/medium-6fd234e93dd44fdc45533cc5fb58dec4.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">Vegetarian Quality</p>
          <a href="/de/products/machurian-ballchen-200-g-22549">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Machurian Bällchen, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.90 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22549&quot;],&quot;content_name&quot;:&quot;Machurian Bällchen, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22549&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="i1Q2s9PHEl7wpIywVS2-LBEXa3mWPMeQnsLE9olCQ9F03pjcGPZ2ixVYRltRTW_VH-nkIDMqcNK3nUxusBPAOg" />
    <input value="22549" 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%2Fchristmas%3Fformat%3Dturbo_stream%26page%3D15">
    <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/schoko-drops-bolivia-wild-100-bio-150-g-17237">
          <img alt="Schoko-Drops Bolivia Wild 100% Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8049/file/small-4dd59fe494f0bbfd5ef179626d496039.webp 600w, https://assets.fabulous.ch/public/variant_asset/8049/file/medium-3872efb82ed7de37436f33920de5a7e6.webp 900w, https://assets.fabulous.ch/public/variant_asset/8049/file/large-ba95a08d0f24d5a22232ba3ddf020095.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8049/file/medium-3872efb82ed7de37436f33920de5a7e6.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">Naturkostbar</p>
          <a href="/de/products/schoko-drops-bolivia-wild-100-bio-150-g-17237">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schoko-Drops Bolivia Wild 100% Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17237&quot;],&quot;content_name&quot;:&quot;Schoko-Drops Bolivia Wild 100% Bio, 150 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17237&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:14.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JE7-oqRAbFJJiMGviXyjTzPWlHV9pcuwrT1Ajnx50IvbxFDNb3EIh6x0C0SNHHK2PSgbLNizfPKEYsgWRShTYA" />
    <input value="17237" 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%2Fchristmas%3Fformat%3Dturbo_stream%26page%3D15">
    <i data-ph="heart" class="size-full"></i>
</a>
    <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/baumnussol-roh-100-ml-19857">
          <img alt="Baumnussöl Schweiz roh" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11210/file/small-8c408a2587431a2db213e55ec331d7dc.webp 600w, https://assets.fabulous.ch/public/variant_asset/11210/file/medium-96588bec3b1d4943c17a8d80e5465add.webp 900w, https://assets.fabulous.ch/public/variant_asset/11210/file/large-f43f25699c987bddbb46594ae9f0ea67.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11210/file/medium-96588bec3b1d4943c17a8d80e5465add.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">Naturkostbar</p>
          <a href="/de/products/baumnussol-roh-100-ml-19857">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Baumnussöl Schweiz roh, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.50
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-19857-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"
       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%2Fchristmas%3Fformat%3Dturbo_stream%26page%3D15">
    <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/pakora-kurbis-150-g-22548">
          <div class="py-4 w-full h-full flex items-center justify-center bg-gray-100 max-h-72">
            <span class="text-gray-400">No Image</span>
          </div>
</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">Vegetarian Quality</p>
          <a href="/de/products/pakora-kurbis-150-g-22548">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pakora Kürbis, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 4.60 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22548&quot;],&quot;content_name&quot;:&quot;Pakora Kürbis, 150 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22548&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2sX1gHd9uyo93_BK2h55V18ryAxXdKpxe-E76cZk6iwlT1vvvEzf_9gjOqHefqiuUdVHVfJiHTNSvrNx_zVpxw" />
    <input value="22548" 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%2Fchristmas%3Fformat%3Dturbo_stream%26page%3D15">
    <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/pakora-zwiebeln-original-150-g-22547">
          <img alt="Pakora Zwiebeln Original" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11972/file/small-d103e08a73cdaf19ff385b46f81f47a4.webp 600w, https://assets.fabulous.ch/public/variant_asset/11972/file/medium-6a484508ed7e373c03e53c9c8a67a694.webp 900w, https://assets.fabulous.ch/public/variant_asset/11972/file/large-e0b0e3616a01ed7b3c8fefae137745e4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11972/file/medium-6a484508ed7e373c03e53c9c8a67a694.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">Vegetarian Quality</p>
          <a href="/de/products/pakora-zwiebeln-original-150-g-22547">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pakora Zwiebeln Original, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 4.60 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22547&quot;],&quot;content_name&quot;:&quot;Pakora Zwiebeln Original, 150 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22547&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kjbeKwFR8KfYyjcdyYfONF-U_n29cr9UV_0CcUk0oaptvHBEymCUcj02_fbN5x_NUWpxJBhkCBZ-oorpcGUiQQ" />
    <input value="22547" 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%2Fchristmas%3Fformat%3Dturbo_stream%26page%3D15">
    <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/pakora-gemuse-150-ml-22546">
          <img alt="Pakora Gemüse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11971/file/small-ef9180e6e6bd17e70d9e69a56a6274ee.webp 600w, https://assets.fabulous.ch/public/variant_asset/11971/file/medium-bc0dd4d8c1d7ba18c96c70c3b939161f.webp 900w, https://assets.fabulous.ch/public/variant_asset/11971/file/large-73b3d2ef353621c49dee053ff8651788.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11971/file/medium-bc0dd4d8c1d7ba18c96c70c3b939161f.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">Vegetarian Quality</p>
          <a href="/de/products/pakora-gemuse-150-ml-22546">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pakora Gemüse, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22546&quot;],&quot;content_name&quot;:&quot;Pakora Gemüse, 150 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22546&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yhXGKj_Tyzro3h36WgfbhkxVMK5vFBowqjaLmxJNOhA1n2hF9OKv7w0i1xFeZwp_Qqu_98oCrXKDaQMDKxy5-w" />
    <input value="22546" 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%2Fchristmas%3Fformat%3Dturbo_stream%26page%3D15">
    <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/burger-kurbis-200-g-22545">
          <img alt="Burger Kürbis" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11970/file/small-320a4017b9d8203d1b086410e72e6ef8.webp 600w, https://assets.fabulous.ch/public/variant_asset/11970/file/medium-fb4f0a63ede7ec10968e05319dac5732.webp 900w, https://assets.fabulous.ch/public/variant_asset/11970/file/large-7e6acb93509e1fdf70846f8f5e5dd4ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11970/file/medium-fb4f0a63ede7ec10968e05319dac5732.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">Vegetarian Quality</p>
          <a href="/de/products/burger-kurbis-200-g-22545">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Burger Kürbis, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22545&quot;],&quot;content_name&quot;:&quot;Burger Kürbis, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22545&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="trse30vyHCttapO6k242yw__pTGN2jdKzUxJfwtY0lFJMbCwgMN4_oiWWVGXDucyAQEqaCjMgAjkE8HnMglRug" />
    <input value="22545" 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%2Fchristmas%3Fformat%3Dturbo_stream%26page%3D15">
    <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/burger-falafel-style-200-g-22543">
          <img alt="Burger Falafel Style" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11968/file/small-9c2ae540f8095474fc2f5c600bee3183.webp 600w, https://assets.fabulous.ch/public/variant_asset/11968/file/medium-07a3a1717ae80f25e9ace08c9636edaa.webp 900w, https://assets.fabulous.ch/public/variant_asset/11968/file/large-ab283aefee74803d51f3f480547c8756.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11968/file/medium-07a3a1717ae80f25e9ace08c9636edaa.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">Vegetarian Quality</p>
          <a href="/de/products/burger-falafel-style-200-g-22543">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Burger Falafel Style, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22543&quot;],&quot;content_name&quot;:&quot;Burger Falafel Style, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22543&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UMscbnpbPPu5mJeGMPB6Qqy74k3dBzkiH0D0O3uNfiqvQbIBsWpYLlxkXW00kKu7okVtFHgRjmA2H3yjQtz9wQ" />
    <input value="22543" 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%2Fchristmas%3Fformat%3Dturbo_stream%26page%3D15">
    <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/burger-gemuse-200-g-22544">
          <img alt="Burger Gemüse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11969/file/small-ef2d6bbc07e2934c778ca8da1d41cc59.webp 600w, https://assets.fabulous.ch/public/variant_asset/11969/file/medium-1ed9d094eb180ba31d49d49153b51ed3.webp 900w, https://assets.fabulous.ch/public/variant_asset/11969/file/large-92ce1da0efbee97854073fe26660f836.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11969/file/medium-1ed9d094eb180ba31d49d49153b51ed3.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">Vegetarian Quality</p>
          <a href="/de/products/burger-gemuse-200-g-22544">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Burger Gemüse, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.80 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22544&quot;],&quot;content_name&quot;:&quot;Burger Gemüse, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22544&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XnlmyZ8fD5YRBxleNURU1UhY5Lzl9Cf0O0lTHU_Jileh88imVC5rQ_T707UxJIUsRqZr5UDikLYSFtuFdpgJvA" />
    <input value="22544" 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%2Fchristmas%3Fformat%3Dturbo_stream%26page%3D15">
    <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/samosa-mini-veggie-240g-240-g-22542">
          <img alt="Samosa Mini Veggie" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11967/file/small-f37abd9ff4e8b90f17c6f92273ee7bcc.webp 600w, https://assets.fabulous.ch/public/variant_asset/11967/file/medium-2f0f57d639cf6c655dc0b273a77120d8.webp 900w, https://assets.fabulous.ch/public/variant_asset/11967/file/large-b962f6a983f9ed3ee346013d37ba6b5d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11967/file/medium-2f0f57d639cf6c655dc0b273a77120d8.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">Vegetarian Quality</p>
          <a href="/de/products/samosa-mini-veggie-240g-240-g-22542">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Samosa Mini Veggie, 285 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.25
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.19 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22542&quot;],&quot;content_name&quot;:&quot;Samosa Mini Veggie, 285 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22542&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.25,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ruw3TkZKljRWVl-ulHmsmvlkojpKL7xNKrTJMW0spWi5ZpkhjXvy4bOqlUWQGX1j95otY-85Cw8D60GpVH0mgw" />
    <input value="22542" 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%2Fchristmas%3Fformat%3Dturbo_stream%26page%3D15">
    <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/falafel-mix-original-spinat-randen-180-g-22530">
          <img alt="Falafel Mix (Original, Spinat &amp; Randen)" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11954/file/small-4c2e63f1a0edf891890d9e975379d05c.webp 600w, https://assets.fabulous.ch/public/variant_asset/11954/file/medium-a3c07e0ab3bb1779b2a0d63757c479dc.webp 900w, https://assets.fabulous.ch/public/variant_asset/11954/file/large-91945af567709a0cb13b20d723737402.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11954/file/medium-a3c07e0ab3bb1779b2a0d63757c479dc.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">Vegetarian Quality</p>
          <a href="/de/products/falafel-mix-original-spinat-randen-180-g-22530">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Falafel Mix (Original, Spinat &amp; Randen), 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.06 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22530&quot;],&quot;content_name&quot;:&quot;Falafel Mix (Original, Spinat \u0026 Randen), 180 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22530&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LTQtz_UXBiZks-5BPsBYP1Lwuc0Wr2RBI--83Z2EG3nSvoOgPiZi84FPJKo6oInGXA42lLO50wMKsDRFpNWYkg" />
    <input value="22530" 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%2Fchristmas%3Fformat%3Dturbo_stream%26page%3D15">
    <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/falafel-kurbis-200-g-22529">
          <img alt="Falafel Kürbis" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11952/file/small-c75fb739d1201ccf7ee8c3a0a09b2ca9.webp 600w, https://assets.fabulous.ch/public/variant_asset/11952/file/medium-d480afbc305bb3e21b1a7eb7868b2c08.webp 900w, https://assets.fabulous.ch/public/variant_asset/11952/file/large-725257ec60af866bcc84c6101173c0b5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11952/file/medium-d480afbc305bb3e21b1a7eb7868b2c08.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">Vegetarian Quality</p>
          <a href="/de/products/falafel-kurbis-200-g-22529">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Falafel Kürbis, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.85 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22529&quot;],&quot;content_name&quot;:&quot;Falafel Kürbis, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22529&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EpLkRI35ZmsxgF_EsxN2rc4BXeu50_vlIq81Zy91XpLtGEorRsgCvtR8lS-3c6dUwP_SshzFTKcL8L3_FiTdeQ" />
    <input value="22529" 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%2Fchristmas%3Fformat%3Dturbo_stream%26page%3D15">
    <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/falafel-susskartoffel-180-g-22524">
          <img alt="Falafel Süsskartoffel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11938/file/small-8df1a7be9e82b7efeec678df88fd6b14.webp 600w, https://assets.fabulous.ch/public/variant_asset/11938/file/medium-f63f859fdd008bb44aef571a650c7afd.webp 900w, https://assets.fabulous.ch/public/variant_asset/11938/file/large-587786d8e9474fbf1ee56cea2581cac0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11938/file/medium-f63f859fdd008bb44aef571a650c7afd.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">Vegetarian Quality</p>
          <a href="/de/products/falafel-susskartoffel-180-g-22524">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Falafel Süsskartoffel, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.11 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22524&quot;],&quot;content_name&quot;:&quot;Falafel Süsskartoffel, 180 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22524&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0K_NlccY24_R7dlTdOfkT1cKnYrtPqPjSi6N56XgR04vJWP6DCm_WjQRE7hwhzW2WfQS00goFKFjcQV_nLHEpQ" />
    <input value="22524" 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%2Fchristmas%3Fformat%3Dturbo_stream%26page%3D15">
    <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/falafel-gemuse-180-g-22522">
          <img alt="Falafel Gemüse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11936/file/small-adb9f6bd42303ab10f6ead656038f8bd.webp 600w, https://assets.fabulous.ch/public/variant_asset/11936/file/medium-e2f39c53ce01a12287605ef331b43dcd.webp 900w, https://assets.fabulous.ch/public/variant_asset/11936/file/large-f98feb833982cc03ba5626131a3f06c9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11936/file/medium-e2f39c53ce01a12287605ef331b43dcd.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">Vegetarian Quality</p>
          <a href="/de/products/falafel-gemuse-180-g-22522">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Falafel Gemüse, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.11 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22522&quot;],&quot;content_name&quot;:&quot;Falafel Gemüse, 180 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22522&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="p8sfKhuFd5EZ1EJX2fTawni2ISPufBCVL2Uy11ud0TpYQbFF0LQTRPwoiLzdlAs7dkiuektqp9cGOrpPYsxS0Q" />
    <input value="22522" 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%2Fchristmas%3Fformat%3Dturbo_stream%26page%3D15">
    <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/falafel-original-180-g-22510">
          <img alt="Falafel Original" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11934/file/small-2b334cb4ab7c30e6491f9514a85e5354.webp 600w, https://assets.fabulous.ch/public/variant_asset/11934/file/medium-28af943ea978e2b68a2437585a975c8f.webp 900w, https://assets.fabulous.ch/public/variant_asset/11934/file/large-c19ac1a01b2cc197d7cfe43577cf6c72.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11934/file/medium-28af943ea978e2b68a2437585a975c8f.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">Vegetarian Quality</p>
          <a href="/de/products/falafel-original-180-g-22510">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Falafel Original, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.35
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.97 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22510&quot;],&quot;content_name&quot;:&quot;Falafel Original, 180 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22510&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.35,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="z33E0b4rZKSGiaTbMqyG0LBLCzGoa5jrtOa2UMujE-Yw92q-dRoAcWN1bjA2zFcpvrWEaA19L6mduT7I8vKQDQ" />
    <input value="22510" 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%2Fchristmas%3Fformat%3Dturbo_stream%26page%3D15">
    <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/haferflocken-angekeimt-bio-500-g-19866">
          <img alt="Haferflocken angekeimt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11219/file/small-af97a5c1b7d26016ea2769e22a71d114.webp 600w, https://assets.fabulous.ch/public/variant_asset/11219/file/medium-4c82f456ed15cdf51cd944fd8fb9c468.webp 900w, https://assets.fabulous.ch/public/variant_asset/11219/file/large-8f6eb4bb5c8e1368dcc67517d0a07ab8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11219/file/medium-4c82f456ed15cdf51cd944fd8fb9c468.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">Naturkostbar</p>
          <a href="/de/products/haferflocken-angekeimt-bio-500-g-19866">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haferflocken angekeimt Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19866&quot;],&quot;content_name&quot;:&quot;Haferflocken angekeimt Bio, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19866&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fcdTxU9wQ31ODwdu64ZiDNUbwS-ioGdWkOntPBXnu7eCTf2qhEEnqKvzzYXv5rP12-VOdge20BS5tmWkLLY4XA" />
    <input value="19866" 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%2Fchristmas%3Fformat%3Dturbo_stream%26page%3D15">
    <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/baumnusse-schweiz-wild-angekeimt-rohkostqualitat-250-g-4428">
          <img alt="Baumnüsse Schweiz Wild angekeimt Rohkostqualität" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2755/file/small-541b0c924f67bc8e5bde5b02c0f7fef9.webp 600w, https://assets.fabulous.ch/public/variant_asset/2755/file/medium-3405e8c1d6b2b11c7004696e78052f33.webp 900w, https://assets.fabulous.ch/public/variant_asset/2755/file/large-bc695dcb10396501174762ee7760e13c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2755/file/medium-3405e8c1d6b2b11c7004696e78052f33.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">Naturkostbar</p>
          <a href="/de/products/baumnusse-schweiz-wild-angekeimt-rohkostqualitat-250-g-4428">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Baumnüsse Schweiz Wild angekeimt Rohkostqualität, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;4428&quot;],&quot;content_name&quot;:&quot;Baumnüsse Schweiz Wild angekeimt Rohkostqualität, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;4428&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:19.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0OolYHgc8Fc5nLg7LFXJC97IUKob6xt93XMCN0lNrWwvYIsPsy2UgtxgctAoNRjy0Dbf8779rD_0LIqvcBwuhw" />
    <input value="4428" 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">
      300 von 4&#39;008 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/christmas?format=turbo_stream&amp;page=16">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>