www.hasenabeds.com Open in urlscan Pro
23.88.92.232  Public Scan

Submitted URL: https://www.hasena.ch/ch/de/linie.php?id=180
Effective URL: https://www.hasenabeds.com/de-ch/produkte/betten/kollektionen/betten-kollektionen/dream-line
Submission: On October 30 via api from RU — Scanned from CH

Form analysis 2 forms found in the DOM

<form @submit.prevent="">
  <div class="form-row mt-0">
    <label for="search" class="bg-grey-400 flex items-center justify-between">
      <input type="text" :value="query" placeholder="Suche" @keyup.debounce="updateQuery($event.target.value)" x-ref="searchInput"
        class="search-input h-12 w-full border-grey-400 font-bold px-4 transition duration-300 placeholder-grey-300 text-sm font-semibold bg-black text-white focus:outline-0 outline-0 hover:outline-0 active:outline-0 rounded-none">
      <div class="flex items-center">
        <template x-if="query.length > 0">
          <span class="cursor-pointer bg-black h-12 w-12 flex items-center justify-center" @click.prevent="reset">
            <svg xmlns="http://www.w3.org/2000/svg" version="1.1" id="Ebene_1" x="0px" y="0px" viewBox="0 0 16 16" xml:space="preserve" fill="currentColor" class="w-4 h-4 text-white">
              <path
                d="M8,0C3.6,0,0,3.6,0,8s3.6,8,8,8s8-3.6,8-8S12.4,0,8,0z M11.6,10.8c0.2,0.2,0.2,0.5,0,0.8c-0.2,0.2-0.5,0.2-0.8,0L8,8.7  l-2.8,2.8c-0.2,0.2-0.5,0.2-0.8,0c-0.2-0.2-0.2-0.5,0-0.8L7.3,8L4.4,5.1c-0.2-0.2-0.2-0.5,0-0.8s0.5-0.2,0.8,0L8,7.2l2.9-2.8  c0.2-0.2,0.5-0.2,0.8,0c0.2,0.2,0.2,0.5,0,0.8L8.8,8L11.6,10.8z">
              </path>
            </svg>
          </span>
        </template>
        <span class="icon-search cursor-pointer bg-black text-white text-2xl h-12 w-12 flex items-center justify-center"></span>
      </div>
    </label>
  </div>
  <template x-if="totalCount === 0 &amp;&amp; query.length >= 3 &amp;&amp; !loading">
    <div class="wysiwyg p-4 text-white"
      x-html="('<h5>Keine Ergebnisse für «%query%»</h5> <ul> <li>Prüfen Sie Ihren Suchbegriff auf Tippfehler.</li> <li>Verwenden Sie Typenbezeichnungen, oder die Kategorie des gesuchten Produkts.</li> <li>Versuchen Sie nach nur einem Begriff zu suchen und vermeiden Sie Abkürzungen.</li> </ul> ').replace('%query%', query)">
    </div>
  </template>
  <div class="gap-component" x-show="totalCount > 0" style="display: none;">
    <ul>
      <li>
        <ul class="mb-5 md:hidden">
          <select class="form-select bg-black !text-white !shadow-none" :value="activeFilter" @change="tabFilter($event.target.value)">
            <option value="all">Alle</option>
            <template x-for="filter in availableFilters">
              <option :value="filter.value" x-text="translations.tabs[filter.value]"></option>
            </template>
          </select>
        </ul>
        <ul class="hidden md:block overflow-x-scroll md:overflow-x-auto sm:w-full pb-2.5 mb-5 md:mb-14" x-ref="tabHeader">
          <div class="mb-2 lg:mb-6 flex border-b border-white relative w-fit min-w-full">
            <li class="mr-2 lg:mr-16" data-filter-tab="all">
              <div class="h-12 flex justify-between items-center px-6 cursor-pointer" @click="tabFilter('all')">
                <div class="p font-bold mt-1 mb-0 truncate text-white" :class="activeFilter === 'all'"> Alle </div>
              </div>
            </li>
            <template x-for="filter in availableFilters">
              <li class="mr-2 lg:mr-16" :data-filter-tab="filter.value">
                <div class="h-12 flex justify-between items-center px-6 cursor-pointer" @click="tabFilter(filter.value)">
                  <div class="p font-bold mt-1 mb-0 truncate text-white" :class="activeFilter === filter.value" x-text="translations.tabs[filter.value]">
                  </div>
                </div>
              </li>
            </template>
            <div class="absolute bottom-0 border-t-white box-content border-t-4 transition-all duration-300 ease-out" @resize.window.debounce="positionActiveBorder()" :style="{ left: `${activeBorderPosition}px`, width: `${activeBorderWidth}px` }"
              x-ref="activeBorder" style="left: 0px; width: 0px;"></div>
          </div>
        </ul>
      </li>
      <li class=" lg:w-full">
        <div x-show="activeFilter == 'all'" x-transition:enter="transition-transform origin-top ease-out duration-300" x-transition:enter-start="scale-y-0" x-transition:enter-end="scale-y-100">
          <div x-show="!loading">
            <p class="mb-6 md:mb-4 text-white" x-text="('%hits% Ergebnisse gefunden').replace('%hits%', totalCount)">0 Ergebnisse gefunden</p>
            <div class="flex flex-col gap-1 md:gap-0.5">
              <template x-for="result in results">
                <a :href="result.url" class="group bg-black/30 hover:bg-black/100 transition-all duration-300 relative" x-key="result.element_id">
                                    <div class="absolute right-0 top-0 bg-grey-200 uppercase px-2 py-1 text-black text-[10px] sm:text-sm small" x-text="translations.tabs[result.type]">
                    </div>
                                <template x-if="result.type === 'document'">
                    <div class="py-7 md:py-5 px-2.5 md:px-8">
    <p class="strong text-white mb-3 md:mb-2" x-html="result.title"></p>
    <template x-if="result.description">
        <p class="text-white line-clamp-3 md:line-clamp-1 mb-0" x-html="result.description"></p>
    </template>
</div>
                </template>
                <template x-if="result.type === 'product'">
                    <div class="py-7 md:py-5 px-2.5 md:px-8 flex items-center">
    <template x-if="result.image">
        <div class="aspect-square w-24 h-24 shrink-0 mr-5">
            <img class="w-full h-full object-contain" :src="result.image" :alt="result.title">
        </div>
    </template>
    <div class="shrink">
        <p class="strong text-white mb-1 md:mb-2" x-html="result.title"></p>
        <template x-if="result.description">
            <p class="text-white line-clamp-3 md:line-clamp-1 mb-0" x-html="result.description"></p>
        </template>
    </div>
</div>
                </template>
                <template x-if="result.type === 'asset'">
                    <div class="py-7 md:py-5 px-2.5 md:px-8">
    <div class="mb-3 md:mb-2 flex items-center">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-6 h-6 mr-2.5 hidden md:block text-white">
  <path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"></path>
  <polyline points="14 2 14 8 20 8"></polyline>
  <path d="M12 18v-6"></path>
  <path d="m9 15 3 3 3-3"></path>

</svg>

        <p class="strong text-white mb-0" x-html="result.title"></p>
    </div>

    <template x-if="result.file_extension || result.file_size">
        <p class="text-white line-clamp-3 md:line-clamp-1 mb-0">
            <template x-if="result.file_extension">
                <span class="uppercase" x-html="result.file_extension"></span>
            </template>
            <template x-if="result.file_size">
                <span class="uppercase" x-html="result.file_size"></span>
            </template>
        </p>
    </template>
</div>
                </template>
                <template x-if="result.type === 'job'">
                    <div class="py-7 md:py-5 px-2.5 md:px-8">
    <p class="strong text-white mb-3 md:mb-2" x-html="result.title"></p>
    <template x-if="result.description">
        <p class="text-white line-clamp-3 md:line-clamp-1 mb-0" x-html="result.description"></p>
    </template>
</div>
                </template>
            </a>
              </template>
            </div>
            <div class="w-full overflow-x-auto mt-16 md:mt-12" x-show="Math.ceil(totalCount / paginationCount) > 1" style="display: none;">
              <div class="flex w-fit gap-1">
                <div class="p-3 w-12 h-12 flex items-center justify-center text-white transition-all pointer-events-none" @click="paginate(page - 1)" :class="page === 1 ? 'pointer-events-none' : 'cursor-pointer'">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-6 h-6">
                    <polyline points="15 18 9 12 15 6"></polyline>
                  </svg>
                </div>
                <template x-for="i in getPaginationPages()">
                  <div class="p-3 w-12 h-12 flex items-center justify-center border-2 transition-all" @click="paginate(i)" :class="page === i ? 'pointer-events-none border-white' : 'border-transparent hover:bg-black cursor-pointer'">
                    <p class="strong text-white mb-0" x-text="i"></p>
                  </div>
                </template>
                <div class="p-3 w-12 h-12 flex items-center justify-center text-white transition-all cursor-pointer" @click="paginate(page + 1)" :class="page === Math.ceil(totalCount / 5) ? 'pointer-events-none' : 'cursor-pointer'">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-6 h-6">
                    <polyline points="9 18 15 12 9 6"></polyline>
                  </svg>
                </div>
              </div>
            </div>
          </div>
        </div>
      </li>
      <template x-for="filter in availableFilters">
        <li class="lg:w-full">
          <div x-show="activeFilter == filter.value" x-transition:enter="transition-transform origin-top ease-out duration-300" x-transition:enter-start="scale-y-0" x-transition:enter-end="scale-y-100">
            <div x-show="!loading">
              <p class="mb-6 md:mb-4 text-white" x-text="('%hits% Ergebnisse gefunden').replace('%hits%', totalCount)"></p>
              <div class="flex flex-col gap-1 md:gap-0.5">
                <template x-for="result in results">
                  <a :href="result.url" class="group bg-black/30 hover:bg-black/100 transition-all duration-300 relative" x-key="result.element_id">
                                <template x-if="result.type === 'document'">
                    <div class="py-7 md:py-5 px-2.5 md:px-8">
    <p class="strong text-white mb-3 md:mb-2" x-html="result.title"></p>
    <template x-if="result.description">
        <p class="text-white line-clamp-3 md:line-clamp-1 mb-0" x-html="result.description"></p>
    </template>
