<turbo-stream action="append" target="products_grid"><template>
    

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fsalziges-snacks%3Fformat%3Dturbo_stream%26page%3D8">
    <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/mohnsamen-250-g-19174">
          <img alt="Mohnsamen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10878/file/small-93530f66f74c4dd212105aab55553ace.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10878/file/medium-cbad79477f7394017f04994dc84f2af7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10878/file/large-97dc7ea9fafc959adbf84b6ef54b2683.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10878/file/medium-cbad79477f7394017f04994dc84f2af7.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">SunSnack</p>
          <a href="/de/products/mohnsamen-250-g-19174">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mohnsamen, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fsalziges-snacks%3Fformat%3Dturbo_stream%26page%3D8">
    <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/nusskerne-halbe-bio-150-g-19175">
          <img alt="Nusskerne halbe Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10853/file/small-d62e1aff337eae1a81fee5616509aed9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10853/file/medium-825d2f25089d9b15af436e1cd54bd768.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10853/file/large-f84f101d53d3ae5330ebbf56c42032fa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10853/file/medium-825d2f25089d9b15af436e1cd54bd768.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">SunSnack</p>
          <a href="/de/products/nusskerne-halbe-bio-150-g-19175">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nusskerne halbe Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fsalziges-snacks%3Fformat%3Dturbo_stream%26page%3D8">
    <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/nusskerne-halbe-helle-bio-650-g-19176">
          <img alt="Nusskerne halbe helle Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10854/file/small-b09954fe1975436bd3e7c28d57d991e3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10854/file/medium-c81c2348bd2f28bb18bfdf4f21ac677b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10854/file/large-843790b0d30badf8e28a8ff393a380a1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10854/file/medium-c81c2348bd2f28bb18bfdf4f21ac677b.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">SunSnack</p>
          <a href="/de/products/nusskerne-halbe-helle-bio-650-g-19176">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nusskerne halbe helle Bio, 650 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.50
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fsalziges-snacks%3Fformat%3Dturbo_stream%26page%3D8">
    <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/papayastangel-200-g-19177">
          <img alt="Papayastängel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10914/file/small-9e0192954d400cb62c2f4eea1ee04d27.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10914/file/medium-6ad143a5c00ccff25712903c3c0c83f3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10914/file/large-308dc3e551e4d3f1c1519c9a558b5fd6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10914/file/medium-6ad143a5c00ccff25712903c3c0c83f3.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">SunSnack</p>
          <a href="/de/products/papayastangel-200-g-19177">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Papayastängel, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OvOR4HbClZYVxYhRSIiJSfaPh-3vcmU1PCNvp9dPpV27aEh6PqVwEBbCeRvTso0eFEzUBc6poKHtj7nLhD-6JA" />
    <input value="19177" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fsalziges-snacks%3Fformat%3Dturbo_stream%26page%3D8">
    <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/paranusskerne-bio-250-g-19178">
          <img alt="Paranusskerne Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10856/file/small-030b5cff96ea7b4b423841dbbe762760.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10856/file/medium-35d244d97b4edb2f9bc523fd1fa113a4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10856/file/large-0c451e27061509036c2221f941a344c7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10856/file/medium-35d244d97b4edb2f9bc523fd1fa113a4.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">SunSnack</p>
          <a href="/de/products/paranusskerne-bio-250-g-19178">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Paranusskerne Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.50
            </p>

          </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-19178-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DRwbpXkOFaPPaAc-XV9GDk2x5UEr-2TJkMv3_-KD-tGMh8I_MWnwJcxv9nTGZUJZr3K2qQogoV1BZyGTsfPlqA" />
    <input value="19178" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fsalziges-snacks%3Fformat%3Dturbo_stream%26page%3D8">
    <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/pekan-nusskerne-150-g-19179">
          <img alt="Pekan-Nusskerne" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10879/file/small-e2c1e557b275ff72846fd33d00f8ccc5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10879/file/medium-e0fcf672fa624906bb05bfa085ced34d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10879/file/large-88abd764c66f5730db6def19f69e15d2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10879/file/medium-e0fcf672fa624906bb05bfa085ced34d.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">SunSnack</p>
          <a href="/de/products/pekan-nusskerne-150-g-19179">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pekan-Nusskerne, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fsalziges-snacks%3Fformat%3Dturbo_stream%26page%3D8">
    <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/pflaumen-ohne-stein-bio-225-g-19180">
          <img alt="Pflaumen ohne Stein Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10837/file/small-8c6e569515fea99b1ca725d488abe9d8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10837/file/medium-43d86fcd3f54320803ce60267ecebf3c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10837/file/large-7c1d5dc94dd421607ce7e7efb2faec18.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10837/file/medium-43d86fcd3f54320803ce60267ecebf3c.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">SunSnack</p>
          <a href="/de/products/pflaumen-ohne-stein-bio-225-g-19180">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pflaumen ohne Stein Bio, 225 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="idYjB6z0vH17f2xKAuKVuIIy0Gh6xNOWNVTEdSrW4OEITfqd5JNZ-3h4nQCZ2JHvYPGDgFsfFgLk-BIZeab_mA" />
    <input value="19180" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fsalziges-snacks%3Fformat%3Dturbo_stream%26page%3D8">
    <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/pflaumen-ohne-stein-bio-500-g-19181">
          <img alt="Pflaumen ohne Stein Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10836/file/small-2fa943b592c844d59d9a6ce91c395250.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10836/file/medium-2114c28b0a894c98cec076d1bcd970f3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10836/file/large-b96fd3fe12841ec891dae21914175928.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10836/file/medium-2114c28b0a894c98cec076d1bcd970f3.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">SunSnack</p>
          <a href="/de/products/pflaumen-ohne-stein-bio-500-g-19181">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pflaumen ohne Stein Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.90
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fsalziges-snacks%3Fformat%3Dturbo_stream%26page%3D8">
    <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/pinienkerne-weiss-bio-100-g-19182">
          <img alt="Pinienkerne weiss Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10855/file/small-a71dc122f8efbd531243473baa3262fd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10855/file/medium-0b6b12c171aab5da614a10087dd3f77a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10855/file/large-fdbe135bab6edb59f77c2698b1d993ad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10855/file/medium-0b6b12c171aab5da614a10087dd3f77a.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">SunSnack</p>
          <a href="/de/products/pinienkerne-weiss-bio-100-g-19182">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pinienkerne weiss Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.90
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fsalziges-snacks%3Fformat%3Dturbo_stream%26page%3D8">
    <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/pistazien-ganz-gerostet-u-gesalzen-175-g-19183">
          <img alt="Pistazien ganz geröstet u. gesalzen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10881/file/small-6118c355f18fcf8507d1f5bd8e88e73c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10881/file/medium-2d2ae102db93b8b33065e1846dad6e94.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10881/file/large-4d6915bc6791761d0ef7f778b4a3dba9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10881/file/medium-2d2ae102db93b8b33065e1846dad6e94.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">SunSnack</p>
          <a href="/de/products/pistazien-ganz-gerostet-u-gesalzen-175-g-19183">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pistazien ganz geröstet u. gesalzen, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fsalziges-snacks%3Fformat%3Dturbo_stream%26page%3D8">
    <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/pistazien-geschalt-100-g-19184">
          <img alt="Pistazien geschält" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10880/file/small-4c413375cc1094056405a01b15ebd577.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10880/file/medium-a920649b58be78787474c4611332fe0d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10880/file/large-dec3e60a29a600b4d012e103e1b3a407.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10880/file/medium-a920649b58be78787474c4611332fe0d.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">SunSnack</p>
          <a href="/de/products/pistazien-geschalt-100-g-19184">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pistazien geschält, 100 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 13.90 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fsalziges-snacks%3Fformat%3Dturbo_stream%26page%3D8">
    <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/rauch-mandeln-200-g-19185">
          <img alt="Rauch-Mandeln" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10916/file/small-1b90d4acb9de497cd14e0c509a650d60.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10916/file/medium-f94019979b349aa32168d79c4bee24ae.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10916/file/large-870b081755a4e25754c9159fd9f7bbc7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10916/file/medium-f94019979b349aa32168d79c4bee24ae.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">SunSnack</p>
          <a href="/de/products/rauch-mandeln-200-g-19185">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rauch-Mandeln, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3QBkVtg-EqIspf9kjLZcWlxTcJ1vAdFTOOslHbCsoJ9cm73MkFn3JC-iDi4XjFgNvpAjdU7aFMfpR_Nx49y_5g" />
    <input value="19185" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fsalziges-snacks%3Fformat%3Dturbo_stream%26page%3D8">
    <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/salatbouquet-bio-250-g-19186">
          <img alt="Salatbouquet Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10863/file/small-fe1d531b341abedadb81749510914b28.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10863/file/medium-0039ee6b9216412dcb988bfd0e925c20.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10863/file/large-72727a93abafbfd64ee9187ef7896533.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10863/file/medium-0039ee6b9216412dcb988bfd0e925c20.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">SunSnack</p>
          <a href="/de/products/salatbouquet-bio-250-g-19186">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Salatbouquet Bio, 250 g</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 2.76 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fsalziges-snacks%3Fformat%3Dturbo_stream%26page%3D8">
    <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/sesam-ungeschalt-bio-250-g-19187">
          <img alt="Sesam ungeschält Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10860/file/small-a369445a24fef36ad36384595066fd67.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10860/file/medium-135d992c074dd88bad5f082b900b7fd9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10860/file/large-96a371006aac2c66aa5e67798464750d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10860/file/medium-135d992c074dd88bad5f082b900b7fd9.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">SunSnack</p>
          <a href="/de/products/sesam-ungeschalt-bio-250-g-19187">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sesam ungeschält Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fsalziges-snacks%3Fformat%3Dturbo_stream%26page%3D8">
    <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/sonnenblumenkerne-geschalt-bio-500-g-19188">
          <img alt="Sonnenblumenkerne geschält Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10861/file/small-28b3303e94c25775939a08cad668e2ff.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10861/file/medium-577f3adeda2b8d2b92075703e376480d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10861/file/large-9c6f810315cbbc0a3a5edb59a195088c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10861/file/medium-577f3adeda2b8d2b92075703e376480d.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">SunSnack</p>
          <a href="/de/products/sonnenblumenkerne-geschalt-bio-500-g-19188">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sonnenblumenkerne geschält Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fsalziges-snacks%3Fformat%3Dturbo_stream%26page%3D8">
    <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/sultaninen-bio-250-g-19189">
          <img alt="Sultaninen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10843/file/small-222ed03ab4f69042a58012545d52d96a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10843/file/medium-21177dd91befd29294db9bf52e2b1876.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10843/file/large-d39303964dbd59a8786c3c1ec060db88.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10843/file/medium-21177dd91befd29294db9bf52e2b1876.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">SunSnack</p>
          <a href="/de/products/sultaninen-bio-250-g-19189">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sultaninen Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fsalziges-snacks%3Fformat%3Dturbo_stream%26page%3D8">
    <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/sultaninen-bio-500-g-3855c1c7-2846-4cbd-a7dc-fad7e9a3eb0c-19190">
          <img alt="Sultaninen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10842/file/small-3df05beddee720854c1f870d40aa3950.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10842/file/medium-e15e99f30d5d564523624b192df5899f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10842/file/large-4b5b0d3688ac61f7046d0812a5b21667.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10842/file/medium-e15e99f30d5d564523624b192df5899f.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">SunSnack</p>
          <a href="/de/products/sultaninen-bio-500-g-3855c1c7-2846-4cbd-a7dc-fad7e9a3eb0c-19190">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sultaninen Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.20
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fsalziges-snacks%3Fformat%3Dturbo_stream%26page%3D8">
    <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/sultaninen-flames-250-g-19191">
          <img alt="Sultaninen Flames" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10873/file/small-a3c9c5f04d853e85ece353cc7d40af74.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10873/file/medium-0ea4ff91554440dcc412e9332d2a6ca8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10873/file/large-5aa3e357b4b1837b01bce372e4315138.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10873/file/medium-0ea4ff91554440dcc412e9332d2a6ca8.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">SunSnack</p>
          <a href="/de/products/sultaninen-flames-250-g-19191">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sultaninen Flames, 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-19191-card">
        

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fsalziges-snacks%3Fformat%3Dturbo_stream%26page%3D8">
    <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/superfood-mix-bio-175-g-19192">
          <img alt="Superfood-Mix Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10862/file/small-e8fbaefdfe51d47375c5b387db08fb3f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10862/file/medium-47eb209bf867eaf6c767808095b31809.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10862/file/large-12606c867c2ee95af89f4c2a204884c9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10862/file/medium-47eb209bf867eaf6c767808095b31809.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">SunSnack</p>
          <a href="/de/products/superfood-mix-bio-175-g-19192">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Superfood-Mix Bio, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.50
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fsalziges-snacks%3Fformat%3Dturbo_stream%26page%3D8">
    <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/superfood-mix-berries-nuts-bio-175-g-19193">
          <img alt="Superfood-Mix Berries &amp; Nuts Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10859/file/small-ebfa47599387beae0b0dff6703b3ef0f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10859/file/medium-3c50bbdb5f7c43314030121f022c91bf.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10859/file/large-89eb8165acad22eab4f139c50ef8965e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10859/file/medium-3c50bbdb5f7c43314030121f022c91bf.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">SunSnack</p>
          <a href="/de/products/superfood-mix-berries-nuts-bio-175-g-19193">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Superfood-Mix Berries &amp; Nuts Bio, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Qe2XPPgsHl0AxR25UjY4_itBp5vycg9WRghvn2uD4nrAdk6msEv72wPC7PPJDDypyYL0c9OpysKXpLnzOPP9Aw" />
    <input value="19193" 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">
      160 von 212 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/lebensmittel/salziges-snacks?format=turbo_stream&amp;page=9">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>