<turbo-stream action="replace" target="listing"><template>
  <turbo-frame id="listing" target="_top">
  <div data-controller="clear-code-filter"></div>
      <section class="filter-badges">
          <span class="badge">Lookkino <a data-controller="badge-filter" data-action="click-&gt;badge-filter#remove" href="/de/showroom"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="x-icon" viewBox="0 0 16 16"><path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z" /></svg></a></span>
      </section>
    <section class="show-mobile" style="text-align: center;margin-bottom: 20px;">
      <a href="#" class="button button-medium" data-controller="toggle-filters" data-action="toggle-filters#toggleFilters">Filtra prodotti</a>
    </section>
    <section class="mobile-filters" id="mobile-filters-container">
      <form data-controller="filters" data-turbo-frame="listing" data-turbo-action="advance" action="/de/showroom" accept-charset="UTF-8" method="get">
  <div class="sidebar-accordion" data-controller="accordion">
    <div class="accordion-item" data-accordion-target="item">
      <div class="accordion-header" data-action="click->accordion#toggle">Typologie</div>
      <div class="accordion-content">
        <ul class="filter-links">
            <li><input type="checkbox" name="typology[]" id="typology_eyeglasses" value="eyeglasses" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="typology_eyeglasses">Optische</label></li>
            <li><input type="checkbox" name="typology[]" id="typology_sunglasses" value="sunglasses" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="typology_sunglasses">Sonne</label></li>
        </ul>
      </div>
    </div>
    <div class="accordion-item" data-accordion-target="item">
      <div class="accordion-header" data-action="click->accordion#toggle">Linie</div>
      <div class="accordion-content">
        <ul class="filter-links">
            <li><input type="checkbox" name="line[]" id="line_look" value="look" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="line_look">Look</label></li>
            <li><input type="checkbox" name="line[]" id="line_lookkino" value="lookkino" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" checked="checked" /> <label for="line_lookkino">Lookkino</label></li>
        </ul>
      </div>
    </div>
    <div class="accordion-item" data-accordion-target="item">
      <div class="accordion-header" data-action="click->accordion#toggle">Segment</div>
      <div class="accordion-content">
        <ul class="filter-links">
            <li><input type="checkbox" name="segment[]" id="segment_zerosix" value="zerosix" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="segment_zerosix">0-6</label></li>
            <li><input type="checkbox" name="segment[]" id="segment_icons" value="icons" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="segment_icons">Icons</label></li>
            <li><input type="checkbox" name="segment[]" id="segment_moda" value="moda" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="segment_moda">Moda</label></li>
            <li><input type="checkbox" name="segment[]" id="segment_sport" value="sport" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="segment_sport">Sport</label></li>
        </ul>
      </div>
    </div>
    <div class="accordion-item" data-accordion-target="item">
      <div class="accordion-header" data-action="click->accordion#toggle">Zeichen</div>
      <div class="accordion-content">
        <ul class="filter-links">
            <li><input type="checkbox" name="gender[]" id="gender_male" value="male" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="gender_male">Manner</label></li>
            <li><input type="checkbox" name="gender[]" id="gender_female" value="female" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="gender_female">Dame</label></li>
            <li><input type="checkbox" name="gender[]" id="gender_unisex" value="unisex" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="gender_unisex">Unisex</label></li>
        </ul>
      </div>
    </div>
    <div class="accordion-item" data-accordion-target="item">
      <div class="accordion-header" data-action="click->accordion#toggle">Größen</div>
      <div class="accordion-content">
        <ul class="filter-links">
            <li><input type="checkbox" name="size[]" id="size_kids" value="kids" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="size_kids">Kids</label></li>
            <li><input type="checkbox" name="size[]" id="size_midsize" value="midsize" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="size_midsize">Midsize</label></li>
            <li><input type="checkbox" name="size[]" id="size_adult" value="adult" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="size_adult">Adult</label></li>
        </ul>
      </div>
    </div>
    <div class="accordion-item" data-accordion-target="item">
      <div class="accordion-header" data-action="click->accordion#toggle">Material</div>
      <div class="accordion-content">
        <ul class="filter-links">
            <li><input type="checkbox" name="material[]" id="material_4" value="4" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="material_4">Acetat</label></li>
            <li><input type="checkbox" name="material[]" id="material_5" value="5" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="material_5">Alumix</label></li>
            <li><input type="checkbox" name="material[]" id="material_10" value="10" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="material_10">NIL</label></li>
            <li><input type="checkbox" name="material[]" id="material_16" value="16" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="material_16">Xinox</label></li>
        </ul>
      </div>
    </div>
    <div class="accordion-item" data-accordion-target="item">
      <div class="accordion-header" data-action="click->accordion#toggle">Farbe</div>
      <div class="accordion-content">
        <ul class="filter-links">
            <li><div class="color-dot" style="background: rgb(255,102,0)"></div><input type="checkbox" name="color[]" id="color_38a87fd8-8eea-4bb9-bda8-3b3875a1a967" value="38a87fd8-8eea-4bb9-bda8-3b3875a1a967" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_38a87fd8-8eea-4bb9-bda8-3b3875a1a967">Arancio</label></li>
            <li><div class="color-dot" style="background: rgb(210,210,210)"></div><input type="checkbox" name="color[]" id="color_05d3ddec-fac3-4e54-a64c-edfb0855b0e3" value="05d3ddec-fac3-4e54-a64c-edfb0855b0e3" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_05d3ddec-fac3-4e54-a64c-edfb0855b0e3">Argento</label></li>
            <li><div class="color-dot" style="background: rgb(252,252,252)"></div><input type="checkbox" name="color[]" id="color_9a4cd523-b737-4f20-be37-3d048760bb11" value="9a4cd523-b737-4f20-be37-3d048760bb11" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_9a4cd523-b737-4f20-be37-3d048760bb11">Bianco</label></li>
            <li><div class="color-dot" style="background: rgb(0,0,255)"></div><input type="checkbox" name="color[]" id="color_eb3ecb8b-b9ff-4bb6-a750-5364a89c1eb1" value="eb3ecb8b-b9ff-4bb6-a750-5364a89c1eb1" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_eb3ecb8b-b9ff-4bb6-a750-5364a89c1eb1">Blu</label></li>
            <li><div class="color-dot" style="background: rgb(178,255,255)"></div><input type="checkbox" name="color[]" id="color_1e17c45f-b9d9-4cce-9676-429833488b1d" value="1e17c45f-b9d9-4cce-9676-429833488b1d" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_1e17c45f-b9d9-4cce-9676-429833488b1d">Celeste</label></li>
            <li><div class="color-dot" style="background: rgb(255,255,255)"></div><input type="checkbox" name="color[]" id="color_f339bf17-0bcd-44ce-9852-a0cac995ad31" value="f339bf17-0bcd-44ce-9852-a0cac995ad31" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_f339bf17-0bcd-44ce-9852-a0cac995ad31">Cristallo</label></li>
            <li><div class="color-dot" style="background: rgb(255,255,102)"></div><input type="checkbox" name="color[]" id="color_341fab76-5668-4b55-aecd-ee58f2a67ab6" value="341fab76-5668-4b55-aecd-ee58f2a67ab6" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_341fab76-5668-4b55-aecd-ee58f2a67ab6">Giallo</label></li>
            <li><div class="color-dot" style="background: rgb(128,128,128)"></div><input type="checkbox" name="color[]" id="color_5928c60b-d46e-4695-b0b1-752093fb99a1" value="5928c60b-d46e-4695-b0b1-752093fb99a1" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_5928c60b-d46e-4695-b0b1-752093fb99a1">Grigio</label></li>
            <li><div class="color-dot" style="background: rgb(217,1,122)"></div><input type="checkbox" name="color[]" id="color_e2e443ea-84e7-4b4f-8901-4635fec34cdf" value="e2e443ea-84e7-4b4f-8901-4635fec34cdf" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_e2e443ea-84e7-4b4f-8901-4635fec34cdf">Magenta</label></li>
            <li><div class="color-dot" style="background: rgb(92,46,15)"></div><input type="checkbox" name="color[]" id="color_4de686d4-1d7a-4fe1-891f-c604831a50e2" value="4de686d4-1d7a-4fe1-891f-c604831a50e2" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_4de686d4-1d7a-4fe1-891f-c604831a50e2">Marrone</label></li>
            <li><div class="color-dot" style="background: rgb(29,29,27)"></div><input type="checkbox" name="color[]" id="color_282f8cc6-26ff-420b-a429-ea818fd94695" value="282f8cc6-26ff-420b-a429-ea818fd94695" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_282f8cc6-26ff-420b-a429-ea818fd94695">Nero</label></li>
            <li><div class="color-dot" style="background: rgb(218,165,32)"></div><input type="checkbox" name="color[]" id="color_315a5da5-ef03-4f1d-814e-7dd7a6a71a97" value="315a5da5-ef03-4f1d-814e-7dd7a6a71a97" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_315a5da5-ef03-4f1d-814e-7dd7a6a71a97">Oro</label></li>
            <li><div class="color-dot" style="background: rgb(231,178,164)"></div><input type="checkbox" name="color[]" id="color_b831fc91-718b-4973-bbe0-3ad47f553347" value="b831fc91-718b-4973-bbe0-3ad47f553347" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_b831fc91-718b-4973-bbe0-3ad47f553347">Oro Rosè</label></li>
            <li><div class="color-dot" style="background: rgb(184,115,51)"></div><input type="checkbox" name="color[]" id="color_2ac3439d-db7d-49bd-a4a3-3d783ce90282" value="2ac3439d-db7d-49bd-a4a3-3d783ce90282" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_2ac3439d-db7d-49bd-a4a3-3d783ce90282">Rame</label></li>
            <li><div class="color-dot" style="background: rgb(255,153,204)"></div><input type="checkbox" name="color[]" id="color_0501186f-425e-4e02-b312-1c7ebf98f173" value="0501186f-425e-4e02-b312-1c7ebf98f173" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_0501186f-425e-4e02-b312-1c7ebf98f173">Rosa</label></li>
            <li><div class="color-dot" style="background: rgb(255,0,0)"></div><input type="checkbox" name="color[]" id="color_fa99db68-fd30-4cad-97f4-2256dbc3b96a" value="fa99db68-fd30-4cad-97f4-2256dbc3b96a" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_fa99db68-fd30-4cad-97f4-2256dbc3b96a">Rosso</label></li>
            <li><div class="color-dot" style="background: rgb(0,102,0)"></div><input type="checkbox" name="color[]" id="color_84ebaab0-2071-4feb-b0b6-be8c7558f26a" value="84ebaab0-2071-4feb-b0b6-be8c7558f26a" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_84ebaab0-2071-4feb-b0b6-be8c7558f26a">Verde</label></li>
            <li><div class="color-dot" style="background: rgb(102,0,153)"></div><input type="checkbox" name="color[]" id="color_2909f02d-f1ff-4a58-b1cb-7707a5c5c003" value="2909f02d-f1ff-4a58-b1cb-7707a5c5c003" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_2909f02d-f1ff-4a58-b1cb-7707a5c5c003">Viola</label></li>
        </ul>
      </div>
    </div>
    <div class="accordion-item" data-accordion-target="item">
      <div class="accordion-header" data-action="click->accordion#toggle">Gestalt</div>
      <div class="accordion-content">
        <ul class="filter-links">
            <li><input type="checkbox" name="form[]" id="form_oval" value="oval" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="form_oval">Oval</label></li>
            <li><input type="checkbox" name="form[]" id="form_phantos" value="phantos" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="form_phantos">Pantos</label></li>
            <li><input type="checkbox" name="form[]" id="form_butterfly" value="butterfly" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="form_butterfly">Schmetterling</label></li>
            <li><input type="checkbox" name="form[]" id="form_aviator" value="aviator" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="form_aviator">Aviator</label></li>
            <li><input type="checkbox" name="form[]" id="form_rectangular" value="rectangular" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="form_rectangular">Rechteckig</label></li>
            <li><input type="checkbox" name="form[]" id="form_round" value="round" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="form_round">Runden</label></li>
            <li><input type="checkbox" name="form[]" id="form_square" value="square" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="form_square">Eckig</label></li>
            <li><input type="checkbox" name="form[]" id="form_perimeter" value="perimeter" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="form_perimeter">Perimetrisch</label></li>
            <li><input type="checkbox" name="form[]" id="form_polygonal" value="polygonal" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="form_polygonal">Polygonal</label></li>
        </ul>
      </div>
    </div>
    <div class="accordion-item" data-accordion-target="item">
      <div class="accordion-header" data-action="click->accordion#toggle">Größe</div>
      <div class="accordion-content">
        <ul class="filter-links">
            <li><input type="checkbox" name="caliber[]" id="caliber_38" value="38" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_38">38</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_40" value="40" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_40">40</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_43" value="43" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_43">43</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_44" value="44" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_44">44</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_45" value="45" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_45">45</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_46" value="46" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_46">46</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_47" value="47" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_47">47</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_48" value="48" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_48">48</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_49" value="49" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_49">49</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_50" value="50" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_50">50</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_51" value="51" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_51">51</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_52" value="52" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_52">52</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_53" value="53" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_53">53</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_54" value="54" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_54">54</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_55" value="55" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_55">55</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_56" value="56" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_56">56</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_57" value="57" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_57">57</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_58" value="58" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_58">58</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_59" value="59" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_59">59</label></li>
        </ul>
      </div>
    </div>
  </div>

  <div class="switch-filter">
    <div class="switch-container">
      <input type="checkbox" name="new_arrival" id="new-arrival-switch" value="yes" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" />
      <label for="new-arrival-switch">Nuovi arrivi</label>
    </div>
    <span>Neuigkeiten</span>
  </div>

  <input type="submit" name="commit" value="Submit" class="hide" data-filters-target="submitButton" data-disable-with="Submit" />
