<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%2Fsun-snack%3Fformat%3Dturbo_stream%26page%3D170">
    <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/beeren-mandel-knusper-musli-bio-300-g-19841">
          <img alt="Beeren Mandel Knusper-Müsli Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11378/file/small-07e1d1a58f3a4d0077e032b41fa2fa6c.webp 600w, https://assets.fabulous.ch/public/variant_asset/11378/file/medium-049de2212e8ca4061ddb14c1fecaaf93.webp 900w, https://assets.fabulous.ch/public/variant_asset/11378/file/large-5d350c5324708e73abc38d7e9b002e13.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11378/file/medium-049de2212e8ca4061ddb14c1fecaaf93.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">Hammermühle Organic</p>
          <a href="/de/products/beeren-mandel-knusper-musli-bio-300-g-19841">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Beeren Mandel Knusper-Müsli Bio, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="R5WS3_FeCU5ib0N5wzY1hYZ7F6DTKg7P5HZ3r2vrW0UGktQ6XxL5s29SDtxVy12pO-Y0Oo5B78Q4D3WKs-EhkQ" />
    <input value="19841" 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%2Fsun-snack%3Fformat%3Dturbo_stream%26page%3D170">
    <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/salatdressing-tandoori-bio-500-ml-19845">
          <img alt="Salatdressing Tandoori Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10413/file/small-53ca4c1e75cda567c0fc38f9f55fac76.webp 600w, https://assets.fabulous.ch/public/variant_asset/10413/file/medium-24cb989bbd78d7523dc56bbbc9c8abeb.webp 900w, https://assets.fabulous.ch/public/variant_asset/10413/file/large-11d4a56f48e17d7269514a359cdd4634.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10413/file/medium-24cb989bbd78d7523dc56bbbc9c8abeb.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">huusgmacht</p>
          <a href="/de/products/salatdressing-tandoori-bio-500-ml-19845">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Salatdressing Tandoori Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.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 1.46 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XXi5ZooQJ7KkKZmZ-9J3PPxx7WYBcysx83XRtXY18G4cf_-DJFzXT6kU1DxtLx8QQezO_FwYyjovDNOQrj-Kug" />
    <input value="19845" 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%2Fsun-snack%3Fformat%3Dturbo_stream%26page%3D170">
    <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/hafervollkornmehl-bio-glutenfrei-500-g-19852">
          <img alt="Hafervollkornmehl Bio glutenfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10419/file/small-67f7a505b043a8516164c80ddbfe3eeb.webp 600w, https://assets.fabulous.ch/public/variant_asset/10419/file/medium-fd2c4afd332fb0c5f2ad261c11f6d4de.webp 900w, https://assets.fabulous.ch/public/variant_asset/10419/file/large-6e69a707ee1857f6736c390cbf8af133.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10419/file/medium-fd2c4afd332fb0c5f2ad261c11f6d4de.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">MORGA</p>
          <a href="/de/products/hafervollkornmehl-bio-glutenfrei-500-g-19852">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hafervollkornmehl Bio glutenfrei, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hCMv_urQo5wH1ElZLxo-N7-cGCOH7TzfQabbMK0_ribFJGkbRJxTYQrpBPy551YbAgE7udqG3dSd39kVdTXU8g" />
    <input value="19852" 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%2Fsun-snack%3Fformat%3Dturbo_stream%26page%3D170">
    <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/weizenkleie-naturrein-bio-knospe-250-g-19874">
          <img alt="Weizenkleie naturrein Bio Knospe" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10513/file/small-3c1f2c4bd51c59d92132f37c2f97e88b.webp 600w, https://assets.fabulous.ch/public/variant_asset/10513/file/medium-05866bb3244b8ad338e82dc3e7d9a499.webp 900w, https://assets.fabulous.ch/public/variant_asset/10513/file/large-358c030a168f8528f0056f51b20f563b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10513/file/medium-05866bb3244b8ad338e82dc3e7d9a499.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">MORGA</p>
          <a href="/de/products/weizenkleie-naturrein-bio-knospe-250-g-19874">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Weizenkleie naturrein Bio Knospe, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bPHGpMHNvPbnJ8VsyrQ7xXbJliH8nOzSKzcJIhH-lTwt9oBBb4FMC-oaiMlcSVPpy1S1u6H3Ddn3TgsHyfTv6A" />
    <input value="19874" 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%2Fsun-snack%3Fformat%3Dturbo_stream%26page%3D170">
    <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/vesta-glas-bio-40-g-19876">
          <img alt="Vesta Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10515/file/small-5c7b77edfba088aeb23f52cc9be34cc7.webp 600w, https://assets.fabulous.ch/public/variant_asset/10515/file/medium-b9669976784b98df8f047f3c8ca6297f.webp 900w, https://assets.fabulous.ch/public/variant_asset/10515/file/large-fd318470aba72ef64ddb0c37c267f797.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10515/file/medium-b9669976784b98df8f047f3c8ca6297f.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">Chalira</p>
          <a href="/de/products/vesta-glas-bio-40-g-19876">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vesta Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pKSMZ_MB61IHMtXRnlxLrrhcsuJU-mMfdf5Fafdck4jlo8qCXU0brwoPmHQIoSOCBcGReAmRghSph0dML1bpXA" />
    <input value="19876" 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%2Fsun-snack%3Fformat%3Dturbo_stream%26page%3D170">
    <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/tamora-nfp-bio-62-g-19879">
          <img alt="Tamora Streuwürze Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11243/file/small-101ad45f060021e56de1417e6ed5dcc0.webp 600w, https://assets.fabulous.ch/public/variant_asset/11243/file/medium-90c08aebff83dde59adc0028581c7bb3.webp 900w, https://assets.fabulous.ch/public/variant_asset/11243/file/large-ecafad51397b4f8d55ab35f686d26a40.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11243/file/medium-90c08aebff83dde59adc0028581c7bb3.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">Chalira</p>
          <a href="/de/products/tamora-nfp-bio-62-g-19879">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tamora Streuwürze Bio, 62 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="d-D4Rwx27UmSw1jkOXiYZKQNMFUi1hiWisZ1JTrLUaU2576iojodtJ_-FUGvhfBIGZATz3-9-Z1Wv3cA4sErcQ" />
    <input value="19879" 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%2Fsun-snack%3Fformat%3Dturbo_stream%26page%3D170">
    <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/nussmix-curry-bio-120-g-19881">
          <img alt="Nussmix Curry Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11234/file/small-b5998bfbb0fb70546db60c9114cfb53a.webp 600w, https://assets.fabulous.ch/public/variant_asset/11234/file/medium-0d71ba144d15c787fbdda5679f003622.webp 900w, https://assets.fabulous.ch/public/variant_asset/11234/file/large-3d7e9da8b01d2a80bbbb317a6ce1292b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11234/file/medium-0d71ba144d15c787fbdda5679f003622.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">Chalira</p>
          <a href="/de/products/nussmix-curry-bio-120-g-19881">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nussmix Curry Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rvtBoV7DCJOfhAkzgVi_MCnWf6NhSsHi6JZT_7diWknv_AdE8I_4bpK5RJYXpdcclEtcOTwhIOk071Hab2ggnQ" />
    <input value="19881" 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%2Fsun-snack%3Fformat%3Dturbo_stream%26page%3D170">
    <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/mustarda-birnensenf-bio-120-g-19882">
          <img alt="Mustarda Birnensenf Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10728/file/small-88b98d70b314b302d043a164f40938f0.webp 600w, https://assets.fabulous.ch/public/variant_asset/10728/file/medium-eddcfcb273c235b05f0fad967028bf4f.webp 900w, https://assets.fabulous.ch/public/variant_asset/10728/file/large-ea8d0c35825af1c967fe2536e70e8952.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10728/file/medium-eddcfcb273c235b05f0fad967028bf4f.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">Chalira</p>
          <a href="/de/products/mustarda-birnensenf-bio-120-g-19882">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mustarda Birnensenf Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qsJ6aJrTdyFD_wFfbTXtDf4S8_mniTUnLJs_J_qxw7jrxTyNNJ-H3E7CTPr7yIUhQ4_QY_ri1Czw4j0CIru5bA" />
    <input value="19882" 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%2Fsun-snack%3Fformat%3Dturbo_stream%26page%3D170">
    <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/alpenwald-tee-bio-100-g-19911">
          <img alt="Alpenwald Tee Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11222/file/small-f5fd1c7578157a7e99c507e6a803ab7f.webp 600w, https://assets.fabulous.ch/public/variant_asset/11222/file/medium-5e105c776f8bc2977f1cc7328705df46.webp 900w, https://assets.fabulous.ch/public/variant_asset/11222/file/large-63d95dec500f8e7568cb7fe4523be59d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11222/file/medium-5e105c776f8bc2977f1cc7328705df46.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">Chalira</p>
          <a href="/de/products/alpenwald-tee-bio-100-g-19911">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Alpenwald Tee Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PjjpFDftGecvNPDek8j-0fDJ9CG6bnDHmM6WSIZBCxh_P6_xmaHpGiIJvXsFNZb9TVTXu-cFkcxEt5RtXktxzA" />
    <input value="19911" 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%2Fsun-snack%3Fformat%3Dturbo_stream%26page%3D170">
    <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/silberkelch-tee-bio-60-g-19912">
          <img alt="Silberkelch Tee Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11223/file/small-56953670f77d7d9572b4682a84aa8557.webp 600w, https://assets.fabulous.ch/public/variant_asset/11223/file/medium-96329a88c873904cee0f6bd2ade4f608.webp 900w, https://assets.fabulous.ch/public/variant_asset/11223/file/large-ed18f4fdd680fd5dea13b3f5bc04a29d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11223/file/medium-96329a88c873904cee0f6bd2ade4f608.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">Chalira</p>
          <a href="/de/products/silberkelch-tee-bio-60-g-19912">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Silberkelch Tee Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IEYH63P_s0KkH5ZVbdxD_dkvsTp80E9jSHkjjd1uufdhQUEO3bNDv6ki2_D7ISvRZLKSoCG7rmiUACGoBWTDIw" />
    <input value="19912" 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%2Fsun-snack%3Fformat%3Dturbo_stream%26page%3D170">
    <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/guarkernmehl-bio-110-g-19917">
          <img alt="Guarkernmehl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10559/file/small-0e5853460d1a900e076432fba92200e9.webp 600w, https://assets.fabulous.ch/public/variant_asset/10559/file/medium-00a4cc2d5b024615ab4ba9c34fe13eb1.webp 900w, https://assets.fabulous.ch/public/variant_asset/10559/file/large-1d062e05b2bf329538f9ff2d1f41521f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10559/file/medium-00a4cc2d5b024615ab4ba9c34fe13eb1.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">Natura</p>
          <a href="/de/products/guarkernmehl-bio-110-g-19917">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Guarkernmehl Bio, 110 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="99dEwA6ByIJvjDky_I-7lLM5lNWQAdXfdKoSNVU8ui620AIloM04f2KxdJdqctO4DqS3T81qNNSo0xAQjTbA-g" />
    <input value="19917" 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%2Fsun-snack%3Fformat%3Dturbo_stream%26page%3D170">
    <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/vanille-zucker-konv-20-g-19990">
          <img alt="Vanille Zucker konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10682/file/small-d3601ce1a301d6c0ab714f7399ea2ffe.webp 600w, https://assets.fabulous.ch/public/variant_asset/10682/file/medium-2eeefcff1e0a90bbe08a2125ce455ccd.webp 900w, https://assets.fabulous.ch/public/variant_asset/10682/file/large-b708df67b6c5c39e3444022c555d0b4c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10682/file/medium-2eeefcff1e0a90bbe08a2125ce455ccd.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">MORGA</p>
          <a href="/de/products/vanille-zucker-konv-20-g-19990">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vanille Zucker konv, 20 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 19.75 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tOYNk4TdkxIo48uvfD4EhY8gKdCvv01CjXdM63-m1hT14Ut2KpFj7yXehgrqw2ypMr0KSvLUrElRDk7Op6yswA" />
    <input value="19990" 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%2Fsun-snack%3Fformat%3Dturbo_stream%26page%3D170">
    <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/arowe-altstadt-senf-bio-180-g-20024">
          <img alt="Arowe Altstadt Senf Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10726/file/small-983b7264183b46c6fbd0280b73f3d794.webp 600w, https://assets.fabulous.ch/public/variant_asset/10726/file/medium-39e583bd74b326d1e02af0da5df5d4c5.webp 900w, https://assets.fabulous.ch/public/variant_asset/10726/file/large-f79cbd2457b7667cccf6d6798cef3526.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10726/file/medium-39e583bd74b326d1e02af0da5df5d4c5.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">Chalira</p>
          <a href="/de/products/arowe-altstadt-senf-bio-180-g-20024">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Arowe Altstadt Senf Bio, 180 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 8.28 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="J5i-mMzSRDpV_ViuZbk_BayL1X3M6V6VFUwU2NEzzApmn_h9Yp60x1jAFQvzRFcpERb255GCv57JNRb9CTm23g" />
    <input value="20024" 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%2Fsun-snack%3Fformat%3Dturbo_stream%26page%3D170">
    <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/mythos-biersenf-bio-120-g-20025">
          <img alt="Mythos Biersenf Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10729/file/small-e7f8ec2c86f823356affda70e7370a5b.webp 600w, https://assets.fabulous.ch/public/variant_asset/10729/file/medium-4f5921e41b5952021aa0a00ad9085731.webp 900w, https://assets.fabulous.ch/public/variant_asset/10729/file/large-810ba94d462f88d277908df09a8220c9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10729/file/medium-4f5921e41b5952021aa0a00ad9085731.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">Chalira</p>
          <a href="/de/products/mythos-biersenf-bio-120-g-20025">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mythos Biersenf Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3C4xO4LyR789UPGeYpnaxWeDQTmArHwQVYcqG0rQLCedKXfeLL63QjBtvDv0ZLLp2h5io93HnRuJ_ig-ktpW8w" />
    <input value="20025" 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%2Fsun-snack%3Fformat%3Dturbo_stream%26page%3D170">
    <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/okolo-senfkaviar-bio-120-g-20026">
          <img alt="Okolo Senfkaviar Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10730/file/small-8227c5c71aa77f4dbcd23c7af08edcca.webp 600w, https://assets.fabulous.ch/public/variant_asset/10730/file/medium-b775c84900a137e7111fc39c1732ebf5.webp 900w, https://assets.fabulous.ch/public/variant_asset/10730/file/large-f37eff2f028745e3cf8b740d4a18ce98.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10730/file/medium-b775c84900a137e7111fc39c1732ebf5.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">Chalira</p>
          <a href="/de/products/okolo-senfkaviar-bio-120-g-20026">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Okolo Senfkaviar Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SFuPPkNOcq1oolBOUdzPvN7NaeLkxWpmaCUD919LHt4JXMnb7QKCUGWfHevHIaeQY1BKeLmui220XAHSh0FkCg" />
    <input value="20026" 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%2Fsun-snack%3Fformat%3Dturbo_stream%26page%3D170">
    <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/don-juan-grillsenf-bio-120-g-20027">
          <img alt="Don Juan Grillsenf Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10731/file/small-55be224548dbbfdda45fa5854acdfae5.webp 600w, https://assets.fabulous.ch/public/variant_asset/10731/file/medium-d279bb1dd1d0c724c5fc98bb9f9dc62c.webp 900w, https://assets.fabulous.ch/public/variant_asset/10731/file/large-6eb97f540fa14d5e848eaf16b335b30d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10731/file/medium-d279bb1dd1d0c724c5fc98bb9f9dc62c.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">Chalira</p>
          <a href="/de/products/don-juan-grillsenf-bio-120-g-20027">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Don Juan Grillsenf Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="o1NZQzuGFVoEQAZs8kl-M8JkjQfZdc7PMRCoZWhmivTiVB-mlcrlpwl9S8lktBYff_munYQeL8TtaapAsGzwIA" />
    <input value="20027" 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%2Fsun-snack%3Fformat%3Dturbo_stream%26page%3D170">
    <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/tanguero-randensenf-bio-120-g-20028">
          <img alt="Tanguero Randensenf Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10732/file/small-f5a72b0a53f76878b208b6742bb2b443.webp 600w, https://assets.fabulous.ch/public/variant_asset/10732/file/medium-7fc2e7235c496eb2d8abd20508860d9a.webp 900w, https://assets.fabulous.ch/public/variant_asset/10732/file/large-9aa3db86b5c37431fed7e47609ee08c6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10732/file/medium-7fc2e7235c496eb2d8abd20508860d9a.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">Chalira</p>
          <a href="/de/products/tanguero-randensenf-bio-120-g-20028">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tanguero Randensenf Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PSRswr5pmx9Naf-RsLXwCkqTLXGMVm_XOUXp5wiPzzF8IyonECVr4kBUsjQmSJgm9w4O69E9jtzlPOvC0IW15Q" />
    <input value="20028" 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%2Fsun-snack%3Fformat%3Dturbo_stream%26page%3D170">
    <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/leere-glaser-fur-gewurze-original-5-x-1-stuck-20113">
          <img alt="Leere Gläser für Gewürze Original" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11184/file/small-6d8371b4d7eb45dad0030f9db5d359c5.webp 600w, https://assets.fabulous.ch/public/variant_asset/11184/file/medium-f9181816f81de470050ca6f614b6d2d0.webp 900w, https://assets.fabulous.ch/public/variant_asset/11184/file/large-65f0a3d2a238c773c0de8de4b32e2147.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11184/file/medium-f9181816f81de470050ca6f614b6d2d0.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">Brecht</p>
          <a href="/de/products/leere-glaser-fur-gewurze-original-5-x-1-stuck-20113">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Leere Gläser für Gewürze Original, 5 x 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.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-20113-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="youEMikW_YEsvo8lD-A58mdizY405xRx6CySUrbIqiSLjMLXh1oNfCGDwoCZHVHe2v_uFGmM9Xo0VZB3bsLQ8A" />
    <input value="20113" 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%2Fsun-snack%3Fformat%3Dturbo_stream%26page%3D170">
    <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/nukleotide-hepacell-180-kapseln-20116">
          <img alt="Nukleotide Hepacell" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11191/file/small-fe0500dd7ae4a1762a7fc07469157c59.webp 600w, https://assets.fabulous.ch/public/variant_asset/11191/file/medium-c7967269ffb82fbd6d7244d223035c33.webp 900w, https://assets.fabulous.ch/public/variant_asset/11191/file/large-0ac6063655aea69aa8c682d325d97c08.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11191/file/medium-c7967269ffb82fbd6d7244d223035c33.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">Erva Medica AG</p>
          <a href="/de/products/nukleotide-hepacell-180-kapseln-20116">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nukleotide Hepacell, 180 Kapseln</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 89.00
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.49 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rLZfYjKRaUWF8YElpD67SHk2P8mSZMszGwmLvxe_WCTtsRmHnN2ZuIjMzIAyw9NkxKscU88PKjjHcImaz7Ui8A" />
    <input value="20116" 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%2Fsun-snack%3Fformat%3Dturbo_stream%26page%3D170">
    <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/schwarzkummelol-180-kapseln-20127">
          <img alt="Schwarzkümmelöl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11194/file/small-62367637f56726cd92c37750e068a95d.webp 600w, https://assets.fabulous.ch/public/variant_asset/11194/file/medium-41423748b089e8007953ba63906ace18.webp 900w, https://assets.fabulous.ch/public/variant_asset/11194/file/large-7eb595f135164abea205bf58031b4489.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11194/file/medium-41423748b089e8007953ba63906ace18.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">Erva Medica AG</p>
          <a href="/de/products/schwarzkummelol-180-kapseln-20127">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schwarzkümmelöl, 180 Kapseln</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 59.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.33 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xoYiAb-Fpv082hfssY8-Qh2HobfRj7HgvIxgrsT5b1CHgWTkEclWADHnWkknclZuoBqCLYzkUOtg9WKLHPMVhA" />
    <input value="20127" 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">
      3&#39;400 von 3&#39;508 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/sun-snack?format=turbo_stream&amp;page=171">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>