</div>
                </template>
                <template x-if="result.type === 'product'">
                    <div class="py-7 md:py-5 px-2.5 md:px-8 flex items-center">
    <template x-if="result.image">
        <div class="aspect-square w-24 h-24 shrink-0 mr-5">
            <img class="w-full h-full object-contain" :src="result.image" :alt="result.title">
        </div>
    </template>
    <div class="shrink">
        <p class="strong text-white mb-1 md:mb-2" x-html="result.title"></p>
        <template x-if="result.description">
            <p class="text-white line-clamp-3 md:line-clamp-1 mb-0" x-html="result.description"></p>
        </template>
    </div>
</div>
                </template>
                <template x-if="result.type === 'asset'">
                    <div class="py-7 md:py-5 px-2.5 md:px-8">
    <div class="mb-3 md:mb-2 flex items-center">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-6 h-6 mr-2.5 hidden md:block text-white">
  <path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"></path>
  <polyline points="14 2 14 8 20 8"></polyline>
  <path d="M12 18v-6"></path>
  <path d="m9 15 3 3 3-3"></path>

</svg>

        <p class="strong text-white mb-0" x-html="result.title"></p>
    </div>

    <template x-if="result.file_extension || result.file_size">
        <p class="text-white line-clamp-3 md:line-clamp-1 mb-0">
            <template x-if="result.file_extension">
                <span class="uppercase" x-html="result.file_extension"></span>
            </template>
            <template x-if="result.file_size">
                <span class="uppercase" x-html="result.file_size"></span>
            </template>
        </p>
    </template>
</div>
                </template>
                <template x-if="result.type === 'job'">
                    <div class="py-7 md:py-5 px-2.5 md:px-8">
    <p class="strong text-white mb-3 md:mb-2" x-html="result.title"></p>
    <template x-if="result.description">
        <p class="text-white line-clamp-3 md:line-clamp-1 mb-0" x-html="result.description"></p>
    </template>
</div>
                </template>
            </a>
                </template>
              </div>
              <div class="w-full overflow-x-auto mt-16 md:mt-12" x-show="Math.ceil(totalCount / paginationCount) > 1">
                <div class="flex w-fit gap-1">
                  <div class="p-3 w-12 h-12 flex items-center justify-center text-white transition-all" @click="paginate(page - 1)" :class="page === 1 ? 'pointer-events-none' : 'cursor-pointer'">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-6 h-6">
                      <polyline points="15 18 9 12 15 6"></polyline>
                    </svg>
                  </div>
                  <template x-for="i in getPaginationPages()">
                    <div class="p-3 w-12 h-12 flex items-center justify-center border-2 transition-all" @click="paginate(i)" :class="page === i ? 'pointer-events-none border-white' : 'border-transparent hover:bg-black cursor-pointer'">
                      <p class="strong text-white mb-0" x-text="i"></p>
                    </div>
                  </template>
                  <div class="p-3 w-12 h-12 flex items-center justify-center text-white transition-all" @click="paginate(page + 1)" :class="page === Math.ceil(totalCount / 5) ? 'pointer-events-none' : 'cursor-pointer'">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-6 h-6">
                      <polyline points="9 18 15 12 9 6"></polyline>
                    </svg>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </li>
      </template>
    </ul>
  </div>
</form>