</form>
<form class="filter-by-code-container" data-turbo-action="advance" action="/de/showroom" accept-charset="UTF-8" method="get">
  <label class="control-label" for="code">Suche nach Code</label>
  <div class="input-group-with-button">
    <input type="text" name="code" id="filter-code-input" class="input" autocomplete="off" />
    <button name="button" type="submit" class="button button-small"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="chevron-right-icon" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z" /></svg></button>
  </div>
</form>
<div class="clear-filters hide" id="clear-filters-target">
  <a href="/de/showroom">Filter löschen</a>
</div>

    </section>
    <section class="items-grid">
      <div class="listing-item">
  <a href="/de/lookkino/03938-47-C2">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/mf00q3l0qoo3xgap5gim340poi44?response-content-disposition=inline%3B%20filename%3D%2203938.47.C2.jpg%22%3B%20filename%2A%3DUTF-8%27%2703938.47.C2.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260730%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260730T224836Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=bf7882e7167d4b4ba4537f79a296be159b8b8982522b327be662565d9f6de23f" />
      </div>
    <span class="item-title">03938 - Cal. 47</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(255,153,204) 50%, rgb(217,1,122) 50%)" href="/de/lookkino/03938-47-C2"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(255,153,204) 50%, rgb(255,153,204) 50%)" href="/de/lookkino/03938-47-C4"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/de/lookkino/03939-47-C1">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/fkeop04qwri9966i0hc7coejf2pb?response-content-disposition=inline%3B%20filename%3D%2203939.47.C1.jpg%22%3B%20filename%2A%3DUTF-8%27%2703939.47.C1.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260730%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260730T224836Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=b5be51784029aa4679aaa9ee4afe1501a7b86de5e547a4ebd51e40503ae54451" />
      </div>
    <span class="item-title">03939 - Cal. 47</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(29,29,27) 50%, rgb(255,0,0) 50%)" href="/de/lookkino/03939-47-C1"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(29,29,27) 50%, rgb(178,255,255) 50%)" href="/de/lookkino/03939-47-C2"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(0,0,255) 50%, rgb(178,255,255) 50%)" href="/de/lookkino/03939-47-C3"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(255,255,255) 50%, rgb(0,0,255) 50%)" href="/de/lookkino/03939-47-C4"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/de/lookkino/03940-47-C1">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/897mm9xcy87fwnl3e9ammcq4g7hv?response-content-disposition=inline%3B%20filename%3D%2203940.47.C1.jpg%22%3B%20filename%2A%3DUTF-8%27%2703940.47.C1.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260730%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260730T224836Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=64cdf7b5b8716b9e42039ed21c07965191a79329d1597ba94ce6a93099eb6e13" />
      </div>
    <span class="item-title">03940 - Cal. 47</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(29,29,27) 50%, rgb(0,0,255) 50%)" href="/de/lookkino/03940-47-C1"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(29,29,27) 50%, rgb(255,0,0) 50%)" href="/de/lookkino/03940-47-C2"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(0,0,255) 50%, rgb(0,102,0) 50%)" href="/de/lookkino/03940-47-C3"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(255,255,255) 50%, rgb(0,0,255) 50%)" href="/de/lookkino/03940-47-C4"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/de/lookkino/05335-50-W1">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/qqhs3q4c3f7o1dyz0o1aaitamwdd?response-content-disposition=inline%3B%20filename%3D%2205335.50.W1.jpg%22%3B%20filename%2A%3DUTF-8%27%2705335.50.W1.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260730%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260730T224836Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=4fe5bed46764e8763ada615e6003a353837ab5380315400134560d6f267ab62c" />
      </div>
    <span class="item-title">05335 - Cal. 50</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(29,29,27) 50%, rgb(178,255,255) 50%)" href="/de/lookkino/05335-50-W1"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(29,29,27) 50%, rgb(128,128,128) 50%)" href="/de/lookkino/05335-50-W10"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(0,0,255) 50%, rgb(255,102,0) 50%)" href="/de/lookkino/05335-50-W5"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(0,0,255) 50%, rgb(255,0,0) 50%)" href="/de/lookkino/05335-50-W6"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(29,29,27) 50%, rgb(0,102,0) 50%)" href="/de/lookkino/05335-50-W8"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/de/lookkino/05336-43-W1">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/g68podp5qgoinv52o3jn0o75394e?response-content-disposition=inline%3B%20filename%3D%2205336.43.W1.jpg%22%3B%20filename%2A%3DUTF-8%27%2705336.43.W1.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260730%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260730T224836Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=e201df706e1622d871827f5fd2004b2d64b67884a75fb659c2379181e306fff3" />
      </div>
    <span class="item-title">05336 - Cal. 43</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(0,0,255) 50%, rgb(255,102,0) 50%)" href="/de/lookkino/05336-43-W1"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(29,29,27) 50%, rgb(178,255,255) 50%)" href="/de/lookkino/05336-43-W2"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(0,0,255) 50%, rgb(255,0,0) 50%)" href="/de/lookkino/05336-43-W3"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(0,0,255) 50%, rgb(255,255,102) 50%)" href="/de/lookkino/05336-43-W5"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(102,0,153) 50%, rgb(102,0,153) 50%)" href="/de/lookkino/05336-43-W7"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/de/lookkino/05337-47-W1">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/r08e6k5ce861l9fythe7u9edagak?response-content-disposition=inline%3B%20filename%3D%2205337.47.W1.jpg%22%3B%20filename%2A%3DUTF-8%27%2705337.47.W1.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260730%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260730T224836Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=d4bff44873fb7dba2938f5eb058efed6e904da530392652631193d55648bd229" />
      </div>
    <span class="item-title">05337 - Cal. 47</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(29,29,27) 50%, rgb(128,128,128) 50%)" href="/de/lookkino/05337-47-W1"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(0,0,255) 50%, rgb(0,102,0) 50%)" href="/de/lookkino/05337-47-W2"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(0,0,255) 50%, rgb(255,255,102) 50%)" href="/de/lookkino/05337-47-W3"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(29,29,27) 50%, rgb(178,255,255) 50%)" href="/de/lookkino/05337-47-W4"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/de/lookkino/05338-50-W1">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/6chyzz1aizj8mtltnrpt11n6a9sa?response-content-disposition=inline%3B%20filename%3D%2205338.50.W1.jpg%22%3B%20filename%2A%3DUTF-8%27%2705338.50.W1.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260730%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260730T224836Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=76bcad16ca326bd6f59b1c6f1b1818d58d83bf817ba02ec74a4f22e0199a6910" />
      </div>
    <span class="item-title">05338 - Cal. 50</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(29,29,27) 50%, rgb(128,128,128) 50%)" href="/de/lookkino/05338-50-W1"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(128,128,128) 50%, rgb(0,102,0) 50%)" href="/de/lookkino/05338-50-W2"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(0,0,255) 50%, rgb(0,102,0) 50%)" href="/de/lookkino/05338-50-W3"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(0,0,255) 50%, rgb(255,0,0) 50%)" href="/de/lookkino/05338-50-W5"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/de/lookkino/05339-45-W1">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/8o4j5tsdiyhzhfj8ox20zxruz8op?response-content-disposition=inline%3B%20filename%3D%2205339.45.W1.jpg%22%3B%20filename%2A%3DUTF-8%27%2705339.45.W1.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260730%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260730T224836Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=ee59a65e73a18d882452fa4488e80de434b1f2dfc4766bd5b4c632b8c6bf05ed" />
      </div>
    <span class="item-title">05339 - Cal. 45</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(128,128,128) 50%, rgb(0,102,0) 50%)" href="/de/lookkino/05339-45-W1"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(0,0,255) 50%, rgb(255,0,0) 50%)" href="/de/lookkino/05339-45-W2"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(0,0,255) 50%, rgb(178,255,255) 50%)" href="/de/lookkino/05339-45-W3"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(0,0,255) 50%, rgb(0,102,0) 50%)" href="/de/lookkino/05339-45-W4"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/de/lookkino/05355-49-W1">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/pz2l1q7vwt74ug67v51ntv7yb59f?response-content-disposition=inline%3B%20filename%3D%2205355.49.W1.jpg%22%3B%20filename%2A%3DUTF-8%27%2705355.49.W1.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260730%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260730T224836Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=59a359b9851701d820f693ecc25ba8be23e99afbebed4c9b91fb77d7ab236fe2" />
      </div>
    <span class="item-title">05355 - Cal. 49</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(29,29,27) 50%, rgb(128,128,128) 50%)" href="/de/lookkino/05355-49-W1"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(0,0,255) 50%, rgb(255,255,102) 50%)" href="/de/lookkino/05355-49-W2"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(0,0,255) 50%, rgb(255,0,0) 50%)" href="/de/lookkino/05355-49-W3"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(0,0,255) 50%, rgb(178,255,255) 50%)" href="/de/lookkino/05355-49-W4"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/de/lookkino/05356-45-W2">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/4sbji3tu7k3k3h0sc9cuk6vgqflp?response-content-disposition=inline%3B%20filename%3D%2205356.45.W2.jpg%22%3B%20filename%2A%3DUTF-8%27%2705356.45.W2.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260730%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260730T224836Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=fb7628ec1fa69b25fd1ee05a7d8ec8442b7e97965a1c9b120d874414ec92ba54" />
      </div>
    <span class="item-title">05356 - Cal. 45</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(0,0,255) 50%, rgb(255,255,102) 50%)" href="/de/lookkino/05356-45-W2"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(0,0,255) 50%, rgb(255,0,0) 50%)" href="/de/lookkino/05356-45-W3"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(29,29,27) 50%, rgb(178,255,255) 50%)" href="/de/lookkino/05356-45-W4"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(255,153,204) 50%, rgb(255,153,204) 50%)" href="/de/lookkino/05356-45-W5"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(0,0,255) 50%, rgb(178,255,255) 50%)" href="/de/lookkino/05356-45-W7"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/de/lookkino/05358-47-W1">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/93faem058gnvq5a7ty1t4sdrexdz?response-content-disposition=inline%3B%20filename%3D%2205358.47.W1.jpg%22%3B%20filename%2A%3DUTF-8%27%2705358.47.W1.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260730%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260730T224836Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=66bc662fb5917994fae05a08c8cb8e6efc65d71f96eab69f97053935d66e9a95" />
      </div>
    <span class="item-title">05358 - Cal. 47</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(29,29,27) 50%, rgb(0,102,0) 50%)" href="/de/lookkino/05358-47-W1"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(0,0,255) 50%, rgb(255,255,102) 50%)" href="/de/lookkino/05358-47-W2"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(0,0,255) 50%, rgb(255,0,0) 50%)" href="/de/lookkino/05358-47-W3"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(29,29,27) 50%, rgb(178,255,255) 50%)" href="/de/lookkino/05358-47-W4"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/de/lookkino/AG03759-46-C1S">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/m9m6koimx350zuljtvso325cwonq?response-content-disposition=inline%3B%20filename%3D%22AG03759.46.C1S_F.jpg%22%3B%20filename%2A%3DUTF-8%27%27AG03759.46.C1S_F.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260730%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260730T224836Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=8c3c61e760c811b2f42a9ef3285740cd4ddd35699d5fa61effb979b44535fd42" />
      </div>
    <span class="item-title">AG03759 - Cal. 46</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(29,29,27) 50%, rgb(29,29,27) 50%)" href="/de/lookkino/AG03759-46-C1S"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/de/lookkino/AG03770-46-C1S">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/79n4pjgq2xsnnnvw0j66nnkzas0f?response-content-disposition=inline%3B%20filename%3D%22AG03770.46.C1S_F.jpg%22%3B%20filename%2A%3DUTF-8%27%27AG03770.46.C1S_F.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260730%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260730T224836Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=4f582aed938bbfd142c7018c4add7c9609a29bf9d93bc09f1a19aa9b05aac3b3" />
      </div>
    <span class="item-title">AG03770 - Cal. 46</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(29,29,27) 50%, rgb(29,29,27) 50%)" href="/de/lookkino/AG03770-46-C1S"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/de/lookkino/AG03810-47-C1S">
    <span class="item-title">AG03810 - Cal. 47</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(29,29,27) 50%, rgb(29,29,27) 50%)" href="/de/lookkino/AG03810-47-C1S"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/de/lookkino/AG03813-47-C1S">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/wiwvft1jhztt91dnfj85j9eht9lb?response-content-disposition=inline%3B%20filename%3D%22AG03813.47.C1S_F.jpg%22%3B%20filename%2A%3DUTF-8%27%27AG03813.47.C1S_F.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260730%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260730T224836Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=e6b100a99ea16adad31eef92cc0a3e6212930eee916191ff5826bd2cf91e7d3e" />
      </div>
    <span class="item-title">AG03813 - Cal. 47</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(29,29,27) 50%, rgb(29,29,27) 50%)" href="/de/lookkino/AG03813-47-C1S"></a>
      </div>
  </div>
