<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">Look <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" checked="checked" /> <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" /> <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/look/70716-55-M1">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/6evb06lr1fg064hk7qkwvj0hi29w?response-content-disposition=inline%3B%20filename%3D%2270716.55.M1.jpg%22%3B%20filename%2A%3DUTF-8%27%2770716.55.M1.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260727%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260727T071855Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=78c1cb90a6ddf058f24fdb33ea28e3c06fd7ff392c6b9a795c21d01aec96e123" />
      </div>
    <span class="item-title">70716 - Cal. 55</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(29,29,27) 50%, rgb(210,210,210) 50%)" href="/de/look/70716-55-M1"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(0,0,255) 50%, rgb(29,29,27) 50%)" href="/de/look/70716-55-M2"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(128,128,128) 50%, rgb(0,102,0) 50%)" href="/de/look/70716-55-M3"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(0,102,0) 50%, rgb(218,165,32) 50%)" href="/de/look/70716-55-M4"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/de/look/70717-57-M1">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/edy8o6p5akaursvcipnwrvkf7xrf?response-content-disposition=inline%3B%20filename%3D%2270717.57.M1.jpg%22%3B%20filename%2A%3DUTF-8%27%2770717.57.M1.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260727%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260727T071855Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=619307d19a6b4f1cd6d2f6b15c36a1b809fe9bd0278018c8fa45784b73ef6fdb" />
      </div>
    <span class="item-title">70717 - Cal. 57</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/look/70717-57-M1"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(0,0,255) 50%, rgb(128,128,128) 50%)" href="/de/look/70717-57-M2"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(128,128,128) 50%, rgb(0,102,0) 50%)" href="/de/look/70717-57-M3"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(0,102,0) 50%, rgb(29,29,27) 50%)" href="/de/look/70717-57-M4"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/de/look/70718-54-M1">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/hisrzto30ouw079kkje3rzks4riz?response-content-disposition=inline%3B%20filename%3D%2270718.54.M1.jpg%22%3B%20filename%2A%3DUTF-8%27%2770718.54.M1.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260727%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260727T071856Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=59347379b091d9534860d4aa1ab188a1c839c663c48751aef01f60ff69c05133" />
      </div>
    <span class="item-title">70718 - Cal. 54</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/look/70718-54-M1"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(0,0,255) 50%, rgb(128,128,128) 50%)" href="/de/look/70718-54-M2"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(92,46,15) 50%, rgb(0,0,255) 50%)" href="/de/look/70718-54-M3"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(178,255,255) 50%, rgb(210,210,210) 50%)" href="/de/look/70718-54-M4"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/de/look/75390-55-W1">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/34excipbaa9ctow9euy4f32zqu2v?response-content-disposition=inline%3B%20filename%3D%2275390.55.W1.jpg%22%3B%20filename%2A%3DUTF-8%27%2775390.55.W1.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260727%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260727T071856Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=e71f0f36b7892817d8ac0d950f0743d923002eea35186280fcc567317c9b06bf" />
      </div>
    <span class="item-title">75390 - Cal. 55</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/look/75390-55-W1"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(0,0,255) 50%, rgb(128,128,128) 50%)" href="/de/look/75390-55-W3"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(128,128,128) 50%, rgb(128,128,128) 50%)" href="/de/look/75390-55-W5"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(92,46,15) 50%, rgb(92,46,15) 50%)" href="/de/look/75390-55-W6"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/de/look/75392-53-W1">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/8k5g0hlfvo97qbgm0sq1v4wol6v2?response-content-disposition=inline%3B%20filename%3D%2275392.53.W1.jpg%22%3B%20filename%2A%3DUTF-8%27%2775392.53.W1.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260727%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260727T071856Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=07bef28eb697ec320a346652ee564f74d395e489d1953dab3065dec13b65be0c" />
      </div>
    <span class="item-title">75392 - Cal. 53</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(0,102,0) 50%, rgb(218,165,32) 50%)" href="/de/look/75392-53-W1"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(255,0,0) 50%, rgb(255,153,204) 50%)" href="/de/look/75392-53-W2"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(255,0,0) 50%, rgb(231,178,164) 50%)" href="/de/look/75392-53-W5"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(102,0,153) 50%, rgb(218,165,32) 50%)" href="/de/look/75392-53-W6"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(0,102,0) 50%, rgb(218,165,32) 50%)" href="/de/look/75392-53-W7"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/de/look/75393-54-W1">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/jlayjrqysdp24lxdho9c1denszlx?response-content-disposition=inline%3B%20filename%3D%2275393.54.W1.jpg%22%3B%20filename%2A%3DUTF-8%27%2775393.54.W1.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260727%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260727T071856Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=f373df5ac10066584536636003cefc718d06acc2d5134eaea0026e31fd3452b7" />
      </div>
    <span class="item-title">75393 - Cal. 54</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(102,0,153) 50%, rgb(255,153,204) 50%)" href="/de/look/75393-54-W1"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(217,1,122) 50%, rgb(218,165,32) 50%)" href="/de/look/75393-54-W3"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(255,153,204) 50%, rgb(255,153,204) 50%)" href="/de/look/75393-54-W4"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(0,102,0) 50%, rgb(218,165,32) 50%)" href="/de/look/75393-54-W5"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(217,1,122) 50%, rgb(231,178,164) 50%)" href="/de/look/75393-54-W6"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/de/look/75394-54-W1">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/bxfgaobm5o335baf0m9khih53ycz?response-content-disposition=inline%3B%20filename%3D%2275394.54.W1.jpg%22%3B%20filename%2A%3DUTF-8%27%2775394.54.W1.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260727%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260727T071856Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=73dff2f75826d7b4ebd23f3ed2ec8be85953f62ee3a4220190d8b274be871321" />
      </div>
    <span class="item-title">75394 - Cal. 54</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(0,102,0) 50%, rgb(218,165,32) 50%)" href="/de/look/75394-54-W1"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(255,0,0) 50%, rgb(231,178,164) 50%)" href="/de/look/75394-54-W2"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(255,153,204) 50%, rgb(231,178,164) 50%)" href="/de/look/75394-54-W3"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(0,102,0) 50%, rgb(218,165,32) 50%)" href="/de/look/75394-54-W4"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/de/look/75395-53-W1">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/z0oa1v1pxs350ushpnsws7myll49?response-content-disposition=inline%3B%20filename%3D%2275395.53.W1.jpg%22%3B%20filename%2A%3DUTF-8%27%2775395.53.W1.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260727%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260727T071856Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=9581f028afd195a29a4ffebf755c0e86c73229e4057d59deb0ab5c2d1598bcfe" />
      </div>
    <span class="item-title">75395 - Cal. 53</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(102,0,153) 50%, rgb(231,178,164) 50%)" href="/de/look/75395-53-W1"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(217,1,122) 50%, rgb(231,178,164) 50%)" href="/de/look/75395-53-W2"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(102,0,153) 50%, rgb(218,165,32) 50%)" href="/de/look/75395-53-W3"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(102,0,153) 50%, rgb(231,178,164) 50%)" href="/de/look/75395-53-W4"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/de/look/AG04610-55-C1S">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/nrzwktkfoxz0pgbzba6g5od0rixe?response-content-disposition=inline%3B%20filename%3D%22AG04610.55.C1S_F.jpg%22%3B%20filename%2A%3DUTF-8%27%27AG04610.55.C1S_F.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260727%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260727T071856Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=35d66c8ee52ce391136f1243aa7a89aa78ee61e7549f5b31ea0c54a999acbc37" />
      </div>
    <span class="item-title">AG04610 - Cal. 55</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/look/AG04610-55-C1S"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/de/look/AG04614-55-C1S">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/laj4aqknr142qjvdf8ljhcaegz8n?response-content-disposition=inline%3B%20filename%3D%22AG04614.55.C1S_F.jpg%22%3B%20filename%2A%3DUTF-8%27%27AG04614.55.C1S_F.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260727%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260727T071856Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=b646c7b83f5fa63d74581f9a4210d4f558b0cd307f7df323f41fc3910437ca94" />
      </div>
    <span class="item-title">AG04614 - Cal. 55</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/look/AG04614-55-C1S"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/de/look/AG04615-50-C1S">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/y8d7etbox9qpncvu6slagybh3bpj?response-content-disposition=inline%3B%20filename%3D%22AG04615.50.C1S_F.jpg%22%3B%20filename%2A%3DUTF-8%27%27AG04615.50.C1S_F.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260727%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260727T071856Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=96228d262ec4d01688ba25af08c58d85a90394873669db228285f4e4462b3519" />
      </div>
    <span class="item-title">AG04615 - Cal. 50</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/look/AG04615-50-C1S"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/de/look/AG04619-54-C1S">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/gf8vawyoxllkcd7741htfi2jbhce?response-content-disposition=inline%3B%20filename%3D%22AG04619.54.C1S_F.jpg%22%3B%20filename%2A%3DUTF-8%27%27AG04619.54.C1S_F.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260727%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260727T071856Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=c3391de7b19e963cd2b57f736efa95982562c39053d8fca8d609ec6002a01b3b" />
      </div>
    <span class="item-title">AG04619 - Cal. 54</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/look/AG04619-54-C1S"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/de/look/KT-AS-TRIX-150-W1">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/8l0l3stju4a2v2f4vbpm8ad76p8o?response-content-disposition=inline%3B%20filename%3D%22KT-AS-TRIX.150.W1.jpg%22%3B%20filename%2A%3DUTF-8%27%27KT-AS-TRIX.150.W1.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260727%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260727T071856Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=90f06d8bfa17801ee8c53f835d6016c17811460b4e004dc9e5133fb3e07cf3ad" />
      </div>
    <span class="item-title">KT-AS-TRIX - Cal. 150</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/look/KT-AS-TRIX-150-W1"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(29,29,27) 50%, rgb(29,29,27) 50%)" href="/de/look/KT-AS-TRIX-150-W2"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(29,29,27) 50%, rgb(29,29,27) 50%)" href="/de/look/KT-AS-TRIX-150-W3"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(29,29,27) 50%, rgb(29,29,27) 50%)" href="/de/look/KT-AS-TRIX-150-W4"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(29,29,27) 50%, rgb(29,29,27) 50%)" href="/de/look/KT-AS-TRIX-150-W5"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(29,29,27) 50%, rgb(29,29,27) 50%)" href="/de/look/KT-AS-TRIX-150-W6"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(29,29,27) 50%, rgb(29,29,27) 50%)" href="/de/look/KT-AS-TRIX-150-W7"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(29,29,27) 50%, rgb(29,29,27) 50%)" href="/de/look/KT-AS-TRIX-150-W8"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/de/look/KT-S10980-99-M1">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/jx0qhe1ov2kx2w4lqnx49x9ymfgr?response-content-disposition=inline%3B%20filename%3D%22KT-S10980.99.M1.jpg%22%3B%20filename%2A%3DUTF-8%27%27KT-S10980.99.M1.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260727%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260727T071856Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=f445601e97dd34d44bd53dc140ce9359f0fc0cc35b4b426b899f3e2b96570dd9" />
      </div>
    <span class="item-title">KT-S10980 - Cal. 99</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(218,165,32) 50%, rgb(218,165,32) 50%)" href="/de/look/KT-S10980-99-M1"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(0,102,0) 50%, rgb(0,102,0) 50%)" href="/de/look/KT-S10980-99-M2"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(128,128,128) 50%, rgb(128,128,128) 50%)" href="/de/look/KT-S10980-99-M3"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(0,0,255) 50%, rgb(0,0,255) 50%)" href="/de/look/KT-S10980-99-M4"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(29,29,27) 50%, rgb(29,29,27) 50%)" href="/de/look/KT-S10980-99-M5"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(92,46,15) 50%, rgb(92,46,15) 50%)" href="/de/look/KT-S10980-99-M6"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(255,0,0) 50%, rgb(255,0,0) 50%)" href="/de/look/KT-S10980-99-M7"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(178,255,255) 50%, rgb(178,255,255) 50%)" href="/de/look/KT-S10980-99-M8"></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=look&amp;page=3"><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 href="/de/showroom?line%5B%5D=look">1</a>
</span>

      <span class="page">
  <a href="/de/showroom?line%5B%5D=look&amp;page=2">2</a>
</span>

      <span class="page">
  <a rel="prev" href="/de/showroom?line%5B%5D=look&amp;page=3">3</a>
</span>

      <span class="page current">
  4
</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" checked="checked" /> <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" /> <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>