<form x-ref="filterForm" @submit.prevent="search()">
  <input type="hidden" name="preConditions[categoryIds]" value="1380">
  <ul>
    <li class="attribute-block attribute-hideable mb-0.5 sm:mb-2 lg:w-full">
      <div class="flex justify-between items-center px-5 lg:px-0 py-3 lg:py-2 cursor-pointer min-h-12 lg:min-h-16" @click="openFilterAccordion === 0 ? openFilterAccordion = 0 : openFilterAccordion = 0">
        <div class="p mb-0"> Stoffausführung </div>
        <div x-show="open === 0" class="ml-4" style="display: none;">
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-black w-6">
            <polyline points="18 15 12 9 6 15"></polyline>
          </svg>
        </div>
        <div x-show="open !== 0" class="ml-4">
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-black w-6">
            <polyline points="6 9 12 15 18 9"></polyline>
          </svg>
        </div>
      </div>
      <div x-show="openFilterAccordion == 0" x-transition:enter="transition-transform origin-top ease-out duration-300" x-transition:enter-start="scale-y-0" x-transition:enter-end="scale-y-100" class="p-5 pt-1 lg:pt-2 lg:pl-0.5">
        <script src="/static/default/933.65a573ec.js"></script>
        <script src="/static/default/tooltip.00cb8e28.js"></script>
        <div class="flex flex-row flex-wrap gap-1.5">
          <label for="attribute-758" x-data="tooltip('323-Kul white')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="758" id="attribute-758" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_pkemdlg9tp60lf2u40iefunr2e/-TIcons_Filterelemente_Square-FJPG" alt="323-Kul white">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-759" x-data="tooltip('327-Pepe beige')" class="attribute-item attribute-hideable hidden inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="759" id="attribute-759" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_orf21713ed4tl163sh5hdj9s4h/-TIcons_Filterelemente_Square-FJPG" alt="327-Pepe beige">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-760" x-data="tooltip('328-Pepe anthrazit')" class="attribute-item attribute-hideable hidden inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="760" id="attribute-760" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_hnegc4qedp2pf9i7l9mjqlj01o/-TIcons_Filterelemente_Square-FJPG" alt="328-Pepe anthrazit">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-761" x-data="tooltip('330-Casual sahara')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="761" id="attribute-761" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_kn1q45c2md41h7dho9ui4t6840/-TIcons_Filterelemente_Square-FJPG" alt="330-Casual sahara">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-762" x-data="tooltip('331-Casual cannelle')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="762" id="attribute-762" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_d7ri0kqrqp55hdp1s00c7q6v4t/-TIcons_Filterelemente_Square-FJPG" alt="331-Casual cannelle">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-763" x-data="tooltip('332-Casual cognac')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="763" id="attribute-763" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_5tkcfnt3al2fh3p7vjbk9ojc2p/-TIcons_Filterelemente_Square-FJPG" alt="332-Casual cognac">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-764" x-data="tooltip('333-Casual olive')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="764" id="attribute-764" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_bh1qcf5fgh2ujbkrj20bkrpo4l/-TIcons_Filterelemente_Square-FJPG" alt="333-Casual olive">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-765" x-data="tooltip('334-Casual carbon')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="765" id="attribute-765" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_cm01ctbau94el4r3u3oose6034/-TIcons_Filterelemente_Square-FJPG" alt="334-Casual carbon">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-766" x-data="tooltip('335-Pepe grey')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="766" id="attribute-766" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_l16n7m4hb552v4bbvou6cbu708/-TIcons_Filterelemente_Square-FJPG" alt="335-Pepe grey">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-767" x-data="tooltip('336-Kul smoke')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="767" id="attribute-767" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_m8bffr10pt2m9efcqgrjpkag1d/-TIcons_Filterelemente_Square-FJPG" alt="336-Kul smoke">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-768" x-data="tooltip('372-Campos blanc')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="768" id="attribute-768" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_ine24nu5lp5bd0cm8hv7ta287r/-TIcons_Filterelemente_Square-FJPG" alt="372-Campos blanc">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-769" x-data="tooltip('373-Campos creme')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="769" id="attribute-769" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_eiv2rhtedp09b5o6pae925ir4h/-TIcons_Filterelemente_Square-FJPG" alt="373-Campos creme">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-770" x-data="tooltip('374-Campos cafe')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="770" id="attribute-770" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_f5nilkqo8515p0g08d1jeddh7a/-TIcons_Filterelemente_Square-FJPG" alt="374-Campos cafe">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-771" x-data="tooltip('375-Campos nero')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="771" id="attribute-771" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_2cdvgnbqb92vrfchpcvae0pl0r/-TIcons_Filterelemente_Square-FJPG" alt="375-Campos nero">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-772" x-data="tooltip('376-Campos kit')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="772" id="attribute-772" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_ch6tafcmj56qjcmbak26u4ld0r/-TIcons_Filterelemente_Square-FJPG" alt="376-Campos kit">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-773" x-data="tooltip('390-Alpina lightgrey')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="773" id="attribute-773" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_lhcum7gg056h916gog9m12f33u/-TIcons_Filterelemente_Square-FJPG" alt="390-Alpina lightgrey">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-774" x-data="tooltip('391-Alpina anthrazit')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="774" id="attribute-774" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_noo160f8k97hba3t6292ahn92l/-TIcons_Filterelemente_Square-FJPG" alt="391-Alpina anthrazit">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-775" x-data="tooltip('392-Alpina red')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="775" id="attribute-775" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_dbkvougse90575bm7ld23c190o/-TIcons_Filterelemente_Square-FJPG" alt="392-Alpina red">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-776" x-data="tooltip('393-Alpina navy')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="776" id="attribute-776" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_26svoc5ga17pffd3ks0lp9dm4r/-TIcons_Filterelemente_Square-FJPG" alt="393-Alpina navy">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-777" x-data="tooltip('394-Alpina smoke')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="777" id="attribute-777" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_ht59cspi3541ncgmgv0h1oda04/-TIcons_Filterelemente_Square-FJPG" alt="394-Alpina smoke">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-782" x-data="tooltip('505-Real bianco')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="782" id="attribute-782" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_bgjv1cl9rp05n39qsplfjtqk12/-TIcons_Filterelemente_Square-FJPG" alt="505-Real bianco">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-783" x-data="tooltip('506-Real ecru')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="783" id="attribute-783" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_8po4thhpj91cb77f77d59s5r61/-TIcons_Filterelemente_Square-FJPG" alt="506-Real ecru">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-784" x-data="tooltip('507-Real creta')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="784" id="attribute-784" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_qfcn4v9gt16ep8rdfurfnb9r70/-TIcons_Filterelemente_Square-FJPG" alt="507-Real creta">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-785" x-data="tooltip('508-Real moro')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="785" id="attribute-785" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_pinv0ku6h96cl6n5qjefbdp62r/-TIcons_Filterelemente_Square-FJPG" alt="508-Real moro">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-786" x-data="tooltip('509-Real ardesia')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="786" id="attribute-786" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_fe3k8eg8kd7pr03naathrpp54i/-TIcons_Filterelemente_Square-FJPG" alt="509-Real ardesia">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-787" x-data="tooltip('513-Real falda')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="787" id="attribute-787" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_kvj8u7elo53ivajg5bf8kqpp7b/-TIcons_Filterelemente_Square-FJPG" alt="513-Real falda">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-788" x-data="tooltip('514-Real cenere')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="788" id="attribute-788" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_2748lho7ap3jbfqsnjpgecop3e/-TIcons_Filterelemente_Square-FJPG" alt="514-Real cenere">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-789" x-data="tooltip('515-Real panna')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="789" id="attribute-789" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_8o97mmfv595vbc1n27ccli7416/-TIcons_Filterelemente_Square-FJPG" alt="515-Real panna">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-790" x-data="tooltip('516-Real notte')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="790" id="attribute-790" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_jhlevbv6od0dn3s3h9k4514n2k/-TIcons_Filterelemente_Square-FJPG" alt="516-Real notte">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-791" x-data="tooltip('520-Vintage fango')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="791" id="attribute-791" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_r1gr5uebed1699u7129353r663/-TIcons_Filterelemente_Square-FJPG" alt="520-Vintage fango">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-792" x-data="tooltip('521-Vintage marone')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="792" id="attribute-792" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_jgbs55b5s57i7cau6rf34mdk3m/-TIcons_Filterelemente_Square-FJPG" alt="521-Vintage marone">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-793" x-data="tooltip('600-Kitana beige')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="793" id="attribute-793" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_hg9k1kqe714sdaai474fosq122/-TIcons_Filterelemente_Square-FJPG" alt="600-Kitana beige">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-794" x-data="tooltip('601-Kitana nougat')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="794" id="attribute-794" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_dpuvc355kt0fd9q4785t3p492i/-TIcons_Filterelemente_Square-FJPG" alt="601-Kitana nougat">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-795" x-data="tooltip('602-Kitana grigio')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="795" id="attribute-795" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_4vu33l648p301c2hvi4mmds62o/-TIcons_Filterelemente_Square-FJPG" alt="602-Kitana grigio">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-796" x-data="tooltip('603-Kitana aqua')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="796" id="attribute-796" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_ifqdnnk7216b3bhprhhi9kso0q/-TIcons_Filterelemente_Square-FJPG" alt="603-Kitana aqua">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-797" x-data="tooltip('604-Kitana anthrazit')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="797" id="attribute-797" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_5e2npbhc0p4sfe1fq1pq37jb64/-TIcons_Filterelemente_Square-FJPG" alt="604-Kitana anthrazit">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-2375" x-data="tooltip('640-Ritorno chiaro')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="2375" id="attribute-2375" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_bg7hn86hc92rvfnifi39p2u93s/-TIcons_Filterelemente_Square-FJPG" alt="640-Ritorno chiaro">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-2376" x-data="tooltip('641-Ritorno anthracit')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="2376" id="attribute-2376" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_76fmjn3uuh5vt4lc8e4mjf407e/-TIcons_Filterelemente_Square-FJPG" alt="641-Ritorno anthracit">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-803" x-data="tooltip('650-Boston clay')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="803" id="attribute-803" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_9h1h1cc7il4sn5uh916msedv34/-TIcons_Filterelemente_Square-FJPG" alt="650-Boston clay">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-804" x-data="tooltip('651-Boston bean')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="804" id="attribute-804" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_5n5tuvtsm94dp055154u87d514/-TIcons_Filterelemente_Square-FJPG" alt="651-Boston bean">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-805" x-data="tooltip('652-Boston mocca')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="805" id="attribute-805" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_c931uieqe55b92j2vsm4f16924/-TIcons_Filterelemente_Square-FJPG" alt="652-Boston mocca">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-806" x-data="tooltip('653-Boston turtle')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="806" id="attribute-806" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_4oj8bsk68l3ld9o7eo9vvpl03p/-TIcons_Filterelemente_Square-FJPG" alt="653-Boston turtle">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-807" x-data="tooltip('654-Boston tizo')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="807" id="attribute-807" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_ihvbtpbpul3rl4aurprvatu378/-TIcons_Filterelemente_Square-FJPG" alt="654-Boston tizo">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-808" x-data="tooltip('660-Ranch stone')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="808" id="attribute-808" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_ohp5pao3ih45jf8nkho5t80t6b/-TIcons_Filterelemente_Square-FJPG" alt="660-Ranch stone">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-809" x-data="tooltip('661-Ranch grit')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="809" id="attribute-809" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_1i00upp57d7tpebslpm9tle251/-TIcons_Filterelemente_Square-FJPG" alt="661-Ranch grit">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-810" x-data="tooltip('662-Ranch jeans')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="810" id="attribute-810" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_bcqj3i9dqp2f3bbji5npq3u53c/-TIcons_Filterelemente_Square-FJPG" alt="662-Ranch jeans">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-811" x-data="tooltip('663-Ranch indigo')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="811" id="attribute-811" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_8pp3c0j8390cv9gn94eirlgj7l/-TIcons_Filterelemente_Square-FJPG" alt="663-Ranch indigo">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-812" x-data="tooltip('664-Ranch hunter')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="812" id="attribute-812" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_phqbj27ndt3b3bdgpkctp3mn1s/-TIcons_Filterelemente_Square-FJPG" alt="664-Ranch hunter">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-2377" x-data="tooltip('700-Rinovo anthracit')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="2377" id="attribute-2377" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_098j541r6538r9prtk6bsp444m/-TIcons_Filterelemente_Square-FJPG" alt="700-Rinovo anthracit">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-2378" x-data="tooltip('701-Rinovo taupe')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="2378" id="attribute-2378" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_bfhu5dpevd4pd2c4rd5t91uh22/-TIcons_Filterelemente_Square-FJPG" alt="701-Rinovo taupe">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-2379" x-data="tooltip('710-Tocco white')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="2379" id="attribute-2379" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_la2dh840dd7mrflhqsqme6ct53/-TIcons_Filterelemente_Square-FJPG" alt="710-Tocco white">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-2380" x-data="tooltip('711-Tocco creme')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="2380" id="attribute-2380" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_0du5j0oqp573pdj5eal1qhgt0o/-TIcons_Filterelemente_Square-FJPG" alt="711-Tocco creme">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-2381" x-data="tooltip('712-Tocco chocolate')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="2381" id="attribute-2381" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_liojgmesn157v4i6ot19ok0954/-TIcons_Filterelemente_Square-FJPG" alt="712-Tocco chocolate">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-2382" x-data="tooltip('720-Buffalo shale')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="2382" id="attribute-2382" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_6768vpbp6p4cj4q4ds289m4r6o/-TIcons_Filterelemente_Square-FJPG" alt="720-Buffalo shale">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-2383" x-data="tooltip('721-Buffalo grey')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="2383" id="attribute-2383" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_u5hgqgqlcl653ftif5uqjj5378/-TIcons_Filterelemente_Square-FJPG" alt="721-Buffalo grey">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-2384" x-data="tooltip('722-Buffalo espresso')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="2384" id="attribute-2384" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_vif1allk5t2db1om2uva331u3r/-TIcons_Filterelemente_Square-FJPG" alt="722-Buffalo espresso">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-2385" x-data="tooltip('730-Cyclo cream')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="2385" id="attribute-2385" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_o1fe0ebmm56k55i385vicnlk6r/-TIcons_Filterelemente_Square-FJPG" alt="730-Cyclo cream">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-2386" x-data="tooltip('731-Cyclo macciato')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="2386" id="attribute-2386" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_12os5mdnkh6mv56og3s9uv8q29/-TIcons_Filterelemente_Square-FJPG" alt="731-Cyclo macciato">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-2387" x-data="tooltip('740-Velluto grey')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="2387" id="attribute-2387" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_rjcp4j846107jc5is7f8n2f00h/-TIcons_Filterelemente_Square-FJPG" alt="740-Velluto grey">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-2388" x-data="tooltip('741-Velluto ivory')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="2388" id="attribute-2388" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_7fd39brsbh7617u2kod60n4s0b/-TIcons_Filterelemente_Square-FJPG" alt="741-Velluto ivory">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-2389" x-data="tooltip('742-Velluto coffee')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="2389" id="attribute-2389" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_lht548v1c11g99l3qfg2h8k32u/-TIcons_Filterelemente_Square-FJPG" alt="742-Velluto coffee">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-2390" x-data="tooltip('750-Fusio shell')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="2390" id="attribute-2390" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_ula5jeb65t3g73dbbfnj77s20l/-TIcons_Filterelemente_Square-FJPG" alt="750-Fusio shell">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-2391" x-data="tooltip('751-Fusio anthracit')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="2391" id="attribute-2391" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_rvkpp62eht2gp8fo7n7r1l5h7n/-TIcons_Filterelemente_Square-FJPG" alt="751-Fusio anthracit">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-2392" x-data="tooltip('752-Fusio musk')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="2392" id="attribute-2392" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_83hi0ivlbl5btc3cj3f28gq76i/-TIcons_Filterelemente_Square-FJPG" alt="752-Fusio musk">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-2393" x-data="tooltip('760-Capo anthracit')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="2393" id="attribute-2393" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_62ghkau7m16lr552j1ia37mn7b/-TIcons_Filterelemente_Square-FJPG" alt="760-Capo anthracit">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-2394" x-data="tooltip('761-Capo grey')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="2394" id="attribute-2394" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_ktk28jrhn94ah6i7qt0nbg9v0c/-TIcons_Filterelemente_Square-FJPG" alt="761-Capo grey">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-2395" x-data="tooltip('762-Capo rose')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="2395" id="attribute-2395" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_5mq8ue2651059cu86vs90utg00/-TIcons_Filterelemente_Square-FJPG" alt="762-Capo rose">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-2396" x-data="tooltip('763-Capo linen')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="2396" id="attribute-2396" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_i47aq0m97h535c5tr24cpo8d12/-TIcons_Filterelemente_Square-FJPG" alt="763-Capo linen">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-2397" x-data="tooltip('764-Capo light brown')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="2397" id="attribute-2397" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_8b3uager9h4h164vegp4tc104l/-TIcons_Filterelemente_Square-FJPG" alt="764-Capo light brown">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-2398" x-data="tooltip('765-Capo taupe')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="2398" id="attribute-2398" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_8t6l7uegnl0dvbv79c2qkrui4f/-TIcons_Filterelemente_Square-FJPG" alt="765-Capo taupe">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-2399" x-data="tooltip('770-Boucle ivory')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="2399" id="attribute-2399" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_0levdn04kt4eb8qea5vd95jv59/-TIcons_Filterelemente_Square-FJPG" alt="770-Boucle ivory">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-2400" x-data="tooltip('771-Boucle grey')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="2400" id="attribute-2400" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_e5t53vbe3p68j5f6dgdm2dlg7c/-TIcons_Filterelemente_Square-FJPG" alt="771-Boucle grey">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-2401" x-data="tooltip('772-Boucle fresco')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="2401" id="attribute-2401" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_nr87huskud0d95kukp67j09k2h/-TIcons_Filterelemente_Square-FJPG" alt="772-Boucle fresco">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-2402" x-data="tooltip('773-Boucle mouse')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="2402" id="attribute-2402" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_leh0dg4nnt64rdqtft22ln9e74/-TIcons_Filterelemente_Square-FJPG" alt="773-Boucle mouse">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-745" x-data="tooltip('63-Baumwolle weiss')" class="attribute-item attribute-hideable hidden inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[744][]" value="745" id="attribute-745" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_9kknj6dsc10lnegat6qj85pk7s/-TIcons_Filterelemente_Square-FJPG" alt="63-Baumwolle weiss">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
        </div>
      </div>
    </li>
    <li class="attribute-block attribute-hideable mb-0.5 sm:mb-2 lg:w-full">
      <div class="flex justify-between items-center px-5 lg:px-0 py-3 lg:py-2 cursor-pointer min-h-12 lg:min-h-16" @click="openFilterAccordion === 1 ? openFilterAccordion = 0 : openFilterAccordion = 1">
        <div class="p mb-0"> Oberflächenausführung </div>
        <div x-show="open === 1" class="ml-4" style="display: none;">
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-black w-6">
            <polyline points="18 15 12 9 6 15"></polyline>
          </svg>
        </div>
        <div x-show="open !== 1" class="ml-4">
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-black w-6">
            <polyline points="6 9 12 15 18 9"></polyline>
          </svg>
        </div>
      </div>
      <div x-show="openFilterAccordion == 1" x-transition:enter="transition-transform origin-top ease-out duration-300" x-transition:enter-start="scale-y-0" x-transition:enter-end="scale-y-100" class="p-5 pt-1 lg:pt-2 lg:pl-0.5"
        style="display: none;">
        <div class="flex flex-row flex-wrap gap-1.5">
          <label for="attribute-712" x-data="tooltip('06-Buche natur, lackiert')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[677][]" value="712" id="attribute-712" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_vp042vnmcd17h0j3vjfqtlp35r/-TIcons_Filterelemente_Square-FJPG" alt="06-Buche natur, lackiert">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-713" x-data="tooltip('07-Buche schoko, lackiert')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[677][]" value="713" id="attribute-713" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_2me2mpf4357jr229fe46q69p6r/-TIcons_Filterelemente_Square-FJPG" alt="07-Buche schoko, lackiert">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-715" x-data="tooltip('09-Buche weiss lasiert, lackiert')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[677][]" value="715" id="attribute-715" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_7th0eio8ul5fn946tge0fnfi2o/-TIcons_Filterelemente_Square-FJPG" alt="09-Buche weiss lasiert, lackiert">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-14781" x-data="tooltip('10-Weiss deckend, lackiert')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[677][]" value="14781" id="attribute-14781" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_rf3f4pm0rp1aj6ft1i5i09pb4m/-TIcons_Filterelemente_Square-FJPG" alt="10-Weiss deckend, lackiert">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-696" x-data="tooltip('16-Buche anthracit deckend, lackiert')" class="attribute-item attribute-hideable hidden inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[677][]" value="696" id="attribute-696" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_rlb8nkjvi53mj6rmmvrnvviu6m/-TIcons_Filterelemente_Square-FJPG" alt="16-Buche anthracit deckend, lackiert">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-717" x-data="tooltip('50-Eiche sägerauh natur')" class="attribute-item attribute-hideable hidden inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[677][]" value="717" id="attribute-717" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_jqret0ibd971h6vsi4o4s5rn7t/-TIcons_Filterelemente_Square-FJPG" alt="50-Eiche sägerauh natur">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-719" x-data="tooltip('62-Akazie Vintage brown, lackiert')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[677][]" value="719" id="attribute-719" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_k2fg1jfhid5rpfffh5q35nkt5h/-TIcons_Filterelemente_Square-FJPG" alt="62-Akazie Vintage brown, lackiert">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-720" x-data="tooltip('64-Akazie Vintage grey, lackiert')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[677][]" value="720" id="attribute-720" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_v8eshshuvp5v31fdh6u0l70a3j/-TIcons_Filterelemente_Square-FJPG" alt="64-Akazie Vintage grey, lackiert">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-2372" x-data="tooltip('66-Eiche urban, clear')" class="attribute-item attribute-hideable hidden inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[677][]" value="2372" id="attribute-2372" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_gerlq9fthd33f87si0e4ngcq6c/-TIcons_Filterelemente_Square-FJPG" alt="66-Eiche urban, clear">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-2373" x-data="tooltip('67-Eiche urban, brandy')" class="attribute-item attribute-hideable hidden inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[677][]" value="2373" id="attribute-2373" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_m3f0cb27uh1p14mufkqkj6qn79/-TIcons_Filterelemente_Square-FJPG" alt="67-Eiche urban, brandy">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-678" x-data="tooltip('68-Akazie natur, gebürstet, lackiert')" class="attribute-item attribute-hideable hidden inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[677][]" value="678" id="attribute-678" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_1fqnmo4b8h7u31vv1g2o0mlh1r/-TIcons_Filterelemente_Square-FJPG" alt="68-Akazie natur, gebürstet, lackiert">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-721" x-data="tooltip('70-Eiche uniq clear, geölt')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[677][]" value="721" id="attribute-721" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_7qo7jjjf2l2rp20kglm510qc6j/-TIcons_Filterelemente_Square-FJPG" alt="70-Eiche uniq clear, geölt">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-684" x-data="tooltip('71-Eiche bianco, geölt')" class="attribute-item attribute-hideable hidden inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[677][]" value="684" id="attribute-684" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_udufe2vor50295j71t4l05ko4q/-TIcons_Filterelemente_Square-FJPG" alt="71-Eiche bianco, geölt">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-697" x-data="tooltip('73-Eiche bianco, gebürstet, geölt')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[677][]" value="697" id="attribute-697" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_vul5m5vhk156t0f96eb54q606a/-TIcons_Filterelemente_Square-FJPG" alt="73-Eiche bianco, gebürstet, geölt">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-698" x-data="tooltip('74-Eiche bright, geölt')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[677][]" value="698" id="attribute-698" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_lhn0c5ajh54ij74gtftultcd41/-TIcons_Filterelemente_Square-FJPG" alt="74-Eiche bright, geölt">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-722" x-data="tooltip('76-Eiche brandy, geölt')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[677][]" value="722" id="attribute-722" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_a9rch8219552v71kndgp3fjn5q/-TIcons_Filterelemente_Square-FJPG" alt="76-Eiche brandy, geölt">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-685" x-data="tooltip('80-Kernbuche natur, geölt')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[677][]" value="685" id="attribute-685" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_ansfpcc0lh6vr0a4qn0p3f246p/-TIcons_Filterelemente_Square-FJPG" alt="80-Kernbuche natur, geölt">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-699" x-data="tooltip('82-Nussbaum, geölt')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[677][]" value="699" id="attribute-699" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_i2ir8ors4117n4ef8kclc5ms26/-TIcons_Filterelemente_Square-FJPG" alt="82-Nussbaum, geölt">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-700" x-data="tooltip('86-Eiche natur, gebürstet, geölt')" class="attribute-item attribute-hideable hidden inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[677][]" value="700" id="attribute-700" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_ltedldmfkt5f97thq9louhf87m/-TIcons_Filterelemente_Square-FJPG" alt="86-Eiche natur, gebürstet, geölt">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-701" x-data="tooltip('87-Wildbuche natur, geölt')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[677][]" value="701" id="attribute-701" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_uo6l1go9dd5vhao4p46ssi1o46/-TIcons_Filterelemente_Square-FJPG" alt="87-Wildbuche natur, geölt">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-702" x-data="tooltip('89-Eiche graphit, gebürstet, geölt')" class="attribute-item attribute-hideable hidden inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[677][]" value="702" id="attribute-702" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_bep7gnatg95qt4kf5qldflg102/-TIcons_Filterelemente_Square-FJPG" alt="89-Eiche graphit, gebürstet, geölt">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-724" x-data="tooltip('90-Wildeiche Vintage natur, geölt')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[677][]" value="724" id="attribute-724" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_c25st1v0i56khfijqe9ord8c32/-TIcons_Filterelemente_Square-FJPG" alt="90-Wildeiche Vintage natur, geölt">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-703" x-data="tooltip('91-Eiche cognac, gebürstet, geölt')" class="attribute-item attribute-hideable hidden inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[677][]" value="703" id="attribute-703" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_vku3vtbmm52rhf5sp0g5pco07g/-TIcons_Filterelemente_Square-FJPG" alt="91-Eiche cognac, gebürstet, geölt">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-682" x-data="tooltip('93-Wildeiche natur, gebürstet, geölt')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[677][]" value="682" id="attribute-682" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_cjj84llp9d3g73mvrm1jf3gn1h/-TIcons_Filterelemente_Square-FJPG" alt="93-Wildeiche natur, gebürstet, geölt">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-725" x-data="tooltip('96-Wildeiche pure, gebürstet, geölt')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[677][]" value="725" id="attribute-725" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_1fp41ccsa936j5cj6dun8hsu6q/-TIcons_Filterelemente_Square-FJPG" alt="96-Wildeiche pure, gebürstet, geölt">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-683" x-data="tooltip('98-Wildeiche coffee, gebürstet, geölt')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[677][]" value="683" id="attribute-683" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_ooj01bb1i14jraqtrs8h5p857i/-TIcons_Filterelemente_Square-FJPG" alt="98-Wildeiche coffee, gebürstet, geölt">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-705" x-data="tooltip('99-Wildeiche natur, geölt')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[677][]" value="705" id="attribute-705" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_sfg0iupvad6h79cj4ikn9v7q7o/-TIcons_Filterelemente_Square-FJPG" alt="99-Wildeiche natur, geölt">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-687" x-data="tooltip('10-Weiss')" class="attribute-item attribute-hideable hidden inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[677][]" value="687" id="attribute-687" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_0espdrjkft3qvasrjj82g97l05/-TIcons_Filterelemente_Square-FJPG" alt="10-Weiss">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-688" x-data="tooltip('16-Anthracit')" class="attribute-item attribute-hideable hidden inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[677][]" value="688" id="attribute-688" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_kaie1ou90l4kp8r7lcc9k4qq4c/-TIcons_Filterelemente_Square-FJPG" alt="16-Anthracit">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-689" x-data="tooltip('74-Eiche bright, geölt')" class="attribute-item attribute-hideable hidden inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[677][]" value="689" id="attribute-689" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_lhn0c5ajh54ij74gtftultcd41/-TIcons_Filterelemente_Square-FJPG" alt="74-Eiche bright, geölt">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-690" x-data="tooltip('76-Eiche brandy, geölt')" class="attribute-item attribute-hideable hidden inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[677][]" value="690" id="attribute-690" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_a9rch8219552v71kndgp3fjn5q/-TIcons_Filterelemente_Square-FJPG" alt="76-Eiche brandy, geölt">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-691" x-data="tooltip('80-Kernbuche natur, geölt')" class="attribute-item attribute-hideable hidden inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[677][]" value="691" id="attribute-691" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_ansfpcc0lh6vr0a4qn0p3f246p/-TIcons_Filterelemente_Square-FJPG" alt="80-Kernbuche natur, geölt">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-692" x-data="tooltip('82-Nussbaum, geölt')" class="attribute-item attribute-hideable hidden inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[677][]" value="692" id="attribute-692" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_i2ir8ors4117n4ef8kclc5ms26/-TIcons_Filterelemente_Square-FJPG" alt="82-Nussbaum, geölt">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-693" x-data="tooltip('87-Wildbuche natur, geölt')" class="attribute-item attribute-hideable hidden inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[677][]" value="693" id="attribute-693" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_uo6l1go9dd5vhao4p46ssi1o46/-TIcons_Filterelemente_Square-FJPG" alt="87-Wildbuche natur, geölt">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-694" x-data="tooltip('99-Wildeiche natur, geölt')" class="attribute-item attribute-hideable hidden inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[677][]" value="694" id="attribute-694" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_sfg0iupvad6h79cj4ikn9v7q7o/-TIcons_Filterelemente_Square-FJPG" alt="99-Wildeiche natur, geölt">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-695" x-data="tooltip('10-Weiss deckend, lackiert')" class="attribute-item attribute-hideable hidden inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[677][]" value="695" id="attribute-695" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_rf3f4pm0rp1aj6ft1i5i09pb4m/-TIcons_Filterelemente_Square-FJPG" alt="10-Weiss deckend, lackiert">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-679" x-data="tooltip('10-Weiss')" class="attribute-item attribute-hideable hidden inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[677][]" value="679" id="attribute-679" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_rf3f4pm0rp1aj6ft1i5i09pb4m/-TIcons_Filterelemente_Square-FJPG" alt="10-Weiss">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-680" x-data="tooltip('16-Anthracit')" class="attribute-item attribute-hideable hidden inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[677][]" value="680" id="attribute-680" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_rlb8nkjvi53mj6rmmvrnvviu6m/-TIcons_Filterelemente_Square-FJPG" alt="16-Anthracit">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-707" x-data="tooltip('35-Hochglanz weiss')" class="attribute-item attribute-hideable hidden inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[677][]" value="707" id="attribute-707" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_6ge6pr9kq106t44pnke3n2rl6j/-TIcons_Filterelemente_Square-FJPG" alt="35-Hochglanz weiss">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-708" x-data="tooltip('49-Beton Nachbildung')" class="attribute-item attribute-hideable hidden inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[677][]" value="708" id="attribute-708" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_ttmnk18vc570demue0f2u67p7q/-TIcons_Filterelemente_Square-FJPG" alt="49-Beton Nachbildung">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-709" x-data="tooltip('50-Eiche sägerauh natur')" class="attribute-item attribute-hideable hidden inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[677][]" value="709" id="attribute-709" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_jqret0ibd971h6vsi4o4s5rn7t/-TIcons_Filterelemente_Square-FJPG" alt="50-Eiche sägerauh natur">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-711" x-data="tooltip('59-Buche Nachbildung')" class="attribute-item attribute-hideable hidden inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[677][]" value="711" id="attribute-711" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_qte6fh0m6p4cvegupq40m0jl08/-TIcons_Filterelemente_Square-FJPG" alt="59-Buche Nachbildung">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
        </div>
      </div>
    </li>
    <li class="attribute-block attribute-hideable mb-0.5 sm:mb-2 lg:w-full">
      <div class="flex justify-between items-center px-5 lg:px-0 py-3 lg:py-2 cursor-pointer min-h-12 lg:min-h-16" @click="openFilterAccordion === 2 ? openFilterAccordion = 0 : openFilterAccordion = 2">
        <div class="p mb-0"> Metallausführung </div>
        <div x-show="open === 2" class="ml-4" style="display: none;">
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-black w-6">
            <polyline points="18 15 12 9 6 15"></polyline>
          </svg>
        </div>
        <div x-show="open !== 2" class="ml-4">
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-black w-6">
            <polyline points="6 9 12 15 18 9"></polyline>
          </svg>
        </div>
      </div>
      <div x-show="openFilterAccordion == 2" x-transition:enter="transition-transform origin-top ease-out duration-300" x-transition:enter-start="scale-y-0" x-transition:enter-end="scale-y-100" class="p-5 pt-1 lg:pt-2 lg:pl-0.5"
        style="display: none;">
        <div class="flex flex-row flex-wrap gap-1.5">
          <label for="attribute-730" x-data="tooltip('00-Chrom')" class="attribute-item attribute-hideable hidden inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[727][]" value="730" id="attribute-730" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_j79pcdk0nl3878hg6i6dmij84i/-TIcons_Filterelemente_Square-FJPG" alt="00-Chrom">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-731" x-data="tooltip('01-Alugloss')" class="attribute-item attribute-hideable hidden inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[727][]" value="731" id="attribute-731" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_jlftlfa6i57rr9h63nhe7mqg1h/-TIcons_Filterelemente_Square-FJPG" alt="01-Alugloss">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-732" x-data="tooltip('04-Used')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[727][]" value="732" id="attribute-732" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_4kht3mo34l0ndbunh4fnlim45h/-TIcons_Filterelemente_Square-FJPG" alt="04-Used">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-14840" x-data="tooltip('10-Weiss')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[727][]" value="14840" id="attribute-14840" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_1ggsvp4oj12vlc43h6tbiqmh2b/-TIcons_Filterelemente_Square-FJPG" alt="10-Weiss">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-734" x-data="tooltip('10-White')" class="attribute-item attribute-hideable hidden inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[727][]" value="734" id="attribute-734" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_1ggsvp4oj12vlc43h6tbiqmh2b/-TIcons_Filterelemente_Square-FJPG" alt="10-White">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-729" x-data="tooltip('10-White')" class="attribute-item attribute-hideable hidden inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[727][]" value="729" id="attribute-729" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_1ggsvp4oj12vlc43h6tbiqmh2b/-FJPG" alt="10-White">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-735" x-data="tooltip('12-Schwarz')" class="attribute-item attribute-hideable hidden inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[727][]" value="735" id="attribute-735" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_6vjs4o5aa532bb5m8g75u56a37/-TIcons_Filterelemente_Square-FJPG" alt="12-Schwarz">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-736" x-data="tooltip('16-Anthracit')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[727][]" value="736" id="attribute-736" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_mckknchfp10k1cjg76bpl5fo7h/-TIcons_Filterelemente_Square-FJPG" alt="16-Anthracit">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-737" x-data="tooltip('40-Bronze')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[727][]" value="737" id="attribute-737" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_kdknt02eap3vf8amttdnc4ua1a/-TIcons_Filterelemente_Square-FJPG" alt="40-Bronze">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-738" x-data="tooltip('41-Copper')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[727][]" value="738" id="attribute-738" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_80c8hvmt8t16n5vpmc973upk7s/-TIcons_Filterelemente_Square-FJPG" alt="41-Copper">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-739" x-data="tooltip('42-Alu')" class="attribute-item attribute-hideable inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[727][]" value="739" id="attribute-739" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_jlftlfa6i57rr9h63nhe7mqg1h/-TIcons_Filterelemente_Square-FJPG" alt="42-Alu">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-740" x-data="tooltip('43-Inox')" class="attribute-item attribute-hideable hidden inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[727][]" value="740" id="attribute-740" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_qt97rt0r490c9b3hdj67aj0s58/-TIcons_Filterelemente_Square-FJPG" alt="43-Inox">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-741" x-data="tooltip('45-Iron')" class="attribute-item attribute-hideable hidden inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[727][]" value="741" id="attribute-741" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_s3uitar11939j5d0dq8gd3or1m/-TIcons_Filterelemente_Square-FJPG" alt="45-Iron">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
          <label for="attribute-743" x-data="tooltip('78-Schmiedeisenfarbig')" class="attribute-item attribute-hideable hidden inline-flex items-center space-x-4 border border-grey-100 group relative">
            <span class="relative">
              <input type="checkbox" name="field_attributes[727][]" value="743" id="attribute-743" class="opacity-0 peer w-full h-full absolute cursor-pointer">
              <img class="h-8 w-8 border-white border peer peer-focus:outline-black peer-focus:ring-4 peer-focus:ring-grey-300 object-cover" loading="lazy"
                src="https://d2xjdduyp6o2vp.cloudfront.net/image/804916039861/image_6eign2lg5d73h4d8fnshin221m/-TIcons_Filterelemente_Square-FJPG" alt="78-Schmiedeisenfarbig">
              <span class="icon-check peer-checked:opacity-100 opacity-0 absolute text-xs text-white leading-3 bg-black right-0 top-0 h-3 w-3"></span>
            </span>
          </label>
        </div>
      </div>
    </li>
    <li class="attribute-block  mb-0.5 sm:mb-2 lg:w-full">
      <div class="flex justify-between items-center px-5 lg:px-0 py-3 lg:py-2 cursor-pointer min-h-12 lg:min-h-16" @click="openFilterAccordion === 3 ? openFilterAccordion = 0 : openFilterAccordion = 3">
        <div class="p mb-0"> Breite Dimension </div>
        <div x-show="open === 3" class="ml-4" style="display: none;">
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-black w-6">
            <polyline points="18 15 12 9 6 15"></polyline>
          </svg>
        </div>
        <div x-show="open !== 3" class="ml-4">
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-black w-6">
            <polyline points="6 9 12 15 18 9"></polyline>
          </svg>
        </div>
      </div>
      <div x-show="openFilterAccordion == 3" x-transition:enter="transition-transform origin-top ease-out duration-300" x-transition:enter-start="scale-y-0" x-transition:enter-end="scale-y-100" class="p-5 pt-1 lg:pt-2 lg:pl-0.5"
        style="display: none;">
        <script src="/static/default/range.bf3589ba.js"></script>
        <div
          x-data="range(Object.values({&quot;14&quot;:{&quot;key&quot;:83,&quot;value&quot;:80,&quot;unit&quot;:null},&quot;15&quot;:{&quot;key&quot;:84,&quot;value&quot;:90,&quot;unit&quot;:null},&quot;0&quot;:{&quot;key&quot;:85,&quot;value&quot;:100,&quot;unit&quot;:null},&quot;1&quot;:{&quot;key&quot;:86,&quot;value&quot;:120,&quot;unit&quot;:null},&quot;2&quot;:{&quot;key&quot;:87,&quot;value&quot;:140,&quot;unit&quot;:null},&quot;3&quot;:{&quot;key&quot;:88,&quot;value&quot;:153,&quot;unit&quot;:null},&quot;4&quot;:{&quot;key&quot;:89,&quot;value&quot;:160,&quot;unit&quot;:null},&quot;5&quot;:{&quot;key&quot;:90,&quot;value&quot;:161,&quot;unit&quot;:null},&quot;6&quot;:{&quot;key&quot;:92,&quot;value&quot;:173,&quot;unit&quot;:null},&quot;7&quot;:{&quot;key&quot;:93,&quot;value&quot;:180,&quot;unit&quot;:null},&quot;8&quot;:{&quot;key&quot;:94,&quot;value&quot;:181,&quot;unit&quot;:null},&quot;9&quot;:{&quot;key&quot;:96,&quot;value&quot;:193,&quot;unit&quot;:null},&quot;10&quot;:{&quot;key&quot;:97,&quot;value&quot;:200,&quot;unit&quot;:null},&quot;11&quot;:{&quot;key&quot;:98,&quot;value&quot;:201,&quot;unit&quot;:null},&quot;12&quot;:{&quot;key&quot;:100,&quot;value&quot;:213,&quot;unit&quot;:null},&quot;13&quot;:{&quot;key&quot;:101,&quot;value&quot;:221,&quot;unit&quot;:null}}))"
          @resetproductsearch.window="reset()">
          <div>
            <div class="flex mb-6 justify-between">
              <div class="w-5/12 overflow-hidden md:w-32 flex justify-between items-center p-1 border border-black">
                <label class="md:w-9 mr-1" :for="`attribute-${availableSteps[minValue]?.key}`" for="attribute-83">
                  <span x-text="availableSteps[minValue]?.value">80</span>&nbsp; <template x-if="availableSteps[minValue]?.unit">
                    <span x-text="availableSteps[minValue].unit"></span>
                  </template>
                </label>
                <input class="md:w-16 outline-0 hidden" :id="`attribute-${availableSteps[minValue]?.key}`" name="range_attributes[81][from]" value="80" :value="availableSteps[minValue]?.value || 0" @change="minTrigger($event.target.value)"
                  id="attribute-83">
              </div>
              <div class="w-5/12 overflow-hidden md:w-32 flex justify-between items-center p-1 border border-black">
                <label class="md:w-9 mr-1" :for="`attribute-${availableSteps[maxValue]?.key}`" for="attribute-101">
                  <span x-text="availableSteps[maxValue]?.value">221</span>&nbsp; <template x-if="availableSteps[maxValue]?.unit">
                    <span x-text="availableSteps[maxValue].unit"></span>
                  </template>
                </label>
                <input class="md:w-16 outline-0 hidden" type="text" :id="`attribute-${availableSteps[maxValue]?.key}`" name="range_attributes[81][to]" value="221" :value="availableSteps[maxValue]?.value || 0" @change="maxTrigger($event.target.value)"
                  id="attribute-101">
              </div>
            </div>
            <div class="relative w-full">
              <input type="range" step="1" min="0" x-ref="min" max="15" :value="minValue" x-model="minValue" @input="minTrigger(minValue)" class="absolute pointer-events-none appearance-none z-20 h-5 w-full opacity-0 cursor-pointer left-2.5">
              <input type="range" step="1" x-ref="max" min="0" max="15" :value="maxValue" x-model="maxValue" @input="maxTrigger(maxValue)" class="absolute pointer-events-none appearance-none z-20 h-5 w-full opacity-0 cursor-pointer">
              <div class="relative w-full">
                <div class="py-2">
                  <div class="w-full h-1 bg-grey-200"></div>
                </div>
                <div class="absolute w-full my-2 h-1 bg-black top-0" :style="'right:' + maxThumb + '%; left:' + minThumb + '%; width:' + (maxThumb - minThumb) + '%;'" style="right:100%; left:0%; width:100%;"></div>
                <div class="absolute w-full h-5 w-5 border border-black rounded-full bg-white top-0" :style="'left: ' + minThumb + '%'" style="left: 0%"></div>
                <div class="absolute w-full h-5 w-5 border border-black rounded-full bg-white top-0" :style="'left: calc(' + maxThumb + '% - 1.25rem)'" style="left: calc(100% - 1.25rem)"></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </li>
    <li class="attribute-block  mb-0.5 sm:mb-2 lg:w-full">
      <div class="flex justify-between items-center px-5 lg:px-0 py-3 lg:py-2 cursor-pointer min-h-12 lg:min-h-16" @click="openFilterAccordion === 4 ? openFilterAccordion = 0 : openFilterAccordion = 4">
        <div class="p mb-0"> Länge Dimension </div>
        <div x-show="open === 4" class="ml-4" style="display: none;">
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-black w-6">
            <polyline points="18 15 12 9 6 15"></polyline>
          </svg>
        </div>
        <div x-show="open !== 4" class="ml-4">
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-black w-6">
            <polyline points="6 9 12 15 18 9"></polyline>
          </svg>
        </div>
      </div>
      <div x-show="openFilterAccordion == 4" x-transition:enter="transition-transform origin-top ease-out duration-300" x-transition:enter-start="scale-y-0" x-transition:enter-end="scale-y-100" class="p-5 pt-1 lg:pt-2 lg:pl-0.5"
        style="display: none;">
        <div
          x-data="range(Object.values([{&quot;key&quot;:105,&quot;value&quot;:190,&quot;unit&quot;:null},{&quot;key&quot;:106,&quot;value&quot;:200,&quot;unit&quot;:null},{&quot;key&quot;:107,&quot;value&quot;:210,&quot;unit&quot;:null},{&quot;key&quot;:108,&quot;value&quot;:220,&quot;unit&quot;:null}]))"
          @resetproductsearch.window="reset()">
          <div>
            <div class="flex mb-6 justify-between">
              <div class="w-5/12 overflow-hidden md:w-32 flex justify-between items-center p-1 border border-black">
                <label class="md:w-9 mr-1" :for="`attribute-${availableSteps[minValue]?.key}`" for="attribute-105">
                  <span x-text="availableSteps[minValue]?.value">190</span>&nbsp; <template x-if="availableSteps[minValue]?.unit">
                    <span x-text="availableSteps[minValue].unit"></span>
                  </template>
                </label>
                <input class="md:w-16 outline-0 hidden" :id="`attribute-${availableSteps[minValue]?.key}`" name="range_attributes[103][from]" value="190" :value="availableSteps[minValue]?.value || 0" @change="minTrigger($event.target.value)"
                  id="attribute-105">
              </div>
              <div class="w-5/12 overflow-hidden md:w-32 flex justify-between items-center p-1 border border-black">
                <label class="md:w-9 mr-1" :for="`attribute-${availableSteps[maxValue]?.key}`" for="attribute-108">
                  <span x-text="availableSteps[maxValue]?.value">220</span>&nbsp; <template x-if="availableSteps[maxValue]?.unit">
                    <span x-text="availableSteps[maxValue].unit"></span>
                  </template>
                </label>
                <input class="md:w-16 outline-0 hidden" type="text" :id="`attribute-${availableSteps[maxValue]?.key}`" name="range_attributes[103][to]" value="220" :value="availableSteps[maxValue]?.value || 0"
                  @change="maxTrigger($event.target.value)" id="attribute-108">
              </div>
            </div>
            <div class="relative w-full">
              <input type="range" step="1" min="0" x-ref="min" max="3" :value="minValue" x-model="minValue" @input="minTrigger(minValue)" class="absolute pointer-events-none appearance-none z-20 h-5 w-full opacity-0 cursor-pointer left-2.5">
              <input type="range" step="1" x-ref="max" min="0" max="3" :value="maxValue" x-model="maxValue" @input="maxTrigger(maxValue)" class="absolute pointer-events-none appearance-none z-20 h-5 w-full opacity-0 cursor-pointer">
              <div class="relative w-full">
                <div class="py-2">
                  <div class="w-full h-1 bg-grey-200"></div>
                </div>
                <div class="absolute w-full my-2 h-1 bg-black top-0" :style="'right:' + maxThumb + '%; left:' + minThumb + '%; width:' + (maxThumb - minThumb) + '%;'" style="right:100%; left:0%; width:100%;"></div>
                <div class="absolute w-full h-5 w-5 border border-black rounded-full bg-white top-0" :style="'left: ' + minThumb + '%'" style="left: 0%"></div>
                <div class="absolute w-full h-5 w-5 border border-black rounded-full bg-white top-0" :style="'left: calc(' + maxThumb + '% - 1.25rem)'" style="left: calc(100% - 1.25rem)"></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </li>
    <li class="attribute-block attribute-hideable mb-0.5 sm:mb-2 lg:w-full">
      <div class="flex justify-between items-center px-5 lg:px-0 py-3 lg:py-2 cursor-pointer min-h-12 lg:min-h-16" @click="openFilterAccordion === 5 ? openFilterAccordion = 0 : openFilterAccordion = 5">
        <div class="p mb-0"> Fusshöhe </div>
        <div x-show="open === 5" class="ml-4" style="display: none;">
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-black w-6">
            <polyline points="18 15 12 9 6 15"></polyline>
          </svg>
        </div>
        <div x-show="open !== 5" class="ml-4">
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-black w-6">
            <polyline points="6 9 12 15 18 9"></polyline>
          </svg>
        </div>
      </div>
      <div x-show="openFilterAccordion == 5" x-transition:enter="transition-transform origin-top ease-out duration-300" x-transition:enter-start="scale-y-0" x-transition:enter-end="scale-y-100" class="p-5 pt-1 lg:pt-2 lg:pl-0.5"
        style="display: none;">
        <div class="grid gap-1.5">
          <div class="attribute-item attribute-hideable hidden flex items-center">
            <input type="checkbox" name="field_attributes[109][]" value="1507" id="attribute-1507" class="form-checkbox form-checkbox-filter cursor-pointer">
            <label class="ml-2 small" for="attribute-1507">7 cm</label>
          </div>
          <div class="attribute-item attribute-hideable hidden flex items-center">
            <input type="checkbox" name="field_attributes[109][]" value="1508" id="attribute-1508" class="form-checkbox form-checkbox-filter cursor-pointer">
            <label class="ml-2 small" for="attribute-1508">8 cm</label>
          </div>
          <div class="attribute-item attribute-hideable flex items-center">
            <input type="checkbox" name="field_attributes[109][]" value="1509" id="attribute-1509" class="form-checkbox form-checkbox-filter cursor-pointer">
            <label class="ml-2 small" for="attribute-1509">10 cm</label>
          </div>
          <div class="attribute-item attribute-hideable hidden flex items-center">
            <input type="checkbox" name="field_attributes[109][]" value="1510" id="attribute-1510" class="form-checkbox form-checkbox-filter cursor-pointer">
            <label class="ml-2 small" for="attribute-1510">13 cm</label>
          </div>
          <div class="attribute-item attribute-hideable hidden flex items-center">
            <input type="checkbox" name="field_attributes[109][]" value="1511" id="attribute-1511" class="form-checkbox form-checkbox-filter cursor-pointer">
            <label class="ml-2 small" for="attribute-1511">14 cm</label>
          </div>
          <div class="attribute-item attribute-hideable flex items-center">
            <input type="checkbox" name="field_attributes[109][]" value="1513" id="attribute-1513" class="form-checkbox form-checkbox-filter cursor-pointer">
            <label class="ml-2 small" for="attribute-1513">20 cm</label>
          </div>
          <div class="attribute-item attribute-hideable flex items-center">
            <input type="checkbox" name="field_attributes[109][]" value="1514" id="attribute-1514" class="form-checkbox form-checkbox-filter cursor-pointer">
            <label class="ml-2 small" for="attribute-1514">25 cm</label>
          </div>
          <div class="attribute-item attribute-hideable hidden flex items-center">
            <input type="checkbox" name="field_attributes[109][]" value="1515" id="attribute-1515" class="form-checkbox form-checkbox-filter cursor-pointer">
            <label class="ml-2 small" for="attribute-1515">28 cm</label>
          </div>
          <div class="attribute-item attribute-hideable flex items-center">
            <input type="checkbox" name="field_attributes[109][]" value="1516" id="attribute-1516" class="form-checkbox form-checkbox-filter cursor-pointer">
            <label class="ml-2 small" for="attribute-1516">30 cm</label>
          </div>
        </div>
      </div>
    </li>
  </ul>
