diff --git a/fhem/www/images/fhemSVG/access_keypad_1.svg b/fhem/www/images/fhemSVG/access_keypad_1.svg
new file mode 100644
index 000000000..667daa50f
--- /dev/null
+++ b/fhem/www/images/fhemSVG/access_keypad_1.svg
@@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.0"
+   width="468pt"
+   height="468pt"
+   viewBox="0 0 568 568"
+   id="svg2">
+  <defs
+     id="defs12" />
+  <metadata
+     id="metadata4">
+Created by potrace 1.8, written by Peter Selinger 2001-2007
+<rdf:RDF>
+  <cc:Work
+     rdf:about="">
+    <dc:format>image/svg+xml</dc:format>
+    <dc:type
+       rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+    <dc:title></dc:title>
+  </cc:Work>
+</rdf:RDF>
+</metadata>
+  <g
+     transform="matrix(0.258564,0,0,-0.258564,0,468.54645)"
+     id="g6"
+     style="fill:#000000;stroke:none">
+    <path
+       d="M 97,1796 C 46,1777 22,1754 10,1711 4,1688 0,1385 0,897 0,55 -2,82 55,30 L 82,5 893,2 c 758,-2 814,-1 847,15 73,37 70,-6 70,888 0,775 -1,801 -20,832 -44,73 16,68 -865,70 -650,2 -797,0 -828,-11 z m 1573,-896 0,-770 -765,0 -765,0 0,770 0,770 765,0 765,0 0,-770 z"
+       id="path8" />
+  </g>
+  <text
+     x="86.900551"
+     y="268.70807"
+     id="text4055"
+     xml:space="preserve"
+     style="font-size:115.19999695px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold"><tspan
+       x="86.900551"
+       y="268.70807"
+       id="tspan4057">Code</tspan></text>
+</svg>
diff --git a/fhem/www/images/fhemSVG/access_keypad_2.svg b/fhem/www/images/fhemSVG/access_keypad_2.svg
new file mode 100644
index 000000000..e90d02b4b
--- /dev/null
+++ b/fhem/www/images/fhemSVG/access_keypad_2.svg
@@ -0,0 +1,216 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="586"
+   height="586"
+   viewBox="0 0 568 568"
+   id="svg2">
+  <defs
+     id="defs4" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(109.47721,-567.27496)"
+     id="layer1">
+    <path
+       d="m -64.28125,564.6875 c -24.41077,0 -44.3125,19.90173 -44.3125,44.3125 l 0,500.125 c 0,24.4108 19.90173,44.3125 44.3125,44.3125 l 495.59375,0 c 24.41077,0 44.34375,-19.9017 44.34375,-44.3125 l 0,-500.125 c 0,-24.41077 -19.93298,-44.3125 -44.34375,-44.3125 l -495.59375,0 z m 0,17.09375 495.59375,0 c 15.23791,0 27.25,11.98084 27.25,27.21875 l 0,500.125 c 0,15.2379 -12.01209,27.2188 -27.25,27.2188 l -495.59375,0 c -15.237907,0 -27.21875,-11.9809 -27.21875,-27.2188 L -91.5,609 c 0,-15.23791 11.980843,-27.21875 27.21875,-27.21875 z"
+       id="rect2985"
+       style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;baseline-shift:baseline;color:#000000;fill-opacity:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Sans;-inkscape-font-specification:Sans" />
+    <path
+       d="m -12.5,603.625 c -17.344637,0 -31.40625,14.06161 -31.40625,31.40625 l 0,41.59375 c 0,17.34464 14.061613,31.40625 31.40625,31.40625 l 57.78125,0 c 17.344637,0 31.40625,-14.06161 31.40625,-31.40625 l 0,-41.59375 c 0,-17.34464 -14.061613,-31.40625 -31.40625,-31.40625 l -57.78125,0 z m 0,6.21875 57.78125,0 c 14.015126,0 25.21875,11.17237 25.21875,25.1875 l 0,41.59375 c 0,14.01513 -11.203624,25.1875 -25.21875,25.1875 l -57.78125,0 c -14.015126,0 -25.1875,-11.17237 -25.1875,-25.1875 l 0,-41.59375 c 0,-14.01513 11.172374,-25.1875 25.1875,-25.1875 z"
+       id="rect3755"
+       style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;baseline-shift:baseline;color:#000000;fill-opacity:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Sans;-inkscape-font-specification:Sans" />
+    <path
+       d="m 330.125,603.625 c -17.34464,0 -31.40625,14.06161 -31.40625,31.40625 l 0,41.59375 c 0,17.34464 14.06161,31.40625 31.40625,31.40625 l 57.78125,0 c 17.34464,0 31.40625,-14.06161 31.40625,-31.40625 l 0,-41.59375 c 0,-17.34464 -14.06161,-31.40625 -31.40625,-31.40625 l -57.78125,0 z m 0,6.21875 57.78125,0 c 14.01513,0 25.21875,11.17237 25.21875,25.1875 l 0,41.59375 c 0,14.01513 -11.20362,25.1875 -25.21875,25.1875 l -57.78125,0 c -14.01513,0 -25.1875,-11.17237 -25.1875,-25.1875 l 0,-41.59375 c 0,-14.01513 11.17237,-25.1875 25.1875,-25.1875 z"
+       id="rect3755-1"
+       style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;baseline-shift:baseline;color:#000000;fill-opacity:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Sans;-inkscape-font-specification:Sans" />
+    <path
+       d="m 157.25,603.625 c -17.34464,0 -31.40625,14.06161 -31.40625,31.40625 l 0,41.59375 c 0,17.34464 14.06161,31.40625 31.40625,31.40625 l 57.78125,0 c 17.34464,0 31.40625,-14.06161 31.40625,-31.40625 l 0,-41.59375 c 0,-17.34464 -14.06161,-31.40625 -31.40625,-31.40625 l -57.78125,0 z m 0,6.21875 57.78125,0 c 14.01513,0 25.21875,11.17237 25.21875,25.1875 l 0,41.59375 c 0,14.01513 -11.20362,25.1875 -25.21875,25.1875 l -57.78125,0 c -14.01513,0 -25.1875,-11.17237 -25.1875,-25.1875 l 0,-41.59375 c 0,-14.01513 11.17237,-25.1875 25.1875,-25.1875 z"
+       id="rect3755-7"
+       style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;baseline-shift:baseline;color:#000000;fill-opacity:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Sans;-inkscape-font-specification:Sans" />
+    <path
+       d="m -12.5,735.4375 c -17.344637,0 -31.40625,14.06161 -31.40625,31.40625 l 0,41.59375 c 0,17.34464 14.061613,31.40625 31.40625,31.40625 l 57.78125,0 c 17.344637,0 31.40625,-14.06161 31.40625,-31.40625 l 0,-41.59375 c 0,-17.34464 -14.061613,-31.40625 -31.40625,-31.40625 l -57.78125,0 z m 0,6.1875 57.78125,0 c 14.015126,0 25.21875,11.20362 25.21875,25.21875 l 0,41.59375 c 0,14.01513 -11.203624,25.1875 -25.21875,25.1875 l -57.78125,0 c -14.015126,0 -25.1875,-11.17237 -25.1875,-25.1875 l 0,-41.59375 c 0,-14.01513 11.172374,-25.21875 25.1875,-25.21875 z"
+       id="rect3755-4"
+       style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;baseline-shift:baseline;color:#000000;fill-opacity:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Sans;-inkscape-font-specification:Sans" />
+    <path
+       d="m 330.125,735.4375 c -17.34464,0 -31.40625,14.06161 -31.40625,31.40625 l 0,41.59375 c 0,17.34464 14.06161,31.40625 31.40625,31.40625 l 57.78125,0 c 17.34464,0 31.40625,-14.06161 31.40625,-31.40625 l 0,-41.59375 c 0,-17.34464 -14.06161,-31.40625 -31.40625,-31.40625 l -57.78125,0 z m 0,6.1875 57.78125,0 c 14.01513,0 25.21875,11.20362 25.21875,25.21875 l 0,41.59375 c 0,14.01513 -11.20362,25.1875 -25.21875,25.1875 l -57.78125,0 c -14.01513,0 -25.1875,-11.17237 -25.1875,-25.1875 l 0,-41.59375 c 0,-14.01513 11.17237,-25.21875 25.1875,-25.21875 z"
+       id="rect3755-1-0"
+       style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;baseline-shift:baseline;color:#000000;fill-opacity:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Sans;-inkscape-font-specification:Sans" />
+    <path
+       d="m 157.25,735.4375 c -17.34464,0 -31.40625,14.06161 -31.40625,31.40625 l 0,41.59375 c 0,17.34464 14.06161,31.40625 31.40625,31.40625 l 57.78125,0 c 17.34464,0 31.40625,-14.06161 31.40625,-31.40625 l 0,-41.59375 c 0,-17.34464 -14.06161,-31.40625 -31.40625,-31.40625 l -57.78125,0 z m 0,6.1875 57.78125,0 c 14.01513,0 25.21875,11.20362 25.21875,25.21875 l 0,41.59375 c 0,14.01513 -11.20362,25.1875 -25.21875,25.1875 l -57.78125,0 c -14.01513,0 -25.1875,-11.17237 -25.1875,-25.1875 l 0,-41.59375 c 0,-14.01513 11.17237,-25.21875 25.1875,-25.21875 z"
+       id="rect3755-7-9"
+       style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;baseline-shift:baseline;color:#000000;fill-opacity:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Sans;-inkscape-font-specification:Sans" />
+    <path
+       d="m -12.5,872.90625 c -17.344637,0 -31.40625,14.06161 -31.40625,31.40625 l 0,41.59375 c 0,17.34464 14.061613,31.40625 31.40625,31.40625 l 57.78125,0 c 17.344637,0 31.40625,-14.06161 31.40625,-31.40625 l 0,-41.59375 c 0,-17.34464 -14.061613,-31.40625 -31.40625,-31.40625 l -57.78125,0 z m 0,6.1875 57.78125,0 c 14.015126,0 25.21875,11.20362 25.21875,25.21875 l 0,41.59375 c 0,14.01513 -11.203624,25.1875 -25.21875,25.1875 l -57.78125,0 c -14.015126,0 -25.1875,-11.17237 -25.1875,-25.1875 l 0,-41.59375 c 0,-14.01513 11.172374,-25.21875 25.1875,-25.21875 z"
+       id="rect3755-4-4"
+       style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;baseline-shift:baseline;color:#000000;fill-opacity:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Sans;-inkscape-font-specification:Sans" />
+    <path
+       d="m 330.125,872.90625 c -17.34464,0 -31.40625,14.06161 -31.40625,31.40625 l 0,41.59375 c 0,17.34464 14.06161,31.40625 31.40625,31.40625 l 57.78125,0 c 17.34464,0 31.40625,-14.06161 31.40625,-31.40625 l 0,-41.59375 c 0,-17.34464 -14.06161,-31.40625 -31.40625,-31.40625 l -57.78125,0 z m 0,6.1875 57.78125,0 c 14.01513,0 25.21875,11.20362 25.21875,25.21875 l 0,41.59375 c 0,14.01513 -11.20362,25.1875 -25.21875,25.1875 l -57.78125,0 c -14.01513,0 -25.1875,-11.17237 -25.1875,-25.1875 l 0,-41.59375 c 0,-14.01513 11.17237,-25.21875 25.1875,-25.21875 z"
+       id="rect3755-1-0-8"
+       style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;baseline-shift:baseline;color:#000000;fill-opacity:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Sans;-inkscape-font-specification:Sans" />
+    <path
+       d="m 157.25,872.90625 c -17.34464,0 -31.40625,14.06161 -31.40625,31.40625 l 0,41.59375 c 0,17.34464 14.06161,31.40625 31.40625,31.40625 l 57.78125,0 c 17.34464,0 31.40625,-14.06161 31.40625,-31.40625 l 0,-41.59375 c 0,-17.34464 -14.06161,-31.40625 -31.40625,-31.40625 l -57.78125,0 z m 0,6.1875 57.78125,0 c 14.01513,0 25.21875,11.20362 25.21875,25.21875 l 0,41.59375 c 0,14.01513 -11.20362,25.1875 -25.21875,25.1875 l -57.78125,0 c -14.01513,0 -25.1875,-11.17237 -25.1875,-25.1875 l 0,-41.59375 c 0,-14.01513 11.17237,-25.21875 25.1875,-25.21875 z"
+       id="rect3755-7-9-8"
+       style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;baseline-shift:baseline;color:#000000;fill-opacity:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Sans;-inkscape-font-specification:Sans" />
+    <text
+       x="-11.191743"
+       y="799.46014"
+       transform="scale(1.1733196,0.85228273)"
+       id="text3876"
+       xml:space="preserve"
+       style="font-size:89.33243561px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill-opacity:1;font-family:Arial;-inkscape-font-specification:Arial Bold"><tspan
+         x="-11.191743"
+         y="799.46014"
+         id="tspan3878">1</tspan></text>
+    <text
+       x="137.17744"
+       y="798.14026"
+       transform="scale(1.1733196,0.85228273)"
+       id="text3880"
+       xml:space="preserve"
+       style="font-size:89.33243561px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill-opacity:1;font-family:Arial;-inkscape-font-specification:Arial"><tspan
+         x="137.17744"
+         y="798.14026"
+         id="tspan3882"
+         style="font-size:89.33243561px;font-weight:bold;-inkscape-font-specification:Arial Bold">2</tspan></text>
+    <text
+       x="283.51917"
+       y="799.42859"
+       transform="scale(1.1733196,0.85228273)"
+       id="text3880-5"
+       xml:space="preserve"
+       style="font-size:89.33243561px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill-opacity:1;font-family:Arial;-inkscape-font-specification:Arial"><tspan
+         x="283.51917"
+         y="799.42859"
+         id="tspan3882-5"
+         style="font-size:89.33243561px;font-weight:bold;-inkscape-font-specification:Arial Bold">3</tspan></text>
+    <text
+       x="137.51385"
+       y="951.77826"
+       transform="scale(1.1733196,0.85228273)"
+       id="text3880-5-1"
+       xml:space="preserve"
+       style="font-size:89.33243561px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill-opacity:1;font-family:Arial;-inkscape-font-specification:Arial"><tspan
+         x="137.51385"
+         y="951.77826"
+         id="tspan3882-5-7"
+         style="font-size:89.33243561px;font-weight:bold;-inkscape-font-specification:Arial Bold">5</tspan></text>
+    <text
+       x="-12.859681"
+       y="950.28723"
+       transform="scale(1.1733196,0.85228273)"
+       id="text3880-5-11"
+       xml:space="preserve"
+       style="font-size:89.33243561px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill-opacity:1;font-family:Arial;-inkscape-font-specification:Arial"><tspan
+         x="-12.859681"
+         y="950.28723"
+         id="tspan3882-5-5"
+         style="font-size:89.33243561px;font-weight:bold;-inkscape-font-specification:Arial Bold">4</tspan></text>
+    <text
+       x="281.75214"
+       y="950.80048"
+       transform="scale(1.1733196,0.85228273)"
+       id="text3880-5-1-2"
+       xml:space="preserve"
+       style="font-size:89.33243561px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill-opacity:1;font-family:Arial;-inkscape-font-specification:Arial"><tspan
+         x="281.75214"
+         y="950.80048"
+         id="tspan3882-5-7-7"
+         style="font-size:89.33243561px;font-weight:bold;-inkscape-font-specification:Arial Bold">6</tspan></text>
+    <text
+       x="-7.0666885"
+       y="1112.4423"
+       transform="scale(1.1733196,0.85228273)"
+       id="text3880-5-1-2-6"
+       xml:space="preserve"
+       style="font-size:89.33243561px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill-opacity:1;font-family:Arial;-inkscape-font-specification:Arial"><tspan
+         x="-7.0666885"
+         y="1112.4423"
+         id="tspan3882-5-7-7-1"
+         style="font-size:89.33243561px;font-weight:bold;-inkscape-font-specification:Arial Bold">7</tspan></text>
+    <text
+       x="134.70291"
+       y="1113.1266"
+       transform="scale(1.1733196,0.85228273)"
+       id="text3880-5-1-2-6-4"
+       xml:space="preserve"
+       style="font-size:89.33243561px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill-opacity:1;font-family:Arial;-inkscape-font-specification:Arial"><tspan
+         x="134.70291"
+         y="1113.1266"
+         id="tspan3882-5-7-7-1-2"
+         style="font-size:89.33243561px;font-weight:bold;-inkscape-font-specification:Arial Bold">8</tspan></text>
+    <text
+       x="279.45453"
+       y="1111.8068"
+       transform="scale(1.1733196,0.85228273)"
+       id="text3880-5-1-2-6-4-3"
+       xml:space="preserve"
+       style="font-size:89.33243561px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill-opacity:1;font-family:Arial;-inkscape-font-specification:Arial"><tspan
+         x="279.45453"
+         y="1111.8068"
+         id="tspan3882-5-7-7-1-2-2"
+         style="font-size:89.33243561px;font-weight:bold;-inkscape-font-specification:Arial Bold">9</tspan></text>
+    <path
+       d="m -11.6875,1005.0312 c -17.344637,0 -31.40625,14.0617 -31.40625,31.4063 l 0,41.5937 c 0,17.3447 14.061613,31.4063 31.40625,31.4063 l 57.78125,0 c 17.344637,0 31.40625,-14.0616 31.40625,-31.4063 l 0,-41.5937 c 0,-17.3446 -14.061613,-31.4063 -31.40625,-31.4063 l -57.78125,0 z m 0,6.2188 57.78125,0 c 14.015126,0 25.1875,11.1724 25.1875,25.1875 l 0,41.5937 c 0,14.0152 -11.172374,25.2188 -25.1875,25.2188 l -57.78125,0 c -14.015126,0 -25.1875,-11.2036 -25.1875,-25.2188 l 0,-41.5937 c 0,-14.0151 11.172374,-25.1875 25.1875,-25.1875 z"
+       id="rect3755-4-4-2"
+       style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;baseline-shift:baseline;color:#000000;fill-opacity:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Sans;-inkscape-font-specification:Sans" />
+    <path
+       d="m 330.9375,1005.0312 c -17.34464,0 -31.40625,14.0617 -31.40625,31.4063 l 0,41.5937 c 0,17.3447 14.06161,31.4063 31.40625,31.4063 l 57.78125,0 c 17.34464,0 31.40625,-14.0616 31.40625,-31.4063 l 0,-41.5937 c 0,-17.3446 -14.06161,-31.4063 -31.40625,-31.4063 l -57.78125,0 z m 0,6.2188 57.78125,0 c 14.01513,0 25.1875,11.1724 25.1875,25.1875 l 0,41.5937 c 0,14.0152 -11.17237,25.2188 -25.1875,25.2188 l -57.78125,0 c -14.01513,0 -25.1875,-11.2036 -25.1875,-25.2188 l 0,-41.5937 c 0,-14.0151 11.17237,-25.1875 25.1875,-25.1875 z"
+       id="rect3755-1-0-8-1"
+       style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;baseline-shift:baseline;color:#000000;fill-opacity:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Sans;-inkscape-font-specification:Sans" />
+    <path
+       d="m 158.0625,1005.0312 c -17.34464,0 -31.40625,14.0617 -31.40625,31.4063 l 0,41.5937 c 0,17.3447 14.06161,31.4063 31.40625,31.4063 l 57.78125,0 c 17.34464,0 31.40625,-14.0616 31.40625,-31.4063 l 0,-41.5937 c 0,-17.3446 -14.06161,-31.4063 -31.40625,-31.4063 l -57.78125,0 z m 0,6.2188 57.78125,0 c 14.01513,0 25.1875,11.1724 25.1875,25.1875 l 0,41.5937 c 0,14.0152 -11.17237,25.2188 -25.1875,25.2188 l -57.78125,0 c -14.01513,0 -25.1875,-11.2036 -25.1875,-25.2188 l 0,-41.5937 c 0,-14.0151 11.17237,-25.1875 25.1875,-25.1875 z"
+       id="rect3755-7-9-8-6"
+       style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;baseline-shift:baseline;color:#000000;fill-opacity:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Sans;-inkscape-font-specification:Sans" />
+    <text
+       x="-2.6585364"
+       y="1289.3722"
+       transform="scale(1.1733196,0.85228273)"
+       id="text3880-5-1-2-6-8"
+       xml:space="preserve"
+       style="font-size:89.33243561px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill-opacity:1;font-family:Arial;-inkscape-font-specification:Arial"><tspan
+         x="-2.6585364"
+         y="1289.3722"
+         id="tspan3882-5-7-7-1-5"
+         style="font-size:89.33243561px;font-weight:bold;-inkscape-font-specification:Arial Bold">*</tspan></text>
+    <text
+       x="140.66853"
+       y="1268.1721"
+       transform="scale(1.1733196,0.85228273)"
+       id="text3880-5-1-2-6-4-7"
+       xml:space="preserve"
+       style="font-size:89.33243561px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill-opacity:1;font-family:Arial;-inkscape-font-specification:Arial"><tspan
+         x="140.66853"
+         y="1268.1721"
+         id="tspan3882-5-7-7-1-2-6"
+         style="font-size:89.33243561px;font-weight:bold;-inkscape-font-specification:Arial Bold">0</tspan></text>
+    <text
+       x="282.78033"
+       y="1269.4922"
+       transform="scale(1.1733196,0.85228273)"
+       id="text3880-5-1-2-6-4-3-1"
+       xml:space="preserve"
+       style="font-size:89.33243561px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill-opacity:1;font-family:Arial;-inkscape-font-specification:Arial"><tspan
+         x="282.78033"
+         y="1269.4922"
+         id="tspan3882-5-7-7-1-2-2-8"
+         style="font-size:89.33243561px;font-weight:bold;-inkscape-font-specification:Arial Bold">#</tspan></text>
+  </g>
+</svg>
diff --git a/fhem/www/images/fhemSVG/hm_keymatic.svg b/fhem/www/images/fhemSVG/hm_keymatic.svg
new file mode 100644
index 000000000..c60d4c8c0
--- /dev/null
+++ b/fhem/www/images/fhemSVG/hm_keymatic.svg
@@ -0,0 +1,77 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.0"
+   width="468pt"
+   height="468pt"
+   viewBox="0 0 468 468"
+   id="svg2">
+  <defs
+     id="defs12">
+    <linearGradient
+       id="linearGradient6430">
+      <stop
+         id="stop6432"
+         style="stop-color:#000000;stop-opacity:1"
+         offset="0" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5850">
+      <stop
+         id="stop5852"
+         style="stop-color:#0c0014;stop-opacity:1"
+         offset="0" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5842">
+      <stop
+         id="stop5844"
+         style="stop-color:#ec0014;stop-opacity:1"
+         offset="0" />
+    </linearGradient>
+  </defs>
+  <metadata
+     id="metadata4">
+Created by potrace 1.8, written by Peter Selinger 2001-2007
+<rdf:RDF>
+  <cc:Work
+     rdf:about="">
+    <dc:format>image/svg+xml</dc:format>
+    <dc:type
+       rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+    <dc:title></dc:title>
+  </cc:Work>
+</rdf:RDF>
+</metadata>
+  <path
+     d="m 204.84375,21.78125 c -11.41554,-0.03057 -22.82821,0.980452 -34.0625,3.03125 -22.46861,4.101604 -43.99249,12.344464 -63.1875,24.21875 -19.195023,11.874291 -35.882464,27.293938 -48.875,45.28125 -12.992554,17.98733 -22.176073,38.36656 -26.84375,59.78125 -4.667682,21.41473 -4.779397,43.63842 -0.3125,65.09375 4.100677,19.69631 12.180022,38.47291 23.375,55.4375 l -0.65625,0.46875 c 13.178906,18.26045 32.826285,37.91401 53.25,50.5625 19.19769,11.8892 40.74085,20.15881 63.21875,24.28125 22.47787,4.12243 45.69768,4.07264 68.15625,-0.125 22.45855,-4.19764 43.98308,-12.51664 63.125,-24.46875 19.14192,-11.95211 35.75421,-27.43213 48.65625,-45.46875 12.90202,-18.03659 21.94469,-38.44914 26.5,-59.875 4.55532,-21.42582 4.54182,-43.63644 -0.0312,-65.0625 -4.57311,-21.426 -13.62628,-41.86313 -26.5313,-59.90625 -12.90501,-18.043118 -29.52414,-33.530138 -48.65625,-45.5 C 282.83658,37.561358 261.35185,29.220963 238.90625,25 227.68342,22.889512 216.25929,21.811823 204.84375,21.78125 z m -0.0937,40 c 8.99174,0.02408 17.96579,0.879353 26.75,2.53125 17.56848,3.303805 34.47555,9.881486 49.25,19.125 14.77449,9.243544 27.56035,21.24005 37.3125,34.875 9.75216,13.63496 16.60468,29.06075 20,44.96875 3.39531,15.90794 3.38042,32.47528 0,48.375 -3.38039,15.89966 -10.19664,31.32011 -19.9375,44.9375 -9.74084,13.61738 -22.50599,25.58691 -37.28125,34.8125 -14.77524,9.22557 -31.69948,15.80761 -49.28125,19.09375 -17.58175,3.28614 -35.994,3.32154 -53.59375,0.0937 -17.59972,-3.22778 -34.54907,-9.75574 -49.375,-18.9375 -12.17943,-7.54277 -28.08164,-22.78924 -38.25,-35.5 L 90.5,256.0625 c -9.688411,-13.6691 -16.46582,-29.10663 -19.78125,-45.03125 -3.315423,-15.92459 -3.215302,-32.50788 0.25,-48.40625 3.465309,-15.89839 10.371722,-31.31696 20.1875,-44.90625 9.8158,-13.58933 22.64937,-25.520041 37.46875,-34.6875 14.81939,-9.167466 31.75906,-15.664946 49.34375,-18.875 8.79236,-1.60503 17.78951,-2.399082 26.78125,-2.375 z"
+     id="path5840"
+     style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;baseline-shift:baseline;color:#000000;fill-opacity:1;fill-rule:nonzero;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Sans;-inkscape-font-specification:Sans" />
+  <path
+     d="m 257.48132,10.16455 c -12.20945,-0.2682889 -24.44156,0.50222 -36.48137,2.36921 -32.10618,4.97864 -62.50928,17.576528 -87.08458,36.168259 l 10.32391,12.123298 c 22.22526,-16.813883 50.09065,-28.391692 79.43525,-32.942101 29.34461,-4.550408 60.25398,-2.079351 88.07418,7.032017 27.82021,9.111368 52.6422,24.876021 70.79634,44.863764 18.15415,19.987742 29.74938,44.276933 33.16489,69.261583 l 16.34173,-1.99114 C 428.20666,118.92298 415.24669,91.895302 395.06212,69.672048 374.87755,47.448793 347.6604,30.238272 317.15138,20.246295 298.08324,14.001309 277.83042,10.611698 257.48132,10.16455 z"
+     id="path5874"
+     style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;baseline-shift:baseline;color:#000000;fill-opacity:0.95769234;fill-rule:nonzero;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Sans;-inkscape-font-specification:Sans" />
+  <path
+     d="m 49.9375,158.9375 a 7.3207322,7.3207322 0 0 0 -6.78125,7.125 l -1.25,32.5 0,0.15625 0,0.15625 0.78125,219.09375 0,1.8125 0.84375,1.625 0.75,1.34375 1.75,3.25 3.625,0.53125 c 7.891877,1.15876 29.002379,11.40921 57.21875,21.8125 28.15454,10.3805 64.61144,20.75778 108.375,22.15625 6e-4,2e-5 -6e-4,0.0312 0,0.0312 0,0 0.24338,-7.9e-4 0.28125,0 0.24008,0.005 0.95539,0.008 1.78125,-0.0625 0.95612,-0.0818 2.27841,-0.23141 4.1875,-0.5625 3.81818,-0.66218 10.00194,-2.01035 20.15625,-4.75 20.30862,-5.47929 56.50666,-16.57935 120.75,-39.3125 l 4.90625,-1.75 -0.0312,-5.21875 -1.40625,-246.4375 a 7.3207322,7.3207322 0 1 0 -14.625,0.0937 l 1.34375,241.1875 c -60.65221,21.37036 -95.59561,32.14462 -114.75,37.3125 -9.85853,2.65985 -15.66931,3.88696 -18.84375,4.4375 -1.58722,0.27527 -2.52219,0.37073 -2.9375,0.40625 -0.41531,0.0355 0.21875,0.0312 0.21875,0.0312 l -0.15625,0 -0.125,0 C 174.16843,454.60831 139.28186,444.70679 111.9375,434.625 87.974368,425.78986 70.746088,416.73188 57.28125,413.21875 L 56.5625,199.125 l 0,-0.0312 0,-0.28125 1.21875,-32.1875 a 7.3207322,7.3207322 0 0 0 -7.84375,-7.6875 z"
+     id="path5876"
+     style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;baseline-shift:baseline;color:#000000;fill-opacity:1;fill-rule:nonzero;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Sans;-inkscape-font-specification:Sans" />
+  <path
+     d="m 425.34375,119.125 -13.9375,3.5625 5.15625,20.3125 1.75,212.65625 0,0.0312 0.0937,31.875 -11.625,5.125 -0.1875,0.0937 -49.75,20.21875 5.4375,13.34375 49.9375,-20.3125 0.0937,-0.0312 0.0937,-0.0312 16.125,-7.125 4.3125,-1.90625 -0.0312,-4.6875 -0.125,-36.65625 0,-0.0312 L 430.96875,142 l 0,-0.875 -0.21875,-0.84375 -5.40625,-21.15625 z"
+     id="path5878"
+     style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;baseline-shift:baseline;color:#000000;fill-opacity:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Sans;-inkscape-font-specification:Sans" />
+  <path
+     d="m 199.8125,372.40625 0,1.1875 0,62 0,1.21875 1.1875,0 21,0 1.1875,0 0,-1.21875 0,-62 0,-1.1875 -1.1875,0 -21,0 -1.1875,0 z m 2.375,2.40625 18.625,0 0,59.59375 -18.625,0 0,-59.59375 z"
+     id="rect5880"
+     style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;baseline-shift:baseline;color:#000000;fill-opacity:1;fill-rule:nonzero;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Sans;-inkscape-font-specification:Sans" />
+  <path
+     d="m -299.60212,181.92046 a 123.2985,84.938965 0 1 1 155.44632,30.00748 l -52.5738,-76.83047 z"
+     transform="scale(0.8,0.8)"
+     id="path6478"
+     style="fill-opacity:0;fill-rule:nonzero" />
+</svg>
diff --git a/fhem/www/images/fhemSVG/remote_control.svg b/fhem/www/images/fhemSVG/remote_control.svg
new file mode 100644
index 000000000..f4a9067a9
--- /dev/null
+++ b/fhem/www/images/fhemSVG/remote_control.svg
@@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.0"
+   width="468pt"
+   height="468pt"
+   viewBox="0 0 568 568"
+   id="svg2">
+  <defs
+     id="defs12" />
+  <metadata
+     id="metadata4">
+Created by potrace 1.8, written by Peter Selinger 2001-2007
+<rdf:RDF>
+  <cc:Work
+     rdf:about="">
+    <dc:format>image/svg+xml</dc:format>
+    <dc:type
+       rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+    <dc:title></dc:title>
+  </cc:Work>
+</rdf:RDF>
+</metadata>
+  <g
+     transform="matrix(0.31014317,0,0,-0.31506905,5.4080647,571.67698)"
+     id="g6">
+    <path
+       d="M 97,1796 C 46,1777 22,1754 10,1711 4,1688 0,1385 0,897 0,55 -2,82 55,30 L 82,5 893,2 c 758,-2 814,-1 847,15 73,37 70,-6 70,888 0,775 -1,801 -20,832 -44,73 16,68 -865,70 -650,2 -797,0 -828,-11 z m 1573,-896 0,-770 -765,0 -765,0 0,770 0,770 765,0 765,0 0,-770 z"
+       id="path8" />
+  </g>
+  <text
+     x="168.70497"
+     y="326.7482"
+     transform="scale(0.7531229,1.3278045)"
+     id="text4055"
+     xml:space="preserve"
+     style="font-size:307.27346802px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill-opacity:1;font-family:Arial;-inkscape-font-specification:Arial Bold"><tspan
+       x="168.70497"
+       y="326.7482"
+       id="tspan4057">RC</tspan></text>
+</svg>