{"id":209937,"date":"2022-12-05T11:55:30","date_gmt":"2022-12-05T10:55:30","guid":{"rendered":"https:\/\/www.lb25.de\/calculate-reading-glasses-diopters\/"},"modified":"2026-08-03T08:19:56","modified_gmt":"2026-08-03T06:19:56","slug":"calculate-reading-glasses-diopters","status":"publish","type":"page","link":"https:\/\/www.lesebrille.de\/en\/calculate-reading-glasses-diopters\/","title":{"rendered":"Free Vision Test"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"209937\" class=\"elementor elementor-209937 elementor-23433\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-81b562c e-flex e-con-boxed e-con e-parent\" data-id=\"81b562c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-739e806 elementor-widget elementor-widget-html\" data-id=\"739e806\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.lb-check-hero {\n    box-sizing: border-box;\n    width: 100%;\n    margin: 0;\n    padding-inline: 14px;\n    background: #ffffff;\n    color: #123f42;\n    font-family: \"Open Sans\", Arial, sans-serif;\n  }\n\n  .lb-check-hero *,\n  .lb-check-hero *::before,\n  .lb-check-hero *::after {\n    box-sizing: border-box;\n  }\n\n  .lb-check-hero__inner {\n    width: 100%;\n    max-width: 1180px;\n    margin: 0 auto;\n  }\n\n  .lb-check-hero__stage {\n    position: relative;\n    min-height: clamp(540px, 140vw, 600px);\n    overflow: hidden;\n    margin: 0;\n    border: 1px solid #d8e7e7;\n    border-radius: 24px;\n    background-color: #f4f8f8;\n    background-image: url(\"https:\/\/www.lesebrille.de\/wp-content\/uploads\/2026\/07\/sehstaerken-check-hero-mobile-800x1120-1.webp\");\n    background-position: center center;\n    background-repeat: no-repeat;\n    background-size: cover;\n  }\n\n  \/* Heller Verlauf f\u00fcr eine gut lesbare mobile Textfl\u00e4che *\/\n  .lb-check-hero__stage::before {\n    position: absolute;\n    z-index: 1;\n    inset: 0;\n    background:\n      linear-gradient(\n        180deg,\n        rgba(244, 248, 248, 0) 0%,\n        rgba(244, 248, 248, 0.08) 30%,\n        rgba(244, 248, 248, 0.78) 43%,\n        rgba(244, 248, 248, 0.97) 54%,\n        rgba(244, 248, 248, 1) 100%\n      );\n    content: \"\";\n    pointer-events: none;\n  }\n\n  .lb-check-hero__content {\n    position: relative;\n    z-index: 2;\n    display: flex;\n    min-height: clamp(540px, 140vw, 600px);\n    flex-direction: column;\n    justify-content: space-between;\n    padding: 16px 14px 18px;\n  }\n\n  .lb-check-hero__eyebrow {\n    display: inline-flex;\n    width: fit-content;\n    max-width: 100%;\n    align-items: center;\n    gap: 8px;\n    padding: 7px 12px;\n    border: 1px solid #c8dddd;\n    border-radius: 999px;\n    background: rgba(255, 255, 255, 0.94);\n    color: #123f42;\n    box-shadow: 0 4px 12px rgba(18, 63, 66, 0.08);\n    font-size: 13px;\n    font-weight: 700;\n    line-height: 1.2;\n  }\n\n  .lb-check-hero__eyebrow-icon {\n    display: inline-flex;\n    width: 28px;\n    height: 16px;\n    flex: 0 0 auto;\n  }\n\n  .lb-check-hero__eyebrow-icon svg {\n    display: block;\n    width: 28px;\n    height: 16px;\n  }\n\n  .lb-check-hero__bottom {\n    width: 100%;\n    max-width: 370px;\n    margin-top: auto;\n    padding-top: 18px;\n  }\n\n  .lb-check-hero h1 {\n    max-width: 365px;\n    margin: 0 0 8px !important;\n    color: #123f42;\n    font-size: 32px;\n    font-weight: 700;\n    line-height: 1.08;\n    letter-spacing: -0.025em;\n  }\n\n  .lb-check-hero__text {\n    max-width: 365px;\n    margin: 0 0 14px;\n    color: #123f42;\n    font-size: 15px;\n    font-weight: 500;\n    line-height: 1.42;\n  }\n\n  .lb-check-hero__button {\n    display: inline-flex;\n    min-height: 44px;\n    align-items: center;\n    justify-content: center;\n    padding: 11px 18px;\n    border: 1px solid #123f42;\n    border-radius: 12px;\n    background: #123f42;\n    color: #ffffff !important;\n    box-shadow: 0 5px 14px rgba(18, 63, 66, 0.14);\n    font-size: 14px;\n    font-weight: 700;\n    line-height: 1.2;\n    text-decoration: none !important;\n    transition:\n      background-color 0.2s ease,\n      transform 0.2s ease;\n  }\n\n  .lb-check-hero__button:hover,\n  .lb-check-hero__button:focus-visible {\n    background: #0b5357;\n    color: #ffffff !important;\n    transform: translateY(-1px);\n  }\n\n  .lb-check-hero__button:focus-visible {\n    outline: 3px solid rgba(18, 63, 66, 0.25);\n    outline-offset: 3px;\n  }\n\n  .lb-check-hero__note {\n    display: flex;\n    align-items: center;\n    gap: 7px;\n    margin: 10px 0 0;\n    color: #315f62;\n    font-size: 12px;\n    font-weight: 700;\n    line-height: 1.35;\n  }\n\n  .lb-check-hero__note-icon {\n    display: inline-flex;\n    width: 19px;\n    height: 19px;\n    flex: 0 0 auto;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    background: #dff1f1;\n    color: #123f42;\n    font-size: 12px;\n  }\n\n  @media (min-width: 420px) {\n    .lb-check-hero {\n      padding-inline: 18px;\n    }\n  }\n\n  @media (min-width: 420px) and (max-width: 639px) {\n    .lb-check-hero__content {\n      padding: 18px;\n    }\n\n    .lb-check-hero__bottom {\n      max-width: 390px;\n    }\n\n    .lb-check-hero h1 {\n      max-width: 390px;\n      font-size: 34px;\n    }\n\n    .lb-check-hero__text {\n      max-width: 390px;\n      font-size: 16px;\n    }\n  }\n\n  @media (min-width: 640px) {\n    .lb-check-hero {\n      padding-inline: 20px;\n    }\n\n    .lb-check-hero__stage {\n      min-height: 500px;\n      border-radius: 26px;\n      background-image: url(\"https:\/\/www.lesebrille.de\/wp-content\/uploads\/2026\/07\/sehstaerken-check-hero-desktop-1920x900-1.webp\");\n      background-position: right center;\n    }\n\n    .lb-check-hero__stage::before {\n      width: 67%;\n      right: auto;\n      background:\n        linear-gradient(\n          90deg,\n          rgba(244, 248, 248, 0.96) 0%,\n          rgba(244, 248, 248, 0.9) 46%,\n          rgba(244, 248, 248, 0.5) 72%,\n          rgba(244, 248, 248, 0) 100%\n        );\n    }\n\n    .lb-check-hero__content {\n      min-height: 500px;\n      justify-content: center;\n      padding: 34px 26px;\n    }\n\n    .lb-check-hero__top {\n      position: absolute;\n      top: 26px;\n      left: 26px;\n    }\n\n    .lb-check-hero__bottom {\n      max-width: 510px;\n      margin-top: 0;\n      padding-top: 0;\n    }\n\n    .lb-check-hero h1 {\n      max-width: 500px;\n      margin-bottom: 12px !important;\n      font-size: 40px;\n      line-height: 1.08;\n    }\n\n    .lb-check-hero__text {\n      max-width: 465px;\n      margin-bottom: 18px;\n      font-size: 17px;\n    }\n\n    .lb-check-hero__note {\n      margin-top: 12px;\n      font-size: 13px;\n    }\n  }\n\n  @media (min-width: 960px) {\n    .lb-check-hero__content {\n      padding: 42px 34px;\n    }\n\n    .lb-check-hero__top {\n      top: 34px;\n      left: 34px;\n    }\n\n    .lb-check-hero h1 {\n      max-width: 550px;\n      font-size: 43px;\n    }\n\n    .lb-check-hero__text {\n      max-width: 500px;\n      font-size: 18px;\n    }\n  }\n\n  @media (min-width: 1220px) {\n    .lb-check-hero {\n      padding-inline: 0;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .lb-check-hero__button {\n      transition: none;\n    }\n  }\n<\/style><section class=\"lb-check-hero\" aria-labelledby=\"lb-check-hero-title\"><div class=\"lb-check-hero__inner\"><div class=\"lb-check-hero__stage\"><div class=\"lb-check-hero__content\"><div class=\"lb-check-hero__top\"><span class=\"lb-check-hero__eyebrow\"><span class=\"lb-check-hero__eyebrow-icon\" aria-hidden=\"true\"><svg\n                viewBox=\"0 0 80 40\"\n                fill=\"none\"\n                xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n              ><circle\n                  cx=\"23\"\n                  cy=\"22\"\n                  r=\"13\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"4\"\n                \/><circle\n                  cx=\"57\"\n                  cy=\"22\"\n                  r=\"13\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"4\"\n                \/><path\n                  d=\"M36 22H44\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"4\"\n                  stroke-linecap=\"round\"\n                \/><path\n                  d=\"M10 18L3 14\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"4\"\n                  stroke-linecap=\"round\"\n                \/><path\n                  d=\"M70 18L77 14\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"4\"\n                  stroke-linecap=\"round\"\n                \/><\/svg><\/span>Kostenlose Sehst\u00e4rken-Checks\n          <\/span><\/div><div class=\"lb-check-hero__bottom\"><h1 id=\"lb-check-hero-title\">Welche Lesebrillen-St\u00e4rke brauche ich?\n          <\/h1><p class=\"lb-check-hero__text\">Mit unseren kostenlosen Sehst\u00e4rken-Checks finden Sie in wenigen\n            Schritten heraus, welche Dioptrienst\u00e4rke f\u00fcr Ihre Lesebrille infrage\n            kommt. W\u00e4hlen Sie einfach die Methode, die am besten zu Ihnen passt.\n            Das Ergebnis dient als erste Orientierung.\n          <\/p><a class=\"lb-check-hero__button\" href=\"#sehtest1\">Sehst\u00e4rken-Check starten\n          <\/a><p class=\"lb-check-hero__note\"><span class=\"lb-check-hero__note-icon\" aria-hidden=\"true\">\u2713\n            <\/span>Kostenlos \u00b7 ohne Anmeldung \u00b7 in wenigen Minuten\n          <\/p><\/div><\/div><\/div><\/div><\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ac40d25 elementor-widget elementor-widget-html\" data-id=\"ac40d25\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.lb-methods {\n    box-sizing: border-box;\n    width: 100%;\n    margin: 0;\n    padding: 18px 14px 0;\n    background: #ffffff;\n    color: #123f42;\n    font-family: \"Open Sans\", Arial, sans-serif;\n  }\n\n  .lb-methods *,\n  .lb-methods *::before,\n  .lb-methods *::after {\n    box-sizing: border-box;\n  }\n\n  .lb-methods__inner {\n    width: 100%;\n    max-width: 1180px;\n    margin: 0 auto;\n  }\n\n  .lb-methods__heading {\n    margin: 0 0 14px;\n  }\n\n  .lb-methods h2 {\n    margin: 0 !important;\n    color: #123f42 !important;\n    font-size: 26px !important;\n    font-weight: 500 !important;\n    line-height: 1.2 !important;\n    letter-spacing: -0.015em;\n  }\n\n  .lb-methods__line {\n    display: block;\n    width: 48px;\n    height: 3px;\n    margin-top: 10px;\n    border-radius: 999px;\n    background: #8ccfd0;\n  }\n\n  .lb-methods__grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 12px;\n  }\n\n  .lb-method-card {\n    display: flex;\n    min-width: 0;\n    flex-direction: column;\n    padding: 18px;\n    border: 1px solid #d8e7e7;\n    border-radius: 18px;\n    background: #ffffff;\n    box-shadow: 0 6px 18px rgba(18, 63, 66, 0.055);\n  }\n\n  .lb-method-card--recommended {\n    border-color: #8ccfd0;\n    background: #f4fafa;\n  }\n\n  .lb-method-card__top {\n    display: flex;\n    min-height: 30px;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    margin-bottom: 12px;\n  }\n\n  .lb-method-card__number {\n    display: inline-flex;\n    width: 30px;\n    height: 30px;\n    flex: 0 0 30px;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    background: #123f42;\n    color: #ffffff;\n    font-size: 14px;\n    font-weight: 700;\n    line-height: 1;\n  }\n\n  .lb-method-card__badge {\n    display: inline-flex;\n    min-height: 26px;\n    align-items: center;\n    padding: 5px 10px;\n    border: 1px solid #b8d9d9;\n    border-radius: 999px;\n    background: #ffffff;\n    color: #123f42;\n    font-size: 11px;\n    font-weight: 700;\n    line-height: 1;\n    letter-spacing: 0.045em;\n    text-transform: uppercase;\n  }\n\n  .lb-method-card h3 {\n    margin: 0 0 10px !important;\n    color: #123f42 !important;\n    font-size: 19px !important;\n    font-weight: 700 !important;\n    line-height: 1.3 !important;\n  }\n\n  .lb-method-card__text {\n    margin: 0 0 18px !important;\n    color: #315f62 !important;\n    font-size: 15px !important;\n    font-weight: 400 !important;\n    line-height: 1.55 !important;\n  }\n\n  .lb-method-card__desktop-text {\n    display: none;\n  }\n\n  .lb-method-card__button {\n    display: inline-flex;\n    width: 100%;\n    min-height: 44px;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    margin-top: auto;\n    padding: 11px 14px;\n    border: 1px solid #123f42;\n    border-radius: 12px;\n    background: #ffffff;\n    color: #123f42 !important;\n    font-size: 14px;\n    font-weight: 700;\n    line-height: 1.25;\n    text-decoration: none !important;\n    transition:\n      background-color 0.2s ease,\n      color 0.2s ease,\n      transform 0.2s ease;\n  }\n\n  .lb-method-card--recommended .lb-method-card__button {\n    background: #123f42;\n    color: #ffffff !important;\n  }\n\n  .lb-method-card__arrow {\n    flex: 0 0 auto;\n    font-size: 18px;\n    font-weight: 400;\n    line-height: 1;\n  }\n\n  .lb-method-card__button:hover,\n  .lb-method-card__button:focus-visible {\n    background: #123f42;\n    color: #ffffff !important;\n    transform: translateY(-1px);\n  }\n\n  .lb-method-card--recommended .lb-method-card__button:hover,\n  .lb-method-card--recommended .lb-method-card__button:focus-visible {\n    background: #0b5357;\n  }\n\n  .lb-method-card__button:focus-visible {\n    outline: 3px solid rgba(18, 63, 66, 0.22);\n    outline-offset: 3px;\n  }\n\n  @media (min-width: 420px) {\n    .lb-methods {\n      padding-right: 18px;\n      padding-left: 18px;\n    }\n  }\n\n  @media (min-width: 640px) {\n    .lb-methods {\n      padding: 28px 20px 0;\n    }\n\n    .lb-methods__heading {\n      margin-bottom: 18px;\n    }\n\n    .lb-methods h2 {\n      font-size: 28px !important;\n    }\n\n    .lb-methods__grid {\n      gap: 16px;\n    }\n\n    .lb-method-card {\n      padding: 20px;\n    }\n  }\n\n  @media (min-width: 768px) {\n    .lb-methods__grid {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n    }\n\n    .lb-method-card__mobile-text {\n      display: none;\n    }\n\n    .lb-method-card__desktop-text {\n      display: inline;\n    }\n  }\n\n  @media (min-width: 960px) {\n    .lb-method-card {\n      padding: 22px;\n    }\n\n    .lb-method-card h3 {\n      font-size: 20px !important;\n    }\n\n    .lb-method-card__text {\n      font-size: 15px !important;\n    }\n  }\n\n  @media (min-width: 1220px) {\n    .lb-methods {\n      padding-right: 0;\n      padding-left: 0;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .lb-method-card__button {\n      transition: none;\n    }\n  }\n<\/style><section class=\"lb-methods\" aria-labelledby=\"lb-methods-title\"><div class=\"lb-methods__inner\"><div class=\"lb-methods__heading\"><h2 id=\"lb-methods-title\">W\u00e4hlen Sie eine Methode<\/h2><span class=\"lb-methods__line\" aria-hidden=\"true\"><\/span><\/div><div class=\"lb-methods__grid\"><article class=\"lb-method-card lb-method-card--recommended\"><div class=\"lb-method-card__top\"><span class=\"lb-method-card__number\" aria-hidden=\"true\">1<\/span><span class=\"lb-method-card__badge\">Empfohlen<\/span><\/div><h3>Schneller Lesest\u00e4rken-Check in 2 Minuten<\/h3><p class=\"lb-method-card__text\"><span class=\"lb-method-card__mobile-text\">Kalibrieren Sie den Sehtest mit einer 1-Euro-M\u00fcnze. So wird die\n            Anzeige auf Ihrem Bildschirm korrekt skaliert. Anschlie\u00dfend k\u00f6nnen\n            Sie Ihre Lesebrillen-St\u00e4rke einsch\u00e4tzen.\n          <\/span><span class=\"lb-method-card__desktop-text\">Kalibrieren Sie den Sehtest mit einer Karte im Scheckkartenformat,\n            zum Beispiel mit einer Kundenkarte oder Ihrem F\u00fchrerschein. So wird\n            die Anzeige auf Ihrem Bildschirm korrekt skaliert. Anschlie\u00dfend\n            k\u00f6nnen Sie Ihre Lesebrillen-St\u00e4rke einsch\u00e4tzen.\n          <\/span><\/p><a class=\"lb-method-card__button\" href=\"#sehtest1\"><span>Sehst\u00e4rken-Check starten<\/span><span class=\"lb-method-card__arrow\" aria-hidden=\"true\">\u2192<\/span><\/a><\/article><article class=\"lb-method-card\"><div class=\"lb-method-card__top\"><span class=\"lb-method-card__number\" aria-hidden=\"true\">2<\/span><\/div><h3>Lesest\u00e4rke nach Leseabstand berechnen<\/h3><p class=\"lb-method-card__text\">W\u00e4hlen Sie aus, in welcher Entfernung Sie ohne Brille am sch\u00e4rfsten\n          sehen, und geben Sie Ihren gew\u00fcnschten Leseabstand ein, um Ihre\n          Lesebrillen-St\u00e4rke einzusch\u00e4tzen.\n        <\/p><a class=\"lb-method-card__button\" href=\"#sehtest2\"><span>Leseabstand eingeben<\/span><span class=\"lb-method-card__arrow\" aria-hidden=\"true\">\u2192<\/span><\/a><\/article><article class=\"lb-method-card\"><div class=\"lb-method-card__top\"><span class=\"lb-method-card__number\" aria-hidden=\"true\">3<\/span><\/div><h3>Lesest\u00e4rke nach Alter einsch\u00e4tzen<\/h3><p class=\"lb-method-card__text\">Nutzen Sie Ihr Alter als erste Orientierung, um Ihre\n          Lesebrillen-St\u00e4rke schnell und unkompliziert einzusch\u00e4tzen. Diese\n          Methode liefert jedoch nur einen groben Richtwert.\n        <\/p><a class=\"lb-method-card__button\" href=\"#sehtest3\"><span>Nach Alter orientieren<\/span><span class=\"lb-method-card__arrow\" aria-hidden=\"true\">\u2192<\/span><\/a><\/article><\/div><\/div><\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9f25d05 elementor-widget elementor-widget-html\" data-id=\"9f25d05\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.lb-vision-notice,\n  .lb-vision-notice *,\n  .lb-vision-notice *::before,\n  .lb-vision-notice *::after {\n    box-sizing: border-box;\n  }\n\n  .lb-vision-notice {\n    width: 100%;\n    max-width: 1220px;\n    margin: 20px auto 0;\n    padding-inline: 14px;\n    font-family: \"Open Sans\", Arial, sans-serif;\n  }\n\n  .lb-vision-notice__box {\n    display: grid;\n    grid-template-columns: 40px minmax(0, 1fr);\n    gap: 14px;\n    align-items: start;\n    padding: 18px 16px;\n    border: 1px solid #c9dede;\n    border-left: 4px solid #08666a;\n    border-radius: 14px;\n    background: #f3f8f8;\n    color: #252525;\n  }\n\n  .lb-vision-notice__icon {\n    display: flex;\n    width: 40px;\n    height: 40px;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    background: #08666a;\n    color: #ffffff;\n  }\n\n  .lb-vision-notice__icon svg {\n    display: block;\n    width: 22px;\n    height: 22px;\n  }\n\n  .lb-vision-notice__title {\n    margin: 0 0 6px !important;\n    color: #123f42;\n    font-size: 17px;\n    font-weight: 700;\n    line-height: 1.35;\n  }\n\n  .lb-vision-notice__text {\n    margin: 0 !important;\n    color: #3f4949;\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 1.6;\n  }\n\n  @media (min-width: 420px) {\n    .lb-vision-notice {\n      padding-inline: 18px;\n    }\n  }\n\n  @media (min-width: 640px) {\n    .lb-vision-notice {\n      padding-inline: 20px;\n    }\n  }\n\n  @media (min-width: 768px) {\n    .lb-vision-notice {\n      margin-top: 24px;\n    }\n\n    .lb-vision-notice__box {\n      grid-template-columns: 44px minmax(0, 1fr);\n      gap: 18px;\n      padding: 22px 24px;\n      border-left-width: 5px;\n      border-radius: 16px;\n    }\n\n    .lb-vision-notice__icon {\n      width: 44px;\n      height: 44px;\n    }\n\n    .lb-vision-notice__title {\n      font-size: 18px;\n    }\n\n    .lb-vision-notice__text {\n      font-size: 15px;\n    }\n  }\n\n  @media (min-width: 1220px) {\n    .lb-vision-notice {\n      max-width: 1180px;\n      padding-inline: 0;\n    }\n  }\n<\/style><aside class=\"lb-vision-notice\" role=\"note\" aria-labelledby=\"lb-vision-notice-title\"><div class=\"lb-vision-notice__box\"><span class=\"lb-vision-notice__icon\" aria-hidden=\"true\"><svg\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n      ><circle\n          cx=\"12\"\n          cy=\"12\"\n          r=\"9\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n        \/><path\n          d=\"M12 10.5V17\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n        \/><circle cx=\"12\" cy=\"7.5\" r=\"1.25\" fill=\"currentColor\" \/><\/svg><\/span><div class=\"lb-vision-notice__content\"><p class=\"lb-vision-notice__title\" id=\"lb-vision-notice-title\">Wichtiger Hinweis\n      <\/p><p class=\"lb-vision-notice__text\">Unsere Sehst\u00e4rken-Checks liefern nur einen Richtwert f\u00fcr einfache\n        Lesebrillen. Sie ersetzen keine Sehst\u00e4rkenbestimmung durch einen\n        Augenoptiker oder Augenarzt \u2013 insbesondere bei Augenerkrankungen,\n        Hornhautverkr\u00fcmmung oder stark unterschiedlichen Werten beider Augen.\n      <\/p><\/div><\/div><\/aside>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-866c2a2 elementor-widget elementor-widget-html\" data-id=\"866c2a2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"sehtest1\" class=\"lb-sprungziel\" aria-hidden=\"true\"><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9c2e38a elementor-widget elementor-widget-html\" data-id=\"9c2e38a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"lb-mobile-vision-test\" aria-labelledby=\"lb-mobile-vision-test-title\">\n  <h2 id=\"lb-mobile-vision-test-title\">What power of reading glasses do I need?<\/h2>\n\n  <div class=\"lb-mobile-start-box\">\n    <p>\n      <strong>You'll need a real 1-euro coin in a moment.<\/strong><br\/> Place it on the circle, adjust the circle using <strong> the +<\/strong> and <strong>\u2212<\/strong> buttons, and then remove the coin from the screen.\n    <\/p>\n\n    <button type=\"button\" class=\"lb-mobile-start-button\" data-scroll-target=\"#lb-coin-visual-top\">\n  Start the Vision Test\n    <\/button>\n  <\/div>\n\n  <div class=\"lb-mobile-step\" id=\"lb-coin-step\">\n    <h3 tabindex=\"-1\">\n      <span class=\"lb-mobile-step-number\">1<\/span> Calibrate the\n screen using a coin\n    <\/h3>\n\n    <div class=\"lb-mobile-box lb-mobile-coin-instruction\">\n      <strong>Here's how calibration works:<\/strong><br\/> 1. Place a real 1-euro coin on the circle.<br\/> 2. Use <strong>+<\/strong> or <strong>\u2212<\/strong> to make the circle the same size as the coin.<br\/> 3. Then remove the coin from the screen.\n    <\/div>\n\n    <div class=\"lb-coin-visual-wrap\" aria-label=\"Kalibrierung mit 1-Euro-M\u00fcnze\">\n      <div id=\"lb-coin-visual-top\" class=\"lb-coin-help-text\">\n  Place a coin here\n      <\/div>\n\n      <button type=\"button\" class=\"lb-coin-visual lb-coin-click-info\" aria-label=\"Hinweis zur Kalibrierung anzeigen\">\n        <span class=\"lb-coin-inner\" aria-hidden=\"true\"><\/span>\n      <\/button>\n\n      <div class=\"lb-coin-size-label\">\n  1-euro coin for scale\n      <\/div>\n\n      <div id=\"lb-coin-action-area\" class=\"lb-coin-action-area\">\n        <div class=\"lb-coin-no-click-hint\">\n  Is the circle too big or too small? Use the buttons below. \n        <\/div>\n\n        <div class=\"lb-mobile-scale-controls\" aria-label=\"Gr\u00f6\u00dfe des Kalibrierungskreises anpassen\">\n           <button type=\"button\" class=\"lb-mobile-scale-button lb-mobile-scale-minus\" aria-label=\"Kreis kleiner machen\">\n          <span aria-hidden=\"true\">\u2212<\/span>\n Smaller circle\n         <\/button>\n\n          <button type=\"button\" class=\"lb-mobile-scale-button lb-mobile-scale-plus\" aria-label=\"Kreis gr\u00f6\u00dfer machen\">\n          <span aria-hidden=\"true\">+<\/span>\n Circle larger\n         <\/button> \n        <\/div>\n      <\/div>\n\n      <button type=\"button\" class=\"lb-mobile-reset-button\">\n  Reset Size\n      <\/button>\n    <\/div>\n\n    <div class=\"lb-mobile-calibration-check\">\n      <strong>Is the calibration correct?<\/strong><br>  The circle should be exactly the same size as your 1-euro coin.\n    <\/div>\n\n    <button type=\"button\" class=\"lb-mobile-next-button\" data-scroll-target=\"#lb-reading-step\">\n  Yes, it fits\u2014remove the coin\n    <\/button>\n  <\/div>\n\n  <div class=\"lb-coin-popup\" hidden=\"\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"lb-coin-popup-title\">\n    <div class=\"lb-coin-popup-backdrop\" data-close-coin-popup=\"\"><\/div>\n\n    <div class=\"lb-coin-popup-card\">\n      <button type=\"button\" class=\"lb-coin-popup-close\" aria-label=\"Hinweis schlie\u00dfen\" data-close-coin-popup=\"\">\n  \u00d7\n      <\/button>\n\n      <h4 id=\"lb-coin-popup-title\">Here's what happens next<\/h4>\n\n      <p>\n  Place a real 1-euro coin on the circle.\n      <\/p>\n\n      <p>\n  Does the circle not fit? Use the <strong>+<\/strong> and <strong>\u2212<\/strong> buttons below. \n      <\/p>\n\n      <p>\n  Then remove the coin and start the reading test.\n      <\/p>\n\n      <button type=\"button\" class=\"lb-coin-popup-button\" data-close-coin-popup=\"\">\n  Got it\n      <\/button>\n    <\/div>\n  <\/div>\n\n  <div class=\"lb-mobile-step\" id=\"lb-reading-step\">\n    <h3 tabindex=\"-1\">\n      <span class=\"lb-mobile-step-number\">2<\/span>\n Read now\n    <\/h3>\n\n    <div class=\"lb-mobile-box lb-mobile-warning\">\n      <strong>Important:<\/strong> First, remove the coin from the screen. Then read without your reading glasses.\n Hold your smartphone about <strong>40 cm<\/strong> away. Tap \u201cSelect this line,\u201d\n as soon as you can still read a line comfortably.  \n    <\/div>\n  <\/div>\n\n  <div class=\"lb-mobile-reading-test\" aria-label=\"Mobiler Lesebrillen-St\u00e4rken-Test\">\n    <div class=\"lb-mobile-test-row\" style=\"--size: 2.9mm;\">\n      <div class=\"lb-mobile-test-text\">\n  Small letters are easier to read with the right reading glasses.\n      <\/div>\n\n      <div class=\"lb-mobile-result\">\n        <div class=\"lb-mobile-result-hint\">Recommendation: Power +1.0<\/div>\n        <button type=\"button\" class=\"lb-mobile-strength-button\" data-strength=\"+1,0\">\n  Select this line\n        <\/button>\n      <\/div>\n    <\/div>\n\n    <div class=\"lb-mobile-test-row\" style=\"--size: 3.4mm;\">\n      <div class=\"lb-mobile-test-text\">\n  A good pair of reading glasses helps you read in your daily life.\n      <\/div>\n\n      <div class=\"lb-mobile-result\">\n        <div class=\"lb-mobile-result-hint\">Recommendation: Power +1.5<\/div>\n        <button type=\"button\" class=\"lb-mobile-strength-button\" data-strength=\"+1,5\">\n  Select this line\n        <\/button>\n      <\/div>\n    <\/div>\n\n    <div class=\"lb-mobile-test-row\" style=\"--size: 4.0mm;\">\n      <div class=\"lb-mobile-test-text\">\n  With the right reading strength, you can read books and news more clearly.\n      <\/div>\n\n      <div class=\"lb-mobile-result\">\n        <div class=\"lb-mobile-result-hint\">Recommendation: Power +2.0<\/div>\n        <button type=\"button\" class=\"lb-mobile-strength-button\" data-strength=\"+2,0\">\n  Select this line\n        <\/button>\n      <\/div>\n    <\/div>\n\n    <div class=\"lb-mobile-test-row\" style=\"--size: 4.8mm;\">\n      <div class=\"lb-mobile-test-text\">\n  The right reading glasses help you to see small details better.\n      <\/div>\n\n      <div class=\"lb-mobile-result\">\n        <div class=\"lb-mobile-result-hint\">Recommendation: Power +2.5<\/div>\n        <button type=\"button\" class=\"lb-mobile-strength-button\" data-strength=\"+2,5\">\n  Select this line\n        <\/button>\n      <\/div>\n    <\/div>\n\n    <div class=\"lb-mobile-test-row\" style=\"--size: 5.8mm;\">\n      <div class=\"lb-mobile-test-text\">\n  With the right reading glasses, reading becomes easier again.\n      <\/div>\n\n      <div class=\"lb-mobile-result\">\n        <div class=\"lb-mobile-result-hint\">Recommendation: Power +3.0<\/div>\n        <button type=\"button\" class=\"lb-mobile-strength-button\" data-strength=\"+3,0\">\n  Select this line\n        <\/button>\n      <\/div>\n    <\/div>\n\n    <div class=\"lb-mobile-test-row\" style=\"--size: 7.0mm;\">\n      <div class=\"lb-mobile-test-text\">\n  A well-chosen pair of reading glasses brings small print back into clear view.\n      <\/div>\n\n      <div class=\"lb-mobile-result\">\n        <div class=\"lb-mobile-result-hint\">Recommendation: Power +3.5<\/div>\n        <button type=\"button\" class=\"lb-mobile-strength-button\" data-strength=\"+3,5\">\n  Select this line\n        <\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"lb-mobile-selected-result\" hidden=\"\" aria-live=\"polite\">\n    <div class=\"lb-mobile-success-line\">\n      <span aria-hidden=\"true\">\u2713<\/span>\n Great, that worked.\n    <\/div>\n\n    <h4>\n  Your recommended power:  <span class=\"lb-mobile-selected-strength\"><\/span>\n    <\/h4>\n\n    <p>\n  Browse reading glasses with this power now.\n    <\/p>\n\n    <a class=\"lb-mobile-shop-button\" href=\"#\">\n  View suitable reading glasses\n    <\/a>\n\n    <div class=\"lb-mobile-filter-note\">\n  filtered by  <span class=\"lb-mobile-selected-strength-inline\"><\/span>\n    <\/div>\n\n    <div class=\"lb-mobile-secondary-links\">\n      <a class=\"lb-mobile-damen-link\" href=\"#\">Women's reading glasses with this power<\/a>\n      <a class=\"lb-mobile-herren-link\" href=\"#\">Men's reading glasses with this power<\/a>\n    <\/div>\n\n    <p class=\"lb-mobile-small-note\">\n  This test is for informational purposes only and is not a substitute for a professional eye exam.\n    <\/p>\n  <\/div>\n\n  <div class=\"lb-mobile-box lb-mobile-tip\">\n    <strong>Unsure between two powers?<\/strong><br>  If in doubt, choose the lower power, especially if you plan to use your reading glasses while looking at a screen.\n  <\/div>\n\n  <div class=\"lb-mobile-box lb-mobile-note\">\n  This test is for informational purposes only. If your eyes have different powers, or if you experience headaches, dizziness\n, or persistent blurred vision, we recommend that you have your eyes examined by an optometrist or ophthalmologist. \n  <\/div>\n<\/section>\n\n<style>\n  .lb-mobile-vision-test {\n    --mobile-scale: 1;\n\n    --lb-text: #222222;\n    --lb-muted: #666666;\n    --lb-border: #dedede;\n    --lb-soft: #f7f7f7;\n\n    --lb-petrol: #006c6f;\n    --lb-petrol-soft: #f1f8f8;\n    --lb-petrol-border: #c9e3e3;\n\n    --lb-yellow: #fcba12;\n    --lb-yellow-dark: #e0a300;\n    --lb-yellow-soft: #fff8e7;\n\n    --lb-info-bg: #f4f8f8;\n    --lb-info-border: #d8e7e7;\n\n    --lb-note-bg: #f3f8f8;\n    --lb-note-border: #c9dede;\n\n    display: block;\n    width: calc(100% - 28px);\n    max-width: 1180px;\n    margin: 20px auto 0;\n    padding: 16px;\n    border: 1px solid var(--lb-border);\n    border-radius: 18px;\n    background: #ffffff;\n    color: var(--lb-text);\n    font-family: inherit;\n    -webkit-text-size-adjust: 100%;\n    text-size-adjust: 100%;\n  }\n\n  .lb-mobile-vision-test,\n  .lb-mobile-vision-test * {\n    box-sizing: border-box;\n  }\n\n  .lb-mobile-vision-test h2 {\n    margin: 0 0 14px;\n    font-size: clamp(25px, 7vw, 34px);\n    line-height: 1.12;\n    color: #111111;\n  }\n\n  .lb-mobile-vision-test h3 {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin: 24px 0 12px;\n    font-size: clamp(21px, 5.5vw, 26px);\n    line-height: 1.2;\n    color: #111111;\n  }\n\n  .lb-mobile-vision-test h3:focus {\n    outline: none;\n  }\n\n  .lb-mobile-vision-test h4 {\n    margin: 0 0 10px;\n    font-size: 21px;\n    line-height: 1.25;\n  }\n\n  .lb-mobile-vision-test p {\n    margin: 0 0 14px;\n    line-height: 1.5;\n  }\n\n  .lb-mobile-start-box {\n    display: block;\n    margin: 0 0 14px;\n    padding: 15px;\n    border: 1px solid var(--lb-petrol-border);\n    border-radius: 16px;\n    background: var(--lb-petrol-soft);\n  }\n\n  .lb-mobile-start-box p {\n    margin: 0 0 12px;\n    font-size: 16px;\n    color: #222222;\n  }\n\n  .lb-mobile-start-button,\n  .lb-mobile-next-button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    min-height: 52px;\n    padding: 14px 16px;\n    border: 1px solid var(--lb-yellow);\n    border-radius: 999px;\n    background: var(--lb-yellow);\n    color: #222222;\n    font: inherit;\n    font-size: 16px;\n    font-weight: 800;\n    line-height: 1.2;\n    text-align: center;\n    text-decoration: none;\n    cursor: pointer;\n    touch-action: manipulation;\n  }\n\n  .lb-mobile-start-button:hover,\n  .lb-mobile-start-button:focus,\n  .lb-mobile-next-button:hover,\n  .lb-mobile-next-button:focus {\n    background: var(--lb-yellow-dark);\n    border-color: var(--lb-yellow-dark);\n    color: #222222;\n  }\n\n  .lb-mobile-next-button {\n    margin: 10px auto 0;\n  }\n\n  .lb-mobile-box {\n    margin: 14px 0;\n    padding: 14px 15px;\n    border-radius: 14px;\n    line-height: 1.5;\n  }\n\n  .lb-mobile-coin-instruction {\n    margin-top: 10px;\n    margin-bottom: 12px;\n    background: var(--lb-yellow-soft);\n    border: 1px solid #f2d27a;\n    color: #222222;\n    font-size: 15px;\n  }\n\n  .lb-mobile-calibration-check {\n    margin: 12px 0 10px;\n    padding: 12px 14px;\n    border: 1px solid var(--lb-petrol-border);\n    border-radius: 14px;\n    background: var(--lb-petrol-soft);\n    color: #222222;\n    font-size: 14px;\n    line-height: 1.45;\n    text-align: center;\n  }\n\n  .lb-mobile-warning {\n    background: #ffffff;\n    border: 1px solid var(--lb-petrol-border);\n    border-left: 5px solid var(--lb-petrol);\n  }\n\n  .lb-mobile-tip {\n    background: var(--lb-info-bg);\n    border: 1px solid var(--lb-info-border);\n  }\n\n  .lb-mobile-note {\n    background: var(--lb-note-bg);\n    border: 1px solid var(--lb-note-border);\n    color: var(--lb-muted);\n    font-size: 14px;\n  }\n\n  #lb-coin-step,\n  #lb-reading-step,\n  #produkte {\n    scroll-margin-top: 90px;\n  }\n\n  #lb-coin-visual-top {\n    scroll-margin-top: 12px;\n  }\n\n  .lb-mobile-step-number {\n    flex: 0 0 auto;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 31px;\n    height: 31px;\n    border-radius: 50%;\n    background: var(--lb-petrol);\n    color: #ffffff;\n    font-size: 18px;\n    font-weight: 800;\n    line-height: 1;\n  }\n\n  .lb-coin-visual-wrap {\n    margin: 12px 0 12px;\n    padding: 16px 14px 16px;\n    border: 1px solid var(--lb-border);\n    border-radius: 16px;\n    background: #ffffff;\n    text-align: center;\n    overflow: hidden;\n  }\n\n  .lb-coin-help-text {\n    margin-bottom: 12px;\n    font-size: 15px;\n    font-weight: 800;\n    color: var(--lb-petrol);\n  }\n\n  .lb-coin-visual {\n    appearance: none;\n    -webkit-appearance: none;\n    position: relative;\n    display: block;\n    width: calc(23.25mm * var(--mobile-scale));\n    height: calc(23.25mm * var(--mobile-scale));\n    max-width: min(76vw, 290px);\n    max-height: min(76vw, 290px);\n    margin: 0 auto;\n    padding: 0;\n    border: 3px solid var(--lb-petrol);\n    border-radius: 50%;\n    background: #ffffff;\n    box-shadow: 0 0 0 6px rgba(0, 108, 111, 0.12);\n    user-select: none;\n    -webkit-user-select: none;\n    touch-action: manipulation;\n    cursor: pointer;\n  }\n\n  .lb-coin-visual::after {\n    content: \"?\";\n    position: absolute;\n    right: -5px;\n    top: -5px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--lb-yellow);\n    color: #222222;\n    font-size: 15px;\n    font-weight: 900;\n    line-height: 1;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);\n  }\n\n  .lb-coin-visual:hover,\n  .lb-coin-visual:focus {\n    outline: none;\n    box-shadow: 0 0 0 6px rgba(0, 108, 111, 0.12), 0 0 0 10px rgba(252, 186, 18, 0.25);\n  }\n\n  .lb-coin-inner {\n    position: absolute;\n    inset: 18%;\n    border: 1px dashed #9cbcbc;\n    border-radius: 50%;\n  }\n\n  .lb-coin-size-label {\n    margin-top: 8px;\n    font-size: 13px;\n    color: var(--lb-muted);\n  }\n\n  .lb-coin-no-click-hint {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    margin: 10px auto 0;\n    padding: 7px 11px;\n    border-radius: 999px;\n    background: var(--lb-petrol-soft);\n    color: var(--lb-petrol);\n    font-size: 13px;\n    font-weight: 700;\n    line-height: 1.25;\n  }\n\n  .lb-mobile-scale-controls {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 10px;\n    margin-top: 14px;\n  }\n\n  .lb-mobile-scale-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    min-height: 52px;\n    padding: 12px 10px;\n    border: 2px solid var(--lb-petrol);\n    border-radius: 999px;\n    background: #ffffff;\n    color: #222222;\n    font: inherit;\n    font-size: 15px;\n    font-weight: 800;\n    line-height: 1.15;\n    cursor: pointer;\n    touch-action: manipulation;\n  }\n\n  .lb-mobile-scale-button span {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 29px;\n    height: 29px;\n    border-radius: 50%;\n    background: var(--lb-petrol);\n    color: #ffffff;\n    font-size: 24px;\n    font-weight: 800;\n    line-height: 1;\n  }\n\n  .lb-mobile-scale-button:hover,\n  .lb-mobile-scale-button:focus {\n    background: var(--lb-petrol-soft);\n    border-color: var(--lb-petrol);\n  }\n\n  .lb-mobile-reset-button {\n    display: block;\n    margin: 11px auto 0;\n    padding: 8px 14px;\n    border: 1px solid #bdbdbd;\n    border-radius: 999px;\n    background: #ffffff;\n    color: var(--lb-text);\n    font: inherit;\n    font-size: 13px;\n    cursor: pointer;\n  }\n\n  .lb-mobile-reset-button:hover,\n  .lb-mobile-reset-button:focus {\n    background: var(--lb-soft);\n  }\n\n  .lb-coin-popup[hidden] {\n    display: none;\n  }\n\n  .lb-coin-popup {\n    position: fixed;\n    inset: 0;\n    z-index: 99999;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 18px;\n  }\n\n  .lb-coin-popup-backdrop {\n    position: absolute;\n    inset: 0;\n    background: rgba(0, 0, 0, 0.46);\n  }\n\n  .lb-coin-popup-card {\n    position: relative;\n    z-index: 1;\n    width: 100%;\n    max-width: 360px;\n    padding: 22px 18px 18px;\n    border-radius: 18px;\n    background: #ffffff;\n    color: #222222;\n    box-shadow: 0 16px 46px rgba(0, 0, 0, 0.24);\n  }\n\n  .lb-coin-popup-card h4 {\n    margin: 0 36px 10px 0;\n    color: #111111;\n    font-size: 22px;\n    line-height: 1.2;\n  }\n\n  .lb-coin-popup-card p {\n    margin: 0 0 12px;\n    font-size: 15px;\n    line-height: 1.45;\n  }\n\n  .lb-coin-popup-close {\n    position: absolute;\n    top: 10px;\n    right: 10px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 34px;\n    height: 34px;\n    border: 1px solid #dddddd;\n    border-radius: 50%;\n    background: #ffffff;\n    color: #222222;\n    font: inherit;\n    font-size: 26px;\n    font-weight: 400;\n    line-height: 1;\n    cursor: pointer;\n  }\n\n  .lb-coin-popup-close:hover,\n  .lb-coin-popup-close:focus {\n    background: var(--lb-soft);\n    outline: none;\n  }\n\n  .lb-coin-popup-button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    min-height: 48px;\n    margin-top: 12px;\n    padding: 12px 16px;\n    border: 1px solid var(--lb-yellow);\n    border-radius: 999px;\n    background: var(--lb-yellow);\n    color: #222222;\n    font: inherit;\n    font-size: 15px;\n    font-weight: 800;\n    line-height: 1.2;\n    cursor: pointer;\n  }\n\n  .lb-coin-popup-button:hover,\n  .lb-coin-popup-button:focus {\n    background: var(--lb-yellow-dark);\n    border-color: var(--lb-yellow-dark);\n    outline: none;\n  }\n\n  .lb-mobile-reading-test {\n    margin-top: 16px;\n    border: 1px solid var(--lb-border);\n    border-radius: 16px;\n    overflow: hidden;\n    background: #ffffff;\n  }\n\n  .lb-mobile-test-row {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 12px;\n    padding: 16px;\n    border-bottom: 1px solid var(--lb-border);\n  }\n\n  .lb-mobile-test-row:last-child {\n    border-bottom: none;\n  }\n\n  .lb-mobile-test-text {\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: calc(var(--size) * var(--mobile-scale));\n    line-height: 1.25;\n    letter-spacing: 0;\n    color: #111111;\n  }\n\n  .lb-mobile-result {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 6px;\n    align-items: start;\n  }\n\n  .lb-mobile-result-hint {\n    display: block;\n    margin: 0 0 4px;\n    font-size: 13px;\n    line-height: 1.35;\n    font-weight: 500;\n    color: #777777;\n  }\n\n  .lb-mobile-strength-button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    min-height: 46px;\n    margin-top: 0;\n    padding: 11px 14px;\n    border: 1px solid #222222;\n    border-radius: 999px;\n    background: #ffffff;\n    color: #222222;\n    font: inherit;\n    font-size: 14px;\n    font-weight: 700;\n    line-height: 1.2;\n    text-align: center;\n    cursor: pointer;\n    touch-action: manipulation;\n  }\n\n  .lb-mobile-strength-button:hover,\n  .lb-mobile-strength-button:focus,\n  .lb-mobile-strength-button.is-selected {\n    background: var(--lb-yellow);\n    border-color: var(--lb-yellow);\n    color: #222222;\n  }\n\n  .lb-mobile-selected-result {\n    position: relative;\n    margin-top: 24px;\n    padding: 20px 16px 18px;\n    border: 1px solid var(--lb-petrol-border);\n    border-radius: 16px;\n    background: #fffdf7;\n    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.06);\n    scroll-margin-top: 90px;\n  }\n\n  .lb-mobile-success-line {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 12px;\n    color: var(--lb-petrol);\n    font-size: 15px;\n    font-weight: 800;\n    line-height: 1.3;\n  }\n\n  .lb-mobile-success-line span {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 23px;\n    height: 23px;\n    border-radius: 50%;\n    background: var(--lb-petrol);\n    color: #ffffff;\n    font-size: 14px;\n    font-weight: 800;\n    line-height: 1;\n  }\n\n  .lb-mobile-selected-result h4 {\n    margin-bottom: 10px;\n    color: #222222;\n  }\n\n  .lb-mobile-selected-result p {\n    margin-bottom: 14px;\n  }\n\n  .lb-mobile-shop-button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    min-height: 52px;\n    margin-top: 8px;\n    padding: 14px 16px;\n    border-radius: 999px;\n    background: var(--lb-yellow);\n    color: #222222;\n    text-align: center;\n    text-decoration: none;\n    font-weight: 800;\n    line-height: 1.2;\n  }\n\n  .lb-mobile-shop-button:hover,\n  .lb-mobile-shop-button:focus {\n    background: var(--lb-yellow-dark);\n    color: #222222;\n  }\n\n  .lb-mobile-shop-button.is-loading {\n    opacity: 0.75;\n    pointer-events: none;\n    cursor: wait;\n  }\n\n  .lb-mobile-shop-button.is-loading::after {\n    content: \"\";\n    width: 14px;\n    height: 14px;\n    margin-left: 8px;\n    border: 2px solid rgba(34, 34, 34, 0.35);\n    border-top-color: #222222;\n    border-radius: 50%;\n    animation: lbButtonSpin 0.7s linear infinite;\n  }\n\n  @keyframes lbButtonSpin {\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  .lb-mobile-filter-note {\n    margin-top: 8px;\n    font-size: 13px;\n    line-height: 1.35;\n    color: #777777;\n    text-align: center;\n  }\n\n  .lb-mobile-secondary-links {\n    display: block;\n    margin-top: 14px;\n  }\n\n  .lb-mobile-secondary-links a {\n    display: block;\n    margin-top: 9px;\n    color: #222222;\n    font-size: 14px;\n    font-weight: 600;\n    text-decoration: underline;\n    text-decoration-color: var(--lb-yellow);\n    text-decoration-thickness: 2px;\n    text-underline-offset: 3px;\n  }\n\n  .lb-mobile-small-note {\n    margin-top: 14px;\n    margin-bottom: 0;\n    padding-top: 12px;\n    border-top: 1px solid rgba(34, 34, 34, 0.14);\n    font-size: 13px;\n    color: #555555;\n  }\n\n  @media (max-width: 360px) {\n    .lb-mobile-vision-test {\n      padding: 14px;\n    }\n\n    .lb-mobile-start-box {\n      padding: 14px;\n    }\n\n    .lb-mobile-start-button,\n    .lb-mobile-next-button {\n      font-size: 15px;\n      padding-left: 12px;\n      padding-right: 12px;\n    }\n\n    .lb-mobile-scale-controls {\n      gap: 8px;\n    }\n\n    .lb-mobile-scale-button {\n      gap: 6px;\n      padding-left: 7px;\n      padding-right: 7px;\n      font-size: 14px;\n    }\n\n    .lb-mobile-scale-button span {\n      width: 26px;\n      height: 26px;\n      font-size: 22px;\n    }\n\n    .lb-coin-popup-card {\n      padding: 20px 16px 16px;\n    }\n\n    .lb-coin-popup-card h4 {\n      font-size: 20px;\n    }\n  }\n\n  @media (min-width: 420px) {\n    .lb-mobile-vision-test {\n      width: calc(100% - 36px);\n    }\n  }\n\n  @media (min-width: 640px) {\n    .lb-mobile-vision-test {\n      width: calc(100% - 40px);\n    }\n  }\n\n  \/* Nur auf Smartphones bis 767 px anzeigen *\/\n  @media (min-width: 768px) {\n    .lb-mobile-vision-test {\n      display: none !important;\n    }\n  }\n<\/style>\n\n<script>\n  (function () {\n    const tests = document.querySelectorAll('.lb-mobile-vision-test');\n\n    tests.forEach(function (test, index) {\n      const scrollButtons = test.querySelectorAll('[data-scroll-target]');\n\n      scrollButtons.forEach(function (scrollButton) {\n        scrollButton.addEventListener('click', function () {\n          const targetSelector = scrollButton.getAttribute('data-scroll-target');\n          const target = targetSelector ? test.querySelector(targetSelector) : null;\n          const targetHeading = target ? target.querySelector('h3') : null;\n\n          if (target) {\n            target.scrollIntoView({\n              behavior: 'smooth',\n              block: 'start'\n            });\n\n            if (targetHeading) {\n              window.setTimeout(function () {\n                targetHeading.focus({ preventScroll: true });\n              }, 450);\n            }\n          }\n        });\n      });\n\n      const coinInfoButton = test.querySelector('.lb-coin-click-info');\n      const coinPopup = test.querySelector('.lb-coin-popup');\n      const coinPopupCloseButtons = test.querySelectorAll('[data-close-coin-popup]');\n      const coinPopupClose = test.querySelector('.lb-coin-popup-close');\n      let lastFocusedElement = null;\n\n      function openCoinPopup() {\n        if (!coinPopup) return;\n\n        lastFocusedElement = document.activeElement;\n        coinPopup.hidden = false;\n        document.body.style.overflow = 'hidden';\n\n        if (coinPopupClose) {\n          window.setTimeout(function () {\n            coinPopupClose.focus();\n          }, 50);\n        }\n      }\n\n      function closeCoinPopup() {\n        if (!coinPopup) return;\n\n        coinPopup.hidden = true;\n        document.body.style.overflow = '';\n\n        if (lastFocusedElement && typeof lastFocusedElement.focus === 'function') {\n          lastFocusedElement.focus();\n        }\n      }\n\n      if (coinInfoButton) {\n        coinInfoButton.addEventListener('click', function () {\n          openCoinPopup();\n        });\n      }\n\n      coinPopupCloseButtons.forEach(function (button) {\n        button.addEventListener('click', function () {\n          closeCoinPopup();\n        });\n      });\n\n      document.addEventListener('keydown', function (event) {\n        if (event.key === 'Escape' && coinPopup && !coinPopup.hidden) {\n          closeCoinPopup();\n        }\n      });\n\n      const minusButton = test.querySelector('.lb-mobile-scale-minus');\n      const plusButton = test.querySelector('.lb-mobile-scale-plus');\n      const reset = test.querySelector('.lb-mobile-reset-button');\n      const storageKey = 'lesebrilleMobileVisionTestScale_' + index;\n\n      const minScale = 0.4;\n      const maxScale = 4;\n      const step = 0.05;\n      let currentScale = 1;\n\n      function clampScale(value) {\n        return Math.min(maxScale, Math.max(minScale, value));\n      }\n\n      function formatScale(value) {\n        return Number(value).toFixed(2);\n      }\n\n      function setScale(value) {\n        currentScale = clampScale(Number(value));\n        test.style.setProperty('--mobile-scale', formatScale(currentScale));\n\n        try {\n          localStorage.setItem(storageKey, formatScale(currentScale));\n        } catch (e) {}\n      }\n\n      try {\n        const savedScale = localStorage.getItem(storageKey);\n        if (savedScale) {\n          setScale(savedScale);\n        } else {\n          setScale(1);\n        }\n      } catch (e) {\n        setScale(1);\n      }\n\n      if (minusButton) {\n        minusButton.addEventListener('click', function () {\n          setScale(currentScale - step);\n        });\n      }\n\n      if (plusButton) {\n        plusButton.addEventListener('click', function () {\n          setScale(currentScale + step);\n        });\n      }\n\n      if (reset) {\n        reset.addEventListener('click', function () {\n          setScale(1);\n        });\n      }\n\n      const buttons = test.querySelectorAll('.lb-mobile-strength-button');\n      const resultBox = test.querySelector('.lb-mobile-selected-result');\n      const selectedStrength = test.querySelector('.lb-mobile-selected-strength');\n      const selectedStrengthInline = test.querySelector('.lb-mobile-selected-strength-inline');\n      const shopButton = test.querySelector('.lb-mobile-shop-button');\n      const damenLink = test.querySelector('.lb-mobile-damen-link');\n      const herrenLink = test.querySelector('.lb-mobile-herren-link');\n\n      const strengthUrls = {\n        '+1,0': {\n          shop: '\/lesebrillen\/?dioptrien=1-00-dioptrien#produkte',\n          damen: '\/lesebrille-damen\/?dioptrien=1-00-dioptrien#produkte',\n          herren: '\/lesebrille-herren\/?dioptrien=1-00-dioptrien#produkte'\n        },\n        '+1,5': {\n          shop: '\/lesebrillen\/?dioptrien=1-50-dioptrien#produkte',\n          damen: '\/lesebrille-damen\/?dioptrien=1-50-dioptrien#produkte',\n          herren: '\/lesebrille-herren\/?dioptrien=1-50-dioptrien#produkte'\n        },\n        '+2,0': {\n          shop: '\/lesebrillen\/?dioptrien=2-00-dioptrien#produkte',\n          damen: '\/lesebrille-damen\/?dioptrien=2-00-dioptrien#produkte',\n          herren: '\/lesebrille-herren\/?dioptrien=2-00-dioptrien#produkte'\n        },\n        '+2,5': {\n          shop: '\/lesebrillen\/?dioptrien=2-50-dioptrien#produkte',\n          damen: '\/lesebrille-damen\/?dioptrien=2-50-dioptrien#produkte',\n          herren: '\/lesebrille-herren\/?dioptrien=2-50-dioptrien#produkte'\n        },\n        '+3,0': {\n          shop: '\/lesebrillen\/?dioptrien=3-00-dioptrien#produkte',\n          damen: '\/lesebrille-damen\/?dioptrien=3-00-dioptrien#produkte',\n          herren: '\/lesebrille-herren\/?dioptrien=3-00-dioptrien#produkte'\n        },\n        '+3,5': {\n          shop: '\/lesebrillen\/?dioptrien=3-50-dioptrien#produkte',\n          damen: '\/lesebrille-damen\/?dioptrien=3-50-dioptrien#produkte',\n          herren: '\/lesebrille-herren\/?dioptrien=3-50-dioptrien#produkte'\n        }\n      };\n\n      buttons.forEach(function (button) {\n        button.setAttribute('aria-pressed', 'false');\n\n        button.addEventListener('click', function () {\n          const strength = button.getAttribute('data-strength');\n          const urls = strengthUrls[strength];\n\n          if (!urls) return;\n\n          if (selectedStrength) {\n            selectedStrength.textContent = strength;\n          }\n\n          if (selectedStrengthInline) {\n            selectedStrengthInline.textContent = strength;\n          }\n\n          if (shopButton) {\n            shopButton.href = urls.shop;\n            shopButton.textContent = 'Passende Lesebrillen ansehen';\n          }\n\n          if (damenLink) {\n            damenLink.href = urls.damen;\n            damenLink.textContent = 'Damen-Lesebrillen in ' + strength;\n          }\n\n          if (herrenLink) {\n            herrenLink.href = urls.herren;\n            herrenLink.textContent = 'Herren-Lesebrillen in ' + strength;\n          }\n\n          buttons.forEach(function (btn) {\n            btn.classList.remove('is-selected');\n            btn.setAttribute('aria-pressed', 'false');\n          });\n\n          button.classList.add('is-selected');\n          button.setAttribute('aria-pressed', 'true');\n\n          if (resultBox) {\n            resultBox.hidden = false;\n            resultBox.scrollIntoView({\n              behavior: 'smooth',\n              block: 'start'\n            });\n          }\n        });\n      });\n\n      const ctaLinks = test.querySelectorAll('.lb-mobile-shop-button, .lb-mobile-damen-link, .lb-mobile-herren-link');\n\n      ctaLinks.forEach(function (link) {\n        link.addEventListener('click', function () {\n          const href = link.getAttribute('href');\n\n          if (!href || href === '#') {\n            return;\n          }\n\n          if (link.classList.contains('lb-mobile-shop-button')) {\n            link.classList.add('is-loading');\n            link.textContent = 'Produkte werden geladen...';\n          }\n        });\n      });\n    });\n  })();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7b629ae elementor-widget elementor-widget-html\" data-id=\"7b629ae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"lb-vision-test\" aria-labelledby=\"lb-vision-test-title\">\n  <h2 id=\"lb-vision-test-title\">Test the power of reading glasses quickly<\/h2>\n\n  <p class=\"lb-intro\">\n  This quick test will give you an initial recommendation on what reading glasses power might be right for you.\n  First, calibrate the screen using a card the size of a credit card.\n  <\/p>\n\n  <div class=\"lb-start-box\">\n    <p>\n      <strong>You'll need a real card in credit card size right away.<\/strong><br\/> Place it on the card area, adjust the size using <strong>+<\/strong> and <strong>\u2212<\/strong>\n, and then remove the card from the screen.\n    <\/p>\n\n    <button type=\"button\" class=\"lb-start-button\" data-scroll-target=\"#lb-desktop-card-visual-top\">\n  Start the Vision Test\n    <\/button>\n  <\/div>\n\n  <div class=\"lb-box lb-warning\">\n    <strong>Important:<\/strong>\n Please take the test without your reading glasses. Keep <strong>a distance of<\/strong> about\n <strong>   40 cm<\/strong> between your eyes and the screen. \n  <\/div>\n\n  <div class=\"lb-step\" id=\"lb-desktop-card-step\">\n    <h3 tabindex=\"-1\">\n      <span class=\"lb-step-number\">1<\/span> Calibrate the screen with a map at\n \n    <\/h3>\n\n    <div class=\"lb-box lb-card-instruction\">\n      <strong>Here's how calibration works:<\/strong><br\/> 1. Place a real credit card-sized card on the screen.<br\/> 2. Use <strong> the +<\/strong> or <strong>\u2212<\/strong> buttons to adjust the area to match the size of your card.<br\/> 3. Then remove the card from the screen.\n    <\/div>\n\n    <div class=\"lb-card-visual-wrap\" aria-label=\"Kalibrierung mit Karte im Scheckkartenformat\">\n      <div id=\"lb-desktop-card-visual-top\" class=\"lb-card-help-text\">\n  Place real card here\n      <\/div>\n\n      <button type=\"button\" class=\"lb-card-visual lb-card-click-info\" aria-label=\"Hinweis zur Kalibrierung anzeigen\">\n        <span class=\"lb-card-chip\" aria-hidden=\"true\"><\/span>\n\n        <span class=\"lb-card-lines\" aria-hidden=\"true\">\n          <span><\/span>\n          <span><\/span>\n          <span><\/span>\n        <\/span>\n\n        <span class=\"lb-card-size-label\">\n  Card: 85.6 mm wide\n        <\/span>\n      <\/button>\n\n      <div id=\"lb-desktop-card-action-area\" class=\"lb-card-action-area\">\n        <div class=\"lb-card-no-click-hint\">\n  Is the area too big or too small? Use the buttons below. \n        <\/div>\n\n        <div class=\"lb-scale-controls\" aria-label=\"Gr\u00f6\u00dfe der Bildschirm-Karte anpassen\">\n           <button type=\"button\" class=\"lb-scale-button lb-scale-minus\" aria-label=\"Karte kleiner machen\">\n          <span aria-hidden=\"true\">\u2212<\/span>\n (Larger map)\n         <\/button>\n\n          <button type=\"button\" class=\"lb-scale-button lb-scale-plus\" aria-label=\"Karte gr\u00f6\u00dfer machen\">\n          <span aria-hidden=\"true\">+<\/span>\n Larger map\n         <\/button> \n        <\/div>\n      <\/div>\n\n      <button type=\"button\" class=\"lb-reset-button\">\n  Reset Size\n      <\/button>\n    <\/div>\n\n    <div class=\"lb-calibration-check\">\n      <strong>Is the calibration correct?<\/strong><br>  The area should be exactly as wide as your actual map.\n    <\/div>\n\n    <button type=\"button\" class=\"lb-next-button\" data-scroll-target=\"#lb-desktop-reading-step\">\n  Yes, that works\u2014remove the card\n    <\/button>\n  <\/div>\n\n  <div class=\"lb-card-popup\" hidden=\"\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"lb-card-popup-title\">\n    <div class=\"lb-card-popup-backdrop\" data-close-card-popup=\"\"><\/div>\n\n    <div class=\"lb-card-popup-card\">\n      <button type=\"button\" class=\"lb-card-popup-close\" aria-label=\"Hinweis schlie\u00dfen\" data-close-card-popup=\"\">\n  \u00d7\n      <\/button>\n\n      <h4 id=\"lb-card-popup-title\">Here's what happens next<\/h4>\n\n      <p>\n  Place a real card in credit card format on the card surface.\n      <\/p>\n\n      <p>\n  Is the area incorrect? Use the <strong>+<\/strong> and <strong>\u2212<\/strong> buttons below. \n      <\/p>\n\n      <p>\n  Then remove the card and start the read test.\n      <\/p>\n\n      <button type=\"button\" class=\"lb-card-popup-button\" data-close-card-popup=\"\">\n  Got it\n      <\/button>\n    <\/div>\n  <\/div>\n\n  <div class=\"lb-step\" id=\"lb-desktop-reading-step\">\n    <h3 tabindex=\"-1\">\n      <span class=\"lb-step-number\">2<\/span>\n Read now\n    <\/h3>\n\n    <div class=\"lb-reading-warning\">\n      <strong>Important:<\/strong> First, remove the card from the screen. Then read without your reading glasses.\n Keep <strong>a distance of<\/strong> about <strong>40 cm<\/strong> from the screen. \n    <\/div>\n\n    <p class=\"lb-short-text\">\n  Read from top to bottom. Choose the smallest line that you can still read clearly and without straining. \n    <\/p>\n\n    <div class=\"lb-reading-hint\">\n  Don't guess. Only select it if the line is easy to read. \n    <\/div>\n  <\/div>\n\n  <div class=\"lb-reading-test\" aria-label=\"Lesebrillen-St\u00e4rken-Test\">\n    <div class=\"lb-test-row\" style=\"--size: 2.9mm;\">\n      <div class=\"lb-test-text\">\n  Small letters are easier to read with the right reading glasses.\n      <\/div>\n\n      <div class=\"lb-result\">\n        <div class=\"lb-result-hint\">Recommendation: Power +1.0<\/div>\n        <button type=\"button\" class=\"lb-strength-button\" data-strength=\"+1,0\">\n  Select this line\n        <\/button>\n      <\/div>\n    <\/div>\n\n    <div class=\"lb-test-row\" style=\"--size: 3.4mm;\">\n      <div class=\"lb-test-text\">\n  A good pair of reading glasses helps you read in your daily life.\n      <\/div>\n\n      <div class=\"lb-result\">\n        <div class=\"lb-result-hint\">Recommendation: Power +1.5<\/div>\n        <button type=\"button\" class=\"lb-strength-button\" data-strength=\"+1,5\">\n  Select this line\n        <\/button>\n      <\/div>\n    <\/div>\n\n    <div class=\"lb-test-row\" style=\"--size: 4.0mm;\">\n      <div class=\"lb-test-text\">\n  With the right reading strength, you can read books, labels and messages more clearly.\n      <\/div>\n\n      <div class=\"lb-result\">\n        <div class=\"lb-result-hint\">Recommendation: Power +2.0<\/div>\n        <button type=\"button\" class=\"lb-strength-button\" data-strength=\"+2,0\">\n  Select this line\n        <\/button>\n      <\/div>\n    <\/div>\n\n    <div class=\"lb-test-row\" style=\"--size: 4.8mm;\">\n      <div class=\"lb-test-text\">\n  The right reading glasses help you to see small details better.\n      <\/div>\n\n      <div class=\"lb-result\">\n        <div class=\"lb-result-hint\">Recommendation: Power +2.5<\/div>\n        <button type=\"button\" class=\"lb-strength-button\" data-strength=\"+2,5\">\n  Select this line\n        <\/button>\n      <\/div>\n    <\/div>\n\n    <div class=\"lb-test-row\" style=\"--size: 5.8mm;\">\n      <div class=\"lb-test-text\">\n  With the right reading glasses, reading becomes easier again.\n      <\/div>\n\n      <div class=\"lb-result\">\n        <div class=\"lb-result-hint\">Recommendation: Power +3.0<\/div>\n        <button type=\"button\" class=\"lb-strength-button\" data-strength=\"+3,0\">\n  Select this line\n        <\/button>\n      <\/div>\n    <\/div>\n\n    <div class=\"lb-test-row\" style=\"--size: 7.0mm;\">\n      <div class=\"lb-test-text\">\n  A well-chosen pair of reading glasses brings small print back into clear view.\n      <\/div>\n\n      <div class=\"lb-result\">\n        <div class=\"lb-result-hint\">Recommendation: Power +3.5<\/div>\n        <button type=\"button\" class=\"lb-strength-button\" data-strength=\"+3,5\">\n  Select this line\n        <\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"lb-selected-result\" hidden=\"\" aria-live=\"polite\">\n    <div class=\"lb-success-line\">\n      <span aria-hidden=\"true\">\u2713<\/span>\n Great, that worked.\n    <\/div>\n\n    <h4>\n  Your recommended power:  <span class=\"lb-selected-strength\"><\/span>\n    <\/h4>\n\n    <p>\n  Browse reading glasses with this power now.\n    <\/p>\n\n    <a class=\"lb-shop-button\" href=\"#\">\n  View suitable reading glasses\n    <\/a>\n\n    <div class=\"lb-filter-note\">\n  filtered by  <span class=\"lb-selected-strength-inline\"><\/span>\n    <\/div>\n\n    <div class=\"lb-secondary-links\">\n      <a class=\"lb-damen-link\" href=\"#\">Women's reading glasses with this power<\/a>\n      <a class=\"lb-herren-link\" href=\"#\">Men's reading glasses with this power<\/a>\n    <\/div>\n\n    <p class=\"lb-small-note\">\n  This test is for informational purposes only and is not a substitute for a professional eye exam.\n    <\/p>\n  <\/div>\n\n  <div class=\"lb-box lb-tip\">\n    <strong>Unsure between two powers?<\/strong><br>  If in doubt, choose the lower power, especially if you plan to use your reading glasses while looking at a screen.\n  The higher power may be more comfortable for very small fonts or short reading distances.\n  <\/div>\n\n  <div class=\"lb-box lb-note\">\n  This test is for guidance only and does not replace a professional eye test by an optician or ophthalmologist.\n If your eyes have varying degrees of power or you notice headaches, dizziness or permanently blurred vision,\n we recommend a professional examination.\n  <\/div>\n<\/section>\n\n<style>\n  .lb-vision-test {\n    --scale: 1;\n\n    --lb-text: #222222;\n    --lb-muted: #666666;\n    --lb-border: #dedede;\n    --lb-soft: #f7f7f7;\n\n    --lb-petrol: #006c6f;\n    --lb-petrol-soft: #f1f8f8;\n    --lb-petrol-border: #c9e3e3;\n\n    --lb-yellow: #fcba12;\n    --lb-yellow-dark: #e0a300;\n    --lb-yellow-soft: #fff8e7;\n\n    --lb-info-bg: #f4f8f8;\n    --lb-info-border: #d8e7e7;\n\n    --lb-note-bg: #f3f8f8;\n    --lb-note-border: #c9dede;\n\n    width: calc(100% - 40px);\n    max-width: 1180px;\n    margin: 24px auto 0;\n    padding: 28px;\n    border: 1px solid var(--lb-border);\n    border-radius: 18px;\n    background: #ffffff;\n    color: var(--lb-text);\n    font-family: inherit;\n    -webkit-text-size-adjust: 100%;\n    text-size-adjust: 100%;\n  }\n\n  .lb-vision-test,\n  .lb-vision-test * {\n    box-sizing: border-box;\n  }\n\n  .lb-vision-test h2 {\n    margin: 0 0 12px;\n    font-size: clamp(26px, 4vw, 36px);\n    line-height: 1.15;\n    color: #111111;\n  }\n\n  .lb-vision-test h3 {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin: 0 0 12px;\n    font-size: clamp(21px, 3vw, 26px);\n    line-height: 1.25;\n    color: #111111;\n  }\n\n  .lb-vision-test h3:focus {\n    outline: none;\n  }\n\n  .lb-vision-test h4 {\n    margin: 0 0 10px;\n    font-size: 24px;\n    line-height: 1.25;\n  }\n\n  .lb-vision-test p {\n    margin: 0 0 16px;\n    line-height: 1.55;\n  }\n\n  .lb-intro {\n    font-size: 17px;\n    color: var(--lb-muted);\n  }\n\n  .lb-start-box {\n    display: block;\n    margin: 18px 0 18px;\n    padding: 16px 18px;\n    border: 1px solid var(--lb-petrol-border);\n    border-radius: 16px;\n    background: var(--lb-petrol-soft);\n  }\n\n  .lb-start-box p {\n    margin: 0 0 12px;\n    font-size: 16px;\n    color: #222222;\n  }\n\n  .lb-start-button,\n  .lb-next-button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    min-height: 52px;\n    padding: 14px 18px;\n    border: 1px solid var(--lb-yellow);\n    border-radius: 999px;\n    background: var(--lb-yellow);\n    color: #222222;\n    font: inherit;\n    font-size: 16px;\n    font-weight: 800;\n    line-height: 1.2;\n    text-align: center;\n    text-decoration: none;\n    cursor: pointer;\n    touch-action: manipulation;\n  }\n\n  .lb-start-button:hover,\n  .lb-start-button:focus,\n  .lb-next-button:hover,\n  .lb-next-button:focus {\n    background: var(--lb-yellow-dark);\n    border-color: var(--lb-yellow-dark);\n    color: #222222;\n  }\n\n  .lb-step {\n    margin-top: 30px;\n  }\n\n  #lb-desktop-card-step,\n  #lb-desktop-reading-step,\n  #produkte {\n    scroll-margin-top: 100px;\n  }\n\n  #lb-desktop-card-visual-top {\n    scroll-margin-top: 16px;\n  }\n\n  .lb-step-number {\n    flex: 0 0 auto;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 31px;\n    height: 31px;\n    border-radius: 50%;\n    background: var(--lb-petrol);\n    color: #ffffff;\n    font-size: 18px;\n    font-weight: 800;\n    line-height: 1;\n  }\n\n  .lb-box {\n    margin: 22px 0;\n    padding: 16px 18px;\n    border-radius: 14px;\n    line-height: 1.5;\n  }\n\n  .lb-warning {\n    background: #ffffff;\n    border: 1px solid var(--lb-petrol-border);\n    border-left: 5px solid var(--lb-petrol);\n  }\n\n  .lb-card-instruction {\n    margin-top: 14px;\n    margin-bottom: 16px;\n    background: var(--lb-yellow-soft);\n    border: 1px solid #f2d27a;\n    color: #222222;\n    font-size: 15px;\n  }\n\n  .lb-calibration-check {\n    margin: 14px 0 10px;\n    padding: 13px 16px;\n    border: 1px solid var(--lb-petrol-border);\n    border-radius: 14px;\n    background: var(--lb-petrol-soft);\n    color: #222222;\n    font-size: 15px;\n    line-height: 1.45;\n    text-align: center;\n  }\n\n  .lb-reading-warning {\n    margin: 12px 0 14px;\n    padding: 14px 15px;\n    border: 1px solid var(--lb-petrol-border);\n    border-left: 5px solid var(--lb-petrol);\n    border-radius: 14px;\n    background: #ffffff;\n    color: #222222;\n    font-size: 15px;\n    line-height: 1.5;\n  }\n\n  .lb-tip {\n    background: var(--lb-info-bg);\n    border: 1px solid var(--lb-info-border);\n  }\n\n  .lb-note {\n    background: var(--lb-note-bg);\n    border: 1px solid var(--lb-note-border);\n    color: var(--lb-muted);\n    font-size: 14px;\n  }\n\n  .lb-short-text {\n    font-size: 17px;\n    color: #333333;\n  }\n\n  .lb-reading-hint {\n    margin: 10px 0 0;\n    padding: 11px 13px;\n    border-radius: 12px;\n    background: var(--lb-petrol-soft);\n    color: #222222;\n    font-size: 15px;\n    line-height: 1.4;\n    font-weight: 700;\n  }\n\n  .lb-card-visual-wrap {\n    margin: 22px 0 18px;\n    padding: 20px;\n    border: 1px solid var(--lb-border);\n    border-radius: 16px;\n    background: #ffffff;\n    text-align: center;\n    overflow: hidden;\n  }\n\n  .lb-card-help-text {\n    margin-bottom: 12px;\n    font-size: 15px;\n    font-weight: 800;\n    color: var(--lb-petrol);\n    text-align: center;\n  }\n\n  .lb-card-visual {\n    appearance: none;\n    -webkit-appearance: none;\n    position: relative;\n    display: block;\n    width: calc(85.6mm * var(--scale));\n    max-width: 100%;\n    aspect-ratio: 85.6 \/ 53.98;\n    margin: 0 auto;\n    padding: 0;\n    border: 3px solid var(--lb-petrol);\n    border-radius: 12px;\n    background:\n      linear-gradient(135deg, rgba(0, 108, 111, 0.07), rgba(0, 108, 111, 0.02));\n    box-shadow: 0 0 0 6px rgba(0, 108, 111, 0.10);\n    overflow: hidden;\n    cursor: pointer;\n    touch-action: manipulation;\n  }\n\n  .lb-card-visual::before {\n    content: \"\";\n    position: absolute;\n    inset: 10px;\n    border: 1px dashed #9cbcbc;\n    border-radius: 8px;\n    pointer-events: none;\n  }\n\n  .lb-card-visual::after {\n    content: \"?\";\n    position: absolute;\n    right: 8px;\n    top: 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 26px;\n    height: 26px;\n    border-radius: 50%;\n    background: var(--lb-yellow);\n    color: #222222;\n    font-size: 16px;\n    font-weight: 900;\n    line-height: 1;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);\n  }\n\n  .lb-card-visual:hover,\n  .lb-card-visual:focus {\n    outline: none;\n    box-shadow: 0 0 0 6px rgba(0, 108, 111, 0.10), 0 0 0 10px rgba(252, 186, 18, 0.22);\n  }\n\n  .lb-card-chip {\n    position: absolute;\n    left: 11%;\n    top: 28%;\n    width: 17%;\n    height: 22%;\n    border: 1.5px solid var(--lb-petrol);\n    border-radius: 4px;\n    background:\n      linear-gradient(90deg, transparent 32%, var(--lb-petrol) 33%, transparent 35%, transparent 65%, var(--lb-petrol) 66%, transparent 68%),\n      linear-gradient(0deg, transparent 45%, var(--lb-petrol) 46%, transparent 49%);\n    opacity: 0.75;\n  }\n\n  .lb-card-lines {\n    position: absolute;\n    left: 11%;\n    bottom: 22%;\n    width: 58%;\n  }\n\n  .lb-card-lines span {\n    display: block;\n    height: 2px;\n    margin-top: 8px;\n    background: var(--lb-petrol);\n    opacity: 0.55;\n    border-radius: 999px;\n  }\n\n  .lb-card-lines span:nth-child(1) {\n    width: 70%;\n  }\n\n  .lb-card-lines span:nth-child(2) {\n    width: 92%;\n  }\n\n  .lb-card-lines span:nth-child(3) {\n    width: 52%;\n  }\n\n  .lb-card-size-label {\n    position: absolute;\n    right: 10px;\n    bottom: 8px;\n    font-size: 12px;\n    color: var(--lb-muted);\n    background: rgba(255, 255, 255, 0.86);\n    padding: 3px 6px;\n    border-radius: 999px;\n  }\n\n  .lb-card-no-click-hint {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    margin: 14px auto 0;\n    padding: 8px 12px;\n    border-radius: 999px;\n    background: var(--lb-petrol-soft);\n    color: var(--lb-petrol);\n    font-size: 14px;\n    font-weight: 700;\n    line-height: 1.25;\n  }\n\n  .lb-scale-controls {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 10px;\n    max-width: 560px;\n    margin: 14px auto 0;\n  }\n\n  .lb-scale-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    min-height: 50px;\n    padding: 12px 10px;\n    border: 2px solid var(--lb-petrol);\n    border-radius: 999px;\n    background: #ffffff;\n    color: #222222;\n    font: inherit;\n    font-size: 15px;\n    font-weight: 800;\n    line-height: 1.15;\n    cursor: pointer;\n    touch-action: manipulation;\n  }\n\n  .lb-scale-button span {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 27px;\n    height: 27px;\n    border-radius: 50%;\n    background: var(--lb-petrol);\n    color: #ffffff;\n    font-size: 23px;\n    font-weight: 800;\n    line-height: 1;\n  }\n\n  .lb-scale-button:hover,\n  .lb-scale-button:focus {\n    background: var(--lb-petrol-soft);\n    border-color: var(--lb-petrol);\n  }\n\n  .lb-reset-button {\n    display: block;\n    margin: 12px auto 0;\n    padding: 10px 14px;\n    border: 1px solid var(--lb-border);\n    border-radius: 999px;\n    background: #ffffff;\n    color: var(--lb-text);\n    font: inherit;\n    font-size: 14px;\n    cursor: pointer;\n  }\n\n  .lb-reset-button:hover,\n  .lb-reset-button:focus {\n    background: var(--lb-soft);\n  }\n\n  .lb-next-button {\n    margin: 10px auto 0;\n  }\n\n  .lb-card-popup[hidden] {\n    display: none;\n  }\n\n  .lb-card-popup {\n    position: fixed;\n    inset: 0;\n    z-index: 99999;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 18px;\n  }\n\n  .lb-card-popup-backdrop {\n    position: absolute;\n    inset: 0;\n    background: rgba(0, 0, 0, 0.46);\n  }\n\n  .lb-card-popup-card {\n    position: relative;\n    z-index: 1;\n    width: 100%;\n    max-width: 420px;\n    padding: 24px 20px 20px;\n    border-radius: 18px;\n    background: #ffffff;\n    color: #222222;\n    box-shadow: 0 16px 46px rgba(0, 0, 0, 0.24);\n  }\n\n  .lb-card-popup-card h4 {\n    margin: 0 42px 10px 0;\n    color: #111111;\n    font-size: 24px;\n    line-height: 1.2;\n  }\n\n  .lb-card-popup-card p {\n    margin: 0 0 12px;\n    font-size: 15px;\n    line-height: 1.45;\n  }\n\n  .lb-card-popup-close {\n    position: absolute;\n    top: 10px;\n    right: 10px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 34px;\n    height: 34px;\n    border: 1px solid #dddddd;\n    border-radius: 50%;\n    background: #ffffff;\n    color: #222222;\n    font: inherit;\n    font-size: 26px;\n    font-weight: 400;\n    line-height: 1;\n    cursor: pointer;\n  }\n\n  .lb-card-popup-close:hover,\n  .lb-card-popup-close:focus {\n    background: var(--lb-soft);\n    outline: none;\n  }\n\n  .lb-card-popup-button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    min-height: 48px;\n    margin-top: 12px;\n    padding: 12px 16px;\n    border: 1px solid var(--lb-yellow);\n    border-radius: 999px;\n    background: var(--lb-yellow);\n    color: #222222;\n    font: inherit;\n    font-size: 15px;\n    font-weight: 800;\n    line-height: 1.2;\n    cursor: pointer;\n  }\n\n  .lb-card-popup-button:hover,\n  .lb-card-popup-button:focus {\n    background: var(--lb-yellow-dark);\n    border-color: var(--lb-yellow-dark);\n    outline: none;\n  }\n\n  .lb-reading-test {\n    margin-top: 18px;\n    border-top: 1px solid var(--lb-border);\n  }\n\n  .lb-test-row {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) 220px;\n    gap: 20px;\n    align-items: center;\n    padding: 18px 0;\n    border-bottom: 1px solid var(--lb-border);\n  }\n\n  .lb-test-text {\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: calc(var(--size) * var(--scale));\n    line-height: 1.25;\n    letter-spacing: 0;\n    color: #111111;\n  }\n\n  .lb-result {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 7px;\n    align-items: start;\n    text-align: left;\n  }\n\n  .lb-result-hint {\n    display: block;\n    margin: 0;\n    font-size: 13px;\n    line-height: 1.35;\n    font-weight: 500;\n    color: #777777;\n  }\n\n  .lb-strength-button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    min-height: 46px;\n    padding: 11px 14px;\n    border: 1px solid #222222;\n    border-radius: 999px;\n    background: #ffffff;\n    color: #222222;\n    font: inherit;\n    font-size: 14px;\n    font-weight: 700;\n    line-height: 1.2;\n    text-align: center;\n    cursor: pointer;\n  }\n\n  .lb-strength-button:hover,\n  .lb-strength-button:focus,\n  .lb-strength-button.is-selected {\n    background: var(--lb-yellow);\n    border-color: var(--lb-yellow);\n    color: #222222;\n  }\n\n  .lb-selected-result {\n    position: relative;\n    margin-top: 28px;\n    padding: 24px 24px 22px;\n    border: 1px solid var(--lb-petrol-border);\n    border-radius: 16px;\n    background: #fffdf7;\n    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.06);\n    scroll-margin-top: 100px;\n  }\n\n  .lb-success-line {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 12px;\n    color: var(--lb-petrol);\n    font-size: 15px;\n    font-weight: 800;\n    line-height: 1.3;\n  }\n\n  .lb-success-line span {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 23px;\n    height: 23px;\n    border-radius: 50%;\n    background: var(--lb-petrol);\n    color: #ffffff;\n    font-size: 14px;\n    font-weight: 800;\n    line-height: 1;\n  }\n\n  .lb-selected-result h4 {\n    margin: 0 0 10px;\n    font-size: 24px;\n    line-height: 1.25;\n    color: #222222;\n  }\n\n  .lb-selected-result p {\n    margin-bottom: 14px;\n  }\n\n  .lb-shop-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 52px;\n    margin-top: 8px;\n    padding: 14px 22px;\n    border-radius: 999px;\n    background: var(--lb-yellow);\n    color: #222222;\n    text-align: center;\n    text-decoration: none;\n    font-weight: 800;\n    line-height: 1.2;\n  }\n\n  .lb-shop-button:hover,\n  .lb-shop-button:focus {\n    background: var(--lb-yellow-dark);\n    color: #222222;\n  }\n\n  .lb-shop-button.is-loading {\n    opacity: 0.75;\n    pointer-events: none;\n    cursor: wait;\n  }\n\n  .lb-shop-button.is-loading::after {\n    content: \"\";\n    width: 14px;\n    height: 14px;\n    margin-left: 8px;\n    border: 2px solid rgba(34, 34, 34, 0.35);\n    border-top-color: #222222;\n    border-radius: 50%;\n    animation: lbButtonSpin 0.7s linear infinite;\n  }\n\n  @keyframes lbButtonSpin {\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  .lb-filter-note {\n    margin-top: 8px;\n    font-size: 13px;\n    line-height: 1.35;\n    color: #777777;\n  }\n\n  .lb-secondary-links {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px 16px;\n    margin-top: 14px;\n  }\n\n  .lb-secondary-links a {\n    color: #222222;\n    font-size: 14px;\n    font-weight: 600;\n    text-decoration: underline;\n    text-decoration-color: var(--lb-yellow);\n    text-decoration-thickness: 2px;\n    text-underline-offset: 3px;\n  }\n\n  .lb-small-note {\n    margin-top: 14px;\n    margin-bottom: 0;\n    padding-top: 12px;\n    border-top: 1px solid rgba(34, 34, 34, 0.14);\n    font-size: 13px;\n    color: #555555;\n  }\n\n  \/* Auf Smartphones ausblenden: Dort wird die M\u00fcnz-Version verwendet *\/\n  @media (max-width: 767px) {\n    .lb-vision-test {\n      display: none !important;\n      margin: 20px auto;\n      padding: 16px;\n      border-radius: 18px;\n    }\n\n    .lb-vision-test h2 {\n      font-size: clamp(25px, 7vw, 34px);\n    }\n\n    .lb-start-box {\n      padding: 15px;\n    }\n\n    .lb-start-button,\n    .lb-next-button {\n      font-size: 16px;\n      width: 100%;\n    }\n\n    .lb-box {\n      padding: 14px 15px;\n    }\n\n    .lb-card-visual-wrap {\n      padding: 16px 14px 18px;\n    }\n\n    .lb-card-size-label {\n      font-size: 11px;\n    }\n\n    .lb-scale-controls {\n      gap: 8px;\n    }\n\n    .lb-scale-button {\n      gap: 7px;\n      min-height: 48px;\n      padding: 11px 8px;\n      font-size: 14px;\n    }\n\n    .lb-scale-button span {\n      width: 26px;\n      height: 26px;\n      font-size: 22px;\n    }\n\n    .lb-test-row {\n      grid-template-columns: 1fr;\n      gap: 12px;\n      padding: 16px 0;\n    }\n\n    .lb-result {\n      text-align: left;\n      padding-top: 4px;\n    }\n\n    .lb-selected-result {\n      padding: 20px 16px 18px;\n    }\n\n    .lb-selected-result h4 {\n      font-size: 21px;\n    }\n\n    .lb-shop-button {\n      width: 100%;\n    }\n\n    .lb-secondary-links {\n      display: block;\n    }\n\n    .lb-secondary-links a {\n      display: block;\n      margin-top: 9px;\n    }\n\n    .lb-card-popup-card {\n      max-width: 360px;\n      padding: 20px 16px 16px;\n    }\n\n    .lb-card-popup-card h4 {\n      font-size: 20px;\n    }\n  }\n<\/style>\n\n<script>\n  (function () {\n    const tests = document.querySelectorAll('.lb-vision-test');\n\n    tests.forEach(function (test, index) {\n      const scrollButtons = test.querySelectorAll('[data-scroll-target]');\n\n      scrollButtons.forEach(function (scrollButton) {\n        scrollButton.addEventListener('click', function () {\n          const targetSelector = scrollButton.getAttribute('data-scroll-target');\n          const target = targetSelector ? test.querySelector(targetSelector) : null;\n          const targetHeading = target ? target.querySelector('h3') : null;\n\n          if (target) {\n            target.scrollIntoView({\n              behavior: 'smooth',\n              block: 'start'\n            });\n\n            if (targetHeading) {\n              window.setTimeout(function () {\n                targetHeading.focus({ preventScroll: true });\n              }, 450);\n            }\n          }\n        });\n      });\n\n      const cardInfoButton = test.querySelector('.lb-card-click-info');\n      const cardPopup = test.querySelector('.lb-card-popup');\n      const cardPopupCloseButtons = test.querySelectorAll('[data-close-card-popup]');\n      const cardPopupClose = test.querySelector('.lb-card-popup-close');\n      let lastFocusedElement = null;\n\n      function openCardPopup() {\n        if (!cardPopup) return;\n\n        lastFocusedElement = document.activeElement;\n        cardPopup.hidden = false;\n        document.body.style.overflow = 'hidden';\n\n        if (cardPopupClose) {\n          window.setTimeout(function () {\n            cardPopupClose.focus();\n          }, 50);\n        }\n      }\n\n      function closeCardPopup() {\n        if (!cardPopup) return;\n\n        cardPopup.hidden = true;\n        document.body.style.overflow = '';\n\n        if (lastFocusedElement && typeof lastFocusedElement.focus === 'function') {\n          lastFocusedElement.focus();\n        }\n      }\n\n      if (cardInfoButton) {\n        cardInfoButton.addEventListener('click', function () {\n          openCardPopup();\n        });\n      }\n\n      cardPopupCloseButtons.forEach(function (button) {\n        button.addEventListener('click', function () {\n          closeCardPopup();\n        });\n      });\n\n      document.addEventListener('keydown', function (event) {\n        if (event.key === 'Escape' && cardPopup && !cardPopup.hidden) {\n          closeCardPopup();\n        }\n      });\n\n      const minusButton = test.querySelector('.lb-scale-minus');\n      const plusButton = test.querySelector('.lb-scale-plus');\n      const reset = test.querySelector('.lb-reset-button');\n      const storageKey = 'lesebrilleVisionTestScale_' + index;\n\n      const minScale = 0.6;\n      const maxScale = 1.8;\n      const step = 0.02;\n      let currentScale = 1;\n\n      function clampScale(value) {\n        return Math.min(maxScale, Math.max(minScale, value));\n      }\n\n      function formatScale(value) {\n        return Number(value).toFixed(2);\n      }\n\n      function setScale(value) {\n        currentScale = clampScale(Number(value));\n        test.style.setProperty('--scale', formatScale(currentScale));\n\n        try {\n          localStorage.setItem(storageKey, formatScale(currentScale));\n        } catch (e) {}\n      }\n\n      try {\n        const savedScale = localStorage.getItem(storageKey);\n        if (savedScale) {\n          setScale(savedScale);\n        } else {\n          setScale(1);\n        }\n      } catch (e) {\n        setScale(1);\n      }\n\n      if (minusButton) {\n        minusButton.addEventListener('click', function () {\n          setScale(currentScale - step);\n        });\n      }\n\n      if (plusButton) {\n        plusButton.addEventListener('click', function () {\n          setScale(currentScale + step);\n        });\n      }\n\n      if (reset) {\n        reset.addEventListener('click', function () {\n          setScale(1);\n        });\n      }\n\n      const buttons = test.querySelectorAll('.lb-strength-button');\n      const resultBox = test.querySelector('.lb-selected-result');\n      const selectedStrength = test.querySelector('.lb-selected-strength');\n      const selectedStrengthInline = test.querySelector('.lb-selected-strength-inline');\n      const shopButton = test.querySelector('.lb-shop-button');\n      const damenLink = test.querySelector('.lb-damen-link');\n      const herrenLink = test.querySelector('.lb-herren-link');\n\n      const strengthUrls = {\n        '+1,0': {\n          shop: '\/lesebrillen\/?dioptrien=1-00-dioptrien#produkte',\n          damen: '\/lesebrille-damen\/?dioptrien=1-00-dioptrien#produkte',\n          herren: '\/lesebrille-herren\/?dioptrien=1-00-dioptrien#produkte'\n        },\n        '+1,5': {\n          shop: '\/lesebrillen\/?dioptrien=1-50-dioptrien#produkte',\n          damen: '\/lesebrille-damen\/?dioptrien=1-50-dioptrien#produkte',\n          herren: '\/lesebrille-herren\/?dioptrien=1-50-dioptrien#produkte'\n        },\n        '+2,0': {\n          shop: '\/lesebrillen\/?dioptrien=2-00-dioptrien#produkte',\n          damen: '\/lesebrille-damen\/?dioptrien=2-00-dioptrien#produkte',\n          herren: '\/lesebrille-herren\/?dioptrien=2-00-dioptrien#produkte'\n        },\n        '+2,5': {\n          shop: '\/lesebrillen\/?dioptrien=2-50-dioptrien#produkte',\n          damen: '\/lesebrille-damen\/?dioptrien=2-50-dioptrien#produkte',\n          herren: '\/lesebrille-herren\/?dioptrien=2-50-dioptrien#produkte'\n        },\n        '+3,0': {\n          shop: '\/lesebrillen\/?dioptrien=3-00-dioptrien#produkte',\n          damen: '\/lesebrille-damen\/?dioptrien=3-00-dioptrien#produkte',\n          herren: '\/lesebrille-herren\/?dioptrien=3-00-dioptrien#produkte'\n        },\n        '+3,5': {\n          shop: '\/lesebrillen\/?dioptrien=3-50-dioptrien#produkte',\n          damen: '\/lesebrille-damen\/?dioptrien=3-50-dioptrien#produkte',\n          herren: '\/lesebrille-herren\/?dioptrien=3-50-dioptrien#produkte'\n        }\n      };\n\n      buttons.forEach(function (button) {\n        button.setAttribute('aria-pressed', 'false');\n\n        button.addEventListener('click', function () {\n          const strength = button.getAttribute('data-strength');\n          const urls = strengthUrls[strength];\n\n          if (!urls) return;\n\n          if (selectedStrength) {\n            selectedStrength.textContent = strength;\n          }\n\n          if (selectedStrengthInline) {\n            selectedStrengthInline.textContent = strength;\n          }\n\n          if (shopButton) {\n            shopButton.href = urls.shop;\n            shopButton.textContent = 'Passende Lesebrillen ansehen';\n          }\n\n          if (damenLink) {\n            damenLink.href = urls.damen;\n            damenLink.textContent = 'Damen-Lesebrillen in ' + strength;\n          }\n\n          if (herrenLink) {\n            herrenLink.href = urls.herren;\n            herrenLink.textContent = 'Herren-Lesebrillen in ' + strength;\n          }\n\n          buttons.forEach(function (btn) {\n            btn.classList.remove('is-selected');\n            btn.setAttribute('aria-pressed', 'false');\n          });\n\n          button.classList.add('is-selected');\n          button.setAttribute('aria-pressed', 'true');\n\n          if (resultBox) {\n            resultBox.hidden = false;\n            resultBox.scrollIntoView({\n              behavior: 'smooth',\n              block: 'start'\n            });\n          }\n        });\n      });\n\n      const ctaLinks = test.querySelectorAll('.lb-shop-button, .lb-damen-link, .lb-herren-link');\n\n      ctaLinks.forEach(function (link) {\n        link.addEventListener('click', function () {\n          const href = link.getAttribute('href');\n\n          if (!href || href === '#') {\n            return;\n          }\n\n          if (link.classList.contains('lb-shop-button')) {\n            link.classList.add('is-loading');\n            link.textContent = 'Produkte werden geladen...';\n          }\n        });\n      });\n    });\n  })();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-10acff5 sehtest2 elementor-widget elementor-widget-html\" data-id=\"10acff5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  #sehtest2 {\n    width: 100%;\n    margin: 0;\n    padding: 24px 14px 16px;\n    scroll-margin-top: 24px;\n    background: #ffffff;\n    color: #123f42;\n    font-family: \"Open Sans\", Arial, sans-serif;\n  }\n\n  #sehtest2 *,\n  #sehtest2 *::before,\n  #sehtest2 *::after {\n    box-sizing: border-box;\n  }\n\n  #sehtest2 .lb-calc {\n    width: 100%;\n    max-width: 1180px;\n    margin: 0 auto;\n  }\n\n  #sehtest2 .lb-calc__wrap {\n    padding: 20px 14px;\n    border: 1px solid #d8e7e7;\n    border-radius: 20px;\n    background: #ffffff;\n    box-shadow: 0 6px 22px rgba(18, 63, 66, 0.06);\n  }\n\n  #sehtest2 h2,\n  #sehtest2 h3,\n  #sehtest2 p {\n    margin-top: 0;\n  }\n\n  #sehtest2 .lb-calc__heading {\n    margin: 0 0 10px !important;\n    color: #123f42;\n    font-size: 28px;\n    font-weight: 500;\n    line-height: 1.18;\n    letter-spacing: -0.02em;\n  }\n\n  #sehtest2 .lb-calc__intro {\n    max-width: 760px;\n    margin: 0 0 22px;\n    color: #315f62;\n    font-size: 15px;\n    line-height: 1.55;\n  }\n\n  #sehtest2 .lb-calc__tabs {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 8px;\n    margin: 0 0 18px;\n  }\n\n  #sehtest2 .lb-calc__tab {\n    display: flex;\n    width: 100%;\n    min-height: 48px;\n    appearance: none;\n    align-items: center;\n    justify-content: center;\n    padding: 11px 14px;\n    border: 1px solid #bfd6d7;\n    border-radius: 12px;\n    background: #f4f8f8;\n    color: #123f42;\n    cursor: pointer;\n    font: inherit;\n    font-size: 14px;\n    font-weight: 700;\n    line-height: 1.3;\n    text-align: center;\n    transition:\n      background-color 0.2s ease,\n      border-color 0.2s ease,\n      color 0.2s ease;\n  }\n\n  #sehtest2 .lb-calc__tab:hover {\n    border-color: #08666a;\n    background: #eaf4f4;\n  }\n\n  #sehtest2 .lb-calc__tab[aria-selected=\"true\"] {\n    border-color: #08666a;\n    background: #08666a;\n    color: #ffffff;\n  }\n\n  #sehtest2 .lb-calc__tab:focus-visible,\n  #sehtest2 .lb-calc__button:focus-visible,\n  #sehtest2 .lb-calc__shop-link:focus-visible,\n  #sehtest2 select:focus-visible {\n    outline: 3px solid rgba(8, 102, 106, 0.24);\n    outline-offset: 3px;\n  }\n\n  #sehtest2 .lb-calc__panel {\n    padding: 20px 14px;\n    border: 1px solid #dfeaea;\n    border-radius: 16px;\n    background: #f8fbfb;\n  }\n\n  #sehtest2 .lb-calc__panel[hidden] {\n    display: none;\n  }\n\n  #sehtest2 .lb-calc__panel-title {\n    margin: 0 0 8px !important;\n    color: #123f42;\n    font-size: 22px;\n    font-weight: 700;\n    line-height: 1.25;\n  }\n\n  #sehtest2 .lb-calc__panel-text {\n    max-width: 760px;\n    margin: 0 0 20px;\n    color: #315f62;\n    font-size: 15px;\n    line-height: 1.55;\n  }\n\n  #sehtest2 .lb-calc__test-note {\n    display: flex;\n    align-items: flex-start;\n    gap: 9px;\n    margin: -6px 0 20px;\n    padding: 11px 12px;\n    border-left: 3px solid #d89079;\n    border-radius: 0 10px 10px 0;\n    background: #fff7f3;\n    color: #5c443c;\n    font-size: 13px;\n    line-height: 1.5;\n  }\n\n  #sehtest2 .lb-calc__test-note-icon {\n    display: inline-flex;\n    width: 19px;\n    height: 19px;\n    flex: 0 0 19px;\n    align-items: center;\n    justify-content: center;\n    margin-top: 1px;\n    border-radius: 50%;\n    background: #d89079;\n    color: #ffffff;\n    font-size: 12px;\n    font-weight: 700;\n  }\n\n  #sehtest2 .lb-calc__grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 16px;\n    margin: 0 0 20px;\n  }\n\n  #sehtest2 .lb-calc__field {\n    min-width: 0;\n  }\n\n  #sehtest2 .lb-calc__field label {\n    display: block;\n    margin: 0 0 7px;\n    color: #123f42;\n    font-size: 14px;\n    font-weight: 700;\n    line-height: 1.4;\n  }\n\n  #sehtest2 .lb-calc__field select {\n    width: 100%;\n    min-height: 48px;\n    appearance: none;\n    padding: 11px 40px 11px 13px;\n    border: 1px solid #b9cecf;\n    border-radius: 10px;\n    background-color: #ffffff;\n    background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='18' height='18' viewBox='0 0 20 20'%3E%3Cpath fill='%23123f42' d='M5 7l5 5 5-5z'\/%3E%3C\/svg%3E\");\n    background-position: right 12px center;\n    background-repeat: no-repeat;\n    color: #123f42;\n    font: inherit;\n    font-size: 16px;\n    line-height: 1.4;\n  }\n\n  #sehtest2 .lb-calc__button {\n    display: inline-flex;\n    width: 100%;\n    min-height: 48px;\n    appearance: none;\n    align-items: center;\n    justify-content: center;\n    padding: 12px 18px;\n    border: 1px solid #08666a;\n    border-radius: 11px;\n    background: #08666a;\n    color: #ffffff;\n    cursor: pointer;\n    font: inherit;\n    font-size: 15px;\n    font-weight: 700;\n    line-height: 1.3;\n    text-align: center;\n    transition:\n      background-color 0.2s ease,\n      transform 0.2s ease;\n  }\n\n  #sehtest2 .lb-calc__button:hover {\n    background: #064f52;\n  }\n\n  #sehtest2 .lb-calc__button:active {\n    transform: translateY(1px);\n  }\n\n  #sehtest2 .lb-calc__result {\n    display: none;\n    margin: 20px 0 0;\n    padding: 18px 14px;\n    border: 1px solid #c9dfdf;\n    border-radius: 14px;\n    background: #edf7f7;\n  }\n\n  #sehtest2 .lb-calc__result.is-visible {\n    display: block;\n  }\n\n  #sehtest2 .lb-calc__result-kicker {\n    margin: 0 0 5px;\n    color: #315f62;\n    font-size: 13px;\n    font-weight: 700;\n    letter-spacing: 0.03em;\n    line-height: 1.3;\n    text-transform: uppercase;\n  }\n\n  #sehtest2 .lb-calc__result-main {\n    margin: 0 0 9px;\n    color: #123f42;\n    font-size: 30px;\n    font-weight: 700;\n    line-height: 1.12;\n  }\n\n  #sehtest2 .lb-calc__result-text {\n    color: #294f52;\n    font-size: 15px;\n    line-height: 1.58;\n  }\n\n  #sehtest2 .lb-calc__result-text p {\n    margin: 0 0 10px;\n  }\n\n  #sehtest2 .lb-calc__small {\n    margin: 9px 0 0;\n    color: #496b6d;\n    font-size: 13px;\n    line-height: 1.5;\n  }\n\n  #sehtest2 .lb-calc__error {\n    margin: 0;\n    color: #9d1c2d;\n    font-size: 14px;\n    font-weight: 700;\n    line-height: 1.5;\n  }\n\n  #sehtest2 .lb-calc__shop-wrap {\n    margin: 16px 0 0;\n  }\n\n  #sehtest2 .lb-calc__shop-link {\n    display: inline-flex;\n    width: 100%;\n    min-height: 48px;\n    align-items: center;\n    justify-content: center;\n    padding: 12px 16px;\n    border: 1px solid #123f42;\n    border-radius: 11px;\n    background: #123f42;\n    color: #ffffff !important;\n    font-size: 14px;\n    font-weight: 700;\n    line-height: 1.3;\n    text-align: center;\n    text-decoration: none !important;\n    transition:\n      background-color 0.2s ease,\n      transform 0.2s ease;\n  }\n\n  #sehtest2 .lb-calc__shop-link:hover {\n    background: #0b5357;\n    color: #ffffff !important;\n    transform: translateY(-1px);\n  }\n\n  #sehtest2 .lb-calc__range-note {\n    margin: 14px 0 0;\n    padding: 11px 12px;\n    border-radius: 10px;\n    background: #ffffff;\n    color: #496b6d;\n    font-size: 13px;\n    line-height: 1.5;\n  }\n\n  #sehtest2 .lb-calc__notice {\n    margin: 20px 0 0;\n    padding: 15px 14px;\n    border: 1px solid #ead7a0;\n    border-radius: 14px;\n    background: #fff9e9;\n    color: #5d4a1f;\n    font-size: 13px;\n    line-height: 1.58;\n  }\n\n  #sehtest2 .lb-calc__notice strong {\n    color: #493913;\n  }\n\n  @media (min-width: 420px) {\n    #sehtest2 {\n      padding-right: 18px;\n      padding-left: 18px;\n    }\n  }\n\n  @media (min-width: 640px) {\n    #sehtest2 {\n      padding-right: 20px;\n      padding-left: 20px;\n    }\n  }\n\n  @media (min-width: 700px) {\n    #sehtest2 {\n      padding-top: 24px;\n    }\n\n    #sehtest2 .lb-calc__wrap {\n      padding: 28px;\n      border-radius: 22px;\n    }\n\n    #sehtest2 .lb-calc__heading {\n      font-size: 32px;\n    }\n\n    #sehtest2 .lb-calc__intro {\n      font-size: 16px;\n    }\n\n    #sehtest2 .lb-calc__tabs {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 10px;\n      margin-bottom: 22px;\n    }\n\n    #sehtest2 .lb-calc__tab {\n      padding-right: 18px;\n      padding-left: 18px;\n      font-size: 15px;\n    }\n\n    #sehtest2 .lb-calc__panel {\n      padding: 24px;\n    }\n\n    #sehtest2 .lb-calc__panel-title {\n      font-size: 26px;\n    }\n\n    #sehtest2 .lb-calc__grid {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 18px 20px;\n    }\n\n    #sehtest2 .lb-calc__button,\n    #sehtest2 .lb-calc__shop-link {\n      width: auto;\n    }\n\n    #sehtest2 .lb-calc__result {\n      padding: 20px;\n    }\n\n    #sehtest2 .lb-calc__result-main {\n      font-size: 34px;\n    }\n  }\n\n  @media (min-width: 1220px) {\n    #sehtest2 {\n      padding-right: 0;\n      padding-left: 0;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    #sehtest2 .lb-calc__tab,\n    #sehtest2 .lb-calc__button,\n    #sehtest2 .lb-calc__shop-link {\n      transition: none;\n    }\n  }\n<\/style>\n\n<section id=\"sehtest2\" aria-labelledby=\"lb-calc-title\">\n  <div class=\"lb-calc\">\n    <div class=\"lb-calc__wrap\">\n      <h2 class=\"lb-calc__heading\" id=\"lb-calc-title\">\n        Lesebrillen-St\u00e4rke nach Leseabstand berechnen\n      <\/h2>\n\n      <p class=\"lb-calc__intro\">\n        Berechnen Sie einen ungef\u00e4hren Orientierungswert f\u00fcr Ihre Lesebrille\n        oder f\u00fcr einen gr\u00f6\u00dferen Arbeitsabstand am Bildschirm.\n      <\/p>\n\n      <div class=\"lb-calc__tabs\" role=\"tablist\" aria-label=\"Berechnungsart ausw\u00e4hlen\">\n        <button class=\"lb-calc__tab\" id=\"lb-calc-tab-reading\" type=\"button\" role=\"tab\" aria-selected=\"true\" aria-controls=\"lb-calc-panel-reading\" tabindex=\"0\">\n          Lesebrillen-St\u00e4rke berechnen\n        <\/button>\n\n        <button class=\"lb-calc__tab\" id=\"lb-calc-tab-screen\" type=\"button\" role=\"tab\" aria-selected=\"false\" aria-controls=\"lb-calc-panel-screen\" tabindex=\"-1\">\n          Bildschirm-St\u00e4rke berechnen\n        <\/button>\n      <\/div>\n\n      <div class=\"lb-calc__panel\" id=\"lb-calc-panel-reading\" role=\"tabpanel\" aria-labelledby=\"lb-calc-tab-reading\">\n        <h3 class=\"lb-calc__panel-title\">\n          Lesebrillen-St\u00e4rke aus Ihrer aktuellen Sehdistanz\n        <\/h3>\n\n        <p class=\"lb-calc__panel-text\">\n          Geben Sie den kleinsten Abstand an, in dem Sie einen Text ohne\n          Lesebrille noch scharf lesen k\u00f6nnen. W\u00e4hlen Sie danach die Entfernung,\n          in der Sie k\u00fcnftig lesen m\u00f6chten.\n        <\/p>\n\n        <p class=\"lb-calc__test-note\">\n          <span class=\"lb-calc__test-note-icon\" aria-hidden=\"true\">i<\/span>\n          <span>\n            F\u00fchren Sie den Test ohne Lesebrille durch. Falls Sie normalerweise\n            eine Brille f\u00fcr die Ferne tragen, behalten Sie diese dabei auf.\n          <\/span>\n        <\/p>\n\n        <div class=\"lb-calc__grid\">\n          <div class=\"lb-calc__field\">\n            <label for=\"lb-calc-current-distance\">\n              Kleinster noch scharf lesbarer Abstand\n            <\/label>\n            <select id=\"lb-calc-current-distance\"><\/select>\n          <\/div>\n\n          <div class=\"lb-calc__field\">\n            <label for=\"lb-calc-target-distance\">\n              Gew\u00fcnschter Leseabstand\n            <\/label>\n            <select id=\"lb-calc-target-distance\"><\/select>\n          <\/div>\n        <\/div>\n\n        <button class=\"lb-calc__button\" id=\"lb-calc-reading-button\" type=\"button\">\n          Orientierungswert berechnen\n        <\/button>\n\n        <div class=\"lb-calc__result\" id=\"lb-calc-reading-result\" role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/div>\n      <\/div>\n\n      <div class=\"lb-calc__panel\" id=\"lb-calc-panel-screen\" role=\"tabpanel\" aria-labelledby=\"lb-calc-tab-screen\" hidden>\n        <h3 class=\"lb-calc__panel-title\">\n          Bildschirm-St\u00e4rke aus Ihrer Lesebrille\n        <\/h3>\n\n        <p class=\"lb-calc__panel-text\">\n          Wenn Sie die St\u00e4rke Ihrer Lesebrille kennen, k\u00f6nnen Sie daraus einen\n          ungef\u00e4hren Orientierungswert f\u00fcr einen gr\u00f6\u00dferen Abstand zum Monitor,\n          Laptop oder Kassendisplay berechnen.\n        <\/p>\n\n        <div class=\"lb-calc__grid\">\n          <div class=\"lb-calc__field\">\n            <label for=\"lb-calc-near-distance\">\n              Leseabstand mit Ihrer aktuellen Lesebrille\n            <\/label>\n            <select id=\"lb-calc-near-distance\"><\/select>\n          <\/div>\n\n          <div class=\"lb-calc__field\">\n            <label for=\"lb-calc-current-strength\">\n              St\u00e4rke Ihrer aktuellen Lesebrille\n            <\/label>\n            <select id=\"lb-calc-current-strength\"><\/select>\n          <\/div>\n\n          <div class=\"lb-calc__field\">\n            <label for=\"lb-calc-screen-distance\">\n              Tats\u00e4chlicher Abstand zum Bildschirm\n            <\/label>\n            <select id=\"lb-calc-screen-distance\"><\/select>\n          <\/div>\n        <\/div>\n\n        <button class=\"lb-calc__button\" id=\"lb-calc-screen-button\" type=\"button\">\n          Bildschirm-St\u00e4rke berechnen\n        <\/button>\n\n        <div class=\"lb-calc__result\" id=\"lb-calc-screen-result\" role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/div>\n      <\/div>\n\n      <div class=\"lb-calc__notice\">\n        <strong>Wichtiger Hinweis:<\/strong>\n        Der Rechner liefert nur einen ungef\u00e4hren Orientierungswert und ersetzt\n        keine individuelle Sehst\u00e4rkenbestimmung. Unterschiede zwischen den\n        Augen, eine vorhandene Fernkorrektur, Astigmatismus und das pers\u00f6nliche\n        Sehgef\u00fchl werden nicht ber\u00fccksichtigt.\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n  (function () {\n    \"use strict\";\n\n    var root = document.getElementById(\"sehtest2\");\n\n    if (!root || root.getAttribute(\"data-lb-ready\") === \"true\") {\n      return;\n    }\n\n    root.setAttribute(\"data-lb-ready\", \"true\");\n\n    function getById(id) {\n      return root.querySelector(\"#\" + id);\n    }\n\n    function roundToHalf(value) {\n      return Math.round(value * 2) \/ 2;\n    }\n\n    function formatDiopter(value) {\n      var safeValue = Math.max(0, value);\n      return \"+\" + safeValue.toFixed(2).replace(\".\", \",\") + \" dpt\";\n    }\n\n    function formatDiopterShort(value) {\n      var safeValue = Math.max(0, value);\n      return \"+\" + safeValue.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 fragment = document.createDocumentFragment();\n      var value;\n\n      for (value = start; value <= end; value += step) {\n        var option = document.createElement(\"option\");\n        option.value = String(value);\n        option.textContent = value + \" cm\";\n        option.selected = value === selectedValue;\n        fragment.appendChild(option);\n      }\n\n      select.innerHTML = \"\";\n      select.appendChild(fragment);\n    }\n\n    function buildStrengthOptions(select, start, end, step, selectedValue) {\n      var fragment = document.createDocumentFragment();\n      var value;\n\n      for (value = start; value <= end + 0.0001; value += step) {\n        var fixedValue = Math.round(value * 100) \/ 100;\n        var option = document.createElement(\"option\");\n        option.value = fixedValue.toFixed(2);\n        option.textContent =\n          \"+\" + fixedValue.toFixed(2).replace(\".\", \",\") + \" dpt\";\n        option.selected = Math.abs(fixedValue - selectedValue) < 0.001;\n        fragment.appendChild(option);\n      }\n\n      select.innerHTML = \"\";\n      select.appendChild(fragment);\n    }\n\n    function showResult(box, html, isError) {\n      box.innerHTML = html;\n      box.classList.add(\"is-visible\");\n\n      if (isError) {\n        box.setAttribute(\"role\", \"alert\");\n      } else {\n        box.setAttribute(\"role\", \"status\");\n      }\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 buildShopUrl(strength) {\n      var fixedStrength = strength.toFixed(2);\n      var slug = fixedStrength.replace(\".\", \"-\") + \"-dioptrien\";\n\n      return (\n        \"https:\/\/www.lesebrille.de\/lesebrillen\/?dioptrien=\" +\n        encodeURIComponent(slug)\n      );\n    }\n\n    function buildShopArea(strength) {\n      if (strength < 1) {\n        return (\n          '<p class=\"lb-calc__range-note\">' +\n          \"Der ermittelte Orientierungswert liegt unter der kleinsten \" +\n          \"Lesebrillen-St\u00e4rke in unserem Sortiment. Deshalb zeigen wir hier \" +\n          \"keinen Produktlink an.\" +\n          \"<\/p>\"\n        );\n      }\n\n      if (strength > 3.5) {\n        return (\n          '<p class=\"lb-calc__range-note\">' +\n          \"Der ermittelte Orientierungswert liegt \u00fcber der h\u00f6chsten \" +\n          \"Lesebrillen-St\u00e4rke in unserem Sortiment. Lassen Sie Ihre Sehst\u00e4rke \" +\n          \"vor dem Kauf bitte individuell pr\u00fcfen.\" +\n          \"<\/p>\"\n        );\n      }\n\n      return (\n        '<div class=\"lb-calc__shop-wrap\">' +\n        '<a class=\"lb-calc__shop-link\" href=\"' + buildShopUrl(strength) + '\">' +\n        \"Lesebrillen in \" +\n        formatDiopterShort(strength) +\n        \" anzeigen\" +\n        \"<\/a>\" +\n        \"<\/div>\"\n      );\n    }\n\n    function activateTab(nextTab, focusTab) {\n      var tabs = Array.prototype.slice.call(\n        root.querySelectorAll('[role=\"tab\"]')\n      );\n\n      tabs.forEach(function (tab) {\n        var isActive = tab === nextTab;\n        var panel = getById(tab.getAttribute(\"aria-controls\"));\n\n        tab.setAttribute(\"aria-selected\", isActive ? \"true\" : \"false\");\n        tab.setAttribute(\"tabindex\", isActive ? \"0\" : \"-1\");\n        panel.hidden = !isActive;\n      });\n\n      if (focusTab) {\n        nextTab.focus();\n      }\n    }\n\n    var tabs = Array.prototype.slice.call(\n      root.querySelectorAll('[role=\"tab\"]')\n    );\n\n    tabs.forEach(function (tab, index) {\n      tab.addEventListener(\"click\", function () {\n        activateTab(tab, false);\n      });\n\n      tab.addEventListener(\"keydown\", function (event) {\n        var nextIndex = index;\n\n        if (event.key === \"ArrowRight\" || event.key === \"ArrowDown\") {\n          nextIndex = (index + 1) % tabs.length;\n        } else if (event.key === \"ArrowLeft\" || event.key === \"ArrowUp\") {\n          nextIndex = (index - 1 + tabs.length) % tabs.length;\n        } else if (event.key === \"Home\") {\n          nextIndex = 0;\n        } else if (event.key === \"End\") {\n          nextIndex = tabs.length - 1;\n        } else {\n          return;\n        }\n\n        event.preventDefault();\n        activateTab(tabs[nextIndex], true);\n      });\n    });\n\n    var currentDistance = getById(\"lb-calc-current-distance\");\n    var targetDistance = getById(\"lb-calc-target-distance\");\n    var nearDistance = getById(\"lb-calc-near-distance\");\n    var currentStrength = getById(\"lb-calc-current-strength\");\n    var screenDistance = getById(\"lb-calc-screen-distance\");\n    var readingResult = getById(\"lb-calc-reading-result\");\n    var screenResult = getById(\"lb-calc-screen-result\");\n\n    buildDistanceOptions(currentDistance, 20, 200, 5, 100);\n    buildDistanceOptions(targetDistance, 30, 80, 5, 40);\n    buildDistanceOptions(nearDistance, 30, 80, 5, 40);\n    buildDistanceOptions(screenDistance, 45, 120, 5, 70);\n    buildStrengthOptions(currentStrength, 1, 3.5, 0.5, 2.5);\n\n    getById(\"lb-calc-reading-button\").addEventListener(\"click\", function () {\n      var currentCm = Number(currentDistance.value);\n      var targetCm = Number(targetDistance.value);\n\n      if (\n        !Number.isFinite(currentCm) ||\n        !Number.isFinite(targetCm) ||\n        currentCm <= 0 ||\n        targetCm <= 0\n      ) {\n        showResult(\n          readingResult,\n          '<p class=\"lb-calc__error\">Bitte w\u00e4hlen Sie g\u00fcltige Werte aus.<\/p>',\n          true\n        );\n        return;\n      }\n\n      var exact = calcReadingAddition(currentCm, targetCm);\n      var output = Math.max(0, roundToHalf(exact));\n\n      var html =\n        '<div class=\"lb-calc__result-kicker\">Ihr Orientierungswert<\/div>' +\n        '<div class=\"lb-calc__result-main\">' +\n        formatDiopter(output) +\n        \"<\/div>\" +\n        '<div class=\"lb-calc__result-text\">' +\n        \"<p>Wenn Sie einen Text ohne Lesebrille ab <strong>\" +\n        currentCm +\n        \" cm<\/strong> scharf lesen k\u00f6nnen und k\u00fcnftig in <strong>\" +\n        targetCm +\n        \" cm<\/strong> lesen m\u00f6chten, ergibt sich rechnerisch ein \" +\n        \"ungef\u00e4hrer Orientierungswert von <strong>\" +\n        formatDiopter(output) +\n        \"<\/strong>.<\/p>\" +\n        '<p class=\"lb-calc__small\">Exakter Rechenwert: ' +\n        formatNumber(exact) +\n        \" dpt. F\u00fcr die Produktauswahl wurde auf den n\u00e4chstgelegenen \" +\n        \"0,5-dpt-Schritt gerundet.<\/p>\" +\n        buildShopArea(output) +\n        \"<\/div>\";\n\n      showResult(readingResult, html, false);\n    });\n\n    getById(\"lb-calc-screen-button\").addEventListener(\"click\", function () {\n      var nearCm = Number(nearDistance.value);\n      var nearStrength = Number(currentStrength.value);\n      var screenCm = Number(screenDistance.value);\n\n      if (\n        !Number.isFinite(nearCm) ||\n        !Number.isFinite(nearStrength) ||\n        !Number.isFinite(screenCm) ||\n        nearCm <= 0 ||\n        nearStrength <= 0 ||\n        screenCm <= 0\n      ) {\n        showResult(\n          screenResult,\n          '<p class=\"lb-calc__error\">Bitte w\u00e4hlen Sie g\u00fcltige Werte aus.<\/p>',\n          true\n        );\n        return;\n      }\n\n      if (screenCm <= nearCm) {\n        showResult(\n          screenResult,\n          '<p class=\"lb-calc__error\">Der Bildschirmabstand muss gr\u00f6\u00dfer als ' +\n            \"der Leseabstand mit Ihrer aktuellen Lesebrille sein. Bitte \" +\n            \"pr\u00fcfen Sie Ihre Auswahl.<\/p>\",\n          true\n        );\n        return;\n      }\n\n      var exact = calcScreenStrength(nearStrength, nearCm, screenCm);\n      var output = Math.max(0, roundToHalf(exact));\n\n      var html =\n        '<div class=\"lb-calc__result-kicker\">Ihr Orientierungswert<\/div>' +\n        '<div class=\"lb-calc__result-main\">' +\n        formatDiopter(output) +\n        \"<\/div>\" +\n        '<div class=\"lb-calc__result-text\">' +\n        \"<p>Wenn Sie in <strong>\" +\n        nearCm +\n        \" cm<\/strong> mit <strong>\" +\n        formatDiopter(nearStrength) +\n        \"<\/strong> lesen und Ihr Bildschirm <strong>\" +\n        screenCm +\n        \" cm<\/strong> entfernt ist, ergibt sich rechnerisch ein ungef\u00e4hrer \" +\n        \"Orientierungswert von <strong>\" +\n        formatDiopter(output) +\n        \"<\/strong>.<\/p>\" +\n        '<p class=\"lb-calc__small\">Exakter Rechenwert: ' +\n        formatNumber(exact) +\n        \" dpt. F\u00fcr die Produktauswahl wurde auf den n\u00e4chstgelegenen \" +\n        \"0,5-dpt-Schritt gerundet.<\/p>\" +\n        '<p class=\"lb-calc__small\">F\u00fcr einen gr\u00f6\u00dferen Abstand wird in der ' +\n        \"Regel weniger Plusst\u00e4rke ben\u00f6tigt als f\u00fcr das Lesen in der N\u00e4he.<\/p>\" +\n        buildShopArea(output) +\n        \"<\/div>\";\n\n      showResult(screenResult, html, false);\n    });\n  })();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-32f272e elementor-widget elementor-widget-html\" data-id=\"32f272e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"sehtest3\" class=\"lb-sprungziel\" aria-hidden=\"true\"><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a668d10 elementor-widget elementor-widget-html\" data-id=\"a668d10\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.lb-age-section {\n    width: 100%;\n    margin: 0;\n    padding: 24px 14px 16px;\n    scroll-margin-top: 24px;\n    background: #ffffff;\n    color: #123f42;\n    font-family: \"Open Sans\", Arial, sans-serif;\n  }\n\n  .lb-age-section *,\n  .lb-age-section *::before,\n  .lb-age-section *::after {\n    box-sizing: border-box;\n  }\n\n  .lb-age-section .lb-age {\n    width: 100%;\n    max-width: 1180px;\n    margin: 0 auto;\n  }\n\n  .lb-age-section .lb-age__wrap {\n    width: 100%;\n    padding: 20px 14px;\n    overflow: hidden;\n    border: 1px solid #d8e7e7;\n    border-radius: 20px;\n    background: #ffffff;\n    box-shadow: 0 6px 22px rgba(18, 63, 66, 0.06);\n  }\n\n  .lb-age-section .lb-age__heading {\n    margin: 0 0 10px !important;\n    color: #123f42 !important;\n    font-family: \"Open Sans\", Arial, sans-serif !important;\n    font-size: 28px !important;\n    font-weight: 500 !important;\n    line-height: 1.18 !important;\n    letter-spacing: -0.02em;\n  }\n\n  .lb-age-section .lb-age__intro {\n    max-width: 760px;\n    margin: 0 0 22px !important;\n    color: #315f62 !important;\n    font-family: \"Open Sans\", Arial, sans-serif !important;\n    font-size: 15px !important;\n    font-weight: 400 !important;\n    line-height: 1.55 !important;\n  }\n\n  .lb-age-section .lb-age-table {\n    display: block;\n    width: 100% !important;\n    max-width: 100% !important;\n    margin: 0 !important;\n    border: 0 !important;\n    border-collapse: separate !important;\n    border-spacing: 0 12px !important;\n    background: transparent !important;\n    color: #252525 !important;\n    font-family: \"Open Sans\", Arial, sans-serif !important;\n    font-size: 15px !important;\n    line-height: 1.5 !important;\n  }\n\n  .lb-age-section .lb-age-table caption {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n  }\n\n  .lb-age-section .lb-age-table thead {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n  }\n\n  .lb-age-section .lb-age-table tbody,\n  .lb-age-section .lb-age-table tr,\n  .lb-age-section .lb-age-table td {\n    display: block;\n    width: 100% !important;\n  }\n\n  .lb-age-section .lb-age-table tbody {\n    border: 0 !important;\n  }\n\n  .lb-age-section .lb-age-table tr {\n    margin: 0 0 12px !important;\n    overflow: hidden;\n    border: 1px solid #dfeaea !important;\n    border-radius: 14px;\n    background: #ffffff !important;\n    box-shadow: none !important;\n  }\n\n  .lb-age-section .lb-age-table tr:last-child {\n    margin-bottom: 0 !important;\n  }\n\n  .lb-age-section .lb-age-table td {\n    display: grid;\n    grid-template-columns: 84px minmax(0, 1fr);\n    align-items: start;\n    gap: 10px;\n    margin: 0 !important;\n    padding: 11px 12px !important;\n    border: 0 !important;\n    border-bottom: 1px solid #e3eded !important;\n    background: #ffffff !important;\n    color: #333333 !important;\n    font-family: \"Open Sans\", Arial, sans-serif !important;\n    font-size: 14px !important;\n    font-weight: 400 !important;\n    line-height: 1.5 !important;\n    text-align: left !important;\n    vertical-align: top !important;\n    overflow-wrap: anywhere;\n  }\n\n  .lb-age-section .lb-age-table td:last-child {\n    border-bottom: 0 !important;\n  }\n\n  .lb-age-section .lb-age-table td::before {\n    color: #557678;\n    content: attr(data-label);\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.035em;\n    line-height: 1.45;\n    text-transform: uppercase;\n  }\n\n  .lb-age-section .lb-age-table td:nth-child(1),\n  .lb-age-section .lb-age-table td:nth-child(2) {\n    color: #123f42 !important;\n    font-weight: 700 !important;\n  }\n\n  .lb-age-section .lb-age-table td:nth-child(2) {\n    background: #f4f8f8 !important;\n  }\n\n  .lb-age-section .lb-age-strength {\n    display: inline-flex;\n    flex-wrap: wrap;\n    align-items: baseline;\n    gap: 2px 5px;\n  }\n\n  .lb-age-section .lb-age-strength a {\n    color: #08666a !important;\n    font-weight: 700 !important;\n    line-height: inherit;\n    text-decoration: underline !important;\n    text-decoration-color: rgba(8, 102, 106, 0.38) !important;\n    text-decoration-thickness: 1px !important;\n    text-underline-offset: 3px;\n    transition:\n      color 0.2s ease,\n      text-decoration-color 0.2s ease;\n  }\n\n  .lb-age-section .lb-age-strength a:hover {\n    color: #064f52 !important;\n    text-decoration-color: #064f52 !important;\n  }\n\n  .lb-age-section .lb-age-strength a:focus-visible {\n    border-radius: 3px;\n    outline: 3px solid rgba(8, 102, 106, 0.22);\n    outline-offset: 3px;\n  }\n\n  .lb-age-section .lb-age-note {\n    position: relative;\n    margin: 18px 0 0 !important;\n    padding: 14px 14px 14px 43px !important;\n    border: 1px solid #cfe1e1;\n    border-radius: 12px;\n    background: #f4f8f8;\n    color: #315f62 !important;\n    font-family: \"Open Sans\", Arial, sans-serif !important;\n    font-size: 13px !important;\n    font-weight: 400 !important;\n    line-height: 1.5 !important;\n  }\n\n  .lb-age-section .lb-age-note::before {\n    position: absolute;\n    top: 14px;\n    left: 14px;\n    display: flex;\n    width: 21px;\n    height: 21px;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    background: #123f42;\n    color: #ffffff;\n    content: \"i\";\n    font-family: Georgia, serif;\n    font-size: 13px;\n    font-weight: 700;\n    line-height: 1;\n  }\n\n  .lb-age-section .lb-age-note strong {\n    color: #123f42 !important;\n    font-weight: 700 !important;\n  }\n\n  @media (min-width: 480px) {\n    .lb-age-section .lb-age-table td {\n      grid-template-columns: 108px minmax(0, 1fr);\n      padding: 12px 14px !important;\n    }\n  }\n\n  @media (min-width: 420px) {\n    .lb-age-section {\n      padding-right: 18px;\n      padding-left: 18px;\n    }\n  }\n\n  @media (min-width: 640px) {\n    .lb-age-section {\n      padding-right: 20px;\n      padding-left: 20px;\n    }\n  }\n\n  @media (min-width: 768px) {\n    .lb-age-section .lb-age__wrap {\n      padding: 28px 24px;\n    }\n\n    .lb-age-section .lb-age__heading {\n      font-size: 32px !important;\n    }\n\n    .lb-age-section .lb-age-table {\n      display: table;\n      table-layout: fixed;\n      overflow: hidden;\n      border: 1px solid #dfeaea !important;\n      border-radius: 14px;\n      border-spacing: 0 !important;\n      background: #ffffff !important;\n      box-shadow: none;\n    }\n\n    .lb-age-section .lb-age-table thead {\n      position: static;\n      width: auto;\n      height: auto;\n      padding: 0;\n      margin: 0;\n      overflow: visible;\n      clip: auto;\n      white-space: normal;\n    }\n\n    .lb-age-section .lb-age-table thead {\n      display: table-header-group;\n    }\n\n    .lb-age-section .lb-age-table tbody {\n      display: table-row-group;\n      width: auto !important;\n    }\n\n    .lb-age-section .lb-age-table tr {\n      display: table-row;\n      width: auto !important;\n      margin: 0 !important;\n      overflow: visible;\n      border: 0 !important;\n      border-radius: 0;\n      background: transparent !important;\n    }\n\n    .lb-age-section .lb-age-table th,\n    .lb-age-section .lb-age-table td {\n      display: table-cell;\n      width: auto !important;\n      margin: 0 !important;\n      padding: 13px 14px !important;\n      border: 0 !important;\n      border-bottom: 1px solid #dfeaea !important;\n      background: transparent !important;\n      font-family: \"Open Sans\", Arial, sans-serif !important;\n      font-size: 14px !important;\n      line-height: 1.5 !important;\n      text-align: left !important;\n      vertical-align: top !important;\n      overflow-wrap: break-word;\n    }\n\n    .lb-age-section .lb-age-table thead th {\n      background: #edf6f6 !important;\n      color: #123f42 !important;\n      font-weight: 700 !important;\n      line-height: 1.35 !important;\n    }\n\n    .lb-age-section .lb-age-table th:nth-child(1),\n    .lb-age-section .lb-age-table td:nth-child(1) {\n      width: 19% !important;\n    }\n\n    .lb-age-section .lb-age-table th:nth-child(2),\n    .lb-age-section .lb-age-table td:nth-child(2) {\n      width: 27% !important;\n    }\n\n    .lb-age-section .lb-age-table th:nth-child(3),\n    .lb-age-section .lb-age-table td:nth-child(3) {\n      width: 54% !important;\n    }\n\n    .lb-age-section .lb-age-table td::before {\n      content: none;\n    }\n\n    .lb-age-section .lb-age-table tbody tr:nth-child(even) td {\n      background: #f8fbfb !important;\n    }\n\n    .lb-age-section .lb-age-table tbody tr:nth-child(odd) td {\n      background: #ffffff !important;\n    }\n\n    .lb-age-section .lb-age-table tbody tr:last-child td {\n      border-bottom: 0 !important;\n    }\n\n    .lb-age-section .lb-age-table td:nth-child(2) {\n      white-space: normal;\n    }\n\n    .lb-age-section .lb-age-note {\n      margin-top: 20px !important;\n      padding: 15px 16px 15px 46px !important;\n      font-size: 14px !important;\n    }\n\n    .lb-age-section .lb-age-note::before {\n      top: 15px;\n      left: 16px;\n    }\n  }\n\n  @media (min-width: 1024px) {\n    .lb-age-section .lb-age__wrap {\n      padding: 32px;\n    }\n\n    .lb-age-section .lb-age-table th,\n    .lb-age-section .lb-age-table td {\n      padding: 14px 16px !important;\n      font-size: 15px !important;\n    }\n  }\n\n  @media (min-width: 1220px) {\n    .lb-age-section {\n      padding-right: 0;\n      padding-left: 0;\n    }\n  }\n<\/style><section class=\"lb-age-section\" aria-labelledby=\"lb-age-title\"><div class=\"lb-age\"><div class=\"lb-age__wrap\"><h2 class=\"lb-age__heading\" id=\"lb-age-title\">Lesebrillen-St\u00e4rke nach Alter einsch\u00e4tzen\n      <\/h2><p class=\"lb-age__intro\">Das Alter kann einen ersten Anhaltspunkt geben. W\u00e4hlen Sie Ihre\n        Altersgruppe und nutzen Sie den genannten St\u00e4rkebereich als grobe\n        Orientierung.\n      <\/p><table class=\"lb-age-table\" aria-describedby=\"lb-age-note\"><caption>Ungef\u00e4hre Lesebrillen-St\u00e4rke nach Alter\n        <\/caption><thead><tr><th scope=\"col\">Alter<\/th><th scope=\"col\">M\u00f6gliche Lesebrillen-St\u00e4rke<\/th><th scope=\"col\">Einordnung<\/th><\/tr><\/thead><tbody><tr><td data-label=\"Alter\">40\u201345 Jahre<\/td><td data-label=\"St\u00e4rke\"><span class=\"lb-age-strength\"><span>ca.<\/span><a href=\"https:\/\/www.lesebrille.de\/en\/reading-glasses-with-1-0-diopters\/\">+1,0\n                <\/a><span>dpt<\/span><\/span><\/td><td data-label=\"Einordnung\">Willkommen im Club: Wenn kleine Schrift langsam anstrengender\n              wird, ist +1,0 dpt h\u00e4ufig der erste sinnvolle Richtwert.\n            <\/td><\/tr><tr><td data-label=\"Alter\">46\u201350 Jahre<\/td><td data-label=\"St\u00e4rke\"><span class=\"lb-age-strength\"><span>ca.<\/span><a href=\"https:\/\/www.lesebrille.de\/en\/reading-glasses-with-1-0-diopters\/\">+1,0\n                <\/a><span>bis<\/span><a href=\"https:\/\/www.lesebrille.de\/en\/reading-glasses-1-5-buy-reading-glasses-with-1-5-diopters-lesebrille-de\/\">+1,5\n                <\/a><span>dpt<\/span><\/span><\/td><td data-label=\"Einordnung\">Jetzt wird Lesen oft sp\u00fcrbar anstrengender: F\u00fcr Smartphone,\n              Etiketten oder Speisekarten ist +1,0 bis +1,5 dpt h\u00e4ufig eine gute\n              Orientierung.\n            <\/td><\/tr><tr><td data-label=\"Alter\">51\u201355 Jahre<\/td><td data-label=\"St\u00e4rke\"><span class=\"lb-age-strength\"><span>ca.<\/span><a href=\"https:\/\/www.lesebrille.de\/en\/reading-glasses-1-5-buy-reading-glasses-with-1-5-diopters-lesebrille-de\/\">+1,5\n                <\/a><span>bis<\/span><a href=\"https:\/\/www.lesebrille.de\/lesebrillen-mit-2-00-dioptrien\/\">+2,0\n                <\/a><span>dpt<\/span><\/span><\/td><td data-label=\"Einordnung\">Wenn B\u00fccher, Beipackzettel oder kleine Preise nicht mehr entspannt\n              lesbar sind, liegt die passende St\u00e4rke oft im Bereich von +1,5 bis\n              +2,0 dpt.\n            <\/td><\/tr><tr><td data-label=\"Alter\">56\u201360 Jahre<\/td><td data-label=\"St\u00e4rke\"><span class=\"lb-age-strength\"><span>ca.<\/span><a href=\"https:\/\/www.lesebrille.de\/lesebrillen-mit-2-00-dioptrien\/\">+2,0\n                <\/a><span>bis<\/span><a href=\"https:\/\/www.lesebrille.de\/lesebrillen-mit-2-50-dioptrien\/\">+2,5\n                <\/a><span>dpt<\/span><\/span><\/td><td data-label=\"Einordnung\">In diesem Alter darf die Lesebrille meist etwas mehr unterst\u00fctzen:\n              +2,0 bis +2,5 dpt ist h\u00e4ufig ein sinnvoller Richtwert f\u00fcr\n              entspanntes Lesen.\n            <\/td><\/tr><tr><td data-label=\"Alter\">ab 61 Jahren<\/td><td data-label=\"St\u00e4rke\"><span class=\"lb-age-strength\"><span>ca.<\/span><a href=\"https:\/\/www.lesebrille.de\/lesebrillen-mit-2-50-dioptrien\/\">+2,5\n                <\/a><span>\/<\/span><a href=\"https:\/\/www.lesebrille.de\/lesebrillen-mit-3-00-dioptrien\/\">+3,0\n                <\/a><span>\/<\/span><a href=\"https:\/\/www.lesebrille.de\/lesebrillen-mit-3-50-dioptrien\/\">+3,5\n                <\/a><span>dpt<\/span><\/span><\/td><td data-label=\"Einordnung\">Wenn kleine Schrift nur noch mit deutlichem Abstand oder viel\n              Licht lesbar ist, kann eine st\u00e4rkere Lesebrille zwischen +2,5 und\n              +3,5 dpt passend sein.\n            <\/td><\/tr><\/tbody><\/table><p class=\"lb-age-note\" id=\"lb-age-note\"><strong>Hinweis:<\/strong> Diese Tabelle dient nur zur ersten\n        Orientierung. Die passende Lesebrillen-St\u00e4rke h\u00e4ngt nicht nur vom Alter\n        ab, sondern auch vom gew\u00fcnschten Leseabstand, der bisherigen Sehst\u00e4rke\n        und davon, ob beide Augen \u00e4hnlich gut sehen. Bei Kopfschmerzen,\n        Schwindel, dauerhaft unscharfem Sehen oder unterschiedlich starken Augen\n        empfehlen wir eine Pr\u00fcfung beim Augenoptiker oder Augenarzt.\n      <\/p><\/div><\/div><\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cbcb4ea elementor-widget elementor-widget-html\" data-id=\"cbcb4ea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.lb-info-section,\n  .lb-info-section *,\n  .lb-info-section *::before,\n  .lb-info-section *::after {\n    box-sizing: border-box;\n  }\n\n  .lb-info-section {\n    width: 100%;\n    margin: 24px 0 0;\n    padding-inline: 14px;\n    color: #123f42;\n    font-family: \"Open Sans\", Arial, sans-serif;\n  }\n\n  .lb-info-section__inner {\n    width: 100%;\n    max-width: 1180px;\n    margin: 0 auto;\n  }\n\n  .lb-info-section h2 {\n    margin: 0 0 16px !important;\n    color: #123f42;\n    font-size: clamp(26px, 3vw, 34px);\n    line-height: 1.2;\n  }\n\n  .lb-info-section h3 {\n    margin: 0 0 10px !important;\n    color: #123f42;\n    font-size: 18px;\n    line-height: 1.3;\n  }\n\n  .lb-info-section p {\n    margin: 0 0 14px !important;\n    color: #3f4949;\n    line-height: 1.65;\n  }\n\n  .lb-info-section a:not(.lb-cta-button) {\n    color: #08666a;\n    font-weight: 700;\n    text-decoration: underline;\n    text-decoration-thickness: 1px;\n    text-underline-offset: 3px;\n  }\n\n  .lb-info-section a:not(.lb-cta-button):hover {\n    color: #064e51;\n  }\n\n  .lb-info-section a:focus-visible {\n    outline: 3px solid rgba(8, 102, 106, 0.24);\n    outline-offset: 3px;\n  }\n\n  .lb-info-card {\n    padding: 22px 18px;\n    border: 1px solid #c9dede;\n    border-radius: 18px;\n    background: #f3f8f8;\n  }\n\n  .lb-info-card p:last-child {\n    margin-bottom: 0 !important;\n  }\n\n  .lb-faq-section {\n    margin-top: 32px;\n  }\n\n  .lb-faq-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 14px;\n  }\n\n  .lb-faq-item {\n    padding: 20px 18px;\n    border: 1px solid #c9dede;\n    border-radius: 16px;\n    background: #ffffff;\n    box-shadow: 0 8px 24px rgba(18, 63, 66, 0.04);\n  }\n\n  .lb-faq-item p {\n    margin-bottom: 0 !important;\n  }\n\n  .lb-cta-box {\n    display: block;\n    margin-top: 32px;\n    padding: 24px 20px;\n    border-radius: 20px;\n    background: #08666a;\n    color: #ffffff;\n  }\n\n  .lb-cta-box h2,\n  .lb-cta-box p,\n  .lb-cta-box li {\n    color: #ffffff;\n  }\n\n  .lb-cta-box p {\n    max-width: 680px;\n  }\n\n  .lb-cta-box ul {\n    display: grid;\n    gap: 8px;\n    margin: 18px 0 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  .lb-cta-box li {\n    line-height: 1.5;\n  }\n\n  .lb-cta-box li::before {\n    content: \"\u2713\";\n    margin-right: 8px;\n    font-weight: 700;\n  }\n\n  .lb-cta-button {\n    display: inline-flex;\n    width: 100%;\n    min-height: 44px;\n    align-items: center;\n    justify-content: center;\n    margin-top: 22px;\n    padding: 12px 20px;\n    border: 1px solid #ffffff;\n    border-radius: 12px;\n    background: #ffffff;\n    color: #08666a !important;\n    font-weight: 700;\n    line-height: 1.3;\n    text-align: center;\n    text-decoration: none !important;\n  }\n\n  .lb-cta-button:hover {\n    background: #f3f8f8;\n    color: #064e51 !important;\n  }\n\n  @media (min-width: 420px) {\n    .lb-info-section {\n      padding-inline: 18px;\n    }\n  }\n\n  @media (min-width: 640px) {\n    .lb-info-section {\n      padding-inline: 20px;\n    }\n\n    .lb-info-card {\n      padding: 28px;\n    }\n\n    .lb-faq-section,\n    .lb-cta-box {\n      margin-top: 40px;\n    }\n\n    .lb-faq-grid {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 18px;\n    }\n\n    .lb-faq-item {\n      padding: 22px;\n    }\n\n    .lb-cta-box {\n      display: flex;\n      gap: 28px;\n      align-items: center;\n      justify-content: space-between;\n      padding: 30px;\n    }\n\n    .lb-cta-button {\n      width: auto;\n      flex: 0 0 auto;\n      margin-top: 0;\n      white-space: nowrap;\n    }\n  }\n\n  @media (min-width: 1220px) {\n    .lb-info-section {\n      padding-inline: 0;\n    }\n  }\n<\/style><section class=\"lb-info-section\" aria-label=\"Informationen zu Lesest\u00e4rke und Dioptrien\"><div class=\"lb-info-section__inner\"><div class=\"lb-info-card\"><h2>Was sind Dioptrien?<\/h2><p>Der <strong>Dioptrienwert<\/strong> \u2013 abgek\u00fcrzt <strong>dpt<\/strong> \u2013\n        beschreibt die St\u00e4rke eines Brillenglases. Er gibt an, wie stark das\n        Glas das Licht brechen muss, damit Sie in der gew\u00fcnschten Entfernung\n        wieder klar sehen k\u00f6nnen.\n      <\/p><p>Bei Lesebrillen handelt es sich um <strong>Pluswerte<\/strong>, zum\n        Beispiel +1,0, +1,5 oder +2,0 dpt. Diese Werte unterst\u00fctzen das Sehen im\n        Nahbereich, etwa beim Lesen von B\u00fcchern, Etiketten, Speisekarten oder\n        auf dem Smartphone. Je h\u00f6her der Dioptrienwert, desto st\u00e4rker ist die\n        Unterst\u00fctzung beim Lesen.\n      <\/p><p>Fertige Lesebrillen sind in der Regel in\n        <strong>0,5-Dioptrien-Schritten<\/strong> erh\u00e4ltlich. Bei Lesebrille.de\n        finden Sie Lesebrillen in den g\u00e4ngigen St\u00e4rken von\n        <strong>+1,0 bis +3,5 dpt<\/strong>.\n      <\/p><\/div><div class=\"lb-faq-section\"><h2>H\u00e4ufige Fragen zu Lesebrille &amp; Dioptrien<\/h2><div class=\"lb-faq-grid\"><article class=\"lb-faq-item\"><h3>Wie viel Dioptrien brauche ich bei einer Lesebrille?<\/h3><p>Viele Menschen starten mit einer Lesebrille im Bereich von\n            <strong>+1,0 bis +1,5 dpt<\/strong>. Welche St\u00e4rke zu Ihnen passt,\n            h\u00e4ngt jedoch unter anderem von Ihrem Leseabstand ab. Nutzen Sie f\u00fcr\n            eine erste Einsch\u00e4tzung unseren\n            <a href=\"#sehtest1\">kostenlosen Lesest\u00e4rken-Check<\/a>.\n          <\/p><\/article><article class=\"lb-faq-item\"><h3>Wie kann ich meine Lesebrillen-St\u00e4rke online ermitteln?<\/h3><p>Sie k\u00f6nnen Ihre Lesest\u00e4rke mit unserem\n            <a href=\"#sehtest1\">Online-Sehtest<\/a>, \u00fcber den\n            <a href=\"#sehtest2\">Leseabstand<\/a> oder anhand Ihres\n            <a href=\"#sehtest3\">Alters<\/a> einsch\u00e4tzen. Alle drei Methoden\n            liefern einen Richtwert und ersetzen keine exakte\n            Sehst\u00e4rkenbestimmung.\n          <\/p><\/article><article class=\"lb-faq-item\"><h3>Wie funktioniert ein Online-Sehtest f\u00fcr eine Lesebrille?<\/h3><p>Zuerst wird die Darstellung auf dem Bildschirm mit einer\n            1-Euro-M\u00fcnze oder einer Karte im Scheckkartenformat kalibriert.\n            Anschlie\u00dfend lesen Sie ohne Lesebrille aus dem angegebenen Abstand\n            verschiedene Schriftgr\u00f6\u00dfen. So erhalten Sie in wenigen Minuten\n            einen ersten Richtwert f\u00fcr Ihre Lesebrillen-St\u00e4rke.\n          <\/p><\/article><article class=\"lb-faq-item\"><h3>Ab wann braucht man eine Lesebrille?<\/h3><p>H\u00e4ufig macht sich die Alterssichtigkeit ab etwa\n            <strong>40 bis 45 Jahren<\/strong> bemerkbar. Kleine Schrift wird\n            unscharf, das Lesen strengt schneller an oder man h\u00e4lt Texte\n            automatisch weiter weg. Mehr dazu erfahren Sie im Ratgeber\n            <a href=\"https:\/\/www.lesebrille.de\/en\/when-do-i-need-reading-glasses\/\">\u201eAb wann brauche ich eine Lesebrille?\u201c<\/a>.\n          <\/p><\/article><article class=\"lb-faq-item\"><h3>Was passiert, wenn ich die falsche St\u00e4rke trage?<\/h3><p>Eine zu starke oder zu schwache Lesebrille kann dazu f\u00fchren, dass\n            das Lesen unangenehm wird. M\u00f6gliche Anzeichen sind m\u00fcde Augen,\n            Kopfschmerzen oder verschwommenes Sehen.\n          <\/p><\/article><article class=\"lb-faq-item\"><h3>Unterscheiden sich die Dioptrien f\u00fcr linkes und rechtes Auge?<\/h3><p>Bei Fertig-Lesebrillen haben beide Gl\u00e4ser dieselbe St\u00e4rke. Wenn\n            Ihre Augen deutlich unterschiedliche St\u00e4rken haben, ist eine\n            individuelle Beratung beim Augenoptiker sinnvoll.\n          <\/p><\/article><\/div><\/div><div class=\"lb-cta-box\"><div><h2>Ihre Lesebrille bei Lesebrille.de<\/h2><p>Sie wissen bereits, welche St\u00e4rke Sie ben\u00f6tigen? Dann entdecken Sie\n          eine gro\u00dfe Auswahl an Lesebrillen \u2013 von klassisch bis modern, f\u00fcr\n          Damen und Herren.\n        <\/p><ul><li>Kostenloser Versand ab 29 \u20ac<\/li><li>Versand Mo\u2013Fr am selben Tag bei Bestellung und Bezahlung bis 16 Uhr\n          <\/li><li>Gro\u00dfe Auswahl in vielen Formen und Farben<\/li><li>Einfache R\u00fcckgabe<\/li><\/ul><\/div><a class=\"lb-cta-button\" href=\"https:\/\/www.lesebrille.de\/en\/reading-glasses-en\/\">Jetzt Lesebrille finden<\/a><\/div><\/div><\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3f63325 elementor-widget elementor-widget-html\" data-id=\"3f63325\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script type=\"application\/ld+json\">{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"@id\": \"https:\/\/www.lesebrille.de\/lesebrille-dioptrien-berechnen\/#faq\",\n  \"url\": \"https:\/\/www.lesebrille.de\/lesebrille-dioptrien-berechnen\/\",\n  \"name\": \"H\u00e4ufige Fragen zu Lesebrille und Dioptrien\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Wie viel Dioptrien brauche ich bei einer Lesebrille?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Viele Menschen starten mit einer Lesebrille im Bereich von +1,0 bis +1,5 dpt. Welche St\u00e4rke zu Ihnen passt, h\u00e4ngt jedoch unter anderem von Ihrem Leseabstand ab. Nutzen Sie f\u00fcr eine erste Einsch\u00e4tzung unseren kostenlosen Lesest\u00e4rken-Check.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Wie kann ich meine Lesebrillen-St\u00e4rke online ermitteln?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Sie k\u00f6nnen Ihre Lesest\u00e4rke mit unserem Online-Sehtest, \u00fcber den Leseabstand oder anhand Ihres Alters einsch\u00e4tzen. Alle drei Methoden liefern einen Richtwert und ersetzen keine exakte Sehst\u00e4rkenbestimmung.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Wie funktioniert ein Online-Sehtest f\u00fcr eine Lesebrille?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Zuerst wird die Darstellung auf dem Bildschirm mit einer 1-Euro-M\u00fcnze oder einer Karte im Scheckkartenformat kalibriert. Anschlie\u00dfend lesen Sie ohne Lesebrille aus dem angegebenen Abstand verschiedene Schriftgr\u00f6\u00dfen. So erhalten Sie in wenigen Minuten einen ersten Richtwert f\u00fcr Ihre Lesebrillen-St\u00e4rke.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Ab wann braucht man eine Lesebrille?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"H\u00e4ufig macht sich die Alterssichtigkeit ab etwa 40 bis 45 Jahren bemerkbar. Kleine Schrift wird unscharf, das Lesen strengt schneller an oder man h\u00e4lt Texte automatisch weiter weg. Mehr dazu erfahren Sie im Ratgeber \u201eAb wann brauche ich eine Lesebrille?\u201c.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Was passiert, wenn ich die falsche St\u00e4rke trage?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Eine zu starke oder zu schwache Lesebrille kann dazu f\u00fchren, dass das Lesen unangenehm wird. M\u00f6gliche Anzeichen sind m\u00fcde Augen, Kopfschmerzen oder verschwommenes Sehen.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Unterscheiden sich die Dioptrien f\u00fcr linkes und rechtes Auge?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Bei Fertig-Lesebrillen haben beide Gl\u00e4ser dieselbe St\u00e4rke. Wenn Ihre Augen deutlich unterschiedliche St\u00e4rken haben, ist eine individuelle Beratung beim Augenoptiker sinnvoll.\"\n      }\n    }\n  ]\n}\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Find out your power in diopters for free online\u2014using an eye test, reading distance, or your age. Determine your power now and find the right reading glasses. <\/p>\n","protected":false},"author":26,"featured_media":235991,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-209937","page","type-page","status-publish","has-post-thumbnail","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":7}},"acf":[],"_links":{"self":[{"href":"https:\/\/www.lesebrille.de\/en\/wp-json\/wp\/v2\/pages\/209937","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=209937"}],"version-history":[{"count":5,"href":"https:\/\/www.lesebrille.de\/en\/wp-json\/wp\/v2\/pages\/209937\/revisions"}],"predecessor-version":[{"id":239771,"href":"https:\/\/www.lesebrille.de\/en\/wp-json\/wp\/v2\/pages\/209937\/revisions\/239771"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.lesebrille.de\/en\/wp-json\/wp\/v2\/media\/235991"}],"wp:attachment":[{"href":"https:\/\/www.lesebrille.de\/en\/wp-json\/wp\/v2\/media?parent=209937"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}