{"id":5336,"date":"2026-10-10T12:23:12","date_gmt":"2026-10-10T10:23:12","guid":{"rendered":"https:\/\/augenzentrum-hamm.de\/augenpraxis\/?page_id=5336"},"modified":"2026-10-10T14:39:07","modified_gmt":"2026-10-10T12:39:07","slug":"simulator","status":"publish","type":"page","link":"https:\/\/augenzentrum-hamm.de\/augenpraxis\/simulator\/","title":{"rendered":"Simulator"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5336\" class=\"elementor elementor-5336\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9cfcd16 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9cfcd16\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-da33e00\" data-id=\"da33e00\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6160433 elementor-widget elementor-widget-html\" data-id=\"6160433\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"vision-demo\">\n  <style>\n    #vision-demo {\n      --vd-ink: #0b2545;\n      --vd-muted: #4a5b6e;\n      --vd-accent: #134074;\n      --vd-accent-hover: #082548;\n      --vd-bg-light: #f4f7fa;\n      --vd-card-active: #eef4f8;\n      --vd-line: #d0dce5;\n      \n      font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n      color: var(--vd-ink);\n      width: 100%;\n      max-width: 1180px;\n      margin: 0 auto;\n    }\n    #vision-demo * { box-sizing: border-box; }\n    #vision-demo .vd-shell {\n      background: var(--vd-bg-light);\n      border: 1px solid var(--vd-line);\n      border-radius: 20px;\n      padding: clamp(18px, 4vw, 36px);\n      overflow: hidden;\n    }\n    #vision-demo .vd-eyebrow {\n      text-transform: uppercase;\n      letter-spacing: .12em;\n      font-size: 11px;\n      font-weight: 800;\n      color: var(--vd-accent);\n      margin-bottom: 10px;\n    }\n    #vision-demo h2 {\n      color: var(--vd-ink);\n      font-size: clamp(26px, 4vw, 38px);\n      line-height: 1.15;\n      letter-spacing: -.03em;\n      margin: 0 0 12px;\n      font-weight: 700;\n    }\n    #vision-demo .vd-intro {\n      max-width: 680px;\n      color: var(--vd-muted);\n      font-size: 15px;\n      line-height: 1.65;\n      margin: 0 0 25px;\n    }\n    #vision-demo .vd-layout {\n      display: grid;\n      grid-template-columns: minmax(0, 1.65fr) minmax(260px, .85fr);\n      gap: 22px;\n      align-items: stretch;\n    }\n    #vision-demo .vd-stage {\n      position: relative;\n      min-width: 0;\n      min-height: 410px;\n      border-radius: 16px;\n      overflow: hidden;\n      background: #dbe4eb;\n      isolation: isolate;\n    }\n    #vision-demo .vd-scene {\n      position: absolute;\n      inset: 0;\n      background-image: url(\"\/augenpraxis\/sim\/background.jpeg?auto=format&fit=crop&w=1500&q=85\");\n      background-size: cover;\n      background-position: center;\n      transform: scale(1.02);\n      transition: filter .15s ease;\n    }\n    \n    #vision-demo .vd-tint,\n    #vision-demo .vd-vignette,\n    #vision-demo .vd-macula,\n    #vision-demo .vd-floaters,\n    #vision-demo .vd-diabetic,\n    #vision-demo .vd-drypatch,\n    #vision-demo .vd-tunnel {\n      position: absolute;\n      inset: 0;\n      pointer-events: none;\n      opacity: 0;\n      transition: opacity .15s ease;\n    }\n\n    #vision-demo .vd-tint {\n      background: rgba(218, 211, 174, .45);\n      backdrop-filter: blur(1.5px);\n    }\n    #vision-demo .vd-vignette {\n      background: radial-gradient(ellipse at center,\n        transparent 8%, rgba(4, 9, 13, .35) 38%,\n        rgba(1, 4, 8, .98) 100%);\n    }\n    #vision-demo .vd-tunnel {\n      z-index: 1;\n      background: radial-gradient(ellipse at center,\n        transparent 0%, transparent 25%,\n        rgba(0,0,0,.5) 40%, rgba(0,0,0,.94) 60%, #000 72%);\n    }\n    #vision-demo .vd-macula {\n      z-index: 5;\n      inset: 32% 33%;\n      border-radius: 50%;\n      background: rgba(14, 20, 25, 0.96);\n      filter: blur(12px);\n      transform: scale(.5);\n    }\n\n    @keyframes vd-floater-drift {\n      0% { transform: translate(0, 0) scale(1); }\n      25% { transform: translate(18px, -15px) scale(1.03); }\n      50% { transform: translate(-10px, 12px) scale(0.98); }\n      75% { transform: translate(-20px, -8px) scale(1.02); }\n      100% { transform: translate(0, 0) scale(1); }\n    }\n\n    #vision-demo .vd-floaters {\n      z-index: 5;\n      background-image: \n        radial-gradient(circle at 25% 30%, rgba(20,20,20,0.7) 0, rgba(20,20,20,0.7) 3px, transparent 8px),\n        radial-gradient(circle at 27% 32%, rgba(30,30,30,0.5) 0, rgba(30,30,30,0.5) 2px, transparent 6px),\n        radial-gradient(circle at 65% 25%, rgba(15,15,15,0.75) 0, rgba(15,15,15,0.75) 4px, transparent 10px),\n        radial-gradient(ellipse at 70% 60%, rgba(25,25,25,0.65) 0, rgba(25,25,25,0.65) 5px, transparent 12px),\n        radial-gradient(circle at 40% 70%, rgba(30,30,30,0.6) 0, rgba(30,30,30,0.6) 3px, transparent 7px),\n        radial-gradient(circle at 80% 40%, rgba(20,20,20,0.7) 0, rgba(20,20,20,0.7) 4px, transparent 9px);\n      filter: blur(1px);\n    }\n    \n    #vision-demo .vd-floaters.vd-animating {\n      animation: vd-floater-drift 10s infinite ease-in-out;\n    }\n\n    #vision-demo .vd-diabetic {\n      z-index: 2;\n      background:\n        radial-gradient(circle at 30% 40%, rgba(120, 15, 15, .8) 0 6px, transparent 18px),\n        radial-gradient(circle at 70% 65%, rgba(90, 10, 10, .85) 0 10px, transparent 25px),\n        radial-gradient(circle at 45% 75%, rgba(130, 20, 20, .7) 0 8px, transparent 20px),\n        radial-gradient(circle at 80% 30%, rgba(100, 10, 10, .75) 0 5px, transparent 15px),\n        radial-gradient(circle at 20% 70%, rgba(80, 5, 5, .9) 0 12px, transparent 30px);\n      filter: blur(2px);\n    }\n\n    #vision-demo .vd-drypatch {\n      background:\n        radial-gradient(ellipse at 20% 45%, rgba(242,245,238,.8), transparent 24%),\n        radial-gradient(ellipse at 76% 30%, rgba(242,245,238,.72), transparent 20%),\n        radial-gradient(ellipse at 61% 80%, rgba(242,245,238,.66), transparent 17%);\n      filter: blur(7px);\n    }\n    #vision-demo .vd-scene-label {\n      position: absolute;\n      z-index: 6;\n      left: 15px;\n      top: 15px;\n      padding: 8px 14px;\n      border-radius: 99px;\n      background: rgba(255,255,255,.95);\n      color: var(--vd-ink);\n      font-size: 11px;\n      font-weight: 800;\n      letter-spacing: .05em;\n      box-shadow: 0 2px 8px rgba(0,0,0,.08);\n    }\n    #vision-demo .vd-caption {\n      position: absolute;\n      z-index: 6;\n      left: 15px;\n      right: 15px;\n      bottom: 15px;\n      padding: 12px 16px;\n      border-radius: 12px;\n      background: rgba(11, 37, 69, .88);\n      color: white;\n      font-size: 12px;\n      line-height: 1.5;\n      backdrop-filter: blur(8px);\n    }\n    #vision-demo .vd-panel {\n      background: #ffffff;\n      border: 1px solid var(--vd-line);\n      border-radius: 16px;\n      padding: 20px;\n      min-width: 0;\n    }\n    #vision-demo .vd-panel h3 {\n      margin: 0 0 6px;\n      font-size: 17px;\n      color: var(--vd-ink);\n      font-weight: 700;\n    }\n    #vision-demo .vd-small {\n      margin: 0 0 16px;\n      font-size: 12px;\n      color: var(--vd-muted);\n      line-height: 1.5;\n    }\n    #vision-demo .vd-options { display: grid; gap: 8px; }\n    #vision-demo .vd-option {\n      display: flex;\n      gap: 12px;\n      align-items: center;\n      text-align: left;\n      width: 100%;\n      padding: 10px 12px;\n      background: #ffffff;\n      border: 1px solid var(--vd-line);\n      border-radius: 12px;\n      color: var(--vd-ink);\n      font: inherit;\n      cursor: pointer;\n      transition: all .2s ease;\n    }\n    #vision-demo .vd-option:hover { \n      border-color: var(--vd-accent);\n      background: #f8fafc;\n    }\n    #vision-demo .vd-option[aria-pressed=\"true\"] {\n      border-color: var(--vd-accent);\n      background: var(--vd-card-active);\n      box-shadow: inset 0 0 0 1px var(--vd-accent);\n    }\n    #vision-demo .vd-icon {\n      width: 32px;\n      height: 32px;\n      flex: 0 0 32px;\n      display: grid;\n      place-items: center;\n      border-radius: 8px;\n      background: #e8f0f6;\n      color: var(--vd-accent);\n      font-size: 15px;\n    }\n    #vision-demo .vd-option strong {\n      display: block;\n      font-size: 12px;\n      line-height: 1.35;\n      color: var(--vd-ink);\n    }\n    #vision-demo .vd-option small {\n      display: block;\n      margin-top: 1px;\n      font-size: 10px;\n      color: var(--vd-muted);\n      line-height: 1.3;\n    }\n    #vision-demo .vd-scale {\n      margin-top: 18px;\n      padding: 16px;\n      background: var(--vd-bg-light);\n      border: 1px solid var(--vd-line);\n      border-radius: 12px;\n    }\n    #vision-demo .vd-scale-heading {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      gap: 10px;\n      margin-bottom: 12px;\n    }\n    #vision-demo .vd-scale-heading label { font-size: 12px; font-weight: 700; color: var(--vd-ink); }\n    #vision-demo #vd-severity-value {\n      color: var(--vd-accent);\n      font-size: 14px;\n      font-weight: 800;\n      white-space: nowrap;\n    }\n    #vision-demo #vd-severity {\n      display: block;\n      width: 100%;\n      accent-color: var(--vd-accent);\n      cursor: pointer;\n    }\n    #vision-demo .vd-scale-labels {\n      display: flex;\n      justify-content: space-between;\n      gap: 5px;\n      margin-top: 8px;\n      color: var(--vd-muted);\n      font-size: 10px;\n      font-weight: 600;\n    }\n    #vision-demo #vd-severity-description {\n      margin: 12px 0 0;\n      color: var(--vd-muted);\n      font-size: 11px;\n      line-height: 1.5;\n    }\n    #vision-demo .vd-info {\n      margin-top: 24px;\n      border-top: 1px solid var(--vd-line);\n      padding-top: 24px;\n    }\n    #vision-demo .vd-info h3 {\n      margin: 0 0 8px;\n      font-size: clamp(20px, 3vw, 26px);\n      color: var(--vd-ink);\n      font-weight: 700;\n    }\n    #vision-demo .vd-info p {\n      color: var(--vd-muted);\n      font-size: 14px;\n      line-height: 1.7;\n      margin: 0;\n    }\n    #vision-demo .vd-info-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 18px;\n      margin-top: 18px;\n    }\n    #vision-demo .vd-info-block {\n      padding: 16px;\n      border-radius: 12px;\n      background: #ffffff;\n      border: 1px solid var(--vd-line);\n    }\n    #vision-demo .vd-info-block strong {\n      display: block;\n      font-size: 12px;\n      margin-bottom: 6px;\n      color: var(--vd-ink);\n    }\n    #vision-demo .vd-info-block p { font-size: 12px; }\n    #vision-demo .vd-note {\n      margin-top: 20px;\n      color: var(--vd-muted);\n      font-size: 11px;\n      line-height: 1.65;\n      padding: 14px;\n      background: #ffffff;\n      border: 1px solid var(--vd-line);\n      border-radius: 10px;\n    }\n    #vision-demo .vd-cta {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      margin-top: 18px;\n      padding: 13px 22px;\n      background: var(--vd-accent);\n      color: white;\n      border-radius: 99px;\n      font-size: 13px;\n      font-weight: 700;\n      text-decoration: none;\n      transition: all .2s ease;\n    }\n    #vision-demo .vd-cta:hover {\n      background: var(--vd-accent-hover);\n      color: white;\n      transform: translateY(-1px);\n      box-shadow: 0 4px 12px rgba(19, 64, 116, .2);\n    }\n    #vision-demo button:focus-visible,\n    #vision-demo input:focus-visible,\n    #vision-demo a:focus-visible {\n      outline: 3px solid var(--vd-accent);\n      outline-offset: 3px;\n    }\n    @media (max-width: 760px) {\n      #vision-demo .vd-layout { grid-template-columns: 1fr; }\n      #vision-demo .vd-stage { min-height: 300px; }\n      #vision-demo .vd-panel { padding: 16px; }\n      #vision-demo .vd-options { grid-template-columns: 1fr 1fr; }\n      #vision-demo .vd-option { padding: 10px; align-items: flex-start; }\n      #vision-demo .vd-icon { width: 30px; height: 30px; flex-basis: 30px; }\n    }\n    @media (max-width: 420px) {\n      #vision-demo .vd-options,\n      #vision-demo .vd-info-grid { grid-template-columns: 1fr; }\n      #vision-demo .vd-stage { min-height: 260px; }\n    }\n    @media (prefers-reduced-motion: reduce) {\n      #vision-demo *, #vision-demo *::before, #vision-demo *::after {\n        transition: none !important;\n      }\n      #vision-demo .vd-floaters.vd-animating { animation: none !important; }\n    }\n  <\/style>\n\n  <!-- SVG Filter f\u00fcr die wellenf\u00f6rmige Verzerrung (Metamorphopsien) -->\n  <svg style=\"display: none;\">\n    <defs>\n      <filter id=\"vd-wave-filter\" x=\"-20%\" y=\"-20%\" width=\"140%\" height=\"140%\">\n        <feTurbulence id=\"vd-turbulence\" type=\"fractalNoise\" baseFrequency=\"0.015\" numOctaves=\"3\" result=\"noise\" \/>\n        <feDisplacementMap id=\"vd-displacement\" in=\"SourceGraphic\" in2=\"noise\" scale=\"0\" xChannelSelector=\"R\" yChannelSelector=\"G\" \/>\n      <\/filter>\n    <\/defs>\n  <\/svg>\n\n  <div class=\"vd-shell\">\n    <div class=\"vd-eyebrow\">Interaktiver Seh-Simulator<\/div>\n    <h2>Wie ver\u00e4ndert sich das Sehen?<\/h2>\n    <p class=\"vd-intro\">\n      W\u00e4hlen Sie ein Krankheitsbild und ver\u00e4ndern Sie die Intensit\u00e4t\n      mit dem Regler von gesund bis stark betroffen.\n    <\/p>\n\n    <div class=\"vd-layout\">\n      <div class=\"vd-stage\" id=\"vd-stage\" data-condition=\"cataract\">\n        <div class=\"vd-scene\"><\/div>\n        <div class=\"vd-tint\"><\/div>\n        <div class=\"vd-vignette\"><\/div>\n        <div class=\"vd-tunnel\"><\/div>\n        <div class=\"vd-macula\"><\/div>\n        <div class=\"vd-floaters\"><\/div>\n        <div class=\"vd-diabetic\"><\/div>\n        <div class=\"vd-drypatch\"><\/div>\n\n        <div class=\"vd-scene-label\" id=\"vd-label\">GRAUER STAR<\/div>\n        <div class=\"vd-caption\" id=\"vd-caption\" aria-live=\"polite\">\n          Ein Schleier und geringere Kontraste sind beispielhaft dargestellt.\n        <\/div>\n      <\/div>\n\n      <div class=\"vd-panel\">\n        <h3>Krankheitsbild ausw\u00e4hlen<\/h3>\n        <p class=\"vd-small\">W\u00e4hlen Sie eine Erkrankung aus der Liste.<\/p>\n\n        <div class=\"vd-options\" role=\"group\" aria-label=\"Krankheitsbild ausw\u00e4hlen\">\n          <button class=\"vd-option\" type=\"button\" data-id=\"cataract\" aria-pressed=\"true\">\n            <span class=\"vd-icon\">\u2601<\/span>\n            <span><strong>Grauer Star<\/strong><small>Verschleiertes Sehen<\/small><\/span>\n          <\/button>\n\n          <button class=\"vd-option\" type=\"button\" data-id=\"glaucoma\" aria-pressed=\"false\">\n            <span class=\"vd-icon\">\u25c9<\/span>\n            <span><strong>Gr\u00fcner Star (Glaukom)<\/strong><small>Gesichtsfeldausf\u00e4lle<\/small><\/span>\n          <\/button>\n\n          <button class=\"vd-option\" type=\"button\" data-id=\"amd\" aria-pressed=\"false\">\n            <span class=\"vd-icon\">\u25ce<\/span>\n            <span><strong>Makuladegeneration<\/strong><small>Wellig & zentraler Ausfall<\/small><\/span>\n          <\/button>\n\n          <button class=\"vd-option\" type=\"button\" data-id=\"floaters\" aria-pressed=\"false\">\n            <span class=\"vd-icon\">\u3030<\/span>\n            <span><strong>Glask\u00f6rpertr\u00fcbungen<\/strong><small>Bewegliche Punkte & F\u00e4den<\/small><\/span>\n          <\/button>\n\n          <button class=\"vd-option\" type=\"button\" data-id=\"diabetic\" aria-pressed=\"false\">\n            <span class=\"vd-icon\">\u2733<\/span>\n            <span><strong>Diabetische Retinopathie<\/strong><small>Flecken & Unscharf<\/small><\/span>\n          <\/button>\n\n          <button class=\"vd-option\" type=\"button\" data-id=\"dry\" aria-pressed=\"false\">\n            <span class=\"vd-icon\">\u25cd<\/span>\n            <span><strong>Trockenes Auge<\/strong><small>Schwankende Klarheit<\/small><\/span>\n          <\/button>\n        <\/div>\n\n        <div class=\"vd-scale\">\n          <div class=\"vd-scale-heading\">\n            <label for=\"vd-severity\">Intensit\u00e4t der Darstellung<\/label>\n            <output id=\"vd-severity-value\" for=\"vd-severity\">0 %<\/output>\n          <\/div>\n          <input id=\"vd-severity\" type=\"range\" min=\"0\" max=\"100\"\n                 step=\"1\" value=\"0\"\n                 aria-label=\"Intensit\u00e4t der simulierten Sehbeeintr\u00e4chtigung\">\n          <div class=\"vd-scale-labels\">\n            <span>Gesund<\/span><span>Leicht<\/span><span>Mittel<\/span><span>Stark betroffen<\/span>\n          <\/div>\n          <p id=\"vd-severity-description\" aria-live=\"polite\">\n            Gesund \u2013 keine zus\u00e4tzliche Beeintr\u00e4chtigung simuliert.\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"vd-info\" aria-live=\"polite\">\n      <div class=\"vd-eyebrow\">Wissenswertes<\/div>\n      <h3 id=\"vd-title\">Grauer Star (Katarakt)<\/h3>\n      <p id=\"vd-description\">\n        Beim Grauen Star tr\u00fcbt sich die nat\u00fcrliche Augenlinse zunehmend ein. Dadurch kann das Sehen verschwommen wirken und die Blendempfindlichkeit zunehmen.\n      <\/p>\n\n      <div class=\"vd-info-grid\">\n        <div class=\"vd-info-block\">\n          <strong>Was kann auffallen?<\/strong>\n          <p id=\"vd-symptoms\">Verschwommenes Sehen, reduzierte Kontraste oder st\u00e4rkere Blendung k\u00f6nnen auftreten.<\/p>\n        <\/div>\n        <div class=\"vd-info-block\">\n          <strong>Was ist wichtig?<\/strong>\n          <p id=\"vd-action\">Eine augen\u00e4rztliche Untersuchung kl\u00e4rt, ob eine Linsentr\u00fcbung vorliegt und welche Behandlung sinnvoll ist.<\/p>\n        <\/div>\n      <\/div>\n\n      <a class=\"vd-cta\" href=\"https:\/\/augenzentrum-hamm.de\/augenpraxis\/online-termin\/\">\n        Termin in der Praxis vereinbaren <span aria-hidden=\"true\">\u2192<\/span>\n      <\/a>\n\n      <div class=\"vd-note\">\n        <strong>Medizinischer Hinweis:<\/strong> Diese Animation ist eine vereinfachte, illustrative Darstellung. Sie bildet weder den individuellen Seheindruck noch den Schweregrad einer Erkrankung zuverl\u00e4ssig ab und ersetzt keine augen\u00e4rztliche Untersuchung.\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <script>\n    (function () {\n      const root = document.getElementById('vision-demo');\n      if (!root || root.dataset.initialized === 'true') return;\n      root.dataset.initialized = 'true';\n\n      const data = {\n        cataract: {\n          label: 'GRAUER STAR',\n          caption: 'Ein Schleier und geringere Kontraste sind beispielhaft dargestellt.',\n          title: 'Grauer Star (Katarakt)',\n          description: 'Beim Grauen Star tr\u00fcbt sich die nat\u00fcrliche Augenlinse zunehmend ein. Dadurch kann das Sehen verschwommen wirken und die Blendempfindlichkeit zunehmen.',\n          symptoms: 'Verschwommenes Sehen, reduzierte Kontraste oder st\u00e4rkere Blendung k\u00f6nnen auftreten.',\n          action: 'Eine augen\u00e4rztliche Untersuchung kl\u00e4rt, ob eine Linsentr\u00fcbung vorliegt und welche Behandlung sinnvoll ist.'\n        },\n        glaucoma: {\n          label: 'GR\u00dcNER STAR',\n          caption: 'Schleichende Einschr\u00e4nkungen im Gesichtsfeld sind beispielhaft dargestellt.',\n          title: 'Gr\u00fcner Star (Glaukom)',\n          description: 'Ein Glaukom sch\u00e4digt schleichend den Sehnerv. Dabei entstehen unbemerkt Gesichtsfeldausf\u00e4lle, die sich bei Fortschreiten der Erkrankung vergr\u00f6\u00dfern.',\n          symptoms: 'Gesichtsfeldausf\u00e4lle entwickeln sich h\u00e4ufig schleichend und bleiben anfangs meist unbemerkt.',\n          action: 'Fr\u00fcherkennung und regelm\u00e4\u00dfige augen\u00e4rztliche Kontrollen sind wichtig. Die Simulation zeigt ein vereinfachtes Beispiel.'\n        },\n        amd: {\n          label: 'MAKULADEGENERATION',\n          caption: 'Gerade Linien erscheinen zun\u00e4chst wellig und verzerrt; im fortgeschrittenen Stadium entsteht ein zentraler Ausfall.',\n          title: 'Makuladegeneration (AMD)',\n          description: 'Die Makula ist das Zentrum der Netzhaut f\u00fcr scharfes Sehen. Typisch f\u00fcr fr\u00fche und mittlere Stadien sind wellig verzerrte Linien (Metamorphopsien). Sp\u00e4ter kann sich zus\u00e4tzlich ein zentraler grauer oder schwarzer Fleck bilden.',\n          symptoms: 'Verzerrtes, welliges Sehen von geraden Linien, Buchstaben oder Gesichtern sowie sp\u00e4terer Ausfall der Bildmitte.',\n          action: 'Neue Verzerrungen sollten umgehend augen\u00e4rztlich abgekl\u00e4rt werden, um die Netzhaut rechtzeitig zu untersuchen.'\n        },\n        floaters: {\n          label: 'GLASK\u00d6RPERTR\u00dcBUNGEN',\n          caption: 'M\u00fccken- oder fadenartige Strukturen bewegen sich leicht mit dem Blickfeld mit.',\n          title: 'Glask\u00f6rpertr\u00fcbungen (Mouches Volantes)',\n          description: 'Mit zunehmendem Alter zieht sich der Glask\u00f6rper leicht zur\u00fcck und verdichtet sich punktuell. Diese mikroskopischen Schatten bewegen sich bei Augenbewegungen verz\u00f6gert mit.',\n          symptoms: 'Kleine, dunkle Punkte, F\u00e4den oder Flusen, die im Blickfeld schwimmen.',\n          action: 'Meist harmlos. Wenn jedoch pl\u00f6tzlich sehr viele neue Punkte oder Lichtblitze auftreten, ist eine sofortige Kontrolluntersuchung n\u00f6tig.'\n        },\n        diabetic: {\n          label: 'DIABETISCHE RETINOPATHIE',\n          caption: 'Gef\u00e4\u00dfver\u00e4nderungen f\u00fchren zu fleckigen Ausf\u00e4llen und Unsch\u00e4rfen.',\n          title: 'Diabetische Retinopathie',\n          description: 'Dauerhaft erh\u00f6hte Blutzuckerwerte k\u00f6nnen die feinen Blutgef\u00e4\u00dfe der Netzhaut sch\u00e4digen. Dies f\u00fchrt zu kleinen Blutungen, Fl\u00fcssigkeitseinlagerungen und fleckigem Sehverlust.',\n          symptoms: 'Fleckige Sehbehinderungen, unscharfes Sehen und reduzierte Kontrastwahrnehmung.',\n          action: 'Engmaschige Netzhautkontrollen bei Diabetikern sind entscheidend, um Netzhautsch\u00e4den fr\u00fchzeitig zu lasern oder medikament\u00f6s zu behandeln.'\n        },\n        dry: {\n          label: 'TROCKENES AUGE',\n          caption: 'Unregelm\u00e4\u00dfige Schleier stehen beispielhaft f\u00fcr schwankende Sehqualit\u00e4t.',\n          title: 'Trockenes Auge (Sicca-Syndrom)',\n          description: 'Ein instabiler Tr\u00e4nenfilm kann die optische Oberfl\u00e4che des Auges beeintr\u00e4chtigen und dadurch die Sehqualit\u00e4t vor\u00fcbergehend schwanken lassen.',\n          symptoms: 'Brennen, Fremdk\u00f6rpergef\u00fchl, R\u00f6tung und wechselnd verschwommenes Sehen k\u00f6nnen auftreten.',\n          action: 'Bei anhaltenden Beschwerden hilft eine augen\u00e4rztliche Abkl\u00e4rung, die Ursache zu bestimmen.'\n        }\n      };\n\n      const stage = root.querySelector('#vd-stage');\n      const label = root.querySelector('#vd-label');\n      const caption = root.querySelector('#vd-caption');\n      const title = root.querySelector('#vd-title');\n      const description = root.querySelector('#vd-description');\n      const symptoms = root.querySelector('#vd-symptoms');\n      const action = root.querySelector('#vd-action');\n      const severity = root.querySelector('#vd-severity');\n      const severityValue = root.querySelector('#vd-severity-value');\n      const severityDescription = root.querySelector('#vd-severity-description');\n      const buttons = Array.from(root.querySelectorAll('.vd-option'));\n\n      const scene = stage.querySelector('.vd-scene');\n      const tint = stage.querySelector('.vd-tint');\n      const vignette = stage.querySelector('.vd-vignette');\n      const tunnel = stage.querySelector('.vd-tunnel');\n      const macula = stage.querySelector('.vd-macula');\n      const floaters = stage.querySelector('.vd-floaters');\n      const diabetic = stage.querySelector('.vd-diabetic');\n      const drypatch = stage.querySelector('.vd-drypatch');\n      const waveDisplacement = document.getElementById('vd-displacement');\n\n      let currentCondition = 'cataract';\n\n      function applySeverity() {\n        const value = Number(severity.value);\n        const intensity = value \/ 100;\n\n        severityValue.textContent = value + ' %';\n\n        if (value === 0) {\n          severityDescription.textContent = 'Gesund \u2013 keine zus\u00e4tzliche Beeintr\u00e4chtigung simuliert.';\n        } else if (value < 26) {\n          severityDescription.textContent = 'Leicht betroffen \u2013 beginnende schematische Visualisierung.';\n        } else if (value < 51) {\n          severityDescription.textContent = 'Mittel betroffen \u2013 sp\u00fcrbare Einschr\u00e4nkung im Alltag.';\n        } else if (value < 76) {\n          severityDescription.textContent = 'Stark betroffen \u2013 deutlich ausgepr\u00e4gte Symptomatik.';\n        } else {\n          severityDescription.textContent = 'Sehr stark betroffen \u2013 maximaler Simulationsgrad.';\n        }\n\n        \/* Effekte zur\u00fccksetzen *\/\n        scene.style.filter = 'none';\n        tint.style.opacity = 0;\n        vignette.style.opacity = 0;\n        tunnel.style.opacity = 0;\n        \n        macula.style.opacity = 0;\n        macula.style.transform = 'scale(.5)';\n        macula.style.filter = 'blur(12px)';\n        \n        floaters.style.opacity = 0;\n        floaters.classList.remove('vd-animating');\n\n        diabetic.style.opacity = 0;\n        drypatch.style.opacity = 0;\n        \n        if (waveDisplacement) {\n          waveDisplacement.setAttribute('scale', '0');\n        }\n\n        switch (currentCondition) {\n          case 'cataract':\n            scene.style.filter =\n              `blur(${intensity * 2.8}px) brightness(${1 + intensity * .16}) saturate(${1 - intensity * .55}) contrast(${1 - intensity * .22})`;\n            tint.style.opacity = intensity * .9;\n            break;\n\n          case 'glaucoma': {\n            const radius = 48 - intensity * 32;\n            const transition = Math.min(radius + 5, 98);\n            const outer = Math.min(radius + 24, 99);\n            tunnel.style.background =\n              `radial-gradient(ellipse at center, transparent 0%, transparent ${radius}%, rgba(0,0,0,.48) ${transition}%, rgba(0,0,0,.94) ${outer}%, #000 100%)`;\n            tunnel.style.opacity = intensity;\n            break;\n          }\n\n          case 'amd': {\n            \/* Das Bild wird sofort ab Regler > 0 wellig (Metamorphopsien) *\/\n            const waveScale = intensity * 28;\n            if (waveDisplacement) {\n              waveDisplacement.setAttribute('scale', waveScale);\n            }\n            scene.style.filter = `url(#vd-wave-filter) blur(${intensity * 0.4}px)`;\n\n            \/* Der zentrale Fleck sch\u00e4lt sich erst ab ca. 45% Regler-Intensit\u00e4t langsam hinzu *\/\n            if (intensity > 0.45) {\n              const maculaProgress = (intensity - 0.45) \/ 0.55;\n              macula.style.opacity = maculaProgress;\n              macula.style.transform = `scale(${.5 + maculaProgress * .6})`;\n              macula.style.filter = `blur(${8 + maculaProgress * 10}px)`;\n            }\n            break;\n          }\n\n          case 'floaters':\n            floaters.style.opacity = intensity > 0 ? (0.2 + intensity * 0.8) : 0;\n            if (intensity > 0) {\n              floaters.classList.add('vd-animating');\n            }\n            break;\n\n          case 'diabetic':\n            scene.style.filter = `blur(${intensity * 1.8}px) contrast(${1 - intensity * 0.2})`;\n            diabetic.style.opacity = intensity;\n            break;\n\n          case 'dry':\n            scene.style.filter = `blur(${intensity * 1.5}px) contrast(${1 - intensity * .1})`;\n            drypatch.style.opacity = intensity * .9;\n            break;\n        }\n      }\n\n      function selectCondition(id) {\n        const item = data[id];\n        if (!item) return;\n\n        currentCondition = id;\n        stage.dataset.condition = id;\n\n        label.textContent = item.label;\n        caption.textContent = item.caption;\n        title.textContent = item.title;\n        description.textContent = item.description;\n        symptoms.textContent = item.symptoms;\n        action.textContent = item.action;\n\n        buttons.forEach(function (button) {\n          button.setAttribute('aria-pressed', String(button.dataset.id === id));\n        });\n\n        applySeverity();\n      }\n\n      buttons.forEach(function (button) {\n        button.addEventListener('click', function () {\n          selectCondition(button.dataset.id);\n        });\n      });\n\n      severity.addEventListener('input', applySeverity);\n      selectCondition('cataract');\n    })();\n  <\/script>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Interaktiver Seh-Simulator Wie ver\u00e4ndert sich das Sehen? W\u00e4hlen Sie ein Krankheitsbild und ver\u00e4ndern Sie die Intensit\u00e4t mit dem Regler von gesund bis stark betroffen. GRAUER STAR Ein Schleier und geringere Kontraste sind beispielhaft dargestellt. Krankheitsbild ausw\u00e4hlen W\u00e4hlen Sie eine Erkrankung aus der Liste. \u2601 Grauer StarVerschleiertes Sehen \u25c9 Gr\u00fcner Star (Glaukom)Gesichtsfeldausf\u00e4lle \u25ce MakuladegenerationWellig &#038; zentraler [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_xspeed_no_cache":false,"_xspeed_expiry_hours":0,"footnotes":""},"class_list":["post-5336","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/augenzentrum-hamm.de\/augenpraxis\/wp-json\/wp\/v2\/pages\/5336","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/augenzentrum-hamm.de\/augenpraxis\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/augenzentrum-hamm.de\/augenpraxis\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/augenzentrum-hamm.de\/augenpraxis\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/augenzentrum-hamm.de\/augenpraxis\/wp-json\/wp\/v2\/comments?post=5336"}],"version-history":[{"count":20,"href":"https:\/\/augenzentrum-hamm.de\/augenpraxis\/wp-json\/wp\/v2\/pages\/5336\/revisions"}],"predecessor-version":[{"id":5365,"href":"https:\/\/augenzentrum-hamm.de\/augenpraxis\/wp-json\/wp\/v2\/pages\/5336\/revisions\/5365"}],"wp:attachment":[{"href":"https:\/\/augenzentrum-hamm.de\/augenpraxis\/wp-json\/wp\/v2\/media?parent=5336"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}