</form>

Text Content

Betten

* Zurück
* Betten
* Kollektionen
  
  * Zurück
  * Kollektionen
  * Betten-Kollektionen
    
    * Movie-/Top-Line
    * Industrial-Movie
    * Trento
    * Edition pronto - Wood
    * Edition pronto - Boxspring
    * Edition pronto - Romantic
    * Factory-Line
    * Industrial-Loft
    * Wood-Line
    * Lounge
    * Fine-Line
    * Naturo-Line
    * Oak-Line
    * Oak-Puro
    * Oak-Bianco
    * Oak-Wild
    * Oak-Wild Bormio, Cortina, Aspino
    * Oak-Wild Vintage
    * Dream-Line
    * Silenzio
    * Dream pronto
    * Function
    * Comfort
    * Kids & Guests
  * Boxspring-Kollektionen
    
    * Massiva Comfort
    * Factory Comfort
    * Classic Comfort
    * Modern Comfort
    * Lovitio Comfort - Stauraum
    * Box-Simply
    * Boxspring pronto
    * Boxspring Inside
    * Edition pronto - Boxspring
* Bettrahmen
* Kopfteile & Wandpaneele
  
  * Zurück
  * Kopfteile & Wandpaneele
  * Kopfteile
  * Wandpaneele
  * Kissen zu Kopfteilen
