{"id":231630,"date":"2026-03-18T06:55:11","date_gmt":"2026-03-18T05:55:11","guid":{"rendered":"https:\/\/www.lesebrille.de\/diopter-calculator\/"},"modified":"2026-03-18T07:38:50","modified_gmt":"2026-03-18T06:38:50","slug":"diopter-calculator","status":"publish","type":"page","link":"https:\/\/www.lesebrille.de\/en\/diopter-calculator\/","title":{"rendered":"Diopter calculator"},"content":{"rendered":"\n<div id=\"lb-dioptrienrechner\" style=\"max-width:900px;margin:40px auto;font-family:Arial,sans-serif;\"><style>#lb-dioptrienrechner {\n      color: #222;\n    }\n\n    #lb-dioptrienrechner .lb-wrap {\n      border: 1px solid #e5e5e5;\n      border-radius: 18px;\n      padding: 28px;\n      background: #fff;\n      box-shadow: 0 8px 30px rgba(0,0,0,0.04);\n    }\n\n    #lb-dioptrienrechner h1,\n    #lb-dioptrienrechner h2,\n    #lb-dioptrienrechner h3 {\n      margin-top: 0;\n      line-height: 1.2;\n    }\n\n    #lb-dioptrienrechner h2 {\n      font-size: 32px;\n      margin-bottom: 10px;\n    }\n\n    #lb-dioptrienrechner .lb-intro {\n      font-size: 17px;\n      line-height: 1.6;\n      color: #555;\n      margin-bottom: 24px;\n      max-width: 760px;\n    }\n\n    #lb-dioptrienrechner .lb-tabs {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n      margin-bottom: 24px;\n    }\n\n    #lb-dioptrienrechner .lb-tab-btn {\n      appearance: none;\n      border: 1px solid #d7d7d7;\n      background: #f7f7f7;\n      color: #222;\n      padding: 12px 18px;\n      border-radius: 999px;\n      cursor: pointer;\n      font-size: 15px;\n      font-weight: 600;\n      transition: all 0.2s ease;\n    }\n\n    #lb-dioptrienrechner .lb-tab-btn:hover {\n      background: #efefef;\n    }\n\n    #lb-dioptrienrechner .lb-tab-btn.active {\n      background: #111;\n      color: #fff;\n      border-color: #111;\n    }\n\n    #lb-dioptrienrechner .lb-panel {\n      display: none;\n      border: 1px solid #ececec;\n      border-radius: 16px;\n      padding: 24px;\n      background: #fcfcfc;\n    }\n\n    #lb-dioptrienrechner .lb-panel.active {\n      display: block;\n    }\n\n    #lb-dioptrienrechner .lb-panel-title {\n      font-size: 24px;\n      margin-bottom: 8px;\n    }\n\n    #lb-dioptrienrechner .lb-panel-text {\n      color: #666;\n      line-height: 1.6;\n      margin-bottom: 22px;\n      max-width: 760px;\n    }\n\n    #lb-dioptrienrechner .lb-grid {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(220px, 1fr));\n      gap: 18px 20px;\n      margin-bottom: 20px;\n    }\n\n    #lb-dioptrienrechner .lb-field label {\n      display: block;\n      margin-bottom: 8px;\n      font-weight: 700;\n      font-size: 15px;\n    }\n\n    #lb-dioptrienrechner .lb-field {\n      overflow: visible;\n    }\n\n    #lb-dioptrienrechner .lb-field select,\n    #lb-dioptrienrechner .lb-field input {\n      width: 100%;\n      box-sizing: border-box;\n      border: 1px solid #d4d4d4;\n      border-radius: 10px;\n      padding: 12px 14px;\n      font-size: 16px;\n      background: #fff;\n      color: #222;\n    }\n\n    #lb-dioptrienrechner .lb-field select {\n      -webkit-appearance: none;\n      -moz-appearance: none;\n      appearance: none;\n      line-height: 1.4;\n      height: auto;\n      min-height: 44px;\n      padding-right: 36px;\n      background-clip: padding-box;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n      background-image: url(\"data:image\/svg+xml;utf8,<svg fill='%23333' height='20' viewBox='0 0 20 20' width='20' xmlns='http:\/\/www.w3.org\/2000\/svg'><path d='M5 7l5 5 5-5z'\/>\");\n      background-repeat: no-repeat;\n      background-position: right 10px center;\n      background-size: 16px;\n    }\n\n    #lb-dioptrienrechner .lb-actions {\n      margin-top: 6px;\n    }\n\n    #lb-dioptrienrechner .lb-btn {\n      appearance: none;\n      border: 0;\n      background: #111;\n      color: #fff;\n      padding: 14px 20px;\n      border-radius: 12px;\n      cursor: pointer;\n      font-size: 16px;\n      font-weight: 700;\n      transition: transform 0.15s ease, opacity 0.2s ease;\n    }\n\n    #lb-dioptrienrechner .lb-btn:hover {\n      opacity: 0.92;\n    }\n\n    #lb-dioptrienrechner .lb-btn:active {\n      transform: translateY(1px);\n    }\n\n    #lb-dioptrienrechner .lb-result {\n      display: none;\n      margin-top: 22px;\n      padding: 20px;\n      border-radius: 14px;\n      background: #f3f7fb;\n      border: 1px solid #dbe7f3;\n    }\n\n    #lb-dioptrienrechner .lb-result.show {\n      display: block;\n    }\n\n    #lb-dioptrienrechner .lb-result-kicker {\n      font-size: 14px;\n      font-weight: 700;\n      letter-spacing: 0.02em;\n      text-transform: uppercase;\n      color: #5b6b7c;\n      margin-bottom: 6px;\n    }\n\n    #lb-dioptrienrechner .lb-result-main {\n      font-size: 34px;\n      font-weight: 800;\n      line-height: 1.15;\n      margin-bottom: 10px;\n    }\n\n    #lb-dioptrienrechner .lb-result-text {\n      color: #46515d;\n      line-height: 1.6;\n      font-size: 15px;\n    }\n\n    #lb-dioptrienrechner .lb-note {\n      margin-top: 24px;\n      padding: 18px 20px;\n      border-radius: 14px;\n      background: #fff8e8;\n      border: 1px solid #f0dfac;\n      color: #5d4a1f;\n      line-height: 1.65;\n      font-size: 14px;\n    }\n\n    #lb-dioptrienrechner .lb-small {\n      font-size: 13px;\n      color: #6c6c6c;\n      margin-top: 10px;\n      line-height: 1.5;\n    }\n\n    #lb-dioptrienrechner .lb-error {\n      color: #b00020;\n      font-weight: 700;\n    }\n\n    #lb-dioptrienrechner .lb-cta {\n      margin-top: 16px;\n      font-size: 15px;\n      font-weight: 600;\n    }\n\n    #lb-dioptrienrechner .lb-shop-cta-wrap {\n      margin-top: 18px;\n    }\n\n    #lb-dioptrienrechner .lb-shop-cta {\n      display: inline-block;\n      background: #1a1a1a;\n      color: #fff;\n      text-decoration: none;\n      padding: 14px 18px;\n      border-radius: 12px;\n      font-size: 15px;\n      font-weight: 700;\n      transition: opacity 0.2s ease, transform 0.15s ease;\n    }\n\n    #lb-dioptrienrechner .lb-shop-cta:hover {\n      opacity: 0.92;\n      color: #fff;\n    }\n\n    #lb-dioptrienrechner .lb-shop-cta:active {\n      transform: translateY(1px);\n    }\n\n    @media (max-width: 700px) {\n      #lb-dioptrienrechner .lb-grid {\n        grid-template-columns: 1fr;\n      }\n\n      #lb-dioptrienrechner h2 {\n        font-size: 26px;\n      }\n\n      #lb-dioptrienrechner .lb-result-main {\n        font-size: 28px;\n      }\n    }\n  <\/style><div class=\"lb-wrap\"><h2>Dioptrienrechner f\u00fcr Lesebrillen<\/h2><div class=\"lb-intro\">Mit unserem Rechner finden Sie schnell heraus, welche Lesebrillen-St\u00e4rke ungef\u00e4hr zu Ihrem Sehbereich passt \u2013 f\u00fcr klassisches Lesen oder f\u00fcr entspanntes Arbeiten am Bildschirm.\n    <\/div><div class=\"lb-tabs\"><button type=\"button\" class=\"lb-tab-btn active\" data-tab=\"lb-tab-reading\">Welche Lesebrille brauche ich?<\/button><button type=\"button\" class=\"lb-tab-btn\" data-tab=\"lb-tab-screen\">Welche St\u00e4rke brauche ich am Bildschirm?<\/button><\/div><div class=\"lb-panel active\" id=\"lb-tab-reading\"><h3 class=\"lb-panel-title\">Lesebrillen-St\u00e4rke aus aktueller Sehdistanz berechnen<\/h3><div class=\"lb-panel-text\">W\u00e4hlen Sie aus, in welcher Entfernung Sie aktuell am sch\u00e4rfsten sehen. Danach bestimmen Sie die gew\u00fcnschte Lesedistanz \u2013 standardm\u00e4\u00dfig 40 cm, also eine typische Entfernung zum Lesen von B\u00fcchern, Zeitschriften oder dem Smartphone.\n      <\/div><div class=\"lb-grid\"><div class=\"lb-field\"><label for=\"lb-currentDistance\">Ich sehe aktuell am sch\u00e4rfsten in:<\/label><select id=\"lb-currentDistance\"><\/select><\/div><div class=\"lb-field\"><label for=\"lb-targetDistance\">Gew\u00fcnschte Lesedistanz:<\/label><select id=\"lb-targetDistance\"><\/select><\/div><\/div><div class=\"lb-actions\"><button type=\"button\" class=\"lb-btn\" id=\"lb-calcReadingBtn\">Empfohlene St\u00e4rke berechnen<\/button><\/div><div class=\"lb-result\" id=\"lb-readingResult\"><\/div><\/div><div class=\"lb-panel\" id=\"lb-tab-screen\"><h3 class=\"lb-panel-title\">Bildschirm-St\u00e4rke aus Ihrer Lesebrille berechnen<\/h3><div class=\"lb-panel-text\">Sie kennen bereits Ihre Lesebrille f\u00fcr einen nahen Abstand? Dann berechnen Sie hier die ungef\u00e4hre St\u00e4rke f\u00fcr einen gr\u00f6\u00dferen Arbeitsabstand \u2013 zum Beispiel f\u00fcr Monitor, Laptop oder Kasse.\n      <\/div><div class=\"lb-grid\"><div class=\"lb-field\"><label for=\"lb-nearDistance\">Lesedistanz mit Ihrer aktuellen Lesebrille:<\/label><select id=\"lb-nearDistance\"><\/select><\/div><div class=\"lb-field\"><label for=\"lb-currentStrength\">Aktuelle Lesebrille:<\/label><select id=\"lb-currentStrength\"><\/select><\/div><div class=\"lb-field\"><label for=\"lb-screenDistance\">Abstand zum Bildschirm:<\/label><select id=\"lb-screenDistance\"><\/select><\/div><\/div><div class=\"lb-actions\"><button type=\"button\" class=\"lb-btn\" id=\"lb-calcScreenBtn\">Bildschirm-St\u00e4rke berechnen<\/button><\/div><div class=\"lb-result\" id=\"lb-screenResult\"><\/div><\/div><div class=\"lb-note\"><strong>Wichtiger Hinweis:<\/strong><br\/>Dieser Rechner liefert einen ungef\u00e4hren Richtwert und ersetzt keine individuelle Sehst\u00e4rkenbestimmung. In der Praxis spielen zus\u00e4tzliche Faktoren wie vorhandene Fernkorrektion, Restakkommodation, Zylinder\/Astigmatismus und pers\u00f6nliches Sehgef\u00fchl mit hinein.\n    <\/div><\/div><\/div><script>(function () {\n  function roundToHalf(value) {\n    return Math.round(value * 2) \/ 2;\n  }\n\n  function formatDiopter(value) {\n    var rounded = Math.max(0, value);\n    return '+' + rounded.toFixed(2).replace('.', ',') + ' dpt';\n  }\n\n  function formatDiopterShort(value) {\n    var rounded = Math.max(0, value);\n    return '+' + rounded.toFixed(2).replace('.', ',');\n  }\n\n  function formatNumber(value) {\n    return value.toFixed(2).replace('.', ',');\n  }\n\n  function buildDistanceOptions(select, start, end, step, selectedValue) {\n    var html = '';\n    for (var i = start; i <= end; i += step) {\n      var selected = (i === selectedValue) ? ' selected' : '';\n      html += '<option value=\"' + i + '\"' + selected + '>' + i + ' cm';\n    }\n    select.innerHTML = html;\n  }\n\n  function buildStrengthOptions(select, start, end, step, selectedValue) {\n    var html = '';\n    for (var val = start; val <= end + 0.0001; val += step) {\n      var fixedVal = Math.round(val * 100) \/ 100;\n      var selected = (Math.abs(fixedVal - selectedValue) < 0.001) ? ' selected' : '';\n      html += '<option value=\"' + fixedVal.toFixed(2) + '\"' + selected + '>+' + fixedVal.toFixed(2).replace('.', ',') + ' dpt';\n    }\n    select.innerHTML = html;\n  }\n\n  function showResult(box, html) {\n    box.innerHTML = html;\n    box.classList.add('show');\n  }\n\n  function calcReadingAddition(currentCm, targetCm) {\n    return (100 \/ targetCm) - (100 \/ currentCm);\n  }\n\n  function calcScreenStrength(nearStrength, nearCm, screenCm) {\n    return nearStrength - ((100 \/ nearCm) - (100 \/ screenCm));\n  }\n\n  function normalizeShopStrength(value) {\n    var v = Math.max(1.0, Math.min(3.5, value));\n    return Math.floor(v * 2) \/ 2;\n  }\n\n  function buildShopUrl(strength) {\n    var normalized = normalizeShopStrength(strength).toFixed(2); \/\/ z. B. 1.50\n    var slug = normalized.replace('.', '-') + '-dioptrien';\n    return 'https:\/\/www.lesebrille.de\/lesebrillen\/?dioptrien=' + encodeURIComponent(slug);\n  }\n\n  function buildShopButton(strength) {\n    var normalized = normalizeShopStrength(strength);\n    var url = buildShopUrl(normalized);\n    var label = formatDiopterShort(normalized);\n\n    return '<div class=\"lb-shop-cta-wrap\">' +\n      '<a class=\"lb-shop-cta\" href=\"' + url + '\">Passende Lesebrillen in ' + label + ' anzeigen' +\n    '<\/script>","protected":false},"excerpt":{"rendered":"<p>Dioptrienrechner f\u00fcr Lesebrillen Mit unserem Rechner finden Sie schnell heraus, welche Lesebrillen-St\u00e4rke ungef\u00e4hr zu Ihrem Sehbereich passt \u2013 f\u00fcr klassisches Lesen oder f\u00fcr entspanntes Arbeiten am Bildschirm. Welche Lesebrille brauche ich?Welche St\u00e4rke brauche ich am Bildschirm? Lesebrillen-St\u00e4rke aus aktueller Sehdistanz berechnen W\u00e4hlen Sie aus, in welcher Entfernung Sie aktuell am sch\u00e4rfsten sehen. Danach bestimmen Sie [&hellip;]<\/p>\n","protected":false},"author":26,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-231630","page","type-page","status-publish","hentry"],"blocksy_meta":[],"acf":[],"_links":{"self":[{"href":"https:\/\/www.lesebrille.de\/en\/wp-json\/wp\/v2\/pages\/231630","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.lesebrille.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.lesebrille.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.lesebrille.de\/en\/wp-json\/wp\/v2\/users\/26"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lesebrille.de\/en\/wp-json\/wp\/v2\/comments?post=231630"}],"version-history":[{"count":8,"href":"https:\/\/www.lesebrille.de\/en\/wp-json\/wp\/v2\/pages\/231630\/revisions"}],"predecessor-version":[{"id":231648,"href":"https:\/\/www.lesebrille.de\/en\/wp-json\/wp\/v2\/pages\/231630\/revisions\/231648"}],"wp:attachment":[{"href":"https:\/\/www.lesebrille.de\/en\/wp-json\/wp\/v2\/media?parent=231630"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}