<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="/signup?return_to=%2Fcategories%2Fbrecht%3Fformat%3Dturbo_stream%26page%3D59">
    <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="/products/traubenzucker-500-g-18706">
          <img alt="Traubenzucker" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9757/file/small-14d3dd11f3422867a70330f401046d8c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9757/file/medium-2094355d5cffac81d6830df20bee9fae.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9757/file/large-70d4073b795a13896193222d555e37c2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9757/file/medium-2094355d5cffac81d6830df20bee9fae.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="/products/traubenzucker-500-g-18706">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Traubenzucker, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mBdn3lPE_YtY04TCS5a8n5OErVn8X0OFrqUQbeDY1odQngjk9Lr56R1AODc0DIKCCl6sI8_WO7wlvnSl8IQjuQ" />
    <input value="18706" 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="/signup?return_to=%2Fcategories%2Fbrecht%3Fformat%3Dturbo_stream%26page%3D59">
    <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="/products/vollsojaflocken-bio-350-g-18707">
          <img alt="Vollsojaflocken Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9759/file/small-8c688d3bed13001b068922f18b29f0dd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9759/file/medium-ce75414a2a8f4168d0ee10ab058bf928.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9759/file/large-cf9ca124e05c2f437c0c2e497546c276.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9759/file/medium-ce75414a2a8f4168d0ee10ab058bf928.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="/products/vollsojaflocken-bio-350-g-18707">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vollsojaflocken Bio, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NaOsMWtNLA0jKI7zADYUbc6qDJbN3Zm1HNtqk09eUAb9KsMLzDMob2a7MgZ_rCpwV3AN7P5U4YyXwA5bXwKlOA" />
    <input value="18707" 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="/signup?return_to=%2Fcategories%2Fbrecht%3Fformat%3Dturbo_stream%26page%3D59">
    <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="/products/weizen-demeter-500-g-18708">
          <img alt="Weizen Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9715/file/small-fad01b761750a967169fec0fea0df90a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9715/file/medium-17b3e20d7e294b0b4ce85bd1c95b00ab.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9715/file/large-583575ee65569e3ce24c8c36b934e88d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9715/file/medium-17b3e20d7e294b0b4ce85bd1c95b00ab.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="/products/weizen-demeter-500-g-18708">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Weizen Demeter, 500 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 0.78 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YOzo7wRMAJz93hfYfXKjpQPxT3e0I_OMoNwmORVtRjuoZYfVozIE_rhNqy0C6J24mitODYeqi7Urx0LxBTGzBQ" />
    <input value="18708" 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="/signup?return_to=%2Fcategories%2Fbrecht%3Fformat%3Dturbo_stream%26page%3D59">
    <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="/products/weizengluten-400-g-18709">
          <img alt="Weizengluten" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9246/file/small-d09d7548a1c02bebf34678f29e523a2e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9246/file/medium-06ba578f9ca32c7027bc4043d848a2e9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9246/file/large-62280684a3b4f5b8dea9db7dcca98ebf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9246/file/medium-06ba578f9ca32c7027bc4043d848a2e9.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="/products/weizengluten-400-g-18709">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Weizengluten, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.70
            </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-18709-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Xuk7TfG0zUI3zryFS6J5Hl72aBoj1Qz9_WMewu322bGWYFR3VsrJIHJdAHA0OEcDxyxpYBBcdMR2eHoK_aosjw" />
    <input value="18709" 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="/signup?return_to=%2Fcategories%2Fbrecht%3Fformat%3Dturbo_stream%26page%3D59">
    <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="/products/weizenkeime-naturrein-200-g-18710">
          <img alt="Weizenkeime naturrein" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9758/file/small-228a110f360265e16cc66a1070909ab4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9758/file/medium-624be7dba68184489bb9997d667cd79e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9758/file/large-ff4cdbec1deeaba41a0c52ac5c544a22.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9758/file/medium-624be7dba68184489bb9997d667cd79e.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="/products/weizenkeime-naturrein-200-g-18710">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Weizenkeime naturrein, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hwXLJHQ1jcCeAHV3VzNi1sW2xgUf4Jhw8zsXvUNpYYtPjKQe00uJotuTyYIoqVzLXGzHfyxp4El4IHN1UzWUtQ" />
    <input value="18710" 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="/signup?return_to=%2Fcategories%2Fbrecht%3Fformat%3Dturbo_stream%26page%3D59">
    <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="/products/malz-kaffee-demeter-100-g-18711">
          <img alt="Malz Kaffee Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9557/file/small-2955cdd26f3fdbfeabcbd5a9ec67e24e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9557/file/medium-6ccb586d04246c0c37ae84ff49667e60.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9557/file/large-f214212e7c0838aeef3d77aae9f315a3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9557/file/medium-6ccb586d04246c0c37ae84ff49667e60.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">MountHagen</p>
          <a href="/products/malz-kaffee-demeter-100-g-18711">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Malz Kaffee Demeter, 100 g</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 5.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NAZOWChnNt1m6o6R-PosA2TFLIr8jL_lXolPdvTSWX38jyFijxkyvyN5MmSHYBIe_R8t8M8Fx9zVkiu-5I6sQw" />
    <input value="18711" 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="/signup?return_to=%2Fcategories%2Fbrecht%3Fformat%3Dturbo_stream%26page%3D59">
    <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="/products/algen-arame-konv-50-g-18712">
          <img alt="Algen Arame konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10092/file/small-583ac25d53a74b58eda15d078f1ccd4e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10092/file/medium-7cd08359e9f65a1eb7b9b86c5c8d2eb9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10092/file/large-eb364246fb7b44c441d5a6385d106e27.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10092/file/medium-7cd08359e9f65a1eb7b9b86c5c8d2eb9.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">Muso</p>
          <a href="/products/algen-arame-konv-50-g-18712">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Algen Arame konv, 50 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 17.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="se8fQrSxXHRzeX3a-bWDuuUiBolEmi7DvvXrow6RaGh5ZnB4E89YFjbqwS-GL72nfPgH83cTVvo17o9rHs2dVg" />
    <input value="18712" 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="/signup?return_to=%2Fcategories%2Fbrecht%3Fformat%3Dturbo_stream%26page%3D59">
    <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="/products/algen-sushi-nori-konv-10-stuck-18713">
          <img alt="Algen Sushi Nori konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11307/file/small-039dd14647ffa095f8cf158530fb9e14.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11307/file/medium-41b938b9590ee91c664019d0547d5b7a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11307/file/large-00564b61ff4ced2d66a4659e2c3ce1a1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11307/file/medium-41b938b9590ee91c664019d0547d5b7a.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">Muso</p>
          <a href="/products/algen-sushi-nori-konv-10-stuck-18713">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Algen Sushi Nori konv, 10 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2C62in70HofqA5WKxsUI7h_nc9_ru9efN1PItQwgXRcQp9mw2Yoa5a-QKX-5Xzbzhj1ypdgyr6a8SKx9HHyoKQ" />
    <input value="18713" 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="/signup?return_to=%2Fcategories%2Fbrecht%3Fformat%3Dturbo_stream%26page%3D59">
    <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="/products/algen-wakame-konv-50-g-18714">
          <img alt="Algen Wakame konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11415/file/small-c2680d35591e0422fc61f5965b39d376.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11415/file/medium-4d33c18f357c23d9a855d956b6b96ea8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11415/file/large-9271e703b0a93bb7837c3ab6208ca488.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11415/file/medium-4d33c18f357c23d9a855d956b6b96ea8.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">Muso</p>
          <a href="/products/algen-wakame-konv-50-g-18714">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Algen Wakame konv, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="U4LMrm7l8ZCl0bwc4y02VEk2Al-4Zr80eeGEhjVOti-bC6OUyZv18uBCAOmctwhJ0OwDJYvvxw3y-uBOJRJDEQ" />
    <input value="18714" 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="/signup?return_to=%2Fcategories%2Fbrecht%3Fformat%3Dturbo_stream%26page%3D59">
    <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="/products/algengewurz-ao-nori-konv-20-g-18715">
          <img alt="Algengewürz Ao Nori konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11308/file/small-a4eb1168e3739eb86d4bbe9780025f95.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11308/file/medium-03ab3f03002d1236f0767005d8ffd4e6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11308/file/large-c8528f13d66320ecbcaee52fe170ce52.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11308/file/medium-03ab3f03002d1236f0767005d8ffd4e6.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">Muso</p>
          <a href="/products/algengewurz-ao-nori-konv-20-g-18715">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Algengewürz Ao Nori konv, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="23fg5E1j1mnT0kcfArhH99bk6c4AyeB_yvmFfWbSO-UT_o_e6h3SC5ZB--p9InnqTz7otDNAmEZB4uG1do7O2w" />
    <input value="18715" 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="/signup?return_to=%2Fcategories%2Fbrecht%3Fformat%3Dturbo_stream%26page%3D59">
    <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="/products/bifun-reisnudeln-konv-100-g-18716">
          <img alt="Bifun Reisnudeln konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11416/file/small-aa614e78a8a4ee2635f2edc87da4b391.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11416/file/medium-c6f8f8f5ee8077d3076a912c39c3f2d9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11416/file/large-b386c1b3f1d7062b04025ca75213d396.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11416/file/medium-c6f8f8f5ee8077d3076a912c39c3f2d9.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">Muso</p>
          <a href="/products/bifun-reisnudeln-konv-100-g-18716">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bifun Reisnudeln konv, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="s_gyA2AujLolUHMw4HGNnK3ggrVp2y4fBRy6EmNOEqB7cV05x1CI2GDDz8Wf67OBNDqDz1pSViaOB97acxLnng" />
    <input value="18716" 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="/signup?return_to=%2Fcategories%2Fbrecht%3Fformat%3Dturbo_stream%26page%3D59">
    <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="/products/cracker-tamari-vollreis-konv-65-g-18717">
          <img alt="Cracker Tamari Vollreis konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11309/file/small-d4770f839eced1615a448d805ae9f273.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11309/file/medium-f3336c4dd027f81a1ec5e51e1a1b5017.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11309/file/large-0176d6e6b8771c1be2d5a9d6feff6b8b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11309/file/medium-f3336c4dd027f81a1ec5e51e1a1b5017.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">Muso</p>
          <a href="/products/cracker-tamari-vollreis-konv-65-g-18717">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cracker Tamari Vollreis konv, 65 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SBGO1PrR3GbpJT7de3D205vTAatB01R9sY9N-8VWRumAmOHuXa_YBKy2gigE6sjOAgkA0XJaLEQ6lCkz1Qqz1w" />
    <input value="18717" 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="/signup?return_to=%2Fcategories%2Fbrecht%3Fformat%3Dturbo_stream%26page%3D59">
    <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="/products/organic-genmai-brown-rice-black-sesame-cracker-bio-60-g-18718">
          <img alt="Organic Genmai Brown Rice Black Sesame Cracker Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10634/file/small-398ffb1b55a5014f40629d28ee2af2f0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10634/file/medium-f3abac1b77fa8260f28aaaa6f80ae1c2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10634/file/large-39ed344c28e1a19b64a138873bda331b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10634/file/medium-f3abac1b77fa8260f28aaaa6f80ae1c2.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">Muso</p>
          <a href="/products/organic-genmai-brown-rice-black-sesame-cracker-bio-60-g-18718">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Organic Genmai Brown Rice Black Sesame Cracker Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hhA6yxSJaTLyK3CwV3fDIpE-O9tcB9CtIrTUi1MUtwhOmVXxs_dtULe4zEUo7f0_COQ6oW-OqJSpr7BDQ0hCNg" />
    <input value="18718" 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="/signup?return_to=%2Fcategories%2Fbrecht%3Fformat%3Dturbo_stream%26page%3D59">
    <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="/products/ingwer-pickles-konv-60-g-18719">
          <img alt="Ingwer Pickles konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10091/file/small-69e54e5928d839fa70a950a20310b984.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10091/file/medium-6fa9b0ea6292dcb16b303594f3b0bde3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10091/file/large-b12e2a0358537b6612cb947ecdaf8050.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10091/file/medium-6fa9b0ea6292dcb16b303594f3b0bde3.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">Muso</p>
          <a href="/products/ingwer-pickles-konv-60-g-18719">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ingwer Pickles konv, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-4UCY6ikRApSQ17pzN-VjLEW8-mtREQ3ms8mSgeIk0AzDG1ZD9pAaBfQ4hyzRauRKMzyk57NPA4R1EKCF9Rmfg" />
    <input value="18719" 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="/signup?return_to=%2Fcategories%2Fbrecht%3Fformat%3Dturbo_stream%26page%3D59">
    <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="/products/ume-su-pflaumenessig-bio-250-ml-18720">
          <img alt="Ume Su Pflaumenessig Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10093/file/small-62a8ee320f6a8328321f16d8f8b0fe4f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10093/file/medium-4b9413e650fb94d56fc7bed227d56850.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10093/file/large-7e9cacdcaa23feda46b2b213f2fc077d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10093/file/medium-4b9413e650fb94d56fc7bed227d56850.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">Muso</p>
          <a href="/products/ume-su-pflaumenessig-bio-250-ml-18720">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ume Su Pflaumenessig Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3bJ8YdTP1W7cNTej512zcYYzgLRRIcz8CkfHtgpfbiAVOxNbc7HRDJmmi1aYx41sH-mBzmKotMWBXKN-GgObHg" />
    <input value="18720" 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="/signup?return_to=%2Fcategories%2Fbrecht%3Fformat%3Dturbo_stream%26page%3D59">
    <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="/products/umeboshi-japanische-salzpflaume-bio-150-g-18721">
          <img alt="Umeboshi japanische Salzpflaume Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11310/file/small-7273c5f47ed69a74e21346ddff9c0dee.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11310/file/medium-cf69be1b09dbdfb14b0cb6d258620f4b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11310/file/large-6e0647642324ba3be333b61c1d827741.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11310/file/medium-cf69be1b09dbdfb14b0cb6d258620f4b.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">Muso</p>
          <a href="/products/umeboshi-japanische-salzpflaume-bio-150-g-18721">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Umeboshi japanische Salzpflaume Bio, 150 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 9.27 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vHISYdQ_nw5qbrORhS6D_rk2Dlt2EVbhRQtTXkwPv4V0-31bc0GbbC_9D2T6tL3jIOwPIUWYLtjOEDeWXFNKuw" />
    <input value="18721" 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="/signup?return_to=%2Fcategories%2Fbrecht%3Fformat%3Dturbo_stream%26page%3D59">
    <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="/products/umeboshi-paste-konv-150-g-18722">
          <div class="py-4 w-full h-full flex items-center justify-center bg-gray-100 max-h-72">
            <span class="text-gray-400">No Image</span>
          </div>
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Muso</p>
          <a href="/products/umeboshi-paste-konv-150-g-18722">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Umeboshi Paste konv, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bpCbTI3gaRPacLn5aRY5oTh0Rna0htzCfAHR-rN22z6mGfR2Kp5tcZ_jBQwWjAe8oa5HDIcPpPv3GrUyoyouAA" />
    <input value="18722" 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="/signup?return_to=%2Fcategories%2Fbrecht%3Fformat%3Dturbo_stream%26page%3D59">
    <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="/products/ei-ersatz-bio-175-g-18723">
          <img alt="Ei-Ersatz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10422/file/small-12a6af85d1162b3dfb4039f5cbd2d154.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10422/file/medium-d3440582f6d54e8b7d21f0d2b767f9fd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10422/file/large-b30eae3d80237ca3ecb07969a871feb6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10422/file/medium-d3440582f6d54e8b7d21f0d2b767f9fd.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="/products/ei-ersatz-bio-175-g-18723">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ei-Ersatz Bio, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aZEWqePt5CcFyQMcUOyZ76HQ2uEX6lplcfjJGHptmk-hGHmTRJPgRUBav-kvdqfyOArbmyRjIlz6463QajFvcQ" />
    <input value="18723" 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="/signup?return_to=%2Fcategories%2Fbrecht%3Fformat%3Dturbo_stream%26page%3D59">
    <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="/products/chutney-mango-bio-140-g-f66c8b2f-9c4e-4e23-a445-34d41e6639c3-18724">
          <img alt="Chutney Mango Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9560/file/small-d572fcf5719ff839a4067858040b56ad.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9560/file/medium-2de0fef2081893df61896fa28e7d3f12.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9560/file/large-3a43e884eba7bca4b87ba5304fd5a65b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9560/file/medium-2de0fef2081893df61896fa28e7d3f12.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">Naturata</p>
          <a href="/products/chutney-mango-bio-140-g-f66c8b2f-9c4e-4e23-a445-34d41e6639c3-18724">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chutney Mango Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.85
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GC43YvitCzfV4FzOoLtjE6z5Y6TzowZo-HoG9gYIcwzQp1hYX9MPVZBz4DvfIV0ONSNi3sAqflFzYWI-FlSGMg" />
    <input value="18724" 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="/signup?return_to=%2Fcategories%2Fbrecht%3Fformat%3Dturbo_stream%26page%3D59">
    <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="/products/dinkel-spirelli-hell-demeter-500-g-18725">
          <img alt="Dinkel Spirelli hell Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9248/file/small-3c440acdfc990571930928b934c9dda3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9248/file/medium-1a58b54da7f84340cec77bb3fa157d38.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9248/file/large-50120f14411f4ce84b9fe8ca285244a8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9248/file/medium-1a58b54da7f84340cec77bb3fa157d38.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">Naturata</p>
          <a href="/products/dinkel-spirelli-hell-demeter-500-g-18725">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dinkel Spirelli hell Demeter, 500 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 1.04 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="miLye_WYKL1r8nDNBtS2b5Ujkr1VhY2yV4wLFj5tP7tSq51BUuYs3y5hzDh5TohyDPmTx2YM9Yvcl2_eLjHKhQ" />
    <input value="18725" 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">
      1&#39;180 von 3&#39;030 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/brecht?format=turbo_stream&amp;page=60">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>