* Füsse
* Holzbetten
* Boxspringbetten
* Polsterbetten
* Metallbetten
* Komfortbetten
* Stauraumbetten
* Gästebetten
* Himmelbetten
Lattenroste & Matratzen

* Zurück
* Lattenroste & Matratzen
* Lattenroste & Bettinhalt
* Matratzen & Topper
Nachttische

* Zurück
* Nachttische
* Nachttische - alle Modelle
* selezione - personalisierbare Nachttische
  
  * Zurück
  * selezione - personalisierbare Nachttische
  * Detail-Informationen
  * Einrichtungsbeispiele
Kommoden

* Zurück
* Kommoden
* Kommoden - alle Modelle
* selezione - personalisierbare Kommoden
  
  * Zurück
  * selezione - personalisierbare Kommoden
  * Detail-Informationen
  * Einrichtungsbeispiele
Accessoires
Zubehör

* Zurück
* Zubehör
* Bett-Traversen
* Leselampen
* Zubehör Betten, Kopfteile & Wandpaneele
* Zubehör Himmelbetten
* Zubehör Nachttische, Kommoden & Roll-Box
Tipps & Inspirationen

* Zurück
* Tipps & Inspirationen
* Schlaf-Ratgeber
* Einrichtungsstile
* Wohnbroschüre
Händler-Suche
Kataloge und Prospekte
Services

