Damen hellgraues romantisches Chiffon-Maxikleid mit Carmen-Ausschnitt und drapierten Ärmeln in A-Linie

<div class="size-chart-container">
  <div class="unit-toggle" style="text-align:center; font-size:22px; margin-bottom:16px;">
    <span class="cm-btn" style="color:#4285F4; cursor:pointer; font-weight:500;">CM</span>
    <span> | </span>
    <span class="inch-btn" style="color:#999; cursor:pointer;">ZOLL</span>
  </div>
  <table style="width:100%; border-collapse: collapse; text-align:center;">
    <thead>
      <tr style="border:1px solid #ddd;">
        <th style="padding:16px 8px; border:1px solid #ddd; font-size:18px;">GRÖSSE</th>
        <th style="padding:16px 8px; border:1px solid #ddd; font-size:18px;">US</th>
        <th style="padding:16px 8px; border:1px solid #ddd; font-size:18px;">LÄNGE</th>
        <th style="padding:16px 8px; border:1px solid #ddd; font-size:18px;">BRUST</th>
        <th style="padding:16px 8px; border:1px solid #ddd; font-size:18px;">TAILLE</th>
        <th style="padding:16px 8px; border:1px solid #ddd; font-size:18px;">HÜFTE</th>
      </tr>
    </thead>
    <tbody class="cm-data">
      <tr>
        <td style="padding:16px 8px; border:1px solid #ddd;">S</td>
        <td style="padding:16px 8px; border:1px solid #ddd;">4</td>
        <td style="padding:16px 8px; border:1px solid #ddd;">150</td>
        <td style="padding:16px 8px; border:1px solid #ddd;">84</td>
        <td style="padding:16px 8px; border:1px solid #ddd;">68</td>
        <td style="padding:16px 8px; border:1px solid #ddd;">100</td>
      </tr>
      <tr>
        <td style="padding:16px 8px; border:1px solid #ddd;">M</td>
        <td style="padding:16px 8px; border:1px solid #ddd;">6</td>
        <td style="padding:16px 8px; border:1px solid #ddd;">150</td>
        <td style="padding:16px 8px; border:1px solid #ddd;">86</td>
        <td style="padding:16px 8px; border:1px solid #ddd;">70</td>
        <td style="padding:16px 8px; border:1px solid #ddd;">104</td>
      </tr>
      <tr>
        <td style="padding:16px 8px; border:1px solid #ddd;">L</td>
        <td style="padding:16px 8px; border:1px solid #ddd;">8/10</td>
        <td style="padding:16px 8px; border:1px solid #ddd;">150</td>
        <td style="padding:16px 8px; border:1px solid #ddd;">88</td>
        <td style="padding:16px 8px; border:1px solid #ddd;">74</td>
        <td style="padding:16px 8px; border:1px solid #ddd;">108</td>
      </tr>
      <tr>
        <td style="padding:16px 8px; border:1px solid #ddd;">XL</td>
        <td style="padding:16px 8px; border:1px solid #ddd;">12</td>
        <td style="padding:16px 8px; border:1px solid #ddd;">150</td>
        <td style="padding:16px 8px; border:1px solid #ddd;">94</td>
        <td style="padding:16px 8px; border:1px solid #ddd;">78</td>
        <td style="padding:16px 8px; border:1px solid #ddd;">112</td>
      </tr>
    </tbody>
    <tbody class="inch-data" style="display:none;">
      <tr>
        <td style="padding:16px 8px; border:1px solid #ddd;">S</td>
        <td style="padding:16px 8px; border:1px solid #ddd;">4</td>
        <td style="padding:16px 8px; border:1px solid #ddd;">59.06</td>
        <td style="padding:16px 8px; border:1px solid #ddd;">33.07</td>
        <td style="padding:16px 8px; border:1px solid #ddd;">26.77</td>
        <td style="padding:16px 8px; border:1px solid #ddd;">39.37</td>
      </tr>
      <tr>
        <td style="padding:16px 8px; border:1px solid #ddd;">M</td>
        <td style="padding:16px 8px; border:1px solid #ddd;">6</td>
        <td style="padding:16px 8px; border:1px solid #ddd;">59.06</td>
        <td style="padding:16px 8px; border:1px solid #ddd;">33.86</td>
        <td style="padding:16px 8px; border:1px solid #ddd;">27.56</td>
        <td style="padding:16px 8px; border:1px solid #ddd;">40.94</td>
      </tr>
      <tr>
        <td style="padding:16px 8px; border:1px solid #ddd;">L</td>
        <td style="padding:16px 8px; border:1px solid #ddd;">8/10</td>
        <td style="padding:16px 8px; border:1px solid #ddd;">59.06</td>
        <td style="padding:16px 8px; border:1px solid #ddd;">34.65</td>
        <td style="padding:16px 8px; border:1px solid #ddd;">29.13</td>
        <td style="padding:16px 8px; border:1px solid #ddd;">42.52</td>
      </tr>
      <tr>
        <td style="padding:16px 8px; border:1px solid #ddd;">XL</td>
        <td style="padding:16px 8px; border:1px solid #ddd;">12</td>
        <td style="padding:16px 8px; border:1px solid #ddd;">59.06</td>
        <td style="padding:16px 8px; border:1px solid #ddd;">37.01</td>
        <td style="padding:16px 8px; border:1px solid #ddd;">30.71</td>
        <td style="padding:16px 8px; border:1px solid #ddd;">44.09</td>
      </tr>
    </tbody>
  </table>
  <p style="margin-top:16px; font-size:15px;">Diese Daten wurden durch manuelles Messen des Produkts ermittelt und können um 1-2 CM abweichen.</p>

  <div class="measure-guide" style="margin-top:30px;text-align:center;">
    <h4 style="text-align:center; margin:0 0 12px 0; font-size:17px;">Wie man misst</h4>
    <img src="https://cdn.shopify.com/s/files/1/0805/5678/5909/files/Size_Guide_j.png?v=1780900288" alt="Body Measurement Guide" style="max-width:100%;">
  </div>
</div>

<script>
document.addEventListener('DOMContentLoaded', function(){
  const cmBtn = document.querySelector('.cm-btn');
  const inchBtn = document.querySelector('.inch-btn');
  const cmTable = document.querySelector('.cm-data');
  const inchTable = document.querySelector('.inch-data');

  cmBtn.addEventListener('click',()=>{
    cmTable.style.display = '';
    inchTable.style.display = 'none';
    cmBtn.style.color = '#4285F4';
    inchBtn.style.color = '#999';
  })
  inchBtn.addEventListener('click',()=>{
    cmTable.style.display = 'none';
    inchTable.style.display = '';
    cmBtn.style.color = '#999';
    inchBtn.style.color = '#4285F4';
  })
})
</script>