<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%2Fmogli%3Fformat%3Dturbo_stream%26page%3D110">
    <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/akropolis-olivensalzbluten-glas-72-g-19761">
          <img alt="Akropolis Olivensalzblüten Glas" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10308/file/small-9aae1e52eb0548605df0550cfb609533.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10308/file/medium-c2db214b55bdf9d43f44e6dee7d65fea.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10308/file/large-3f674d8cd2408cf6503327729be1f389.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10308/file/medium-c2db214b55bdf9d43f44e6dee7d65fea.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Chalira</p>
          <a href="/products/akropolis-olivensalzbluten-glas-72-g-19761">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Akropolis Olivensalzblüten Glas, 72 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MnSB_hhH8HwpF1QblO2M1sZ2HMAfri4JqqUc3IBBkhrlDyKMvB0DkRoOs5SmOp-ur3ZkVxIrNWK-0PHfb8s8Qw" />
    <input value="19761" 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%2Fmogli%3Fformat%3Dturbo_stream%26page%3D110">
    <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/rosa-salzbluten-nfp-50-g-19762">
          <img alt="Rosa Salzblüten NFP" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10352/file/small-70a116b4ec781b7f976ace53f5b441d4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10352/file/medium-56133eb30f81db9fcd1b9e60469417b6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10352/file/large-5e7f7abc5e4a7636888e5c4a3322f236.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10352/file/medium-56133eb30f81db9fcd1b9e60469417b6.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Chalira</p>
          <a href="/products/rosa-salzbluten-nfp-50-g-19762">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rosa Salzblüten NFP, 50 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 17.80 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="428Oc6OOX96AOLFhuim34se7Dh0-uI6E1ryeE_xf-AA0FK0BB9SsM7MhVu6I_qSarrt2ijM9le_CyXMQE9VWWQ" />
    <input value="19762" 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%2Fmogli%3Fformat%3Dturbo_stream%26page%3D110">
    <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/wilde-krauter-gerebelt-nfp-3-g-19763">
          <img alt="Wilde Kräuter gerebelt NFP" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10351/file/small-0e3484bd453ff6a8992696266c7b78fe.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10351/file/medium-feb1207825a3d1353a370a7f38f8f74c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10351/file/large-0027dc7e64bc6e30a66cbe0dea54e10e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10351/file/medium-feb1207825a3d1353a370a7f38f8f74c.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Chalira</p>
          <a href="/products/wilde-krauter-gerebelt-nfp-3-g-19763">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wilde Kräuter gerebelt NFP, 3 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 383.33 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CyuhVXm7mX5_RS5kc8aZhrutFP_w-VlKuOwGBwDFlAXcUAIn3eFqk0xcyetBEYr-0q1saP18QiGsmesE7086XA" />
    <input value="19763" 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%2Fmogli%3Fformat%3Dturbo_stream%26page%3D110">
    <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/wurzler-wildkrauterpaste-100-g-19764">
          <img alt="Wurzler Wildkräuterpaste" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10307/file/small-e64f4c3c488c5990dd5d87db31bfee76.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10307/file/medium-0286a0146fcf066361dd52e75cad4f5e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10307/file/large-0c9fc7e839d7b14913f3120db213b6f9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10307/file/medium-0286a0146fcf066361dd52e75cad4f5e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Chalira</p>
          <a href="/products/wurzler-wildkrauterpaste-100-g-19764">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wurzler Wildkräuterpaste, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="z06M0kgaSY7iyOUd0-JmNqqKXHsxeNKAAi47vfQMbHwYNS-g7EC6Y9HRApLhNXVOw4ok7Dz9yesWW9a-G4bCJQ" />
    <input value="19764" 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%2Fmogli%3Fformat%3Dturbo_stream%26page%3D110">
    <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/tonka-bohne-ganz-glas-30-g-19765">
          <img alt="Tonka Bohne ganz Glas" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10367/file/small-f6ed6333c79ca807c9cca545e02222d4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10367/file/medium-3e6d9357b16f7bb234c7a6e9cf3aa412.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10367/file/large-19e3c827ad814a66d9a361d34848f912.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10367/file/medium-3e6d9357b16f7bb234c7a6e9cf3aa412.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Chalira</p>
          <a href="/products/tonka-bohne-ganz-glas-30-g-19765">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tonka Bohne ganz Glas, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fDpCUjNBh3wRTw4dXlrdHVdtkFWKRJbxzEe5B5OlUy2rQeEglxt0kSJW6ZJsjc5lPm3owofBjZrYMlQEfC_9dA" />
    <input value="19765" 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%2Fmogli%3Fformat%3Dturbo_stream%26page%3D110">
    <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/raucherwerk-leichtigkeit-20-g-19766">
          <img alt="Räucherwerk Leichtigkeit" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10222/file/small-c083f1e2734533199d9c11832f2af89b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10222/file/medium-d8bf81a0373544b80c32ac0454d576ba.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10222/file/large-0b61e20a3e2293f16deb087860084d6b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10222/file/medium-d8bf81a0373544b80c32ac0454d576ba.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">AromaLife</p>
          <a href="/products/raucherwerk-leichtigkeit-20-g-19766">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Räucherwerk Leichtigkeit, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aZZ_FgR2Ad_Q8olVJlf0Q1IRkmViHeO-sHteNlJL8wG-7dxkoCzyMuPrbtoUgOc7OxHq8m-Y-NWkDrM1vcFdWA" />
    <input value="19766" 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%2Fmogli%3Fformat%3Dturbo_stream%26page%3D110">
    <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/raucherwerk-salbeibundel-klein-1-stuck-19767">
          <img alt="Räucherwerk Salbeibündel klein" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10223/file/small-2f9eb2f774fd6f8a02352d36055e6edd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10223/file/medium-c629ebb59b851d733e9583d90c38f260.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10223/file/large-f9b99c212c24022a739518e3404b563f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10223/file/medium-c629ebb59b851d733e9583d90c38f260.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">AromaLife</p>
          <a href="/products/raucherwerk-salbeibundel-klein-1-stuck-19767">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Räucherwerk Salbeibündel klein, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZKYQCcTXVEDJKhaBCEhpQGespoA7a4krDM9ZAG3KcVGz3bN7YI2nrfoz8Q46n3o4DqzeFzbukkAYurQDgkDfCA" />
    <input value="19767" 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%2Fmogli%3Fformat%3Dturbo_stream%26page%3D110">
    <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/raucherwerk-lebensfreude-20-g-19768">
          <img alt="Räucherwerk Lebensfreude" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10224/file/small-4481bab716bfe6446a178ad05ebaf63f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10224/file/medium-0b5f5ce25e0bef571994009935c6416c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10224/file/large-30bc15c3effaba354e71c413db1c1f27.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10224/file/medium-0b5f5ce25e0bef571994009935c6416c.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">AromaLife</p>
          <a href="/products/raucherwerk-lebensfreude-20-g-19768">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Räucherwerk Lebensfreude, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6VfU2p_k11E2ag6nyFHIKRnZQUv3D8ngUVGmHgd2B9w-LHeoO74kvAVz6Sj6httRcNk53PqK0otFJEsd6PyphQ" />
    <input value="19768" 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%2Fmogli%3Fformat%3Dturbo_stream%26page%3D110">
    <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/raucherwerk-mut-und-kraft-20-g-19769">
          <img alt="Räucherwerk Mut und Kraft" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10225/file/small-6dcc5a77663f5923cd8ddc0a7a27562d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10225/file/medium-d634fc7888411c5d71b4cb46b4542a40.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10225/file/large-04ac2ef961c284d704d5da8868e00135.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10225/file/medium-d634fc7888411c5d71b4cb46b4542a40.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">AromaLife</p>
          <a href="/products/raucherwerk-mut-und-kraft-20-g-19769">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Räucherwerk Mut und Kraft, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3g4VYIcOtjb7AOZn0sz0NN74ewpHRAgNvRmhDZZje7cJdbYSI1RF28gZAejgG-dMt_gDnUrBE2apbEwOeenV7g" />
    <input value="19769" 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%2Fmogli%3Fformat%3Dturbo_stream%26page%3D110">
    <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/raucherwerk-klarheit-20-g-19770">
          <img alt="Räucherwerk Klarheit" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10226/file/small-ad7ce2faf62aeffb7d092c304e75c7ce.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10226/file/medium-a38a67868a11382f9c03c16ee3f96e00.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10226/file/large-289d83a4bde13142c1506deb89f89260.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10226/file/medium-a38a67868a11382f9c03c16ee3f96e00.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">AromaLife</p>
          <a href="/products/raucherwerk-klarheit-20-g-19770">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Räucherwerk Klarheit, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TV7lKu0tUTPgOgY6FApS0hYfmG6_sCchJjHEOH78fxiaJUZYSXei3tMj4bUm3UGqfx_g-bI1PEoyRCk7kXbRQQ" />
    <input value="19770" 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%2Fmogli%3Fformat%3Dturbo_stream%26page%3D110">
    <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/liquid-soap-rose-60-ml-19771">
          <img alt="Liquid Soap Rose" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10229/file/small-b36368deb57f5342b893e35a5298c454.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10229/file/medium-58bf7373a2347504a0d64ae42ecc23f0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10229/file/large-155b1bfae44dc107639b2e390b4fe10f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10229/file/medium-58bf7373a2347504a0d64ae42ecc23f0.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">Dr. Bronners</p>
          <a href="/products/liquid-soap-rose-60-ml-19771">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Liquid Soap Rose, 60 ml</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 9.83 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ws66GT1zJlNTVx64bu9z7X32_BA69Ka6VQWPJS7EFsuNtRlrmSnVvmBO-TdcOGCVFPaEhzdxvdFBcGImwU64kg" />
    <input value="19771" 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%2Fmogli%3Fformat%3Dturbo_stream%26page%3D110">
    <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/zahnpasta-spearmint-105-ml-19772">
          <img alt="Zahnpasta Spearmint" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10230/file/small-3a6407960a155cfea807e884f31b173d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10230/file/medium-96377d2b80dafa17d04ff634feed6af8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10230/file/large-8bbd73d6425cc45c4838920b9064d3c0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10230/file/medium-96377d2b80dafa17d04ff634feed6af8.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">Dr. Bronners</p>
          <a href="/products/zahnpasta-spearmint-105-ml-19772">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zahnpasta Spearmint, 105 ml</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 12.29 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TOFfRlSOoWH35J6IyCGckOGLpfrqfxAHYNVkG0MpHumbmvw08NRSjMT9eQf69o_oiIvdbef6C2x0oIkYrKOwsA" />
    <input value="19772" 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%2Fmogli%3Fformat%3Dturbo_stream%26page%3D110">
    <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/schafmilch-quark-mango-bio-90-g-19773">
          <img alt="Schafmilch Quark 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/10240/file/small-b206ed60ecbce9e3400e54f7eee23c00.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10240/file/medium-ab72880ae9e8560a76649bff85e1a4d3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10240/file/large-ae6a6d329bbc22beabfefc9a5587198b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10240/file/medium-ab72880ae9e8560a76649bff85e1a4d3.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">Emscha</p>
          <a href="/products/schafmilch-quark-mango-bio-90-g-19773">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schafmilch Quark Mango Bio, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.95
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="O4NK6Hb8aesS2rBiQlCol6r22YUH1YfA3Xg2REQ9VZXs-Oma0qaaBiHDV-1wh7vvw_ahEgpQnKvJDdtHq7f7zA" />
    <input value="19773" 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%2Fmogli%3Fformat%3Dturbo_stream%26page%3D110">
    <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/schafmilch-joghurt-nature-stichfest-bio-125-g-19774">
          <img alt="Schafmilch Joghurt Nature stichfest Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10241/file/small-d92dfecd83a095542e2dc7e30dc84e0e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10241/file/medium-bb5ab254b5567662f9b69d482160c72b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10241/file/large-8534911ccb5b219080888e159cc6028c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10241/file/medium-bb5ab254b5567662f9b69d482160c72b.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">Emscha</p>
          <a href="/products/schafmilch-joghurt-nature-stichfest-bio-125-g-19774">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schafmilch Joghurt Nature stichfest Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4TeZIaIwnMlaxmH7lfOVyN7cryXiDR9DA2LVYuQKRzQ2TDpTBmpvJGnfhnSnJIawt9zXsu-IBCgXFzhhC4DpbQ" />
    <input value="19774" 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%2Fmogli%3Fformat%3Dturbo_stream%26page%3D110">
    <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/hof-gemuse-olive-tomate-bio-135-g-19775">
          <img alt="Hof Gemüse Olive Tomate Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10242/file/small-1d962d71bc3ad04972e8c73e91dec7a2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10242/file/medium-d86e3245c48d50e773d951d65ea4ad46.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10242/file/large-bf7a16a1ab4fcb9828cc7644651aed56.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10242/file/medium-d86e3245c48d50e773d951d65ea4ad46.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">Allos</p>
          <a href="/products/hof-gemuse-olive-tomate-bio-135-g-19775">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hof Gemüse Olive Tomate Bio, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-rWLtS5vOEzsGPmU8WTyInzDzZpcPsu9d44O-411m6MtzijHijXLod8BHhvDs-FaFcO1DVG70NZj--P4Yv81-g" />
    <input value="19775" 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%2Fmogli%3Fformat%3Dturbo_stream%26page%3D110">
    <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/taurus-fleischgewurz-glas-50-g-19776">
          <img alt="Taurus Fleischgewürz Glas" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10306/file/small-b389d66dd84ce082efe52e862195e9c4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10306/file/medium-55281dab63f89166db7c8c3570152582.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10306/file/large-ec291fbe46518d91edafd65f008eb273.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10306/file/medium-55281dab63f89166db7c8c3570152582.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Chalira</p>
          <a href="/products/taurus-fleischgewurz-glas-50-g-19776">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Taurus Fleischgewürz Glas, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eB_h6rdXhnLngCeT6trPbDDE2SmITPFDC-blfuugeB-vZEKYEw11n9SZwBzYDdwUWcShvoXJ6igfkwh9BCrWRg" />
    <input value="19776" 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%2Fmogli%3Fformat%3Dturbo_stream%26page%3D110">
    <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/taurus-fleischgewurz-nfp-57-g-19777">
          <img alt="Taurus Fleischgewürz NFP" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10346/file/small-127e7fb6dc2423b113aab7be4c51e3a2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10346/file/medium-8040d1232a77df8d7a5b323d49a72e76.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10346/file/large-4cf1f4a8c2fa73aefa0f7a7d8d9c6c3f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10346/file/medium-8040d1232a77df8d7a5b323d49a72e76.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Chalira</p>
          <a href="/products/taurus-fleischgewurz-nfp-57-g-19777">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Taurus Fleischgewürz NFP, 57 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 24.39 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VC0_geWmxr_MZc_QoIkyN13l7OnpSVvqv4YZgN0XaDSDVpzzQfw1Uv98KF-SXiFPNOWUfuTMQIGr8_SDMp3GbQ" />
    <input value="19777" 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%2Fmogli%3Fformat%3Dturbo_stream%26page%3D110">
    <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/liebstockelkraut-geschnitten-bio-12-5-g-19778">
          <img alt="Liebstöckelkraut geschnitten Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10243/file/small-f50ec18bd9068af2e1c0c83b24f533de.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10243/file/medium-7f6307b53a2c46b47b21dbbeccbd1b14.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10243/file/large-acad3f85e9ee42e3d8bc15fc92da6c1d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10243/file/medium-7f6307b53a2c46b47b21dbbeccbd1b14.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Brecht</p>
          <a href="/products/liebstockelkraut-geschnitten-bio-12-5-g-19778">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Liebstöckelkraut geschnitten Bio, 12.5 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 39.20 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EXe0EVL_CWA_pNZYnO1IDTrnYsaeWP4iWAwhbFrVG7TGDBdj9qX6jQy9MdeuOlt1U-caUZPd5UlMecxvtV-17Q" />
    <input value="19778" 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%2Fmogli%3Fformat%3Dturbo_stream%26page%3D110">
    <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/brownie-bio-70-g-7f3fcf4b-e911-4e87-a4df-d13968a542eb-19779">
          <img alt="Brownie Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10244/file/small-d79539b60194ddafdc74095bdbd24550.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10244/file/medium-972e34819f8d176b8e650bc006123b1f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10244/file/large-710479f0bb23a7404de473c1fc857aa1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10244/file/medium-972e34819f8d176b8e650bc006123b1f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Guggenloch</p>
          <a href="/products/brownie-bio-70-g-7f3fcf4b-e911-4e87-a4df-d13968a542eb-19779">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Brownie Bio, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aKA0VVPFPIfDGCHXv2v1VF8ggtRpEpw5aPFKeSFAeDG_25cn95_PavABxliNvOYsNiD6Q2SXh1J8hKd6zsrWaA" />
    <input value="19779" 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%2Fmogli%3Fformat%3Dturbo_stream%26page%3D110">
    <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/linzertortli-bio-70-g-19780">
          <img alt="Linzertörtli Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10245/file/small-7d0446a643dec4fa4f32399c105eb544.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10245/file/medium-08d44009e501553cf7f4eb11dd8d06bf.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10245/file/large-48787fe843f484c33b16441105ded9f9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10245/file/medium-08d44009e501553cf7f4eb11dd8d06bf.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Guggenloch</p>
          <a href="/products/linzertortli-bio-70-g-19780">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Linzertörtli Bio, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="D82y79V0oWPkUe9VFYZ7RLbuaVfHYp2uykz8tnioFZPYthGdcS5SjtdICNonUWg83-4RwMrnhsXeORG1lyK7yg" />
    <input value="19780" 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">
      2&#39;200 von 2&#39;526 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/mogli?format=turbo_stream&amp;page=111">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>