</div>

    </section>
      <nav class="pagination" role="navigation" aria-label="pager">
    
<span class="prev">
  <a rel="prev" href="/de/showroom?line%5B%5D=lookkino"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="chevron-left-icon" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z" /></svg></a>
</span>

      <span class="page">
  <a rel="prev" href="/de/showroom?line%5B%5D=lookkino">1</a>
</span>

      <span class="page current">
  2
</span>

      
  </nav>

</turbo-frame>
</template></turbo-stream><turbo-stream action="update" target="sidebar-filters"><template>
  <form data-controller="filters" data-turbo-frame="listing" data-turbo-action="advance" action="/de/showroom" accept-charset="UTF-8" method="get">
  <div class="sidebar-accordion" data-controller="accordion">
    <div class="accordion-item" data-accordion-target="item">
      <div class="accordion-header" data-action="click->accordion#toggle">Typologie</div>
      <div class="accordion-content">
        <ul class="filter-links">
            <li><input type="checkbox" name="typology[]" id="typology_eyeglasses" value="eyeglasses" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="typology_eyeglasses">Optische</label></li>
            <li><input type="checkbox" name="typology[]" id="typology_sunglasses" value="sunglasses" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="typology_sunglasses">Sonne</label></li>
        </ul>
      </div>
    </div>
    <div class="accordion-item" data-accordion-target="item">
      <div class="accordion-header" data-action="click->accordion#toggle">Linie</div>
      <div class="accordion-content">
        <ul class="filter-links">
            <li><input type="checkbox" name="line[]" id="line_look" value="look" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="line_look">Look</label></li>
            <li><input type="checkbox" name="line[]" id="line_lookkino" value="lookkino" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" checked="checked" /> <label for="line_lookkino">Lookkino</label></li>
        </ul>
      </div>
    </div>
    <div class="accordion-item" data-accordion-target="item">
      <div class="accordion-header" data-action="click->accordion#toggle">Segment</div>
      <div class="accordion-content">
        <ul class="filter-links">
            <li><input type="checkbox" name="segment[]" id="segment_zerosix" value="zerosix" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="segment_zerosix">0-6</label></li>
            <li><input type="checkbox" name="segment[]" id="segment_icons" value="icons" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="segment_icons">Icons</label></li>
            <li><input type="checkbox" name="segment[]" id="segment_moda" value="moda" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="segment_moda">Moda</label></li>
            <li><input type="checkbox" name="segment[]" id="segment_sport" value="sport" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="segment_sport">Sport</label></li>
        </ul>
      </div>
    </div>
    <div class="accordion-item" data-accordion-target="item">
      <div class="accordion-header" data-action="click->accordion#toggle">Zeichen</div>
      <div class="accordion-content">
        <ul class="filter-links">
            <li><input type="checkbox" name="gender[]" id="gender_male" value="male" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="gender_male">Manner</label></li>
            <li><input type="checkbox" name="gender[]" id="gender_female" value="female" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="gender_female">Dame</label></li>
            <li><input type="checkbox" name="gender[]" id="gender_unisex" value="unisex" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="gender_unisex">Unisex</label></li>
        </ul>
      </div>
    </div>
    <div class="accordion-item" data-accordion-target="item">
      <div class="accordion-header" data-action="click->accordion#toggle">Größen</div>
      <div class="accordion-content">
        <ul class="filter-links">
            <li><input type="checkbox" name="size[]" id="size_kids" value="kids" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="size_kids">Kids</label></li>
            <li><input type="checkbox" name="size[]" id="size_midsize" value="midsize" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="size_midsize">Midsize</label></li>
            <li><input type="checkbox" name="size[]" id="size_adult" value="adult" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="size_adult">Adult</label></li>
        </ul>
      </div>
    </div>
    <div class="accordion-item" data-accordion-target="item">
      <div class="accordion-header" data-action="click->accordion#toggle">Material</div>
      <div class="accordion-content">
        <ul class="filter-links">
            <li><input type="checkbox" name="material[]" id="material_4" value="4" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="material_4">Acetat</label></li>
            <li><input type="checkbox" name="material[]" id="material_5" value="5" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="material_5">Alumix</label></li>
            <li><input type="checkbox" name="material[]" id="material_10" value="10" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="material_10">NIL</label></li>
            <li><input type="checkbox" name="material[]" id="material_16" value="16" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="material_16">Xinox</label></li>
        </ul>
      </div>
    </div>
    <div class="accordion-item" data-accordion-target="item">
      <div class="accordion-header" data-action="click->accordion#toggle">Farbe</div>
      <div class="accordion-content">
        <ul class="filter-links">
            <li><div class="color-dot" style="background: rgb(255,102,0)"></div><input type="checkbox" name="color[]" id="color_38a87fd8-8eea-4bb9-bda8-3b3875a1a967" value="38a87fd8-8eea-4bb9-bda8-3b3875a1a967" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_38a87fd8-8eea-4bb9-bda8-3b3875a1a967">Arancio</label></li>
            <li><div class="color-dot" style="background: rgb(210,210,210)"></div><input type="checkbox" name="color[]" id="color_05d3ddec-fac3-4e54-a64c-edfb0855b0e3" value="05d3ddec-fac3-4e54-a64c-edfb0855b0e3" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_05d3ddec-fac3-4e54-a64c-edfb0855b0e3">Argento</label></li>
            <li><div class="color-dot" style="background: rgb(252,252,252)"></div><input type="checkbox" name="color[]" id="color_9a4cd523-b737-4f20-be37-3d048760bb11" value="9a4cd523-b737-4f20-be37-3d048760bb11" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_9a4cd523-b737-4f20-be37-3d048760bb11">Bianco</label></li>
            <li><div class="color-dot" style="background: rgb(0,0,255)"></div><input type="checkbox" name="color[]" id="color_eb3ecb8b-b9ff-4bb6-a750-5364a89c1eb1" value="eb3ecb8b-b9ff-4bb6-a750-5364a89c1eb1" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_eb3ecb8b-b9ff-4bb6-a750-5364a89c1eb1">Blu</label></li>
            <li><div class="color-dot" style="background: rgb(178,255,255)"></div><input type="checkbox" name="color[]" id="color_1e17c45f-b9d9-4cce-9676-429833488b1d" value="1e17c45f-b9d9-4cce-9676-429833488b1d" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_1e17c45f-b9d9-4cce-9676-429833488b1d">Celeste</label></li>
            <li><div class="color-dot" style="background: rgb(255,255,255)"></div><input type="checkbox" name="color[]" id="color_f339bf17-0bcd-44ce-9852-a0cac995ad31" value="f339bf17-0bcd-44ce-9852-a0cac995ad31" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_f339bf17-0bcd-44ce-9852-a0cac995ad31">Cristallo</label></li>
            <li><div class="color-dot" style="background: rgb(255,255,102)"></div><input type="checkbox" name="color[]" id="color_341fab76-5668-4b55-aecd-ee58f2a67ab6" value="341fab76-5668-4b55-aecd-ee58f2a67ab6" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_341fab76-5668-4b55-aecd-ee58f2a67ab6">Giallo</label></li>
            <li><div class="color-dot" style="background: rgb(128,128,128)"></div><input type="checkbox" name="color[]" id="color_5928c60b-d46e-4695-b0b1-752093fb99a1" value="5928c60b-d46e-4695-b0b1-752093fb99a1" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_5928c60b-d46e-4695-b0b1-752093fb99a1">Grigio</label></li>
            <li><div class="color-dot" style="background: rgb(217,1,122)"></div><input type="checkbox" name="color[]" id="color_e2e443ea-84e7-4b4f-8901-4635fec34cdf" value="e2e443ea-84e7-4b4f-8901-4635fec34cdf" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_e2e443ea-84e7-4b4f-8901-4635fec34cdf">Magenta</label></li>
            <li><div class="color-dot" style="background: rgb(92,46,15)"></div><input type="checkbox" name="color[]" id="color_4de686d4-1d7a-4fe1-891f-c604831a50e2" value="4de686d4-1d7a-4fe1-891f-c604831a50e2" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_4de686d4-1d7a-4fe1-891f-c604831a50e2">Marrone</label></li>
            <li><div class="color-dot" style="background: rgb(29,29,27)"></div><input type="checkbox" name="color[]" id="color_282f8cc6-26ff-420b-a429-ea818fd94695" value="282f8cc6-26ff-420b-a429-ea818fd94695" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_282f8cc6-26ff-420b-a429-ea818fd94695">Nero</label></li>
            <li><div class="color-dot" style="background: rgb(218,165,32)"></div><input type="checkbox" name="color[]" id="color_315a5da5-ef03-4f1d-814e-7dd7a6a71a97" value="315a5da5-ef03-4f1d-814e-7dd7a6a71a97" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_315a5da5-ef03-4f1d-814e-7dd7a6a71a97">Oro</label></li>
            <li><div class="color-dot" style="background: rgb(231,178,164)"></div><input type="checkbox" name="color[]" id="color_b831fc91-718b-4973-bbe0-3ad47f553347" value="b831fc91-718b-4973-bbe0-3ad47f553347" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_b831fc91-718b-4973-bbe0-3ad47f553347">Oro Rosè</label></li>
            <li><div class="color-dot" style="background: rgb(184,115,51)"></div><input type="checkbox" name="color[]" id="color_2ac3439d-db7d-49bd-a4a3-3d783ce90282" value="2ac3439d-db7d-49bd-a4a3-3d783ce90282" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_2ac3439d-db7d-49bd-a4a3-3d783ce90282">Rame</label></li>
            <li><div class="color-dot" style="background: rgb(255,153,204)"></div><input type="checkbox" name="color[]" id="color_0501186f-425e-4e02-b312-1c7ebf98f173" value="0501186f-425e-4e02-b312-1c7ebf98f173" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_0501186f-425e-4e02-b312-1c7ebf98f173">Rosa</label></li>
            <li><div class="color-dot" style="background: rgb(255,0,0)"></div><input type="checkbox" name="color[]" id="color_fa99db68-fd30-4cad-97f4-2256dbc3b96a" value="fa99db68-fd30-4cad-97f4-2256dbc3b96a" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_fa99db68-fd30-4cad-97f4-2256dbc3b96a">Rosso</label></li>
            <li><div class="color-dot" style="background: rgb(0,102,0)"></div><input type="checkbox" name="color[]" id="color_84ebaab0-2071-4feb-b0b6-be8c7558f26a" value="84ebaab0-2071-4feb-b0b6-be8c7558f26a" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_84ebaab0-2071-4feb-b0b6-be8c7558f26a">Verde</label></li>
            <li><div class="color-dot" style="background: rgb(102,0,153)"></div><input type="checkbox" name="color[]" id="color_2909f02d-f1ff-4a58-b1cb-7707a5c5c003" value="2909f02d-f1ff-4a58-b1cb-7707a5c5c003" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_2909f02d-f1ff-4a58-b1cb-7707a5c5c003">Viola</label></li>
        </ul>
      </div>
    </div>
    <div class="accordion-item" data-accordion-target="item">
      <div class="accordion-header" data-action="click->accordion#toggle">Gestalt</div>
      <div class="accordion-content">
        <ul class="filter-links">
            <li><input type="checkbox" name="form[]" id="form_oval" value="oval" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="form_oval">Oval</label></li>
            <li><input type="checkbox" name="form[]" id="form_phantos" value="phantos" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="form_phantos">Pantos</label></li>
            <li><input type="checkbox" name="form[]" id="form_butterfly" value="butterfly" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="form_butterfly">Schmetterling</label></li>
            <li><input type="checkbox" name="form[]" id="form_aviator" value="aviator" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="form_aviator">Aviator</label></li>
            <li><input type="checkbox" name="form[]" id="form_rectangular" value="rectangular" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="form_rectangular">Rechteckig</label></li>
            <li><input type="checkbox" name="form[]" id="form_round" value="round" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="form_round">Runden</label></li>
            <li><input type="checkbox" name="form[]" id="form_square" value="square" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="form_square">Eckig</label></li>
            <li><input type="checkbox" name="form[]" id="form_perimeter" value="perimeter" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="form_perimeter">Perimetrisch</label></li>
            <li><input type="checkbox" name="form[]" id="form_polygonal" value="polygonal" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="form_polygonal">Polygonal</label></li>
        </ul>
      </div>
    </div>
    <div class="accordion-item" data-accordion-target="item">
      <div class="accordion-header" data-action="click->accordion#toggle">Größe</div>
      <div class="accordion-content">
        <ul class="filter-links">
            <li><input type="checkbox" name="caliber[]" id="caliber_38" value="38" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_38">38</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_40" value="40" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_40">40</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_43" value="43" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_43">43</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_44" value="44" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_44">44</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_45" value="45" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_45">45</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_46" value="46" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_46">46</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_47" value="47" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_47">47</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_48" value="48" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_48">48</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_49" value="49" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_49">49</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_50" value="50" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_50">50</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_51" value="51" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_51">51</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_52" value="52" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_52">52</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_53" value="53" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_53">53</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_54" value="54" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_54">54</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_55" value="55" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_55">55</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_56" value="56" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_56">56</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_57" value="57" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_57">57</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_58" value="58" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_58">58</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_59" value="59" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_59">59</label></li>
        </ul>
      </div>
    </div>
  </div>

  <div class="switch-filter">
    <div class="switch-container">
      <input type="checkbox" name="new_arrival" id="new-arrival-switch" value="yes" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" />
      <label for="new-arrival-switch">Nuovi arrivi</label>
    </div>
    <span>Neuigkeiten</span>
  </div>

  <input type="submit" name="commit" value="Submit" class="hide" data-filters-target="submitButton" data-disable-with="Submit" />
</form>
<form class="filter-by-code-container" data-turbo-action="advance" action="/de/showroom" accept-charset="UTF-8" method="get">
  <label class="control-label" for="code">Suche nach Code</label>
  <div class="input-group-with-button">
    <input type="text" name="code" id="filter-code-input" class="input" autocomplete="off" />
    <button name="button" type="submit" class="button button-small"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="chevron-right-icon" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z" /></svg></button>
  </div>
</form>
<div class="clear-filters hide" id="clear-filters-target">
  <a href="/de/showroom">Filter löschen</a>
</div>

</template></turbo-stream>