* Zurück
* Services
* swiss bed concept
* Virtueller Showroom
* Pronto-Lieferservice
* Stoffkollektion
  
  * Zurück
  * Stoffkollektion
  * Technische Daten
* Pflegetipps
* Möbelpflege-Shop
* Movento Führungssystem
* Garantie-Bestimmungen
* Häufige Fragen
Über uns

* Zurück
* Über uns
* Unternehmen
* Nachhaltigkeit
  
  * Zurück
  * Nachhaltigkeit
  * Recycelte Stoffe
  * Veganes Leder
  * Recycelte Hölzer
* Jobs & Karriere
* Kontakt
Select Language
 * DE
 * FR
 * EN

 * 
 * Betten
 * Lattenroste & Matratzen
 * Nachttische
 * Kommoden
 * Accessoires
 * Zubehör


 * Betten
 * Kollektionen
 * Bettrahmen
 * Kopfteile & Wandpaneele
 * Füsse
 * Holzbetten
 * Boxspringbetten
 * Polsterbetten
 * Metallbetten
 * Komfortbetten
 * Stauraumbetten
 * Gästebetten
 * Himmelbetten

 * Betten-Kollektionen
   * Movie-/Top-Line
   * Industrial-Movie
   * Trento
   * Edition pronto - Wood
   * Edition pronto - Boxspring
   * Edition pronto - Romantic
   * Factory-Line
   * Industrial-Loft
   * Wood-Line
   * Lounge
   * Fine-Line
   * Naturo-Line
   * Oak-Line
   * Oak-Puro
   * Oak-Bianco
   * Oak-Wild
   * Oak-Wild Bormio, Cortina, Aspino
   * Oak-Wild Vintage
   * Dream-Line
   * Silenzio
   * Dream pronto
   * Function
   * Comfort
   * Kids & Guests
 * Boxspring-Kollektionen
   * Massiva Comfort
   * Factory Comfort
   * Classic Comfort
   * Modern Comfort
   * Lovitio Comfort - Stauraum
   * Box-Simply
   * Boxspring pronto
   * Boxspring Inside
   * Edition pronto - Boxspring

 * Kopfteile
 * Wandpaneele
 * Kissen zu Kopfteilen

 * Lattenroste & Matratzen
 * Lattenroste & Bettinhalt
 * Matratzen & Topper

 * Nachttische
 * Nachttische - alle Modelle
 * selezione - personalisierbare Nachttische

 * Detail-Informationen
 * Einrichtungsbeispiele

 * Kommoden
 * Kommoden - alle Modelle
 * selezione - personalisierbare Kommoden

 * Detail-Informationen
 * Einrichtungsbeispiele


 * Zubehör
 * Bett-Traversen
 * Leselampen
 * Zubehör Betten, Kopfteile & Wandpaneele
 * Zubehör Himmelbetten
 * Zubehör Nachttische, Kommoden & Roll-Box

 * Tipps & Inspirationen
 * Händler-Suche
 * Kataloge und Prospekte
 * Services
 * Über uns

Sprachwahl
Select Language
 * DE
 * FR
 * EN

 * Schlaf-Ratgeber
 * Einrichtungsstile
 * Wohnbroschüre

 * swiss bed concept
 * Virtueller Showroom
 * Pronto-Lieferservice
 * Stoffkollektion
    * Technische Daten

 * Pflegetipps
 * Möbelpflege-Shop
 * Movento Führungssystem
 * Garantie-Bestimmungen
 * Häufige Fragen

 * Unternehmen
 * Nachhaltigkeit
    * Recycelte Stoffe
    * Veganes Leder
    * Recycelte Hölzer

 * Jobs & Karriere
 * Kontakt

TEST

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vestibulum
id ligula porta felis euismod semper.

Mehr
 * Alle
   Alle
   
   

 * 0 Ergebnisse gefunden
   
   
   
   

   


 * Home
   /
 * Produkte
   /
 * Betten
   /
 * Kollektionen
   /
 * Betten-Kollektionen
   /
 * Dream-Line


DREAM-LINE

Umgeben von feinsten Stoffen – mit unserem Polsterbetten-Programm «Dream-Line»
eröffnen sich schier endlose Kombinationsmöglichkeiten. Als Bezug stehen mehr
als 60 unterschiedliche Stoffe zur Auswahl, darunter auch Kunstleder, Echtleder
und veganes Leder. Darüber hinaus bietet Dream-Line ein umfangreiches Sortiment
an Kopfteilen, Füssen und passenden Beistellmöbeln. Für ein sinnliches
Schlafzimmer ganz nach Ihrem Geschmack!

Filter zurück setzen

18 Artikel gefunden

Sortierung
Filter
 * Stoffausführung
   
   
   
 * Oberflächenausführung
   
   
   
 * Metallausführung
   
   
   
 * Breite Dimension
   
   
   80 
   221 
   
 * Länge Dimension
   
   
   190 
   220 
   
 * Fusshöhe
   
   
   7 cm
   8 cm
   10 cm
   13 cm
   14 cm
   20 cm
   25 cm
   28 cm
   30 cm

Filter zurücksetzen

Keine Produkte gefunden



Details



Details
Ciara 23/3S Bettrahmen, Fasio Füsse, Mars Kopfteil

Dream-Line



Details
Ciara 23/4S Bettrahmen, Arc Füsse, Ripo Kopfteil

Dream-Line



Details
Ciara 23/4S Bettrahmen, Slid Kufen, Suno Kopfteil

Dream-Line



Details
Ciara 28/3S Bettrahmen, Masi Füsse, Kimo Kopfteil

Dream-Line



Details
Ciara 28/4S Bettrahmen, Masi Füsse, Obag Kopfteil

Dream-Line



Details
Lungo 23/2S Bettrahmen, Fasio Füsse, Combia Kopf-/Fussbrett

Dream-Line



Details
Lungo 23/2S Bettrahmen, Slid Kufen, Venus Kopf-/Fussteil

Dream-Line



Details
Lungo 23/3S Bettrahmen, Jeno Füsse, Zuro Kopfteil

Dream-Line



Details
Lungo 28/2S Bettrahmen, Arc Füsse, Ronio Kopf-/Fussbrett

Dream-Line



Details
Lungo 28/3S Bettrahmen, Ivio Füsse, Zuro Kopfteil

Dream-Line



Details
Lungo 283/S Bettrahmen, Skid Kufen, Zuro Kopfteil

Dream-Line



Details
Moon 18/3S Bettrahmen, Slid Kufen, Orion Kopfteil

Dream-Line



Details
Moon 18/4S Bettrahmen, Tondo Füsse, Talma Kopfteil

Dream-Line



Details
Sole 18/3S Bettrahmen, Ivio Füsse, Coco Kopfteil

Dream-Line



Details
Sole 18/3S Bettrahmen, Skid Kufen, Siena Kopfteil

Dream-Line



Details
Weitere Produkte anzeigen
Weitere Produkte anzeigen
Nach Oben
Quicklinks

 * swiss bed concept
 * Recycelte Stoffe
 * Recycelte Hölzer
 * Veganes Leder
 * Häufige Fragen

Tipps & Inspirationen

 * Übersicht
 * Schlaf-Ratgeber
 * Einrichtungsstile
 * Wohnbroschüre

Services

 * Übersicht
 * Virtueller Showroom
 * Händler-Suche
 * Kataloge und Prospekte

Über Uns

 * Übersicht
 * Unternehmen
 * Nachhaltigkeit
 * Jobs & Karriere
 * Social Wall
 * Kontakt

Hasena AG
Leymenstrasse 10
CH-4105 Biel-Benken
Tel +41 (0)61 726 24 24
Mail sales@hasenabeds.com

Rechtliches
 * Datenschutz
 * Cookie-Erklärung
 * Impressum

Social Media


Select Language
 * DE
 * FR
 * EN

© 2024 Hasena AG