diff --git a/fhem/www/images/weather/COPYRIGHT b/fhem/www/images/weather/COPYRIGHT
deleted file mode 100755
index 6c774bfb6..000000000
--- a/fhem/www/images/weather/COPYRIGHT
+++ /dev/null
@@ -1,8 +0,0 @@
---------------------
-Urheberrechtshinweis
---------------------
-
-Diese Icons wurden von golosiy/Michael Preidel gestaltet (http://kleinklima.de).
-
-Die Icons stehen unter der Creative-Commons-Lizenz "Namensnennung-Nicht-kommerziell-Weitergabe unter gleichen Bedingungen 3.0 Deutschland (CC BY-NC-SA 3.0) " (http://creativecommons.org/licenses/by-nc-sa/3.0/de/).
-
diff --git a/fhem/www/images/weather/Fair-Day.svg b/fhem/www/images/weather/Fair-Day.svg
deleted file mode 100755
index 444da7c3f..000000000
--- a/fhem/www/images/weather/Fair-Day.svg
+++ /dev/null
@@ -1,214 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<!-- Fair (Day) | Contributed by hsoJ95 on GitHub: https://github.com/hsoj95 -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** CLOUDS
-*/
-@keyframes am-weather-cloud-1 {
-  0% {
-    -webkit-transform: translate(-5px,0px);
-       -moz-transform: translate(-5px,0px);
-        -ms-transform: translate(-5px,0px);
-            transform: translate(-5px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(10px,0px);
-       -moz-transform: translate(10px,0px);
-        -ms-transform: translate(10px,0px);
-            transform: translate(10px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(-5px,0px);
-       -moz-transform: translate(-5px,0px);
-        -ms-transform: translate(-5px,0px);
-            transform: translate(-5px,0px);
-  }
-}
-
-.am-weather-cloud-1 {
-  -webkit-animation-name: am-weather-cloud-1;
-     -moz-animation-name: am-weather-cloud-1;
-          animation-name: am-weather-cloud-1;
-  -webkit-animation-duration: 7s;
-     -moz-animation-duration: 7s;
-          animation-duration: 7s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-cloud-2 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(2px,0px);
-       -moz-transform: translate(2px,0px);
-        -ms-transform: translate(2px,0px);
-            transform: translate(2px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-2 {
-  -webkit-animation-name: am-weather-cloud-2;
-     -moz-animation-name: am-weather-cloud-2;
-          animation-name: am-weather-cloud-2;
-  -webkit-animation-duration: 3s;
-     -moz-animation-duration: 3s;
-          animation-duration: 3s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** SUN
-*/
-@keyframes am-weather-sun {
-  0% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-
-  100% {
-    -webkit-transform: rotate(360deg);
-       -moz-transform: rotate(360deg);
-        -ms-transform: rotate(360deg);
-            transform: rotate(360deg);
-  }
-}
-
-.am-weather-sun {
-  -webkit-animation-name: am-weather-sun;
-     -moz-animation-name: am-weather-sun;
-      -ms-animation-name: am-weather-sun;
-          animation-name: am-weather-sun;
-  -webkit-animation-duration: 9s;
-     -moz-animation-duration: 9s;
-      -ms-animation-duration: 9s;
-          animation-duration: 9s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-sun-shiny {
-  0% {
-    stroke-dasharray: 3px 10px;
-    stroke-dashoffset: 0px;
-  }
-
-  50% {
-    stroke-dasharray: 0.1px 10px;
-    stroke-dashoffset: -1px;
-  }
-
-  100% {
-    stroke-dasharray: 3px 10px;
-    stroke-dashoffset: 0px;
-  }
-}
-
-.am-weather-sun-shiny line {
-  -webkit-animation-name: am-weather-sun-shiny;
-     -moz-animation-name: am-weather-sun-shiny;
-      -ms-animation-name: am-weather-sun-shiny;
-          animation-name: am-weather-sun-shiny;
-  -webkit-animation-duration: 2s;
-     -moz-animation-duration: 2s;
-      -ms-animation-duration: 2s;
-          animation-duration: 2s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="cloudy-day-1">
-        <g transform="translate(20,10)">
-            <g transform="translate(0,16)">
-                <g class="am-weather-sun">
-                    <g>
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(45)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(90)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(135)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(180)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(225)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(270)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(315)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                </g>
-                <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-            </g>
-            <g class="am-weather-cloud-1">
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#C6DEFF" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-10,-8), scale(0.4)"/>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/fhem/www/images/weather/Fair-Night.svg b/fhem/www/images/weather/Fair-Night.svg
deleted file mode 100755
index c7de02ce5..000000000
--- a/fhem/www/images/weather/Fair-Night.svg
+++ /dev/null
@@ -1,237 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<!-- Fair (Day) | Contributed by hsoJ95 on GitHub: https://github.com/hsoj95 -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** CLOUDS
-*/
-@keyframes am-weather-cloud-1 {
-  0% {
-    -webkit-transform: translate(-5px,0px);
-       -moz-transform: translate(-5px,0px);
-        -ms-transform: translate(-5px,0px);
-            transform: translate(-5px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(10px,0px);
-       -moz-transform: translate(10px,0px);
-        -ms-transform: translate(10px,0px);
-            transform: translate(10px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(-5px,0px);
-       -moz-transform: translate(-5px,0px);
-        -ms-transform: translate(-5px,0px);
-            transform: translate(-5px,0px);
-  }
-}
-
-.am-weather-cloud-1 {
-  -webkit-animation-name: am-weather-cloud-1;
-     -moz-animation-name: am-weather-cloud-1;
-          animation-name: am-weather-cloud-1;
-  -webkit-animation-duration: 7s;
-     -moz-animation-duration: 7s;
-          animation-duration: 7s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-cloud-2 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(2px,0px);
-       -moz-transform: translate(2px,0px);
-        -ms-transform: translate(2px,0px);
-            transform: translate(2px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-2 {
-  -webkit-animation-name: am-weather-cloud-2;
-     -moz-animation-name: am-weather-cloud-2;
-          animation-name: am-weather-cloud-2;
-  -webkit-animation-duration: 3s;
-     -moz-animation-duration: 3s;
-          animation-duration: 3s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** MOON
-*/
-@keyframes am-weather-moon {
-  0% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-
-  50% {
-    -webkit-transform: rotate(15deg);
-       -moz-transform: rotate(15deg);
-        -ms-transform: rotate(15deg);
-            transform: rotate(15deg);
-  }
-
-  100% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-}
-
-.am-weather-moon {
-  -webkit-animation-name: am-weather-moon;
-     -moz-animation-name: am-weather-moon;
-      -ms-animation-name: am-weather-moon;
-          animation-name: am-weather-moon;
-  -webkit-animation-duration: 6s;
-     -moz-animation-duration: 6s;
-      -ms-animation-duration: 6s;
-          animation-duration: 6s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-  -webkit-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-     -moz-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-      -ms-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-          transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-}
-
-@keyframes am-weather-moon-star-1 {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}
-
-.am-weather-moon-star-1 {
-  -webkit-animation-name: am-weather-moon-star-1;
-     -moz-animation-name: am-weather-moon-star-1;
-      -ms-animation-name: am-weather-moon-star-1;
-          animation-name: am-weather-moon-star-1;
-  -webkit-animation-delay: 3s;
-     -moz-animation-delay: 3s;
-      -ms-animation-delay: 3s;
-          animation-delay: 3s;
-  -webkit-animation-duration: 5s;
-     -moz-animation-duration: 5s;
-      -ms-animation-duration: 5s;
-          animation-duration: 5s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: 1;
-     -moz-animation-iteration-count: 1;
-      -ms-animation-iteration-count: 1;
-          animation-iteration-count: 1;
-}
-
-@keyframes am-weather-moon-star-2 {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}
-
-.am-weather-moon-star-2 {
-  -webkit-animation-name: am-weather-moon-star-2;
-     -moz-animation-name: am-weather-moon-star-2;
-      -ms-animation-name: am-weather-moon-star-2;
-          animation-name: am-weather-moon-star-2;
-  -webkit-animation-delay: 5s;
-     -moz-animation-delay: 5s;
-      -ms-animation-delay: 5s;
-          animation-delay: 5s;
-  -webkit-animation-duration: 4s;
-     -moz-animation-duration: 4s;
-      -ms-animation-duration: 4s;
-          animation-duration: 4s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: 1;
-     -moz-animation-iteration-count: 1;
-      -ms-animation-iteration-count: 1;
-          animation-iteration-count: 1;
-}
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="Fair-Night">
-        <g transform="translate(20,10)">
-            <g name="moon">
-            <g class="am-weather-moon-star-1">
-                <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10"/>
-            </g>
-            <g class="am-weather-moon-star-2">
-                <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10" transform="translate(20,10)"/>
-            </g>
-            <g class="am-weather-moon">
-                <path d="M14.5,13.2c0-3.7,2-6.9,5-8.7   c-1.5-0.9-3.2-1.3-5-1.3c-5.5,0-10,4.5-10,10s4.5,10,10,10c1.8,0,3.5-0.5,5-1.3C16.5,20.2,14.5,16.9,14.5,13.2z" fill="orange" stroke="orange" stroke-linejoin="round" stroke-width="2"/>
-            </g>
-        </g>
-            <g class="am-weather-cloud-1">
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#C6DEFF" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-10,-8), scale(0.4)"/>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/fhem/www/images/weather/Hurricane.svg b/fhem/www/images/weather/Hurricane.svg
deleted file mode 100755
index 1ec66b7ef..000000000
--- a/fhem/www/images/weather/Hurricane.svg
+++ /dev/null
@@ -1,88 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!-- Tropical Storm | Contributed by hsoJ95 on GitHub: https://github.com/hsoj95 -->
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64" viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3" />
-            <feOffset dx="0" dy="4" result="offsetblur" />
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05" />
-            </feComponentTransfer>
-            <feMerge>
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic" />
-            </feMerge>
-        </filter>
-        <style>
-            <![CDATA[ @keyframes storm {
-                0% {
-                    transform: rotate(0turn);
-                }
-
-                100% {
-                    transform: rotate(-1turn);
-                }
-            }
-
-
-            #storm {
-                -webkit-animation-name: storm;
-                -moz-animation-name: storm;
-                animation-name: storm;
-                -webkit-animation-duration: 5s;
-                -moz-animation-duration: 5s;
-                animation-duration: 5s;
-                transform-origin: 50% 50%;
-                -webkit-animation-timing-function: linear;
-                -moz-animation-timing-function: linear;
-                animation-timing-function: linear;
-                -webkit-animation-iteration-count: infinite;
-                -moz-animation-iteration-count: infinite;
-                animation-iteration-count: infinite;
-            }
-
-            @keyframes error {
-                0% {
-                    fill: #cc0000;
-                }
-
-                50% {
-                    fill: #ff0000;
-                }
-
-                100% {
-                    fill: #cc0000;
-                }
-            }
-
-            #Shape {
-                -webkit-animation-name: error;
-                -moz-animation-name: error;
-                animation-name: error;
-                -webkit-animation-duration: 1s;
-                -moz-animation-duration: 1s;
-                animation-duration: 1s;
-                -webkit-animation-timing-function: linear;
-                -moz-animation-timing-function: linear;
-                animation-timing-function: linear;
-                -webkit-animation-iteration-count: infinite;
-                -moz-animation-iteration-count: infinite;
-                animation-iteration-count: infinite;
-            }
-
-            ]]>
-        </style>
-    </defs>
-    <g id="storm" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g transform="translate(15, 20)" fill-rule="nonzero" fill="#CC0000">
-            <path d="M18.4780225,0.0917014924 C18.5230562,0.0890149253 18.9252135,0.0890149253 19.371146,0.090358209 C20.1829213,0.0942985076 20.4027865,0.103522388 20.9947865,0.156358209 C21.7104719,0.221104477 22.4936629,0.338686567 23.1981124,0.487880599 C23.521618,0.556567163 23.96,0.659552239 23.9699775,0.670119401 C23.9724944,0.671462685 23.8625618,0.678089554 23.7276404,0.683373135 C22.0902471,0.74283582 20.5264719,1.15746269 19.4085394,1.82713433 C18.5180225,2.35934328 17.8523147,3.0699403 17.457618,3.90734329 C17.2739775,4.29429852 17.2053034,4.58220897 17.2203146,4.8965373 C17.2402696,5.34555225 17.4139326,5.73385076 17.9409439,6.50919401 C18.2482696,6.96089554 18.4655281,7.30029852 18.6179775,7.56573135 C19.2237303,8.62101492 19.5334832,9.67101494 19.6296629,10.9997015 C19.6521348,11.3140299 19.6483596,12.1659403 19.6221124,12.5053433 C19.536,13.6465075 19.373573,14.5076418 19.0838652,15.3713731 C18.3082247,17.6853134 16.7057078,19.6954925 14.4249888,21.2156418 C13.1310562,22.0794627 11.5847191,22.7846866 9.95352806,23.2549254 C8.64458426,23.6326567 7.36305619,23.8492836 5.83802246,23.9522686 C5.4895281,23.976 3.97698877,23.976 3.62732584,23.9522686 C2.73546067,23.892806 2.07101124,23.8122985 1.2915955,23.6709851 C0.760808988,23.5758805 -0.0123146068,23.4001791 0.000179775281,23.3790447 C0.00386516854,23.3737612 0.0987865171,23.3684776 0.212494381,23.3684776 C0.768269662,23.3684776 1.66885393,23.2549254 2.31460674,23.1030447 C3.76719101,22.7622985 4.87505618,22.190418 5.6719101,21.3702089 C6.02912359,21.0017015 6.295191,20.6266567 6.50624719,20.1920597 C6.6799101,19.8328657 6.74858426,19.5925075 6.75856181,19.3058508 C6.77851684,18.7709553 6.62993258,18.4182985 5.97914606,17.4581195 C5.75182023,17.121403 5.50705617,16.7409851 5.3971236,16.5521195 C4.78139325,15.4968358 4.45788765,14.4283881 4.3579326,13.1261195 C4.34049439,12.8949851 4.33051684,12.2781492 4.34049439,11.9995523 C4.40044942,10.2878508 4.72638203,8.87462685 5.37591012,7.51289554 C6.28017979,5.61770148 7.82022472,3.9416418 9.82489882,2.67107462 C11.9145168,1.34641791 14.4874607,0.477313432 17.1790562,0.189402985 C17.6025168,0.144537314 17.8610337,0.124656716 18.4780225,0.0917014924 Z"
-                id=""></path>
-        </g>
-    </g>
-    <g id="error" transform="translate(40, 30)">
-        <path d="M7.77911118,2.90598694 L1.78786622,13.0231308 L1.78786622,13.0231308 C1.2250391,13.9735514 1.53924574,15.2002811 2.48966639,15.7631082 C2.79820001,15.9458179 3.15018031,16.0422194 3.50875504,16.0422194 L15.491245,16.0422194 L15.491245,16.0422194 C16.5958145,16.0422194 17.491245,15.1467889 17.491245,14.0422194 C17.491245,13.6836447 17.3948435,13.3316644 17.2121338,13.0231308 L11.2208888,2.90598694 L11.2208888,2.90598694 C10.6580617,1.95556629 9.431332,1.64135966 8.48091135,2.20418678 C8.19172737,2.37543789 7.95036229,2.61680296 7.77911118,2.90598694 Z"
-            id="Shape" fill="#CC0000" fill-rule="nonzero"></path>
-        <path d="M9.5,10.5 L9.5,5.5" id="Line" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round"></path>
-        <circle id="Oval" fill="#FFFFFF" cx="9.5" cy="13" r="1"></circle>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/fhem/www/images/weather/Isolated-Thunderstorms.svg b/fhem/www/images/weather/Isolated-Thunderstorms.svg
deleted file mode 100755
index 90d14f992..000000000
--- a/fhem/www/images/weather/Isolated-Thunderstorms.svg
+++ /dev/null
@@ -1,369 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<!-- Isolated Thunderstorms | Contributed by hsoJ95 on GitHub: https://github.com/hsoj95 -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** CLOUDS
-*/
-@keyframes am-weather-cloud-1 {
-  0% {
-    -webkit-transform: translate(-5px,0px);
-       -moz-transform: translate(-5px,0px);
-        -ms-transform: translate(-5px,0px);
-            transform: translate(-5px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(10px,0px);
-       -moz-transform: translate(10px,0px);
-        -ms-transform: translate(10px,0px);
-            transform: translate(10px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(-5px,0px);
-       -moz-transform: translate(-5px,0px);
-        -ms-transform: translate(-5px,0px);
-            transform: translate(-5px,0px);
-  }
-}
-
-.am-weather-cloud-1 {
-  -webkit-animation-name: am-weather-cloud-1;
-     -moz-animation-name: am-weather-cloud-1;
-          animation-name: am-weather-cloud-1;
-  -webkit-animation-duration: 7s;
-     -moz-animation-duration: 7s;
-          animation-duration: 7s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-cloud-2 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(2px,0px);
-       -moz-transform: translate(2px,0px);
-        -ms-transform: translate(2px,0px);
-            transform: translate(2px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-2 {
-  -webkit-animation-name: am-weather-cloud-2;
-     -moz-animation-name: am-weather-cloud-2;
-          animation-name: am-weather-cloud-2;
-  -webkit-animation-duration: 3s;
-     -moz-animation-duration: 3s;
-          animation-duration: 3s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** SUN
-*/
-@keyframes am-weather-sun {
-  0% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-
-  100% {
-    -webkit-transform: rotate(360deg);
-       -moz-transform: rotate(360deg);
-        -ms-transform: rotate(360deg);
-            transform: rotate(360deg);
-  }
-}
-
-.am-weather-sun {
-  -webkit-animation-name: am-weather-sun;
-     -moz-animation-name: am-weather-sun;
-      -ms-animation-name: am-weather-sun;
-          animation-name: am-weather-sun;
-  -webkit-animation-duration: 9s;
-     -moz-animation-duration: 9s;
-      -ms-animation-duration: 9s;
-          animation-duration: 9s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-sun-shiny {
-  0% {
-    stroke-dasharray: 3px 10px;
-    stroke-dashoffset: 0px;
-  }
-
-  50% {
-    stroke-dasharray: 0.1px 10px;
-    stroke-dashoffset: -1px;
-  }
-
-  100% {
-    stroke-dasharray: 3px 10px;
-    stroke-dashoffset: 0px;
-  }
-}
-
-.am-weather-sun-shiny line {
-  -webkit-animation-name: am-weather-sun-shiny;
-     -moz-animation-name: am-weather-sun-shiny;
-      -ms-animation-name: am-weather-sun-shiny;
-          animation-name: am-weather-sun-shiny;
-  -webkit-animation-duration: 2s;
-     -moz-animation-duration: 2s;
-      -ms-animation-duration: 2s;
-          animation-duration: 2s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** STROKE
-*/
-@keyframes am-weather-stroke {
-  0% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  2% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  4% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  6% {
-    -webkit-transform: translate(0.5px,0.4px);
-       -moz-transform: translate(0.5px,0.4px);
-        -ms-transform: translate(0.5px,0.4px);
-            transform: translate(0.5px,0.4px);
-  }
-
-  8% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  10% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  12% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  14% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  16% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  18% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  20% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  22% {
-    -webkit-transform: translate(1px,0.0px);
-       -moz-transform: translate(1px,0.0px);
-        -ms-transform: translate(1px,0.0px);
-            transform: translate(1px,0.0px);
-  }
-
-  24% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  26% {
-    -webkit-transform: translate(-1px,0.0px);
-       -moz-transform: translate(-1px,0.0px);
-        -ms-transform: translate(-1px,0.0px);
-            transform: translate(-1px,0.0px);
-
-  }
-
-  28% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  40% {
-    fill: orange;
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  65% {
-    fill: white;
-    -webkit-transform: translate(-1px,5.0px);
-       -moz-transform: translate(-1px,5.0px);
-        -ms-transform: translate(-1px,5.0px);
-            transform: translate(-1px,5.0px);
-  }
-  61% {
-    fill: orange;
-  }
-
-  100% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-}
-
-.am-weather-stroke {
-  -webkit-animation-name: am-weather-stroke;
-     -moz-animation-name: am-weather-stroke;
-          animation-name: am-weather-stroke;
-  -webkit-animation-duration: 1.11s;
-     -moz-animation-duration: 1.11s;
-          animation-duration: 1.11s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="thunder">
-        <g transform="translate(20,10)">
-            <g transform="translate(0,16)">
-                <g class="am-weather-sun">
-                    <g>
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(45)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(90)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(135)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(180)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(225)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(270)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(315)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                </g>
-                <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-            </g>
-            <g id="clouds">
-                <path d="M47.7,35.4     c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3     c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#91C0F8" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)" />
-            </g>
-            <g transform="translate(-9,28), scale(1.2)">
-                <polygon class="am-weather-stroke" fill="orange" stroke="white" stroke-width="1" points="14.3,-2.9 20.5,-2.9 16.4,4.3 20.3,4.3 11.5,14.6 14.9,6.9 11.1,6.9" />
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/fhem/www/images/weather/Rain-and-Sleet-Mix.svg b/fhem/www/images/weather/Rain-and-Sleet-Mix.svg
deleted file mode 100755
index f7d71461c..000000000
--- a/fhem/www/images/weather/Rain-and-Sleet-Mix.svg
+++ /dev/null
@@ -1,97 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<!-- Mix of Rain and Sleet | Contributed by hsoJ95 on GitHub: https://github.com/hsoj95 -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-
-/*
-** RAIN
-*/
-@keyframes am-weather-rain {
-  0% {
-    stroke-dashoffset: 0;
-  }
-
-  100% {
-    stroke-dashoffset: -100;
-  }
-}
-
-.am-weather-rain-1 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-duration: 8s;
-     -moz-animation-duration: 8s;
-      -ms-animation-duration: 8s;
-          animation-duration: 8s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-.am-weather-rain-2 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-delay: 0.25s;
-     -moz-animation-delay: 0.25s;
-      -ms-animation-delay: 0.25s;
-          animation-delay: 0.25s;
-  -webkit-animation-duration: 8s;
-     -moz-animation-duration: 8s;
-      -ms-animation-duration: 8s;
-          animation-duration: 8s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="rainy-7">
-        <g transform="translate(20,10)">
-            <g>
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-        <g transform="translate(31,46), rotate(10)">
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="0.1,7" stroke-linecap="round" stroke-width="3" transform="translate(-5,1)" x1="0" x2="0" y1="0" y2="8" />
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(0,0)" x1="0" x2="0" y1="0" y2="8" />
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="0.1,7" stroke-linecap="round" stroke-width="3" transform="translate(5,0)" x1="0" x2="0" y1="0" y2="8" />
-        </g>
-        <g transform="translate(34,46), rotate(10)">
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(-13,1)" x1="0" x2="0" y1="0" y2="8" />
-            <line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(7,-1)" x1="0" x2="0" y1="0" y2="8" />
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/fhem/www/images/weather/Rain-and-Snow-Mix.svg b/fhem/www/images/weather/Rain-and-Snow-Mix.svg
deleted file mode 100755
index cc51bf913..000000000
--- a/fhem/www/images/weather/Rain-and-Snow-Mix.svg
+++ /dev/null
@@ -1,153 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<!-- Mix of Rain and Snow | Contributed by hsoJ95 on GitHub: https://github.com/hsoj95 -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** SNOW
-*/
-@keyframes am-weather-snow {
-  0% {
-    -webkit-transform: translate(0.0px,0);
-       -moz-transform: translate(0.0px,0);
-        -ms-transform: translate(0.0px,0);
-            transform: translate(0.0px,0);
-  }
-
-  33.33% {
-    -webkit-transform: translate(-1.2px,2px);
-       -moz-transform: translate(-1.2px,2px);
-        -ms-transform: translate(-1.2px,2px);
-            transform: translate(-1.2px,2px);
-  }
-
-  66.66% {
-    -webkit-transform: translate(1.4px,4px);
-       -moz-transform: translate(1.4px,4px);
-        -ms-transform: translate(1.4px,4px);
-            transform: translate(1.4px,4px);
-    opacity: 1;
-  }
-
-  100% {
-    -webkit-transform: translate(-1.6px,6px);
-       -moz-transform: translate(-1.6px,6px);
-        -ms-transform: translate(-1.6px,6px);
-            transform: translate(-1.6px,6px);
-    opacity: 0;
-  }
-}
-
-.am-weather-snow-1 {
-  -webkit-animation-name: am-weather-snow;
-     -moz-animation-name: am-weather-snow;
-      -ms-animation-name: am-weather-snow;
-          animation-name: am-weather-snow;
-  -webkit-animation-duration: 2s;
-     -moz-animation-duration: 2s;
-      -ms-animation-duration: 2s;
-          animation-duration: 2s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** RAIN
-*/
-@keyframes am-weather-rain {
-  0% {
-    stroke-dashoffset: 0;
-  }
-
-  100% {
-    stroke-dashoffset: -100;
-  }
-}
-
-.am-weather-rain-1 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-duration: 8s;
-     -moz-animation-duration: 8s;
-      -ms-animation-duration: 8s;
-          animation-duration: 8s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-.am-weather-rain-2 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-delay: 0.25s;
-     -moz-animation-delay: 0.25s;
-      -ms-animation-delay: 0.25s;
-          animation-delay: 0.25s;
-  -webkit-animation-duration: 8s;
-     -moz-animation-duration: 8s;
-      -ms-animation-duration: 8s;
-          animation-duration: 8s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="snowy-4">
-        <g transform="translate(20,10)">
-            <g>
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-            <g class="am-weather-snow-1">
-                <g transform="translate(11,28)">
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                </g>
-            </g>
-            <g transform="translate(14,36), rotate(10)">
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(-10,1)" x1="0" x2="0" y1="0" y2="8" />
-            <line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(5,-1)" x1="0" x2="0" y1="0" y2="8" />
-        </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/fhem/www/images/weather/Scattered-Thunderstorms.svg b/fhem/www/images/weather/Scattered-Thunderstorms.svg
deleted file mode 100755
index 1861db655..000000000
--- a/fhem/www/images/weather/Scattered-Thunderstorms.svg
+++ /dev/null
@@ -1,369 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<!-- Scattered Thunderstorms | Contributed by hsoJ95 on GitHub: https://github.com/hsoj95 -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** CLOUDS
-*/
-@keyframes am-weather-cloud-1 {
-  0% {
-    -webkit-transform: translate(-5px,0px);
-       -moz-transform: translate(-5px,0px);
-        -ms-transform: translate(-5px,0px);
-            transform: translate(-5px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(10px,0px);
-       -moz-transform: translate(10px,0px);
-        -ms-transform: translate(10px,0px);
-            transform: translate(10px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(-5px,0px);
-       -moz-transform: translate(-5px,0px);
-        -ms-transform: translate(-5px,0px);
-            transform: translate(-5px,0px);
-  }
-}
-
-.am-weather-cloud-1 {
-  -webkit-animation-name: am-weather-cloud-1;
-     -moz-animation-name: am-weather-cloud-1;
-          animation-name: am-weather-cloud-1;
-  -webkit-animation-duration: 7s;
-     -moz-animation-duration: 7s;
-          animation-duration: 7s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-cloud-2 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(2px,0px);
-       -moz-transform: translate(2px,0px);
-        -ms-transform: translate(2px,0px);
-            transform: translate(2px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-2 {
-  -webkit-animation-name: am-weather-cloud-2;
-     -moz-animation-name: am-weather-cloud-2;
-          animation-name: am-weather-cloud-2;
-  -webkit-animation-duration: 3s;
-     -moz-animation-duration: 3s;
-          animation-duration: 3s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** SUN
-*/
-@keyframes am-weather-sun {
-  0% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-
-  100% {
-    -webkit-transform: rotate(360deg);
-       -moz-transform: rotate(360deg);
-        -ms-transform: rotate(360deg);
-            transform: rotate(360deg);
-  }
-}
-
-.am-weather-sun {
-  -webkit-animation-name: am-weather-sun;
-     -moz-animation-name: am-weather-sun;
-      -ms-animation-name: am-weather-sun;
-          animation-name: am-weather-sun;
-  -webkit-animation-duration: 9s;
-     -moz-animation-duration: 9s;
-      -ms-animation-duration: 9s;
-          animation-duration: 9s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-sun-shiny {
-  0% {
-    stroke-dasharray: 3px 10px;
-    stroke-dashoffset: 0px;
-  }
-
-  50% {
-    stroke-dasharray: 0.1px 10px;
-    stroke-dashoffset: -1px;
-  }
-
-  100% {
-    stroke-dasharray: 3px 10px;
-    stroke-dashoffset: 0px;
-  }
-}
-
-.am-weather-sun-shiny line {
-  -webkit-animation-name: am-weather-sun-shiny;
-     -moz-animation-name: am-weather-sun-shiny;
-      -ms-animation-name: am-weather-sun-shiny;
-          animation-name: am-weather-sun-shiny;
-  -webkit-animation-duration: 2s;
-     -moz-animation-duration: 2s;
-      -ms-animation-duration: 2s;
-          animation-duration: 2s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** STROKE
-*/
-@keyframes am-weather-stroke {
-  0% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  2% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  4% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  6% {
-    -webkit-transform: translate(0.5px,0.4px);
-       -moz-transform: translate(0.5px,0.4px);
-        -ms-transform: translate(0.5px,0.4px);
-            transform: translate(0.5px,0.4px);
-  }
-
-  8% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  10% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  12% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  14% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  16% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  18% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  20% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  22% {
-    -webkit-transform: translate(1px,0.0px);
-       -moz-transform: translate(1px,0.0px);
-        -ms-transform: translate(1px,0.0px);
-            transform: translate(1px,0.0px);
-  }
-
-  24% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  26% {
-    -webkit-transform: translate(-1px,0.0px);
-       -moz-transform: translate(-1px,0.0px);
-        -ms-transform: translate(-1px,0.0px);
-            transform: translate(-1px,0.0px);
-
-  }
-
-  28% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  40% {
-    fill: orange;
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  65% {
-    fill: white;
-    -webkit-transform: translate(-1px,5.0px);
-       -moz-transform: translate(-1px,5.0px);
-        -ms-transform: translate(-1px,5.0px);
-            transform: translate(-1px,5.0px);
-  }
-  61% {
-    fill: orange;
-  }
-
-  100% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-}
-
-.am-weather-stroke {
-  -webkit-animation-name: am-weather-stroke;
-     -moz-animation-name: am-weather-stroke;
-          animation-name: am-weather-stroke;
-  -webkit-animation-duration: 1.11s;
-     -moz-animation-duration: 1.11s;
-          animation-duration: 1.11s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="thunder">
-        <g transform="translate(20,10)">
-            <g transform="translate(0,16)">
-                <g class="am-weather-sun">
-                    <g>
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(45)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(90)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(135)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(180)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(225)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(270)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(315)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                </g>
-                <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-            </g>
-            <g id="clouds">
-                <path d="M47.7,35.4     c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3     c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)" />
-            </g>
-            <g transform="translate(-9,28), scale(1.2)">
-                <polygon class="am-weather-stroke" fill="orange" stroke="white" stroke-width="1" points="14.3,-2.9 20.5,-2.9 16.4,4.3 20.3,4.3 11.5,14.6 14.9,6.9 11.1,6.9" />
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/fhem/www/images/weather/Severe-Thunderstorm.svg b/fhem/www/images/weather/Severe-Thunderstorm.svg
deleted file mode 100755
index 37a349e23..000000000
--- a/fhem/www/images/weather/Severe-Thunderstorm.svg
+++ /dev/null
@@ -1,305 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<!-- Severe Thunderstorm | Contributed by hsoJ95 on GitHub: https://github.com/hsoj95 -->
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64" viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3" />
-            <feOffset dx="0" dy="4" result="offsetblur" />
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05" />
-            </feComponentTransfer>
-            <feMerge>
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic" />
-            </feMerge>
-        </filter>
-        <style type="text/css">
-            <![CDATA[
-            /*
-** CLOUDS
-*/
-
-            @keyframes am-weather-cloud-1 {
-                0% {
-                    -webkit-transform: translate(-5px, 0px);
-                    -moz-transform: translate(-5px, 0px);
-                    -ms-transform: translate(-5px, 0px);
-                    transform: translate(-5px, 0px);
-                }
-
-                50% {
-                    -webkit-transform: translate(10px, 0px);
-                    -moz-transform: translate(10px, 0px);
-                    -ms-transform: translate(10px, 0px);
-                    transform: translate(10px, 0px);
-                }
-
-                100% {
-                    -webkit-transform: translate(-5px, 0px);
-                    -moz-transform: translate(-5px, 0px);
-                    -ms-transform: translate(-5px, 0px);
-                    transform: translate(-5px, 0px);
-                }
-            }
-
-            .am-weather-cloud-1 {
-                -webkit-animation-name: am-weather-cloud-1;
-                -moz-animation-name: am-weather-cloud-1;
-                animation-name: am-weather-cloud-1;
-                -webkit-animation-duration: 7s;
-                -moz-animation-duration: 7s;
-                animation-duration: 7s;
-                -webkit-animation-timing-function: linear;
-                -moz-animation-timing-function: linear;
-                animation-timing-function: linear;
-                -webkit-animation-iteration-count: infinite;
-                -moz-animation-iteration-count: infinite;
-                animation-iteration-count: infinite;
-            }
-
-            @keyframes am-weather-cloud-2 {
-                0% {
-                    -webkit-transform: translate(0px, 0px);
-                    -moz-transform: translate(0px, 0px);
-                    -ms-transform: translate(0px, 0px);
-                    transform: translate(0px, 0px);
-                }
-
-                50% {
-                    -webkit-transform: translate(2px, 0px);
-                    -moz-transform: translate(2px, 0px);
-                    -ms-transform: translate(2px, 0px);
-                    transform: translate(2px, 0px);
-                }
-
-                100% {
-                    -webkit-transform: translate(0px, 0px);
-                    -moz-transform: translate(0px, 0px);
-                    -ms-transform: translate(0px, 0px);
-                    transform: translate(0px, 0px);
-                }
-            }
-
-            .am-weather-cloud-2 {
-                -webkit-animation-name: am-weather-cloud-2;
-                -moz-animation-name: am-weather-cloud-2;
-                animation-name: am-weather-cloud-2;
-                -webkit-animation-duration: 3s;
-                -moz-animation-duration: 3s;
-                animation-duration: 3s;
-                -webkit-animation-timing-function: linear;
-                -moz-animation-timing-function: linear;
-                animation-timing-function: linear;
-                -webkit-animation-iteration-count: infinite;
-                -moz-animation-iteration-count: infinite;
-                animation-iteration-count: infinite;
-            }
-            /*
-** STROKE
-*/
-
-            @keyframes am-weather-stroke {
-                0% {
-                    -webkit-transform: translate(0.0px, 0.0px);
-                    -moz-transform: translate(0.0px, 0.0px);
-                    -ms-transform: translate(0.0px, 0.0px);
-                    transform: translate(0.0px, 0.0px);
-                }
-
-                2% {
-                    -webkit-transform: translate(0.3px, 0.0px);
-                    -moz-transform: translate(0.3px, 0.0px);
-                    -ms-transform: translate(0.3px, 0.0px);
-                    transform: translate(0.3px, 0.0px);
-                }
-
-                4% {
-                    -webkit-transform: translate(0.0px, 0.0px);
-                    -moz-transform: translate(0.0px, 0.0px);
-                    -ms-transform: translate(0.0px, 0.0px);
-                    transform: translate(0.0px, 0.0px);
-                }
-
-                6% {
-                    -webkit-transform: translate(0.5px, 0.4px);
-                    -moz-transform: translate(0.5px, 0.4px);
-                    -ms-transform: translate(0.5px, 0.4px);
-                    transform: translate(0.5px, 0.4px);
-                }
-
-                8% {
-                    -webkit-transform: translate(0.0px, 0.0px);
-                    -moz-transform: translate(0.0px, 0.0px);
-                    -ms-transform: translate(0.0px, 0.0px);
-                    transform: translate(0.0px, 0.0px);
-                }
-
-                10% {
-                    -webkit-transform: translate(0.3px, 0.0px);
-                    -moz-transform: translate(0.3px, 0.0px);
-                    -ms-transform: translate(0.3px, 0.0px);
-                    transform: translate(0.3px, 0.0px);
-                }
-
-                12% {
-                    -webkit-transform: translate(0.0px, 0.0px);
-                    -moz-transform: translate(0.0px, 0.0px);
-                    -ms-transform: translate(0.0px, 0.0px);
-                    transform: translate(0.0px, 0.0px);
-                }
-
-                14% {
-                    -webkit-transform: translate(0.3px, 0.0px);
-                    -moz-transform: translate(0.3px, 0.0px);
-                    -ms-transform: translate(0.3px, 0.0px);
-                    transform: translate(0.3px, 0.0px);
-                }
-
-                16% {
-                    -webkit-transform: translate(0.0px, 0.0px);
-                    -moz-transform: translate(0.0px, 0.0px);
-                    -ms-transform: translate(0.0px, 0.0px);
-                    transform: translate(0.0px, 0.0px);
-                }
-
-                18% {
-                    -webkit-transform: translate(0.3px, 0.0px);
-                    -moz-transform: translate(0.3px, 0.0px);
-                    -ms-transform: translate(0.3px, 0.0px);
-                    transform: translate(0.3px, 0.0px);
-                }
-
-                20% {
-                    -webkit-transform: translate(0.0px, 0.0px);
-                    -moz-transform: translate(0.0px, 0.0px);
-                    -ms-transform: translate(0.0px, 0.0px);
-                    transform: translate(0.0px, 0.0px);
-                }
-
-                22% {
-                    -webkit-transform: translate(1px, 0.0px);
-                    -moz-transform: translate(1px, 0.0px);
-                    -ms-transform: translate(1px, 0.0px);
-                    transform: translate(1px, 0.0px);
-                }
-
-                24% {
-                    -webkit-transform: translate(0.0px, 0.0px);
-                    -moz-transform: translate(0.0px, 0.0px);
-                    -ms-transform: translate(0.0px, 0.0px);
-                    transform: translate(0.0px, 0.0px);
-                }
-
-                26% {
-                    -webkit-transform: translate(-1px, 0.0px);
-                    -moz-transform: translate(-1px, 0.0px);
-                    -ms-transform: translate(-1px, 0.0px);
-                    transform: translate(-1px, 0.0px);
-                }
-
-                28% {
-                    -webkit-transform: translate(0.0px, 0.0px);
-                    -moz-transform: translate(0.0px, 0.0px);
-                    -ms-transform: translate(0.0px, 0.0px);
-                    transform: translate(0.0px, 0.0px);
-                }
-
-                40% {
-                    fill: orange;
-                    -webkit-transform: translate(0.0px, 0.0px);
-                    -moz-transform: translate(0.0px, 0.0px);
-                    -ms-transform: translate(0.0px, 0.0px);
-                    transform: translate(0.0px, 0.0px);
-                }
-
-                65% {
-                    fill: white;
-                    -webkit-transform: translate(-1px, 5.0px);
-                    -moz-transform: translate(-1px, 5.0px);
-                    -ms-transform: translate(-1px, 5.0px);
-                    transform: translate(-1px, 5.0px);
-                }
-                61% {
-                    fill: orange;
-                }
-
-                100% {
-                    -webkit-transform: translate(0.0px, 0.0px);
-                    -moz-transform: translate(0.0px, 0.0px);
-                    -ms-transform: translate(0.0px, 0.0px);
-                    transform: translate(0.0px, 0.0px);
-                }
-            }
-
-            .am-weather-stroke {
-                -webkit-animation-name: am-weather-stroke;
-                -moz-animation-name: am-weather-stroke;
-                animation-name: am-weather-stroke;
-                -webkit-animation-duration: 1.11s;
-                -moz-animation-duration: 1.11s;
-                animation-duration: 1.11s;
-                -webkit-animation-timing-function: linear;
-                -moz-animation-timing-function: linear;
-                animation-timing-function: linear;
-                -webkit-animation-iteration-count: infinite;
-                -moz-animation-iteration-count: infinite;
-                animation-iteration-count: infinite;
-            }
-
-            @keyframes error {
-                0% {
-                    fill: #cc0000;
-                }
-
-                50% {
-                    fill: #ff0000;
-                }
-
-                100% {
-                    fill: #cc0000;
-                }
-            }
-
-            #Shape {
-                -webkit-animation-name: error;
-                -moz-animation-name: error;
-                animation-name: error;
-                -webkit-animation-duration: 1s;
-                -moz-animation-duration: 1s;
-                animation-duration: 1s;
-                -webkit-animation-timing-function: linear;
-                -moz-animation-timing-function: linear;
-                animation-timing-function: linear;
-                -webkit-animation-iteration-count: infinite;
-                -moz-animation-iteration-count: infinite;
-                animation-iteration-count: infinite;
-            }
-
-            ]]>
-        </style>
-    </defs>
-    <g filter="url(#blur)" id="thunder">
-        <g transform="translate(20,10)">
-            <g class="am-weather-cloud-1">
-                <path d="M47.7,35.4     c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3     c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z"
-                    fill="#666" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-10,-6), scale(0.6)"
-                />
-            </g>
-            <g>
-                <path d="M47.7,35.4     c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3     c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z"
-                    fill="#333" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)" />
-            </g>
-            <g transform="translate(-9,28), scale(1.2)">
-                <polygon class="am-weather-stroke" fill="orange" stroke="white" stroke-width="1" points="14.3,-2.9 20.5,-2.9 16.4,4.3 20.3,4.3 11.5,14.6 14.9,6.9 11.1,6.9"
-                />
-            </g>
-            <g id="error" transform="translate(23, 25)">
-                <path d="M7.77911118,2.90598694 L1.78786622,13.0231308 L1.78786622,13.0231308 C1.2250391,13.9735514 1.53924574,15.2002811 2.48966639,15.7631082 C2.79820001,15.9458179 3.15018031,16.0422194 3.50875504,16.0422194 L15.491245,16.0422194 L15.491245,16.0422194 C16.5958145,16.0422194 17.491245,15.1467889 17.491245,14.0422194 C17.491245,13.6836447 17.3948435,13.3316644 17.2121338,13.0231308 L11.2208888,2.90598694 L11.2208888,2.90598694 C10.6580617,1.95556629 9.431332,1.64135966 8.48091135,2.20418678 C8.19172737,2.37543789 7.95036229,2.61680296 7.77911118,2.90598694 Z"
-                    id="Shape" fill="#CC0000" fill-rule="nonzero"></path>
-                <path d="M9.5,10.5 L9.5,5.5" id="Line" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round"></path>
-                <circle id="Oval" fill="#FFFFFF" cx="9.5" cy="13" r="1"></circle>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/fhem/www/images/weather/Snow-and-Sleet-Mix.svg b/fhem/www/images/weather/Snow-and-Sleet-Mix.svg
deleted file mode 100755
index cca7004e7..000000000
--- a/fhem/www/images/weather/Snow-and-Sleet-Mix.svg
+++ /dev/null
@@ -1,185 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<!-- Mix of Sleet and Snow | Contributed by hsoJ95 on GitHub: https://github.com/hsoj95 -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** RAIN
-*/
-@keyframes am-weather-rain {
-  0% {
-    stroke-dashoffset: 0;
-  }
-
-  100% {
-    stroke-dashoffset: -100;
-  }
-}
-
-.am-weather-rain-1 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-duration: 8s;
-     -moz-animation-duration: 8s;
-      -ms-animation-duration: 8s;
-          animation-duration: 8s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-.am-weather-rain-2 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-delay: 0.25s;
-     -moz-animation-delay: 0.25s;
-      -ms-animation-delay: 0.25s;
-          animation-delay: 0.25s;
-  -webkit-animation-duration: 8s;
-     -moz-animation-duration: 8s;
-      -ms-animation-duration: 8s;
-          animation-duration: 8s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** SNOW
-*/
-@keyframes am-weather-snow {
-  0% {
-    -webkit-transform: translateX(0) translateY(0);
-       -moz-transform: translateX(0) translateY(0);
-        -ms-transform: translateX(0) translateY(0);
-            transform: translateX(0) translateY(0);
-  }
-
-  33.33% {
-    -webkit-transform: translateX(-1.2px) translateY(2px);
-       -moz-transform: translateX(-1.2px) translateY(2px);
-        -ms-transform: translateX(-1.2px) translateY(2px);
-            transform: translateX(-1.2px) translateY(2px);
-  }
-
-  66.66% {
-    -webkit-transform: translateX(1.4px) translateY(4px);
-       -moz-transform: translateX(1.4px) translateY(4px);
-        -ms-transform: translateX(1.4px) translateY(4px);
-            transform: translateX(1.4px) translateY(4px);
-    opacity: 1;
-  }
-
-  100% {
-    -webkit-transform: translateX(-1.6px) translateY(6px);
-       -moz-transform: translateX(-1.6px) translateY(6px);
-        -ms-transform: translateX(-1.6px) translateY(6px);
-            transform: translateX(-1.6px) translateY(6px);
-    opacity: 0;
-  }
-}
-
-.am-weather-snow-1 {
-  -webkit-animation-name: am-weather-snow;
-     -moz-animation-name: am-weather-snow;
-      -ms-animation-name: am-weather-snow;
-          animation-name: am-weather-snow;
-  -webkit-animation-duration: 2s;
-     -moz-animation-duration: 2s;
-      -ms-animation-duration: 2s;
-          animation-duration: 2s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-.am-weather-snow-2 {
-  -webkit-animation-name: am-weather-snow;
-     -moz-animation-name: am-weather-snow;
-      -ms-animation-name: am-weather-snow;
-          animation-name: am-weather-snow;
-  -webkit-animation-delay: 1.2s;
-     -moz-animation-delay: 1.2s;
-      -ms-animation-delay: 1.2s;
-          animation-delay: 1.2s;
-  -webkit-animation-duration: 2s;
-     -moz-animation-duration: 2s;
-      -ms-animation-duration: 2s;
-          animation-duration: 2s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="rainy-7">
-        <g transform="translate(20,10)">
-            <g>
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-        <g transform="translate(31,46), rotate(10)">
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="0.1,7" stroke-linecap="round" stroke-width="3" transform="translate(-5,1)" x1="0" x2="0" y1="0" y2="8" />
-            <line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="0.1,7" stroke-linecap="round" stroke-width="3" transform="translate(0,-1)" x1="0" x2="0" y1="0" y2="8" />
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="0.1,7" stroke-linecap="round" stroke-width="3" transform="translate(5,0)" x1="0" x2="0" y1="0" y2="8" />
-        </g>
-        <g class="am-weather-snow-1">
-                <g transform="translate(21,38)">
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                </g>
-            </g>
-            <g class="am-weather-snow-2">
-                <g transform="translate(40,38)">
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                </g>
-            </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/fhem/www/images/weather/Tornado.svg b/fhem/www/images/weather/Tornado.svg
deleted file mode 100755
index 0a74203b3..000000000
--- a/fhem/www/images/weather/Tornado.svg
+++ /dev/null
@@ -1,360 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<!-- Tornado | Contributed by hsoJ95 on GitHub: https://github.com/hsoj95 -->
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64" viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3" />
-            <feOffset dx="0" dy="4" result="offsetblur" />
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05" />
-            </feComponentTransfer>
-            <feMerge>
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic" />
-            </feMerge>
-        </filter>
-        <style type="text/css">
-            <![CDATA[
-            /*
-** CLOUDS
-*/
-
-            @keyframes am-weather-cloud-1 {
-                0% {
-                    -webkit-transform: translate(-5px, 0px);
-                    -moz-transform: translate(-5px, 0px);
-                    -ms-transform: translate(-5px, 0px);
-                    transform: translate(-5px, 0px);
-                }
-
-                50% {
-                    -webkit-transform: translate(10px, 0px);
-                    -moz-transform: translate(10px, 0px);
-                    -ms-transform: translate(10px, 0px);
-                    transform: translate(10px, 0px);
-                }
-
-                100% {
-                    -webkit-transform: translate(-5px, 0px);
-                    -moz-transform: translate(-5px, 0px);
-                    -ms-transform: translate(-5px, 0px);
-                    transform: translate(-5px, 0px);
-                }
-            }
-
-            .am-weather-cloud-1 {
-                -webkit-animation-name: am-weather-cloud-1;
-                -moz-animation-name: am-weather-cloud-1;
-                animation-name: am-weather-cloud-1;
-                -webkit-animation-duration: 7s;
-                -moz-animation-duration: 7s;
-                animation-duration: 7s;
-                -webkit-animation-timing-function: linear;
-                -moz-animation-timing-function: linear;
-                animation-timing-function: linear;
-                -webkit-animation-iteration-count: infinite;
-                -moz-animation-iteration-count: infinite;
-                animation-iteration-count: infinite;
-            }
-
-            @keyframes am-weather-cloud-2 {
-                0% {
-                    -webkit-transform: translate(0px, 0px);
-                    -moz-transform: translate(0px, 0px);
-                    -ms-transform: translate(0px, 0px);
-                    transform: translate(0px, 0px);
-                }
-
-                50% {
-                    -webkit-transform: translate(2px, 0px);
-                    -moz-transform: translate(2px, 0px);
-                    -ms-transform: translate(2px, 0px);
-                    transform: translate(2px, 0px);
-                }
-
-                100% {
-                    -webkit-transform: translate(0px, 0px);
-                    -moz-transform: translate(0px, 0px);
-                    -ms-transform: translate(0px, 0px);
-                    transform: translate(0px, 0px);
-                }
-            }
-
-            .am-weather-cloud-2 {
-                -webkit-animation-name: am-weather-cloud-2;
-                -moz-animation-name: am-weather-cloud-2;
-                animation-name: am-weather-cloud-2;
-                -webkit-animation-duration: 3s;
-                -moz-animation-duration: 3s;
-                animation-duration: 3s;
-                -webkit-animation-timing-function: linear;
-                -moz-animation-timing-function: linear;
-                animation-timing-function: linear;
-                -webkit-animation-iteration-count: infinite;
-                -moz-animation-iteration-count: infinite;
-                animation-iteration-count: infinite;
-            }
-            /*
-** STROKE
-*/
-
-            @keyframes am-weather-stroke {
-                0% {
-                    -webkit-transform: translate(0.0px, 0.0px);
-                    -moz-transform: translate(0.0px, 0.0px);
-                    -ms-transform: translate(0.0px, 0.0px);
-                    transform: translate(0.0px, 0.0px);
-                }
-
-                2% {
-                    -webkit-transform: translate(0.3px, 0.0px);
-                    -moz-transform: translate(0.3px, 0.0px);
-                    -ms-transform: translate(0.3px, 0.0px);
-                    transform: translate(0.3px, 0.0px);
-                }
-
-                4% {
-                    -webkit-transform: translate(0.0px, 0.0px);
-                    -moz-transform: translate(0.0px, 0.0px);
-                    -ms-transform: translate(0.0px, 0.0px);
-                    transform: translate(0.0px, 0.0px);
-                }
-
-                6% {
-                    -webkit-transform: translate(0.5px, 0.4px);
-                    -moz-transform: translate(0.5px, 0.4px);
-                    -ms-transform: translate(0.5px, 0.4px);
-                    transform: translate(0.5px, 0.4px);
-                }
-
-                8% {
-                    -webkit-transform: translate(0.0px, 0.0px);
-                    -moz-transform: translate(0.0px, 0.0px);
-                    -ms-transform: translate(0.0px, 0.0px);
-                    transform: translate(0.0px, 0.0px);
-                }
-
-                10% {
-                    -webkit-transform: translate(0.3px, 0.0px);
-                    -moz-transform: translate(0.3px, 0.0px);
-                    -ms-transform: translate(0.3px, 0.0px);
-                    transform: translate(0.3px, 0.0px);
-                }
-
-                12% {
-                    -webkit-transform: translate(0.0px, 0.0px);
-                    -moz-transform: translate(0.0px, 0.0px);
-                    -ms-transform: translate(0.0px, 0.0px);
-                    transform: translate(0.0px, 0.0px);
-                }
-
-                14% {
-                    -webkit-transform: translate(0.3px, 0.0px);
-                    -moz-transform: translate(0.3px, 0.0px);
-                    -ms-transform: translate(0.3px, 0.0px);
-                    transform: translate(0.3px, 0.0px);
-                }
-
-                16% {
-                    -webkit-transform: translate(0.0px, 0.0px);
-                    -moz-transform: translate(0.0px, 0.0px);
-                    -ms-transform: translate(0.0px, 0.0px);
-                    transform: translate(0.0px, 0.0px);
-                }
-
-                18% {
-                    -webkit-transform: translate(0.3px, 0.0px);
-                    -moz-transform: translate(0.3px, 0.0px);
-                    -ms-transform: translate(0.3px, 0.0px);
-                    transform: translate(0.3px, 0.0px);
-                }
-
-                20% {
-                    -webkit-transform: translate(0.0px, 0.0px);
-                    -moz-transform: translate(0.0px, 0.0px);
-                    -ms-transform: translate(0.0px, 0.0px);
-                    transform: translate(0.0px, 0.0px);
-                }
-
-                22% {
-                    -webkit-transform: translate(1px, 0.0px);
-                    -moz-transform: translate(1px, 0.0px);
-                    -ms-transform: translate(1px, 0.0px);
-                    transform: translate(1px, 0.0px);
-                }
-
-                24% {
-                    -webkit-transform: translate(0.0px, 0.0px);
-                    -moz-transform: translate(0.0px, 0.0px);
-                    -ms-transform: translate(0.0px, 0.0px);
-                    transform: translate(0.0px, 0.0px);
-                }
-
-                26% {
-                    -webkit-transform: translate(-1px, 0.0px);
-                    -moz-transform: translate(-1px, 0.0px);
-                    -ms-transform: translate(-1px, 0.0px);
-                    transform: translate(-1px, 0.0px);
-                }
-
-                28% {
-                    -webkit-transform: translate(0.0px, 0.0px);
-                    -moz-transform: translate(0.0px, 0.0px);
-                    -ms-transform: translate(0.0px, 0.0px);
-                    transform: translate(0.0px, 0.0px);
-                }
-
-                40% {
-                    fill: orange;
-                    -webkit-transform: translate(0.0px, 0.0px);
-                    -moz-transform: translate(0.0px, 0.0px);
-                    -ms-transform: translate(0.0px, 0.0px);
-                    transform: translate(0.0px, 0.0px);
-                }
-
-                65% {
-                    fill: white;
-                    -webkit-transform: translate(-1px, 5.0px);
-                    -moz-transform: translate(-1px, 5.0px);
-                    -ms-transform: translate(-1px, 5.0px);
-                    transform: translate(-1px, 5.0px);
-                }
-                61% {
-                    fill: orange;
-                }
-
-                100% {
-                    -webkit-transform: translate(0.0px, 0.0px);
-                    -moz-transform: translate(0.0px, 0.0px);
-                    -ms-transform: translate(0.0px, 0.0px);
-                    transform: translate(0.0px, 0.0px);
-                }
-            }
-
-            .am-weather-stroke {
-                -webkit-animation-name: am-weather-stroke;
-                -moz-animation-name: am-weather-stroke;
-                animation-name: am-weather-stroke;
-                -webkit-animation-duration: 1.11s;
-                -moz-animation-duration: 1.11s;
-                animation-duration: 1.11s;
-                -webkit-animation-timing-function: linear;
-                -moz-animation-timing-function: linear;
-                animation-timing-function: linear;
-                -webkit-animation-iteration-count: infinite;
-                -moz-animation-iteration-count: infinite;
-                animation-iteration-count: infinite;
-            }
-            /*
-            ** Tornado
-            */
-
-            @keyframes tornado {
-                0% {
-                    -webkit-transform: translate(-5px, 30px) scale(1.0);
-                    -moz-transform: translate(-5px, 30px) scale(1.0);
-                    -ms-transform: translate(-5px, 30px) scale(1.0);
-                    transform: translate(-5px, 30px) scale(1.0);
-                }
-
-                33% {
-                    -webkit-transform: translate(-4px, 30px) scale(1.1);
-                    -moz-transform: translate(-4px, 30px) scale(1.1);
-                    -ms-transform: translate(-4px, 30px) scale(1.1);
-                    transform: translate(-4px, 30px) scale(1.1);
-                }
-
-                66% {
-                    -webkit-transform: translate(-6px, 30px) scale(1.1);
-                    -moz-transform: translate(-6px, 30px) scale(1.1);
-                    -ms-transform: translate(-6px, 30px) scale(1.1);
-                    transform: translate(-6px, 30px) scale(1.1);
-                }
-
-                100% {
-                    -webkit-transform: translate(-5px, 30px) scale(1.0);
-                    -moz-transform: translate(-5px, 30px) scale(1.0);
-                    -ms-transform: translate(-5px, 30px) scale(1.0);
-                    transform: translate(-5px, 30px) scale(1.0);
-                }
-            }
-
-            #tornado {
-                -webkit-animation-name: tornado;
-                -moz-animation-name: tornado;
-                animation-name: tornado;
-                -webkit-animation-duration: 3s;
-                -moz-animation-duration: 3s;
-                animation-duration: 3s;
-                -webkit-animation-timing-function: linear;
-                -moz-animation-timing-function: linear;
-                animation-timing-function: linear;
-                -webkit-animation-iteration-count: infinite;
-                -moz-animation-iteration-count: infinite;
-                animation-iteration-count: infinite;
-            }
-            /*
-            ** Warning Symbol
-            */
-
-            @keyframes error {
-                0% {
-                    fill: #cc0000;
-                }
-
-                50% {
-                    fill: #ff0000;
-                }
-
-                100% {
-                    fill: #cc0000;
-                }
-            }
-
-            #Shape {
-                -webkit-animation-name: error;
-                -moz-animation-name: error;
-                animation-name: error;
-                -webkit-animation-duration: 1s;
-                -moz-animation-duration: 1s;
-                animation-duration: 1s;
-                -webkit-animation-timing-function: linear;
-                -moz-animation-timing-function: linear;
-                animation-timing-function: linear;
-                -webkit-animation-iteration-count: infinite;
-                -moz-animation-iteration-count: infinite;
-                animation-iteration-count: infinite;
-            }
-
-            ]]>
-        </style>
-    </defs>
-    <g filter="url(#blur)" id="thunder">
-        <g transform="translate(20,5)">
-            <g id="tornado" transform="translate(-5, 30)" stroke="white" fill="#1D1D1D">
-                <path d="M9.23901158,-9.49386371e-16 L11.3987309,-1.21779583e-14 L11.3987309,-1.24344979e-14 C12.801779,-2.01691758e-14 14.1681534,0.448121973 15.298688,1.27904649 L15.3736083,1.33411168 L15.3736083,1.33411168 C16.2215292,1.95731981 16.403695,3.14990558 15.7804869,3.99782654 C15.7177587,4.08317284 15.6480233,4.16314 15.5720054,4.23689693 L12.745452,6.97937995 L12.745452,6.97937995 C11.6541171,8.03825523 10.885777,9.38516771 10.5297692,10.8635071 L10.5297692,10.8635071 L10.5297692,10.8635071 C10.1747403,12.3377821 9.38247153,13.6703547 8.25685398,14.6864835 L5.13650434,17.5033166 L3.17681819,18.8770141 L3.17681819,18.8770141 C2.32003764,19.4775987 1.13860975,19.2699109 0.538025154,18.4131303 C-0.00307248108,17.6412126 0.105676138,16.5889015 0.793196559,15.9439523 L0.793196559,15.9439523 L1.87126735,14.947348 L1.87126735,14.947348 C3.12686588,13.7866312 3.84080575,12.154378 3.84080575,10.4444683 L3.84080575,10.4444683 L3.84080575,10.4444683 C3.84080575,8.67208707 3.50831427,6.91543543 2.86058207,5.2656542 L1.35008427,1.41839928 L1.35008427,1.41839928 C1.1404215,0.884385832 1.40335967,0.281517137 1.93737312,0.0718543636 C2.05830876,0.0243729712 2.18707844,-2.12924157e-14 2.31700115,-2.13162821e-14 L3.84080575,-2.08721929e-14 L9.23901158,-9.49386371e-16 Z"
-                    id="Polygon"></path>
-            </g>
-            <g class="am-weather-cloud-1">
-                <path d="M47.7,35.4     c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3     c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z"
-                    fill="#666" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-10,-6), scale(0.6)"
-                />
-            </g>
-            <g>
-                <path d="M47.7,35.4     c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3     c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z"
-                    fill="#333" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)" />
-            </g>
-            <g transform="translate(1,28), scale(1)">
-                <polygon class="am-weather-stroke" fill="orange" stroke="white" stroke-width="1" points="14.3,-2.9 20.5,-2.9 16.4,4.3 20.3,4.3 11.5,14.6 14.9,6.9 11.1,6.9"
-                />
-            </g>
-            <g id="error" transform="translate(23, 25)">
-                <path d="M7.77911118,2.90598694 L1.78786622,13.0231308 L1.78786622,13.0231308 C1.2250391,13.9735514 1.53924574,15.2002811 2.48966639,15.7631082 C2.79820001,15.9458179 3.15018031,16.0422194 3.50875504,16.0422194 L15.491245,16.0422194 L15.491245,16.0422194 C16.5958145,16.0422194 17.491245,15.1467889 17.491245,14.0422194 C17.491245,13.6836447 17.3948435,13.3316644 17.2121338,13.0231308 L11.2208888,2.90598694 L11.2208888,2.90598694 C10.6580617,1.95556629 9.431332,1.64135966 8.48091135,2.20418678 C8.19172737,2.37543789 7.95036229,2.61680296 7.77911118,2.90598694 Z"
-                    id="Shape" fill="#CC0000" fill-rule="nonzero"></path>
-                <path d="M9.5,10.5 L9.5,5.5" id="Line" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round"></path>
-                <circle id="Oval" fill="#FFFFFF" cx="9.5" cy="13" r="1"></circle>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/fhem/www/images/weather/Tropical-Storm.svg b/fhem/www/images/weather/Tropical-Storm.svg
deleted file mode 100755
index d202af854..000000000
--- a/fhem/www/images/weather/Tropical-Storm.svg
+++ /dev/null
@@ -1,52 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!-- Tropical Storm | Contributed by hsoJ95 on GitHub: https://github.com/hsoj95 -->
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64" viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3" />
-            <feOffset dx="0" dy="4" result="offsetblur" />
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05" />
-            </feComponentTransfer>
-            <feMerge>
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic" />
-            </feMerge>
-        </filter>
-        <style>
-            <![CDATA[ @keyframes storm {
-                0% {
-                    transform: rotate(0turn);
-                }
-
-                100% {
-                    transform: rotate(-1turn);
-                }
-            }
-
-
-            #storm {
-                -webkit-animation-name: storm;
-                -moz-animation-name: storm;
-                animation-name: storm;
-                -webkit-animation-duration: 5s;
-                -moz-animation-duration: 5s;
-                animation-duration: 5s;
-                transform-origin: 50% 50%;
-                -webkit-animation-timing-function: linear;
-                -moz-animation-timing-function: linear;
-                animation-timing-function: linear;
-                -webkit-animation-iteration-count: infinite;
-                -moz-animation-iteration-count: infinite;
-                animation-iteration-count: infinite;
-            }
-
-            ]]>
-        </style>
-    </defs>
-    <g id="storm" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g transform="translate(20, 20)" fill-rule="nonzero" fill="#cc0000">
-            <path d="M18.4780225,0.0917014924 C17.8610337,0.124656716 17.6025168,0.144537314 17.1790562,0.189402985 C14.4874607,0.477313432 11.9145168,1.34641791 9.82489882,2.67107462 C7.82022472,3.9416418 6.28017979,5.61770148 5.37591012,7.51289554 C4.72638203,8.87462685 4.40044942,10.2878508 4.34049439,11.9995523 C4.33051684,12.2781492 4.34049439,12.8949851 4.3579326,13.1261195 C4.45788765,14.4283881 4.78139325,15.4968358 5.3971236,16.5521195 C5.50705617,16.7409851 5.75182023,17.121403 5.97914606,17.4581195 C6.62993258,18.4182985 6.77851684,18.7709553 6.75856181,19.3058508 C6.74858426,19.5925075 6.6799101,19.8328657 6.50624719,20.1920597 C6.295191,20.6266567 6.02912359,21.0017015 5.6719101,21.3702089 C4.87505618,22.190418 3.76719101,22.7622985 2.31460674,23.1030447 C1.66885393,23.2549254 0.768269662,23.3684776 0.212494381,23.3684776 C0.0987865171,23.3684776 0.00386516854,23.3737612 0.000179775281,23.3790447 C-0.0123146068,23.4001791 0.760808988,23.5758805 1.2915955,23.6709851 C2.07101124,23.8122985 2.73546067,23.892806 3.62732584,23.9522686 C3.97698877,23.976 5.4895281,23.976 5.83802246,23.9522686 C7.36305619,23.8492836 8.64458426,23.6326567 9.95352806,23.2549254 C11.5847191,22.7846866 13.1310562,22.0794627 14.4249888,21.2156418 C16.7057078,19.6954925 18.3082247,17.6853134 19.0838652,15.3713731 C19.373573,14.5076418 19.536,13.6465075 19.6221124,12.5053433 C19.6483596,12.1659403 19.6521348,11.3140299 19.6296629,10.9997015 C19.5334832,9.67101494 19.2237303,8.62101492 18.6179775,7.56573135 C18.4655281,7.30029852 18.2482696,6.96089554 17.9409439,6.50919401 C17.4139326,5.73385076 17.2402696,5.34555225 17.2203146,4.8965373 C17.2053034,4.58220897 17.2739775,4.29429852 17.457618,3.90734329 C17.8523147,3.0699403 18.5180225,2.35934328 19.4085394,1.82713433 C20.5264719,1.15746269 22.0902471,0.74283582 23.7276404,0.683373135 C23.8625618,0.678089554 23.9724944,0.671462685 23.9699775,0.670119401 C23.96,0.659552239 23.521618,0.556567163 23.1981124,0.487880599 C22.4936629,0.338686567 21.7104719,0.221104477 20.9947865,0.156358209 C20.4027865,0.103522388 20.1829213,0.0942985076 19.371146,0.090358209 C18.9252135,0.0890149253 18.5230562,0.0890149253 18.4780225,0.0917014924 L18.4780225,0.0917014924 Z M12.5014832,9.5878209 C13.1734832,9.69080602 13.7917304,10.1266567 14.1465168,10.7501195 C14.3738427,11.1489851 14.4824269,11.5596716 14.4824269,12.0299104 C14.4824269,12.6994925 14.246382,13.3030746 13.8005393,13.7733134 C13.4395505,14.1563284 13.0086292,14.3874627 12.4952809,14.4732538 C12.319191,14.5036119 11.971955,14.5036119 11.8020674,14.4732538 C11.2837753,14.3834328 10.8541123,14.1536418 10.4980674,13.778597 C10.1396854,13.3995224 9.9147865,12.9280299 9.83361802,12.3798805 C9.81114605,12.2332836 9.81114605,11.8265373 9.83361802,11.6798508 C9.9147865,11.1317911 10.1408539,10.6576119 10.4980674,10.2812239 C11.0264269,9.72385075 11.7508315,9.47426865 12.5014832,9.5878209 L12.5014832,9.5878209 Z"></path>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/fhem/www/images/weather/chance_of_snow_night.png b/fhem/www/images/weather/chance_of_snow_night.png
deleted file mode 100755
index 52c4f985c..000000000
Binary files a/fhem/www/images/weather/chance_of_snow_night.png and /dev/null differ
diff --git a/fhem/www/images/weather/cloudy-day-1.svg b/fhem/www/images/weather/cloudy-day-1.svg
deleted file mode 100755
index c1f192275..000000000
--- a/fhem/www/images/weather/cloudy-day-1.svg
+++ /dev/null
@@ -1,175 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** CLOUDS
-*/
-@keyframes am-weather-cloud-2 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(2px,0px);
-       -moz-transform: translate(2px,0px);
-        -ms-transform: translate(2px,0px);
-            transform: translate(2px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-2 {
-  -webkit-animation-name: am-weather-cloud-2;
-     -moz-animation-name: am-weather-cloud-2;
-          animation-name: am-weather-cloud-2;
-  -webkit-animation-duration: 3s;
-     -moz-animation-duration: 3s;
-          animation-duration: 3s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** SUN
-*/
-@keyframes am-weather-sun {
-  0% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-
-  100% {
-    -webkit-transform: rotate(360deg);
-       -moz-transform: rotate(360deg);
-        -ms-transform: rotate(360deg);
-            transform: rotate(360deg);
-  }
-}
-
-.am-weather-sun {
-  -webkit-animation-name: am-weather-sun;
-     -moz-animation-name: am-weather-sun;
-      -ms-animation-name: am-weather-sun;
-          animation-name: am-weather-sun;
-  -webkit-animation-duration: 9s;
-     -moz-animation-duration: 9s;
-      -ms-animation-duration: 9s;
-          animation-duration: 9s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-sun-shiny {
-  0% {
-    stroke-dasharray: 3px 10px;
-    stroke-dashoffset: 0px;
-  }
-
-  50% {
-    stroke-dasharray: 0.1px 10px;
-    stroke-dashoffset: -1px;
-  }
-
-  100% {
-    stroke-dasharray: 3px 10px;
-    stroke-dashoffset: 0px;
-  }
-}
-
-.am-weather-sun-shiny line {
-  -webkit-animation-name: am-weather-sun-shiny;
-     -moz-animation-name: am-weather-sun-shiny;
-      -ms-animation-name: am-weather-sun-shiny;
-          animation-name: am-weather-sun-shiny;
-  -webkit-animation-duration: 2s;
-     -moz-animation-duration: 2s;
-      -ms-animation-duration: 2s;
-          animation-duration: 2s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="cloudy-day-1">
-        <g transform="translate(20,10)">
-            <g transform="translate(0,16)">
-                <g class="am-weather-sun">
-                    <g>
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(45)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(90)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(135)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(180)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(225)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(270)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(315)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                </g>
-                <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-            </g>
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#C6DEFF" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/fhem/www/images/weather/cloudy-day-2.svg b/fhem/www/images/weather/cloudy-day-2.svg
deleted file mode 100755
index 712a564e4..000000000
--- a/fhem/www/images/weather/cloudy-day-2.svg
+++ /dev/null
@@ -1,176 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** CLOUDS
-*/
-@keyframes am-weather-cloud-2 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(2px,0px);
-       -moz-transform: translate(2px,0px);
-        -ms-transform: translate(2px,0px);
-            transform: translate(2px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-2 {
-  -webkit-animation-name: am-weather-cloud-2;
-     -moz-animation-name: am-weather-cloud-2;
-          animation-name: am-weather-cloud-2;
-  -webkit-animation-duration: 3s;
-     -moz-animation-duration: 3s;
-          animation-duration: 3s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** SUN
-*/
-@keyframes am-weather-sun {
-  0% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-
-  100% {
-    -webkit-transform: rotate(360deg);
-       -moz-transform: rotate(360deg);
-        -ms-transform: rotate(360deg);
-            transform: rotate(360deg);
-  }
-}
-
-.am-weather-sun {
-  -webkit-animation-name: am-weather-sun;
-     -moz-animation-name: am-weather-sun;
-      -ms-animation-name: am-weather-sun;
-          animation-name: am-weather-sun;
-  -webkit-animation-duration: 9s;
-     -moz-animation-duration: 9s;
-      -ms-animation-duration: 9s;
-          animation-duration: 9s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-sun-shiny {
-  0% {
-    stroke-dasharray: 3px 10px;
-    stroke-dashoffset: 0px;
-  }
-
-  50% {
-    stroke-dasharray: 0.1px 10px;
-    stroke-dashoffset: -1px;
-  }
-
-  100% {
-    stroke-dasharray: 3px 10px;
-    stroke-dashoffset: 0px;
-  }
-}
-
-.am-weather-sun-shiny line {
-  -webkit-animation-name: am-weather-sun-shiny;
-     -moz-animation-name: am-weather-sun-shiny;
-      -ms-animation-name: am-weather-sun-shiny;
-          animation-name: am-weather-sun-shiny;
-  -webkit-animation-duration: 2s;
-     -moz-animation-duration: 2s;
-      -ms-animation-duration: 2s;
-          animation-duration: 2s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="cloudy-day-2">
-        <g transform="translate(20,10)">
-            <g transform="translate(0,16)">
-                <g class="am-weather-sun">
-                    <g>
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(45)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(90)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(135)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(180)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(225)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(270)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(315)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                </g>
-                <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-            </g>
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#91C0F8" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-    </g>
-    
-</svg>
\ No newline at end of file
diff --git a/fhem/www/images/weather/cloudy-day-3.svg b/fhem/www/images/weather/cloudy-day-3.svg
deleted file mode 100755
index ddcd4080e..000000000
--- a/fhem/www/images/weather/cloudy-day-3.svg
+++ /dev/null
@@ -1,175 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** CLOUDS
-*/
-@keyframes am-weather-cloud-2 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(2px,0px);
-       -moz-transform: translate(2px,0px);
-        -ms-transform: translate(2px,0px);
-            transform: translate(2px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-2 {
-  -webkit-animation-name: am-weather-cloud-2;
-     -moz-animation-name: am-weather-cloud-2;
-          animation-name: am-weather-cloud-2;
-  -webkit-animation-duration: 3s;
-     -moz-animation-duration: 3s;
-          animation-duration: 3s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** SUN
-*/
-@keyframes am-weather-sun {
-  0% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-
-  100% {
-    -webkit-transform: rotate(360deg);
-       -moz-transform: rotate(360deg);
-        -ms-transform: rotate(360deg);
-            transform: rotate(360deg);
-  }
-}
-
-.am-weather-sun {
-  -webkit-animation-name: am-weather-sun;
-     -moz-animation-name: am-weather-sun;
-      -ms-animation-name: am-weather-sun;
-          animation-name: am-weather-sun;
-  -webkit-animation-duration: 9s;
-     -moz-animation-duration: 9s;
-      -ms-animation-duration: 9s;
-          animation-duration: 9s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-sun-shiny {
-  0% {
-    stroke-dasharray: 3px 10px;
-    stroke-dashoffset: 0px;
-  }
-
-  50% {
-    stroke-dasharray: 0.1px 10px;
-    stroke-dashoffset: -1px;
-  }
-
-  100% {
-    stroke-dasharray: 3px 10px;
-    stroke-dashoffset: 0px;
-  }
-}
-
-.am-weather-sun-shiny line {
-  -webkit-animation-name: am-weather-sun-shiny;
-     -moz-animation-name: am-weather-sun-shiny;
-      -ms-animation-name: am-weather-sun-shiny;
-          animation-name: am-weather-sun-shiny;
-  -webkit-animation-duration: 2s;
-     -moz-animation-duration: 2s;
-      -ms-animation-duration: 2s;
-          animation-duration: 2s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="cloudy-day-3">
-        <g transform="translate(20,10)">
-            <g transform="translate(0,16)">
-                <g class="am-weather-sun">
-                    <g>
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(45)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(90)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(135)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(180)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(225)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(270)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(315)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                </g>
-                <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-            </g>
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/fhem/www/images/weather/cloudy-night-1.svg b/fhem/www/images/weather/cloudy-night-1.svg
deleted file mode 100755
index bc6360d41..000000000
--- a/fhem/www/images/weather/cloudy-night-1.svg
+++ /dev/null
@@ -1,198 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** CLOUDS
-*/
-@keyframes am-weather-cloud-2 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(2px,0px);
-       -moz-transform: translate(2px,0px);
-        -ms-transform: translate(2px,0px);
-            transform: translate(2px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-2 {
-  -webkit-animation-name: am-weather-cloud-2;
-     -moz-animation-name: am-weather-cloud-2;
-          animation-name: am-weather-cloud-2;
-  -webkit-animation-duration: 3s;
-     -moz-animation-duration: 3s;
-          animation-duration: 3s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** MOON
-*/
-@keyframes am-weather-moon {
-  0% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-
-  50% {
-    -webkit-transform: rotate(15deg);
-       -moz-transform: rotate(15deg);
-        -ms-transform: rotate(15deg);
-            transform: rotate(15deg);
-  }
-
-  100% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-}
-
-.am-weather-moon {
-  -webkit-animation-name: am-weather-moon;
-     -moz-animation-name: am-weather-moon;
-      -ms-animation-name: am-weather-moon;
-          animation-name: am-weather-moon;
-  -webkit-animation-duration: 6s;
-     -moz-animation-duration: 6s;
-      -ms-animation-duration: 6s;
-          animation-duration: 6s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-  -webkit-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-     -moz-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-      -ms-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-          transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-}
-
-@keyframes am-weather-moon-star-1 {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}
-
-.am-weather-moon-star-1 {
-  -webkit-animation-name: am-weather-moon-star-1;
-     -moz-animation-name: am-weather-moon-star-1;
-      -ms-animation-name: am-weather-moon-star-1;
-          animation-name: am-weather-moon-star-1;
-  -webkit-animation-delay: 3s;
-     -moz-animation-delay: 3s;
-      -ms-animation-delay: 3s;
-          animation-delay: 3s;
-  -webkit-animation-duration: 5s;
-     -moz-animation-duration: 5s;
-      -ms-animation-duration: 5s;
-          animation-duration: 5s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: 1;
-     -moz-animation-iteration-count: 1;
-      -ms-animation-iteration-count: 1;
-          animation-iteration-count: 1;
-}
-
-@keyframes am-weather-moon-star-2 {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}
-
-.am-weather-moon-star-2 {
-  -webkit-animation-name: am-weather-moon-star-2;
-     -moz-animation-name: am-weather-moon-star-2;
-      -ms-animation-name: am-weather-moon-star-2;
-          animation-name: am-weather-moon-star-2;
-  -webkit-animation-delay: 5s;
-     -moz-animation-delay: 5s;
-      -ms-animation-delay: 5s;
-          animation-delay: 5s;
-  -webkit-animation-duration: 4s;
-     -moz-animation-duration: 4s;
-      -ms-animation-duration: 4s;
-          animation-duration: 4s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: 1;
-     -moz-animation-iteration-count: 1;
-      -ms-animation-iteration-count: 1;
-          animation-iteration-count: 1;
-}
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="cloudy-night-1">
-        <g transform="translate(20,10)">
-            <g transform="translate(16,4), scale(0.8)">
-                <g class="am-weather-moon-star-1">
-                    <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10"/>
-                </g>
-                <g class="am-weather-moon-star-2">
-                    <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10" transform="translate(20,10)"/>
-                </g>
-                <g class="am-weather-moon">
-                    <path d="M14.5,13.2c0-3.7,2-6.9,5-8.7   c-1.5-0.9-3.2-1.3-5-1.3c-5.5,0-10,4.5-10,10s4.5,10,10,10c1.8,0,3.5-0.5,5-1.3C16.5,20.2,14.5,16.9,14.5,13.2z" fill="orange" stroke="orange" stroke-linejoin="round" stroke-width="2"/>
-                </g>
-            </g>
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4    c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#C6DEFF" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/fhem/www/images/weather/cloudy-night-2.svg b/fhem/www/images/weather/cloudy-night-2.svg
deleted file mode 100755
index 391ceeb18..000000000
--- a/fhem/www/images/weather/cloudy-night-2.svg
+++ /dev/null
@@ -1,198 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** CLOUDS
-*/
-@keyframes am-weather-cloud-2 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(2px,0px);
-       -moz-transform: translate(2px,0px);
-        -ms-transform: translate(2px,0px);
-            transform: translate(2px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-2 {
-  -webkit-animation-name: am-weather-cloud-2;
-     -moz-animation-name: am-weather-cloud-2;
-          animation-name: am-weather-cloud-2;
-  -webkit-animation-duration: 3s;
-     -moz-animation-duration: 3s;
-          animation-duration: 3s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** MOON
-*/
-@keyframes am-weather-moon {
-  0% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-
-  50% {
-    -webkit-transform: rotate(15deg);
-       -moz-transform: rotate(15deg);
-        -ms-transform: rotate(15deg);
-            transform: rotate(15deg);
-  }
-
-  100% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-}
-
-.am-weather-moon {
-  -webkit-animation-name: am-weather-moon;
-     -moz-animation-name: am-weather-moon;
-      -ms-animation-name: am-weather-moon;
-          animation-name: am-weather-moon;
-  -webkit-animation-duration: 6s;
-     -moz-animation-duration: 6s;
-      -ms-animation-duration: 6s;
-          animation-duration: 6s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-  -webkit-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-     -moz-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-      -ms-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-          transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-}
-
-@keyframes am-weather-moon-star-1 {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}
-
-.am-weather-moon-star-1 {
-  -webkit-animation-name: am-weather-moon-star-1;
-     -moz-animation-name: am-weather-moon-star-1;
-      -ms-animation-name: am-weather-moon-star-1;
-          animation-name: am-weather-moon-star-1;
-  -webkit-animation-delay: 3s;
-     -moz-animation-delay: 3s;
-      -ms-animation-delay: 3s;
-          animation-delay: 3s;
-  -webkit-animation-duration: 5s;
-     -moz-animation-duration: 5s;
-      -ms-animation-duration: 5s;
-          animation-duration: 5s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: 1;
-     -moz-animation-iteration-count: 1;
-      -ms-animation-iteration-count: 1;
-          animation-iteration-count: 1;
-}
-
-@keyframes am-weather-moon-star-2 {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}
-
-.am-weather-moon-star-2 {
-  -webkit-animation-name: am-weather-moon-star-2;
-     -moz-animation-name: am-weather-moon-star-2;
-      -ms-animation-name: am-weather-moon-star-2;
-          animation-name: am-weather-moon-star-2;
-  -webkit-animation-delay: 5s;
-     -moz-animation-delay: 5s;
-      -ms-animation-delay: 5s;
-          animation-delay: 5s;
-  -webkit-animation-duration: 4s;
-     -moz-animation-duration: 4s;
-      -ms-animation-duration: 4s;
-          animation-duration: 4s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: 1;
-     -moz-animation-iteration-count: 1;
-      -ms-animation-iteration-count: 1;
-          animation-iteration-count: 1;
-}
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="cloudy-night-2">
-        <g transform="translate(20,10)">
-            <g transform="translate(16,4), scale(0.8)">
-                <g class="am-weather-moon-star-1">
-                    <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10"/>
-                </g>
-                <g class="am-weather-moon-star-2">
-                    <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10" transform="translate(20,10)"/>
-                </g>
-                <g class="am-weather-moon">
-                    <path d="M14.5,13.2c0-3.7,2-6.9,5-8.7   c-1.5-0.9-3.2-1.3-5-1.3c-5.5,0-10,4.5-10,10s4.5,10,10,10c1.8,0,3.5-0.5,5-1.3C16.5,20.2,14.5,16.9,14.5,13.2z" fill="orange" stroke="orange" stroke-linejoin="round" stroke-width="2"/>
-                </g>
-            </g>
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4    c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#91C0F8" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/fhem/www/images/weather/cloudy-night-3.svg b/fhem/www/images/weather/cloudy-night-3.svg
deleted file mode 100755
index 2425af9d4..000000000
--- a/fhem/www/images/weather/cloudy-night-3.svg
+++ /dev/null
@@ -1,198 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** CLOUDS
-*/
-@keyframes am-weather-cloud-2 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(2px,0px);
-       -moz-transform: translate(2px,0px);
-        -ms-transform: translate(2px,0px);
-            transform: translate(2px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-2 {
-  -webkit-animation-name: am-weather-cloud-2;
-     -moz-animation-name: am-weather-cloud-2;
-          animation-name: am-weather-cloud-2;
-  -webkit-animation-duration: 3s;
-     -moz-animation-duration: 3s;
-          animation-duration: 3s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** MOON
-*/
-@keyframes am-weather-moon {
-  0% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-
-  50% {
-    -webkit-transform: rotate(15deg);
-       -moz-transform: rotate(15deg);
-        -ms-transform: rotate(15deg);
-            transform: rotate(15deg);
-  }
-
-  100% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-}
-
-.am-weather-moon {
-  -webkit-animation-name: am-weather-moon;
-     -moz-animation-name: am-weather-moon;
-      -ms-animation-name: am-weather-moon;
-          animation-name: am-weather-moon;
-  -webkit-animation-duration: 6s;
-     -moz-animation-duration: 6s;
-      -ms-animation-duration: 6s;
-          animation-duration: 6s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-  -webkit-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-     -moz-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-      -ms-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-          transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-}
-
-@keyframes am-weather-moon-star-1 {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}
-
-.am-weather-moon-star-1 {
-  -webkit-animation-name: am-weather-moon-star-1;
-     -moz-animation-name: am-weather-moon-star-1;
-      -ms-animation-name: am-weather-moon-star-1;
-          animation-name: am-weather-moon-star-1;
-  -webkit-animation-delay: 3s;
-     -moz-animation-delay: 3s;
-      -ms-animation-delay: 3s;
-          animation-delay: 3s;
-  -webkit-animation-duration: 5s;
-     -moz-animation-duration: 5s;
-      -ms-animation-duration: 5s;
-          animation-duration: 5s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: 1;
-     -moz-animation-iteration-count: 1;
-      -ms-animation-iteration-count: 1;
-          animation-iteration-count: 1;
-}
-
-@keyframes am-weather-moon-star-2 {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}
-
-.am-weather-moon-star-2 {
-  -webkit-animation-name: am-weather-moon-star-2;
-     -moz-animation-name: am-weather-moon-star-2;
-      -ms-animation-name: am-weather-moon-star-2;
-          animation-name: am-weather-moon-star-2;
-  -webkit-animation-delay: 5s;
-     -moz-animation-delay: 5s;
-      -ms-animation-delay: 5s;
-          animation-delay: 5s;
-  -webkit-animation-duration: 4s;
-     -moz-animation-duration: 4s;
-      -ms-animation-duration: 4s;
-          animation-duration: 4s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: 1;
-     -moz-animation-iteration-count: 1;
-      -ms-animation-iteration-count: 1;
-          animation-iteration-count: 1;
-}
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="cloudy-night-3">
-        <g transform="translate(20,10)">
-            <g transform="translate(16,4), scale(0.8)">
-                <g class="am-weather-moon-star-1">
-                    <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10"/>
-                </g>
-                <g class="am-weather-moon-star-2">
-                    <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10" transform="translate(20,10)"/>
-                </g>
-                <g class="am-weather-moon">
-                    <path d="M14.5,13.2c0-3.7,2-6.9,5-8.7   c-1.5-0.9-3.2-1.3-5-1.3c-5.5,0-10,4.5-10,10s4.5,10,10,10c1.8,0,3.5-0.5,5-1.3C16.5,20.2,14.5,16.9,14.5,13.2z" fill="orange" stroke="orange" stroke-linejoin="round" stroke-width="2"/>
-                </g>
-            </g>
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4    c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/fhem/www/images/weather/cloudy.svg b/fhem/www/images/weather/cloudy.svg
deleted file mode 100755
index d94fd30ea..000000000
--- a/fhem/www/images/weather/cloudy.svg
+++ /dev/null
@@ -1,500 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-        <feMerge> 
-          <feMergeNode/>
-          <feMergeNode in="SourceGraphic"/> 
-        </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** CLOUDS
-*/
-@keyframes am-weather-cloud-1 {
-  0% {
-    -webkit-transform: translate(-5px,0px);
-       -moz-transform: translate(-5px,0px);
-        -ms-transform: translate(-5px,0px);
-            transform: translate(-5px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(10px,0px);
-       -moz-transform: translate(10px,0px);
-        -ms-transform: translate(10px,0px);
-            transform: translate(10px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(-5px,0px);
-       -moz-transform: translate(-5px,0px);
-        -ms-transform: translate(-5px,0px);
-            transform: translate(-5px,0px);
-  }
-}
-
-.am-weather-cloud-1 {
-  -webkit-animation-name: am-weather-cloud-1;
-     -moz-animation-name: am-weather-cloud-1;
-          animation-name: am-weather-cloud-1;
-  -webkit-animation-duration: 7s;
-     -moz-animation-duration: 7s;
-          animation-duration: 7s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-cloud-2 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(2px,0px);
-       -moz-transform: translate(2px,0px);
-        -ms-transform: translate(2px,0px);
-            transform: translate(2px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-2 {
-  -webkit-animation-name: am-weather-cloud-2;
-     -moz-animation-name: am-weather-cloud-2;
-          animation-name: am-weather-cloud-2;
-  -webkit-animation-duration: 3s;
-     -moz-animation-duration: 3s;
-          animation-duration: 3s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** SUN
-*/
-@keyframes am-weather-sun {
-  0% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-
-  100% {
-    -webkit-transform: rotate(360deg);
-       -moz-transform: rotate(360deg);
-        -ms-transform: rotate(360deg);
-            transform: rotate(360deg);
-  }
-}
-
-.am-weather-sun {
-  -webkit-animation-name: am-weather-sun;
-     -moz-animation-name: am-weather-sun;
-      -ms-animation-name: am-weather-sun;
-          animation-name: am-weather-sun;
-  -webkit-animation-duration: 9s;
-     -moz-animation-duration: 9s;
-      -ms-animation-duration: 9s;
-          animation-duration: 9s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-sun-shiny {
-  0% {
-    stroke-dasharray: 3px 10px;
-    stroke-dashoffset: 0px;
-  }
-
-  50% {
-    stroke-dasharray: 0.1px 10px;
-    stroke-dashoffset: -1px;
-  }
-
-  100% {
-    stroke-dasharray: 3px 10px;
-    stroke-dashoffset: 0px;
-  }
-}
-
-.am-weather-sun-shiny line {
-  -webkit-animation-name: am-weather-sun-shiny;
-     -moz-animation-name: am-weather-sun-shiny;
-      -ms-animation-name: am-weather-sun-shiny;
-          animation-name: am-weather-sun-shiny;
-  -webkit-animation-duration: 2s;
-     -moz-animation-duration: 2s;
-      -ms-animation-duration: 2s;
-          animation-duration: 2s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-
-
-
-/*
-** MOON
-*/
-@keyframes am-weather-moon {
-  0% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-
-  50% {
-    -webkit-transform: rotate(15deg);
-       -moz-transform: rotate(15deg);
-        -ms-transform: rotate(15deg);
-            transform: rotate(15deg);
-  }
-
-  100% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-}
-
-.am-weather-moon {
-  -webkit-animation-name: am-weather-moon;
-     -moz-animation-name: am-weather-moon;
-      -ms-animation-name: am-weather-moon;
-          animation-name: am-weather-moon;
-  -webkit-animation-duration: 6s;
-     -moz-animation-duration: 6s;
-      -ms-animation-duration: 6s;
-          animation-duration: 6s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-  -webkit-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-     -moz-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-      -ms-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-          transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-}
-
-@keyframes am-weather-moon-star-1 {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}
-
-.am-weather-moon-star-1 {
-  -webkit-animation-name: am-weather-moon-star-1;
-     -moz-animation-name: am-weather-moon-star-1;
-      -ms-animation-name: am-weather-moon-star-1;
-          animation-name: am-weather-moon-star-1;
-  -webkit-animation-delay: 3s;
-     -moz-animation-delay: 3s;
-      -ms-animation-delay: 3s;
-          animation-delay: 3s;
-  -webkit-animation-duration: 5s;
-     -moz-animation-duration: 5s;
-      -ms-animation-duration: 5s;
-          animation-duration: 5s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: 1;
-     -moz-animation-iteration-count: 1;
-      -ms-animation-iteration-count: 1;
-          animation-iteration-count: 1;
-}
-
-@keyframes am-weather-moon-star-2 {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}
-
-.am-weather-moon-star-2 {
-  -webkit-animation-name: am-weather-moon-star-2;
-     -moz-animation-name: am-weather-moon-star-2;
-      -ms-animation-name: am-weather-moon-star-2;
-          animation-name: am-weather-moon-star-2;
-  -webkit-animation-delay: 5s;
-     -moz-animation-delay: 5s;
-      -ms-animation-delay: 5s;
-          animation-delay: 5s;
-  -webkit-animation-duration: 4s;
-     -moz-animation-duration: 4s;
-      -ms-animation-duration: 4s;
-          animation-duration: 4s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: 1;
-     -moz-animation-iteration-count: 1;
-      -ms-animation-iteration-count: 1;
-          animation-iteration-count: 1;
-}
-
-/*
-** RAIN
-*/
-@keyframes am-weather-rain {
-  0% {
-    stroke-dashoffset: 0;
-  }
-
-  100% {
-    stroke-dashoffset: -100;
-  }
-}
-
-.am-weather-rain-1 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-duration: 8s;
-     -moz-animation-duration: 8s;
-      -ms-animation-duration: 8s;
-          animation-duration: 8s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-.am-weather-rain-2 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-delay: 0.25s;
-     -moz-animation-delay: 0.25s;
-      -ms-animation-delay: 0.25s;
-          animation-delay: 0.25s;
-  -webkit-animation-duration: 8s;
-     -moz-animation-duration: 8s;
-      -ms-animation-duration: 8s;
-          animation-duration: 8s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-
-/*
-** SNOW
-*/
-@keyframes am-weather-snow {
-  0% {
-    -webkit-transform: translateX(0) translateY(0);
-       -moz-transform: translateX(0) translateY(0);
-        -ms-transform: translateX(0) translateY(0);
-            transform: translateX(0) translateY(0);
-  }
-
-  33.33% {
-    -webkit-transform: translateX(-1.2px) translateY(2px);
-       -moz-transform: translateX(-1.2px) translateY(2px);
-        -ms-transform: translateX(-1.2px) translateY(2px);
-            transform: translateX(-1.2px) translateY(2px);
-  }
-
-  66.66% {
-    -webkit-transform: translateX(1.4px) translateY(4px);
-       -moz-transform: translateX(1.4px) translateY(4px);
-        -ms-transform: translateX(1.4px) translateY(4px);
-            transform: translateX(1.4px) translateY(4px);
-    opacity: 1;
-  }
-
-  100% {
-    -webkit-transform: translateX(-1.6px) translateY(6px);
-       -moz-transform: translateX(-1.6px) translateY(6px);
-        -ms-transform: translateX(-1.6px) translateY(6px);
-            transform: translateX(-1.6px) translateY(6px);
-    opacity: 0;
-  }
-}
-
-@keyframes am-weather-snow-reverse {
-  0% {
-    -webkit-transform: translateX(0) translateY(0);
-       -moz-transform: translateX(0) translateY(0);
-        -ms-transform: translateX(0) translateY(0);
-            transform: translateX(0) translateY(0);
-  }
-
-  33.33% {
-    -webkit-transform: translateX(1.2px) translateY(2px);
-       -moz-transform: translateX(1.2px) translateY(2px);
-        -ms-transform: translateX(1.2px) translateY(2px);
-            transform: translateX(1.2px) translateY(2px);
-  }
-
-  66.66% {
-    -webkit-transform: translateX(-1.4px) translateY(4px);
-       -moz-transform: translateX(-1.4px) translateY(4px);
-        -ms-transform: translateX(-1.4px) translateY(4px);
-            transform: translateX(-1.4px) translateY(4px);
-    opacity: 1;
-  }
-
-  100% {
-    -webkit-transform: translateX(1.6px) translateY(6px);
-       -moz-transform: translateX(1.6px) translateY(6px);
-        -ms-transform: translateX(1.6px) translateY(6px);
-            transform: translateX(1.6px) translateY(6px);
-    opacity: 0;
-  }
-}
-
-.am-weather-snow-1 {
-  -webkit-animation-name: am-weather-snow;
-     -moz-animation-name: am-weather-snow;
-      -ms-animation-name: am-weather-snow;
-          animation-name: am-weather-snow;
-  -webkit-animation-duration: 2s;
-     -moz-animation-duration: 2s;
-      -ms-animation-duration: 2s;
-          animation-duration: 2s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-.am-weather-snow-2 {
-  -webkit-animation-name: am-weather-snow;
-     -moz-animation-name: am-weather-snow;
-      -ms-animation-name: am-weather-snow;
-          animation-name: am-weather-snow;
-  -webkit-animation-delay: 1.2s;
-     -moz-animation-delay: 1.2s;
-      -ms-animation-delay: 1.2s;
-          animation-delay: 1.2s;
-  -webkit-animation-duration: 2s;
-     -moz-animation-duration: 2s;
-      -ms-animation-duration: 2s;
-          animation-duration: 2s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-.am-weather-snow-3 {
-  -webkit-animation-name: am-weather-snow-reverse;
-     -moz-animation-name: am-weather-snow-reverse;
-      -ms-animation-name: am-weather-snow-reverse;
-          animation-name: am-weather-snow-reverse;
-  -webkit-animation-duration: 2s;
-     -moz-animation-duration: 2s;
-      -ms-animation-duration: 2s;
-          animation-duration: 2s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** EASING
-*/
-.am-weather-easing-ease-in-out {
-  -webkit-animation-timing-function: ease-in-out;
-     -moz-animation-timing-function: ease-in-out;
-      -ms-animation-timing-function: ease-in-out;
-          animation-timing-function: ease-in-out;
-}
-
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="cloudy">
-        <g transform="translate(20,10)">
-            <g class="am-weather-cloud-1">
-                <path d="M47.7,35.4     c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3     c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#91C0F8" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-10,-8), scale(0.6)"/>
-            </g>
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4     c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3     c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/fhem/www/images/weather/day.svg b/fhem/www/images/weather/day.svg
deleted file mode 100755
index 6566b16b6..000000000
--- a/fhem/www/images/weather/day.svg
+++ /dev/null
@@ -1,521 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** CLOUDS
-*/
-@keyframes am-weather-cloud-1 {
-  0% {
-    -webkit-transform: translate(-5px,0px);
-       -moz-transform: translate(-5px,0px);
-        -ms-transform: translate(-5px,0px);
-            transform: translate(-5px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(10px,0px);
-       -moz-transform: translate(10px,0px);
-        -ms-transform: translate(10px,0px);
-            transform: translate(10px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(-5px,0px);
-       -moz-transform: translate(-5px,0px);
-        -ms-transform: translate(-5px,0px);
-            transform: translate(-5px,0px);
-  }
-}
-
-.am-weather-cloud-1 {
-  -webkit-animation-name: am-weather-cloud-1;
-     -moz-animation-name: am-weather-cloud-1;
-          animation-name: am-weather-cloud-1;
-  -webkit-animation-duration: 7s;
-     -moz-animation-duration: 7s;
-          animation-duration: 7s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-cloud-2 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(2px,0px);
-       -moz-transform: translate(2px,0px);
-        -ms-transform: translate(2px,0px);
-            transform: translate(2px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-2 {
-  -webkit-animation-name: am-weather-cloud-2;
-     -moz-animation-name: am-weather-cloud-2;
-          animation-name: am-weather-cloud-2;
-  -webkit-animation-duration: 3s;
-     -moz-animation-duration: 3s;
-          animation-duration: 3s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** SUN
-*/
-@keyframes am-weather-sun {
-  0% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-
-  100% {
-    -webkit-transform: rotate(360deg);
-       -moz-transform: rotate(360deg);
-        -ms-transform: rotate(360deg);
-            transform: rotate(360deg);
-  }
-}
-
-.am-weather-sun {
-  -webkit-animation-name: am-weather-sun;
-     -moz-animation-name: am-weather-sun;
-      -ms-animation-name: am-weather-sun;
-          animation-name: am-weather-sun;
-  -webkit-animation-duration: 9s;
-     -moz-animation-duration: 9s;
-      -ms-animation-duration: 9s;
-          animation-duration: 9s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-sun-shiny {
-  0% {
-    stroke-dasharray: 3px 10px;
-    stroke-dashoffset: 0px;
-  }
-
-  50% {
-    stroke-dasharray: 0.1px 10px;
-    stroke-dashoffset: -1px;
-  }
-
-  100% {
-    stroke-dasharray: 3px 10px;
-    stroke-dashoffset: 0px;
-  }
-}
-
-.am-weather-sun-shiny line {
-  -webkit-animation-name: am-weather-sun-shiny;
-     -moz-animation-name: am-weather-sun-shiny;
-      -ms-animation-name: am-weather-sun-shiny;
-          animation-name: am-weather-sun-shiny;
-  -webkit-animation-duration: 2s;
-     -moz-animation-duration: 2s;
-      -ms-animation-duration: 2s;
-          animation-duration: 2s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-
-
-
-/*
-** MOON
-*/
-@keyframes am-weather-moon {
-  0% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-
-  50% {
-    -webkit-transform: rotate(15deg);
-       -moz-transform: rotate(15deg);
-        -ms-transform: rotate(15deg);
-            transform: rotate(15deg);
-  }
-
-  100% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-}
-
-.am-weather-moon {
-  -webkit-animation-name: am-weather-moon;
-     -moz-animation-name: am-weather-moon;
-      -ms-animation-name: am-weather-moon;
-          animation-name: am-weather-moon;
-  -webkit-animation-duration: 6s;
-     -moz-animation-duration: 6s;
-      -ms-animation-duration: 6s;
-          animation-duration: 6s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-  -webkit-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-     -moz-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-      -ms-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-          transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-}
-
-@keyframes am-weather-moon-star-1 {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}
-
-.am-weather-moon-star-1 {
-  -webkit-animation-name: am-weather-moon-star-1;
-     -moz-animation-name: am-weather-moon-star-1;
-      -ms-animation-name: am-weather-moon-star-1;
-          animation-name: am-weather-moon-star-1;
-  -webkit-animation-delay: 3s;
-     -moz-animation-delay: 3s;
-      -ms-animation-delay: 3s;
-          animation-delay: 3s;
-  -webkit-animation-duration: 5s;
-     -moz-animation-duration: 5s;
-      -ms-animation-duration: 5s;
-          animation-duration: 5s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: 1;
-     -moz-animation-iteration-count: 1;
-      -ms-animation-iteration-count: 1;
-          animation-iteration-count: 1;
-}
-
-@keyframes am-weather-moon-star-2 {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}
-
-.am-weather-moon-star-2 {
-  -webkit-animation-name: am-weather-moon-star-2;
-     -moz-animation-name: am-weather-moon-star-2;
-      -ms-animation-name: am-weather-moon-star-2;
-          animation-name: am-weather-moon-star-2;
-  -webkit-animation-delay: 5s;
-     -moz-animation-delay: 5s;
-      -ms-animation-delay: 5s;
-          animation-delay: 5s;
-  -webkit-animation-duration: 4s;
-     -moz-animation-duration: 4s;
-      -ms-animation-duration: 4s;
-          animation-duration: 4s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: 1;
-     -moz-animation-iteration-count: 1;
-      -ms-animation-iteration-count: 1;
-          animation-iteration-count: 1;
-}
-
-/*
-** RAIN
-*/
-@keyframes am-weather-rain {
-  0% {
-    stroke-dashoffset: 0;
-  }
-
-  100% {
-    stroke-dashoffset: -100;
-  }
-}
-
-.am-weather-rain-1 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-duration: 8s;
-     -moz-animation-duration: 8s;
-      -ms-animation-duration: 8s;
-          animation-duration: 8s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-.am-weather-rain-2 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-delay: 0.25s;
-     -moz-animation-delay: 0.25s;
-      -ms-animation-delay: 0.25s;
-          animation-delay: 0.25s;
-  -webkit-animation-duration: 8s;
-     -moz-animation-duration: 8s;
-      -ms-animation-duration: 8s;
-          animation-duration: 8s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-
-/*
-** SNOW
-*/
-@keyframes am-weather-snow {
-  0% {
-    -webkit-transform: translateX(0) translateY(0);
-       -moz-transform: translateX(0) translateY(0);
-        -ms-transform: translateX(0) translateY(0);
-            transform: translateX(0) translateY(0);
-  }
-
-  33.33% {
-    -webkit-transform: translateX(-1.2px) translateY(2px);
-       -moz-transform: translateX(-1.2px) translateY(2px);
-        -ms-transform: translateX(-1.2px) translateY(2px);
-            transform: translateX(-1.2px) translateY(2px);
-  }
-
-  66.66% {
-    -webkit-transform: translateX(1.4px) translateY(4px);
-       -moz-transform: translateX(1.4px) translateY(4px);
-        -ms-transform: translateX(1.4px) translateY(4px);
-            transform: translateX(1.4px) translateY(4px);
-    opacity: 1;
-  }
-
-  100% {
-    -webkit-transform: translateX(-1.6px) translateY(6px);
-       -moz-transform: translateX(-1.6px) translateY(6px);
-        -ms-transform: translateX(-1.6px) translateY(6px);
-            transform: translateX(-1.6px) translateY(6px);
-    opacity: 0;
-  }
-}
-
-@keyframes am-weather-snow-reverse {
-  0% {
-    -webkit-transform: translateX(0) translateY(0);
-       -moz-transform: translateX(0) translateY(0);
-        -ms-transform: translateX(0) translateY(0);
-            transform: translateX(0) translateY(0);
-  }
-
-  33.33% {
-    -webkit-transform: translateX(1.2px) translateY(2px);
-       -moz-transform: translateX(1.2px) translateY(2px);
-        -ms-transform: translateX(1.2px) translateY(2px);
-            transform: translateX(1.2px) translateY(2px);
-  }
-
-  66.66% {
-    -webkit-transform: translateX(-1.4px) translateY(4px);
-       -moz-transform: translateX(-1.4px) translateY(4px);
-        -ms-transform: translateX(-1.4px) translateY(4px);
-            transform: translateX(-1.4px) translateY(4px);
-    opacity: 1;
-  }
-
-  100% {
-    -webkit-transform: translateX(1.6px) translateY(6px);
-       -moz-transform: translateX(1.6px) translateY(6px);
-        -ms-transform: translateX(1.6px) translateY(6px);
-            transform: translateX(1.6px) translateY(6px);
-    opacity: 0;
-  }
-}
-
-.am-weather-snow-1 {
-  -webkit-animation-name: am-weather-snow;
-     -moz-animation-name: am-weather-snow;
-      -ms-animation-name: am-weather-snow;
-          animation-name: am-weather-snow;
-  -webkit-animation-duration: 2s;
-     -moz-animation-duration: 2s;
-      -ms-animation-duration: 2s;
-          animation-duration: 2s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-.am-weather-snow-2 {
-  -webkit-animation-name: am-weather-snow;
-     -moz-animation-name: am-weather-snow;
-      -ms-animation-name: am-weather-snow;
-          animation-name: am-weather-snow;
-  -webkit-animation-delay: 1.2s;
-     -moz-animation-delay: 1.2s;
-      -ms-animation-delay: 1.2s;
-          animation-delay: 1.2s;
-  -webkit-animation-duration: 2s;
-     -moz-animation-duration: 2s;
-      -ms-animation-duration: 2s;
-          animation-duration: 2s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-.am-weather-snow-3 {
-  -webkit-animation-name: am-weather-snow-reverse;
-     -moz-animation-name: am-weather-snow-reverse;
-      -ms-animation-name: am-weather-snow-reverse;
-          animation-name: am-weather-snow-reverse;
-  -webkit-animation-duration: 2s;
-     -moz-animation-duration: 2s;
-      -ms-animation-duration: 2s;
-          animation-duration: 2s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** EASING
-*/
-.am-weather-easing-ease-in-out {
-  -webkit-animation-timing-function: ease-in-out;
-     -moz-animation-timing-function: ease-in-out;
-      -ms-animation-timing-function: ease-in-out;
-          animation-timing-function: ease-in-out;
-}
-
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="day">
-        <g transform="translate(32,32)">
-            <g class="am-weather-sun am-weather-sun-shiny am-weather-easing-ease-in-out">
-                <g>
-                    <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
-                </g>
-                <g transform="rotate(45)">
-                    <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
-                </g>
-                <g transform="rotate(90)">
-                    <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
-                </g>
-                <g transform="rotate(135)">
-                    <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
-                </g>
-                <g transform="rotate(180)">
-                    <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
-                </g>
-                <g transform="rotate(225)">
-                    <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
-                </g>
-                <g transform="rotate(270)">
-                    <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
-                </g>
-                <g transform="rotate(315)">
-                    <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
-                </g>
-            </g>
-            <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/fhem/www/images/weather/night.svg b/fhem/www/images/weather/night.svg
deleted file mode 100755
index 0c136868a..000000000
--- a/fhem/www/images/weather/night.svg
+++ /dev/null
@@ -1,503 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** CLOUDS
-*/
-@keyframes am-weather-cloud-1 {
-  0% {
-    -webkit-transform: translate(-5px,0px);
-       -moz-transform: translate(-5px,0px);
-        -ms-transform: translate(-5px,0px);
-            transform: translate(-5px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(10px,0px);
-       -moz-transform: translate(10px,0px);
-        -ms-transform: translate(10px,0px);
-            transform: translate(10px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(-5px,0px);
-       -moz-transform: translate(-5px,0px);
-        -ms-transform: translate(-5px,0px);
-            transform: translate(-5px,0px);
-  }
-}
-
-.am-weather-cloud-1 {
-  -webkit-animation-name: am-weather-cloud-1;
-     -moz-animation-name: am-weather-cloud-1;
-          animation-name: am-weather-cloud-1;
-  -webkit-animation-duration: 7s;
-     -moz-animation-duration: 7s;
-          animation-duration: 7s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-cloud-2 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(2px,0px);
-       -moz-transform: translate(2px,0px);
-        -ms-transform: translate(2px,0px);
-            transform: translate(2px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-2 {
-  -webkit-animation-name: am-weather-cloud-2;
-     -moz-animation-name: am-weather-cloud-2;
-          animation-name: am-weather-cloud-2;
-  -webkit-animation-duration: 3s;
-     -moz-animation-duration: 3s;
-          animation-duration: 3s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** SUN
-*/
-@keyframes am-weather-sun {
-  0% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-
-  100% {
-    -webkit-transform: rotate(360deg);
-       -moz-transform: rotate(360deg);
-        -ms-transform: rotate(360deg);
-            transform: rotate(360deg);
-  }
-}
-
-.am-weather-sun {
-  -webkit-animation-name: am-weather-sun;
-     -moz-animation-name: am-weather-sun;
-      -ms-animation-name: am-weather-sun;
-          animation-name: am-weather-sun;
-  -webkit-animation-duration: 9s;
-     -moz-animation-duration: 9s;
-      -ms-animation-duration: 9s;
-          animation-duration: 9s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-sun-shiny {
-  0% {
-    stroke-dasharray: 3px 10px;
-    stroke-dashoffset: 0px;
-  }
-
-  50% {
-    stroke-dasharray: 0.1px 10px;
-    stroke-dashoffset: -1px;
-  }
-
-  100% {
-    stroke-dasharray: 3px 10px;
-    stroke-dashoffset: 0px;
-  }
-}
-
-.am-weather-sun-shiny line {
-  -webkit-animation-name: am-weather-sun-shiny;
-     -moz-animation-name: am-weather-sun-shiny;
-      -ms-animation-name: am-weather-sun-shiny;
-          animation-name: am-weather-sun-shiny;
-  -webkit-animation-duration: 2s;
-     -moz-animation-duration: 2s;
-      -ms-animation-duration: 2s;
-          animation-duration: 2s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-
-
-
-/*
-** MOON
-*/
-@keyframes am-weather-moon {
-  0% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-
-  50% {
-    -webkit-transform: rotate(15deg);
-       -moz-transform: rotate(15deg);
-        -ms-transform: rotate(15deg);
-            transform: rotate(15deg);
-  }
-
-  100% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-}
-
-.am-weather-moon {
-  -webkit-animation-name: am-weather-moon;
-     -moz-animation-name: am-weather-moon;
-      -ms-animation-name: am-weather-moon;
-          animation-name: am-weather-moon;
-  -webkit-animation-duration: 6s;
-     -moz-animation-duration: 6s;
-      -ms-animation-duration: 6s;
-          animation-duration: 6s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-  -webkit-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-     -moz-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-      -ms-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-          transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-}
-
-@keyframes am-weather-moon-star-1 {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}
-
-.am-weather-moon-star-1 {
-  -webkit-animation-name: am-weather-moon-star-1;
-     -moz-animation-name: am-weather-moon-star-1;
-      -ms-animation-name: am-weather-moon-star-1;
-          animation-name: am-weather-moon-star-1;
-  -webkit-animation-delay: 3s;
-     -moz-animation-delay: 3s;
-      -ms-animation-delay: 3s;
-          animation-delay: 3s;
-  -webkit-animation-duration: 5s;
-     -moz-animation-duration: 5s;
-      -ms-animation-duration: 5s;
-          animation-duration: 5s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: 1;
-     -moz-animation-iteration-count: 1;
-      -ms-animation-iteration-count: 1;
-          animation-iteration-count: 1;
-}
-
-@keyframes am-weather-moon-star-2 {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}
-
-.am-weather-moon-star-2 {
-  -webkit-animation-name: am-weather-moon-star-2;
-     -moz-animation-name: am-weather-moon-star-2;
-      -ms-animation-name: am-weather-moon-star-2;
-          animation-name: am-weather-moon-star-2;
-  -webkit-animation-delay: 5s;
-     -moz-animation-delay: 5s;
-      -ms-animation-delay: 5s;
-          animation-delay: 5s;
-  -webkit-animation-duration: 4s;
-     -moz-animation-duration: 4s;
-      -ms-animation-duration: 4s;
-          animation-duration: 4s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: 1;
-     -moz-animation-iteration-count: 1;
-      -ms-animation-iteration-count: 1;
-          animation-iteration-count: 1;
-}
-
-/*
-** RAIN
-*/
-@keyframes am-weather-rain {
-  0% {
-    stroke-dashoffset: 0;
-  }
-
-  100% {
-    stroke-dashoffset: -100;
-  }
-}
-
-.am-weather-rain-1 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-duration: 8s;
-     -moz-animation-duration: 8s;
-      -ms-animation-duration: 8s;
-          animation-duration: 8s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-.am-weather-rain-2 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-delay: 0.25s;
-     -moz-animation-delay: 0.25s;
-      -ms-animation-delay: 0.25s;
-          animation-delay: 0.25s;
-  -webkit-animation-duration: 8s;
-     -moz-animation-duration: 8s;
-      -ms-animation-duration: 8s;
-          animation-duration: 8s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-
-/*
-** SNOW
-*/
-@keyframes am-weather-snow {
-  0% {
-    -webkit-transform: translateX(0) translateY(0);
-       -moz-transform: translateX(0) translateY(0);
-        -ms-transform: translateX(0) translateY(0);
-            transform: translateX(0) translateY(0);
-  }
-
-  33.33% {
-    -webkit-transform: translateX(-1.2px) translateY(2px);
-       -moz-transform: translateX(-1.2px) translateY(2px);
-        -ms-transform: translateX(-1.2px) translateY(2px);
-            transform: translateX(-1.2px) translateY(2px);
-  }
-
-  66.66% {
-    -webkit-transform: translateX(1.4px) translateY(4px);
-       -moz-transform: translateX(1.4px) translateY(4px);
-        -ms-transform: translateX(1.4px) translateY(4px);
-            transform: translateX(1.4px) translateY(4px);
-    opacity: 1;
-  }
-
-  100% {
-    -webkit-transform: translateX(-1.6px) translateY(6px);
-       -moz-transform: translateX(-1.6px) translateY(6px);
-        -ms-transform: translateX(-1.6px) translateY(6px);
-            transform: translateX(-1.6px) translateY(6px);
-    opacity: 0;
-  }
-}
-
-@keyframes am-weather-snow-reverse {
-  0% {
-    -webkit-transform: translateX(0) translateY(0);
-       -moz-transform: translateX(0) translateY(0);
-        -ms-transform: translateX(0) translateY(0);
-            transform: translateX(0) translateY(0);
-  }
-
-  33.33% {
-    -webkit-transform: translateX(1.2px) translateY(2px);
-       -moz-transform: translateX(1.2px) translateY(2px);
-        -ms-transform: translateX(1.2px) translateY(2px);
-            transform: translateX(1.2px) translateY(2px);
-  }
-
-  66.66% {
-    -webkit-transform: translateX(-1.4px) translateY(4px);
-       -moz-transform: translateX(-1.4px) translateY(4px);
-        -ms-transform: translateX(-1.4px) translateY(4px);
-            transform: translateX(-1.4px) translateY(4px);
-    opacity: 1;
-  }
-
-  100% {
-    -webkit-transform: translateX(1.6px) translateY(6px);
-       -moz-transform: translateX(1.6px) translateY(6px);
-        -ms-transform: translateX(1.6px) translateY(6px);
-            transform: translateX(1.6px) translateY(6px);
-    opacity: 0;
-  }
-}
-
-.am-weather-snow-1 {
-  -webkit-animation-name: am-weather-snow;
-     -moz-animation-name: am-weather-snow;
-      -ms-animation-name: am-weather-snow;
-          animation-name: am-weather-snow;
-  -webkit-animation-duration: 2s;
-     -moz-animation-duration: 2s;
-      -ms-animation-duration: 2s;
-          animation-duration: 2s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-.am-weather-snow-2 {
-  -webkit-animation-name: am-weather-snow;
-     -moz-animation-name: am-weather-snow;
-      -ms-animation-name: am-weather-snow;
-          animation-name: am-weather-snow;
-  -webkit-animation-delay: 1.2s;
-     -moz-animation-delay: 1.2s;
-      -ms-animation-delay: 1.2s;
-          animation-delay: 1.2s;
-  -webkit-animation-duration: 2s;
-     -moz-animation-duration: 2s;
-      -ms-animation-duration: 2s;
-          animation-duration: 2s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-.am-weather-snow-3 {
-  -webkit-animation-name: am-weather-snow-reverse;
-     -moz-animation-name: am-weather-snow-reverse;
-      -ms-animation-name: am-weather-snow-reverse;
-          animation-name: am-weather-snow-reverse;
-  -webkit-animation-duration: 2s;
-     -moz-animation-duration: 2s;
-      -ms-animation-duration: 2s;
-          animation-duration: 2s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** EASING
-*/
-.am-weather-easing-ease-in-out {
-  -webkit-animation-timing-function: ease-in-out;
-     -moz-animation-timing-function: ease-in-out;
-      -ms-animation-timing-function: ease-in-out;
-          animation-timing-function: ease-in-out;
-}
-
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="night">
-        <g transform="translate(20,20)">
-            <g class="am-weather-moon-star-1">
-                <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10"/>
-            </g>
-            <g class="am-weather-moon-star-2">
-                <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10" transform="translate(20,10)"/>
-            </g>
-            <g class="am-weather-moon">
-                <path d="M14.5,13.2c0-3.7,2-6.9,5-8.7   c-1.5-0.9-3.2-1.3-5-1.3c-5.5,0-10,4.5-10,10s4.5,10,10,10c1.8,0,3.5-0.5,5-1.3C16.5,20.2,14.5,16.9,14.5,13.2z" fill="orange" stroke="orange" stroke-linejoin="round" stroke-width="2"/>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/fhem/www/images/weather/rainy-1.svg b/fhem/www/images/weather/rainy-1.svg
deleted file mode 100755
index 575df6cac..000000000
--- a/fhem/www/images/weather/rainy-1.svg
+++ /dev/null
@@ -1,157 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** SUN
-*/
-@keyframes am-weather-sun {
-  0% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-
-  100% {
-    -webkit-transform: rotate(360deg);
-       -moz-transform: rotate(360deg);
-        -ms-transform: rotate(360deg);
-            transform: rotate(360deg);
-  }
-}
-
-.am-weather-sun {
-  -webkit-animation-name: am-weather-sun;
-     -moz-animation-name: am-weather-sun;
-      -ms-animation-name: am-weather-sun;
-          animation-name: am-weather-sun;
-  -webkit-animation-duration: 9s;
-     -moz-animation-duration: 9s;
-      -ms-animation-duration: 9s;
-          animation-duration: 9s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** RAIN
-*/
-@keyframes am-weather-rain {
-  0% {
-    stroke-dashoffset: 0;
-  }
-
-  100% {
-    stroke-dashoffset: -100;
-  }
-}
-
-.am-weather-rain-1 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-duration: 8s;
-     -moz-animation-duration: 8s;
-      -ms-animation-duration: 8s;
-          animation-duration: 8s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-.am-weather-rain-2 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-delay: 0.25s;
-     -moz-animation-delay: 0.25s;
-      -ms-animation-delay: 0.25s;
-          animation-delay: 0.25s;
-  -webkit-animation-duration: 8s;
-     -moz-animation-duration: 8s;
-      -ms-animation-duration: 8s;
-          animation-duration: 8s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="rainy-1">
-        <g transform="translate(20,10)">
-            <g transform="translate(0,16), scale(1.2)">
-                <g class="am-weather-sun">
-                    <g>
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(45)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(90)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(135)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(180)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(225)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(270)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(315)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                </g>
-                <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-            </g>
-            <g>
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.5" transform="translate(-15,-5), scale(0.85)"/>
-            </g>
-        </g>
-        <g transform="translate(34,46), rotate(10)">
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(-6,1)" x1="0" x2="0" y1="0" y2="8" />
-            <line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(0,-1)" x1="0" x2="0" y1="0" y2="8" />
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/fhem/www/images/weather/rainy-2.svg b/fhem/www/images/weather/rainy-2.svg
deleted file mode 100755
index faa8cf078..000000000
--- a/fhem/www/images/weather/rainy-2.svg
+++ /dev/null
@@ -1,133 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** SUN
-*/
-@keyframes am-weather-sun {
-  0% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-
-  100% {
-    -webkit-transform: rotate(360deg);
-       -moz-transform: rotate(360deg);
-        -ms-transform: rotate(360deg);
-            transform: rotate(360deg);
-  }
-}
-
-.am-weather-sun {
-  -webkit-animation-name: am-weather-sun;
-     -moz-animation-name: am-weather-sun;
-      -ms-animation-name: am-weather-sun;
-          animation-name: am-weather-sun;
-  -webkit-animation-duration: 9s;
-     -moz-animation-duration: 9s;
-      -ms-animation-duration: 9s;
-          animation-duration: 9s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** RAIN
-*/
-@keyframes am-weather-rain {
-  0% {
-    stroke-dashoffset: 0;
-  }
-
-  100% {
-    stroke-dashoffset: -100;
-  }
-}
-
-.am-weather-rain-1 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-duration: 8s;
-     -moz-animation-duration: 8s;
-      -ms-animation-duration: 8s;
-          animation-duration: 8s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="rainy-2">
-        <g transform="translate(20,10)">
-            <g transform="translate(0,16)">
-                <g class="am-weather-sun">
-                    <g>
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(45)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(90)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(135)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(180)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(225)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(270)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(315)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                </g>
-                <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-            </g>
-            <g>
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-        <g transform="translate(37,45), rotate(10)">
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(-6,1)" x1="0" x2="0" y1="0" y2="8" />
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/fhem/www/images/weather/rainy-3.svg b/fhem/www/images/weather/rainy-3.svg
deleted file mode 100755
index bfb2a4c51..000000000
--- a/fhem/www/images/weather/rainy-3.svg
+++ /dev/null
@@ -1,157 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** SUN
-*/
-@keyframes am-weather-sun {
-  0% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-
-  100% {
-    -webkit-transform: rotate(360deg);
-       -moz-transform: rotate(360deg);
-        -ms-transform: rotate(360deg);
-            transform: rotate(360deg);
-  }
-}
-
-.am-weather-sun {
-  -webkit-animation-name: am-weather-sun;
-     -moz-animation-name: am-weather-sun;
-      -ms-animation-name: am-weather-sun;
-          animation-name: am-weather-sun;
-  -webkit-animation-duration: 9s;
-     -moz-animation-duration: 9s;
-      -ms-animation-duration: 9s;
-          animation-duration: 9s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** RAIN
-*/
-@keyframes am-weather-rain {
-  0% {
-    stroke-dashoffset: 0;
-  }
-
-  100% {
-    stroke-dashoffset: -100;
-  }
-}
-
-.am-weather-rain-1 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-duration: 8s;
-     -moz-animation-duration: 8s;
-      -ms-animation-duration: 8s;
-          animation-duration: 8s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-.am-weather-rain-2 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-delay: 0.25s;
-     -moz-animation-delay: 0.25s;
-      -ms-animation-delay: 0.25s;
-          animation-delay: 0.25s;
-  -webkit-animation-duration: 8s;
-     -moz-animation-duration: 8s;
-      -ms-animation-duration: 8s;
-          animation-duration: 8s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="rainy-3">
-        <g transform="translate(20,10)">
-            <g transform="translate(0,16)">
-                <g class="am-weather-sun">
-                    <g>
-                        <line fifll="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(45)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(90)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(135)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(180)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(225)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(270)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(315)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                </g>
-                <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-            </g>
-            <g>
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-        <g transform="translate(34,46), rotate(10)">
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(-6,1)" x1="0" x2="0" y1="0" y2="8" />
-            <line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(0,-1)" x1="0" x2="0" y1="0" y2="8" />
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/fhem/www/images/weather/rainy-4.svg b/fhem/www/images/weather/rainy-4.svg
deleted file mode 100755
index 52252b4ec..000000000
--- a/fhem/www/images/weather/rainy-4.svg
+++ /dev/null
@@ -1,66 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** RAIN
-*/
-@keyframes am-weather-rain {
-  0% {
-    stroke-dashoffset: 0;
-  }
-
-  100% {
-    stroke-dashoffset: -100;
-  }
-}
-
-.am-weather-rain-1 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-duration: 8s;
-     -moz-animation-duration: 8s;
-      -ms-animation-duration: 8s;
-          animation-duration: 8s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="rainy-4">
-        <g transform="translate(20,10)">
-            <g>
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-        <g transform="translate(37,45), rotate(10)">
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(-6,1)" x1="0" x2="0" y1="0" y2="8" />
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/fhem/www/images/weather/rainy-5.svg b/fhem/www/images/weather/rainy-5.svg
deleted file mode 100755
index 52461dbff..000000000
--- a/fhem/www/images/weather/rainy-5.svg
+++ /dev/null
@@ -1,90 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** RAIN
-*/
-@keyframes am-weather-rain {
-  0% {
-    stroke-dashoffset: 0;
-  }
-
-  100% {
-    stroke-dashoffset: -100;
-  }
-}
-
-.am-weather-rain-1 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-duration: 8s;
-     -moz-animation-duration: 8s;
-      -ms-animation-duration: 8s;
-          animation-duration: 8s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-.am-weather-rain-2 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-delay: 0.25s;
-     -moz-animation-delay: 0.25s;
-      -ms-animation-delay: 0.25s;
-          animation-delay: 0.25s;
-  -webkit-animation-duration: 8s;
-     -moz-animation-duration: 8s;
-      -ms-animation-duration: 8s;
-          animation-duration: 8s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="rainy-5">
-        <g transform="translate(20,10)">
-            <g>
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-        <g transform="translate(34,46), rotate(10)">
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(-6,1)" x1="0" x2="0" y1="0" y2="8" />
-            <line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(0,-1)" x1="0" x2="0" y1="0" y2="8" />
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/fhem/www/images/weather/rainy-6.svg b/fhem/www/images/weather/rainy-6.svg
deleted file mode 100755
index ea384b180..000000000
--- a/fhem/www/images/weather/rainy-6.svg
+++ /dev/null
@@ -1,91 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** RAIN
-*/
-@keyframes am-weather-rain {
-  0% {
-    stroke-dashoffset: 0;
-  }
-
-  100% {
-    stroke-dashoffset: -100;
-  }
-}
-
-.am-weather-rain-1 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-duration: 8s;
-     -moz-animation-duration: 8s;
-      -ms-animation-duration: 8s;
-          animation-duration: 8s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-.am-weather-rain-2 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-delay: 0.25s;
-     -moz-animation-delay: 0.25s;
-      -ms-animation-delay: 0.25s;
-          animation-delay: 0.25s;
-  -webkit-animation-duration: 8s;
-     -moz-animation-duration: 8s;
-      -ms-animation-duration: 8s;
-          animation-duration: 8s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="rainy-6">
-        <g transform="translate(20,10)">
-            <g>
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-        <g transform="translate(31,46), rotate(10)">
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(-4,1)" x1="0" x2="0" y1="0" y2="8" />
-            <line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(0,-1)" x1="0" x2="0" y1="0" y2="8" />
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(4,0)" x1="0" x2="0" y1="0" y2="8" />
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/fhem/www/images/weather/rainy-7.svg b/fhem/www/images/weather/rainy-7.svg
deleted file mode 100755
index 220dcf8a0..000000000
--- a/fhem/www/images/weather/rainy-7.svg
+++ /dev/null
@@ -1,91 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** RAIN
-*/
-@keyframes am-weather-rain {
-  0% {
-    stroke-dashoffset: 0;
-  }
-
-  100% {
-    stroke-dashoffset: -100;
-  }
-}
-
-.am-weather-rain-1 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-duration: 8s;
-     -moz-animation-duration: 8s;
-      -ms-animation-duration: 8s;
-          animation-duration: 8s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-.am-weather-rain-2 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-delay: 0.25s;
-     -moz-animation-delay: 0.25s;
-      -ms-animation-delay: 0.25s;
-          animation-delay: 0.25s;
-  -webkit-animation-duration: 8s;
-     -moz-animation-duration: 8s;
-      -ms-animation-duration: 8s;
-          animation-duration: 8s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="rainy-7">
-        <g transform="translate(20,10)">
-            <g>
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-        <g transform="translate(31,46), rotate(10)">
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="0.1,7" stroke-linecap="round" stroke-width="3" transform="translate(-5,1)" x1="0" x2="0" y1="0" y2="8" />
-            <line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="0.1,7" stroke-linecap="round" stroke-width="3" transform="translate(0,-1)" x1="0" x2="0" y1="0" y2="8" />
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="0.1,7" stroke-linecap="round" stroke-width="3" transform="translate(5,0)" x1="0" x2="0" y1="0" y2="8" />
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/fhem/www/images/weather/snowy-1.svg b/fhem/www/images/weather/snowy-1.svg
deleted file mode 100755
index 104546631..000000000
--- a/fhem/www/images/weather/snowy-1.svg
+++ /dev/null
@@ -1,230 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** SUN
-*/
-@keyframes am-weather-sun {
-  0% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-
-  100% {
-    -webkit-transform: rotate(360deg);
-       -moz-transform: rotate(360deg);
-        -ms-transform: rotate(360deg);
-            transform: rotate(360deg);
-  }
-}
-
-.am-weather-sun {
-  -webkit-animation-name: am-weather-sun;
-     -moz-animation-name: am-weather-sun;
-      -ms-animation-name: am-weather-sun;
-          animation-name: am-weather-sun;
-  -webkit-animation-duration: 9s;
-     -moz-animation-duration: 9s;
-      -ms-animation-duration: 9s;
-          animation-duration: 9s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-sun-shiny {
-  0% {
-    stroke-dasharray: 3px 10px;
-    stroke-dashoffset: 0px;
-  }
-
-  50% {
-    stroke-dasharray: 0.1px 10px;
-    stroke-dashoffset: -1px;
-  }
-
-  100% {
-    stroke-dasharray: 3px 10px;
-    stroke-dashoffset: 0px;
-  }
-}
-
-.am-weather-sun-shiny line {
-  -webkit-animation-name: am-weather-sun-shiny;
-     -moz-animation-name: am-weather-sun-shiny;
-      -ms-animation-name: am-weather-sun-shiny;
-          animation-name: am-weather-sun-shiny;
-  -webkit-animation-duration: 2s;
-     -moz-animation-duration: 2s;
-      -ms-animation-duration: 2s;
-          animation-duration: 2s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** SNOW
-*/
-@keyframes am-weather-snow {
-  0% {
-    -webkit-transform: translateX(0) translateY(0);
-       -moz-transform: translateX(0) translateY(0);
-        -ms-transform: translateX(0) translateY(0);
-            transform: translateX(0) translateY(0);
-  }
-
-  33.33% {
-    -webkit-transform: translateX(-1.2px) translateY(2px);
-       -moz-transform: translateX(-1.2px) translateY(2px);
-        -ms-transform: translateX(-1.2px) translateY(2px);
-            transform: translateX(-1.2px) translateY(2px);
-  }
-
-  66.66% {
-    -webkit-transform: translateX(1.4px) translateY(4px);
-       -moz-transform: translateX(1.4px) translateY(4px);
-        -ms-transform: translateX(1.4px) translateY(4px);
-            transform: translateX(1.4px) translateY(4px);
-    opacity: 1;
-  }
-
-  100% {
-    -webkit-transform: translateX(-1.6px) translateY(6px);
-       -moz-transform: translateX(-1.6px) translateY(6px);
-        -ms-transform: translateX(-1.6px) translateY(6px);
-            transform: translateX(-1.6px) translateY(6px);
-    opacity: 0;
-  }
-}
-
-.am-weather-snow-1 {
-  -webkit-animation-name: am-weather-snow;
-     -moz-animation-name: am-weather-snow;
-      -ms-animation-name: am-weather-snow;
-          animation-name: am-weather-snow;
-  -webkit-animation-duration: 2s;
-     -moz-animation-duration: 2s;
-      -ms-animation-duration: 2s;
-          animation-duration: 2s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-.am-weather-snow-2 {
-  -webkit-animation-name: am-weather-snow;
-     -moz-animation-name: am-weather-snow;
-      -ms-animation-name: am-weather-snow;
-          animation-name: am-weather-snow;
-  -webkit-animation-delay: 1.2s;
-     -moz-animation-delay: 1.2s;
-      -ms-animation-delay: 1.2s;
-          animation-delay: 1.2s;
-  -webkit-animation-duration: 2s;
-     -moz-animation-duration: 2s;
-      -ms-animation-duration: 2s;
-          animation-duration: 2s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="snowy-1">
-        <g transform="translate(20,10)">
-            <g transform="translate(0,16), scale(1.2)">
-                <g class="am-weather-sun">
-                    <g>
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(45)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(90)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(135)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(180)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(225)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(270)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(315)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                </g>
-                <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-            </g>
-            <g>
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.5" transform="translate(-15,-5), scale(0.85)"/>
-            </g>
-        </g>
-        <g transform="translate(20,9)">
-            <g class="am-weather-snow-1">
-                <g transform="translate(7,28)">
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                </g>
-            </g>
-            <g class="am-weather-snow-2">
-                <g transform="translate(16,28)">
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/fhem/www/images/weather/snowy-2.svg b/fhem/www/images/weather/snowy-2.svg
deleted file mode 100755
index f01f8b758..000000000
--- a/fhem/www/images/weather/snowy-2.svg
+++ /dev/null
@@ -1,237 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** CLOUDS
-*/
-@keyframes am-weather-cloud-2 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(2px,0px);
-       -moz-transform: translate(2px,0px);
-        -ms-transform: translate(2px,0px);
-            transform: translate(2px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-2 {
-  -webkit-animation-name: am-weather-cloud-2;
-     -moz-animation-name: am-weather-cloud-2;
-          animation-name: am-weather-cloud-2;
-  -webkit-animation-duration: 3s;
-     -moz-animation-duration: 3s;
-          animation-duration: 3s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** SUN
-*/
-@keyframes am-weather-sun {
-  0% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-
-  100% {
-    -webkit-transform: rotate(360deg);
-       -moz-transform: rotate(360deg);
-        -ms-transform: rotate(360deg);
-            transform: rotate(360deg);
-  }
-}
-
-.am-weather-sun {
-  -webkit-animation-name: am-weather-sun;
-     -moz-animation-name: am-weather-sun;
-      -ms-animation-name: am-weather-sun;
-          animation-name: am-weather-sun;
-  -webkit-animation-duration: 9s;
-     -moz-animation-duration: 9s;
-      -ms-animation-duration: 9s;
-          animation-duration: 9s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-sun-shiny {
-  0% {
-    stroke-dasharray: 3px 10px;
-    stroke-dashoffset: 0px;
-  }
-
-  50% {
-    stroke-dasharray: 0.1px 10px;
-    stroke-dashoffset: -1px;
-  }
-
-  100% {
-    stroke-dasharray: 3px 10px;
-    stroke-dashoffset: 0px;
-  }
-}
-
-.am-weather-sun-shiny line {
-  -webkit-animation-name: am-weather-sun-shiny;
-     -moz-animation-name: am-weather-sun-shiny;
-      -ms-animation-name: am-weather-sun-shiny;
-          animation-name: am-weather-sun-shiny;
-  -webkit-animation-duration: 2s;
-     -moz-animation-duration: 2s;
-      -ms-animation-duration: 2s;
-          animation-duration: 2s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** SNOW
-*/
-@keyframes am-weather-snow {
-  0% {
-    -webkit-transform: translateX(0) translateY(0);
-       -moz-transform: translateX(0) translateY(0);
-        -ms-transform: translateX(0) translateY(0);
-            transform: translateX(0) translateY(0);
-  }
-
-  33.33% {
-    -webkit-transform: translateX(-1.2px) translateY(2px);
-       -moz-transform: translateX(-1.2px) translateY(2px);
-        -ms-transform: translateX(-1.2px) translateY(2px);
-            transform: translateX(-1.2px) translateY(2px);
-  }
-
-  66.66% {
-    -webkit-transform: translateX(1.4px) translateY(4px);
-       -moz-transform: translateX(1.4px) translateY(4px);
-        -ms-transform: translateX(1.4px) translateY(4px);
-            transform: translateX(1.4px) translateY(4px);
-    opacity: 1;
-  }
-
-  100% {
-    -webkit-transform: translateX(-1.6px) translateY(6px);
-       -moz-transform: translateX(-1.6px) translateY(6px);
-        -ms-transform: translateX(-1.6px) translateY(6px);
-            transform: translateX(-1.6px) translateY(6px);
-    opacity: 0;
-  }
-}
-
-.am-weather-snow-1 {
-  -webkit-animation-name: am-weather-snow;
-     -moz-animation-name: am-weather-snow;
-      -ms-animation-name: am-weather-snow;
-          animation-name: am-weather-snow;
-  -webkit-animation-duration: 2s;
-     -moz-animation-duration: 2s;
-      -ms-animation-duration: 2s;
-          animation-duration: 2s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="snowy-2">
-        <g transform="translate(20,10)">
-            <g transform="translate(0,16)">
-                <g class="am-weather-sun">
-                    <g>
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(45)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(90)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(135)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(180)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(225)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(270)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(315)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                </g>
-                <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-            </g>
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-        <g class="am-weather-snow-1">
-            <g transform="translate(32,38)">
-                <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/fhem/www/images/weather/snowy-3.svg b/fhem/www/images/weather/snowy-3.svg
deleted file mode 100755
index 8c51ef8ae..000000000
--- a/fhem/www/images/weather/snowy-3.svg
+++ /dev/null
@@ -1,268 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** CLOUDS
-*/
-@keyframes am-weather-cloud-2 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(2px,0px);
-       -moz-transform: translate(2px,0px);
-        -ms-transform: translate(2px,0px);
-            transform: translate(2px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-2 {
-  -webkit-animation-name: am-weather-cloud-2;
-     -moz-animation-name: am-weather-cloud-2;
-          animation-name: am-weather-cloud-2;
-  -webkit-animation-duration: 3s;
-     -moz-animation-duration: 3s;
-          animation-duration: 3s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** SUN
-*/
-@keyframes am-weather-sun {
-  0% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-
-  100% {
-    -webkit-transform: rotate(360deg);
-       -moz-transform: rotate(360deg);
-        -ms-transform: rotate(360deg);
-            transform: rotate(360deg);
-  }
-}
-
-.am-weather-sun {
-  -webkit-animation-name: am-weather-sun;
-     -moz-animation-name: am-weather-sun;
-      -ms-animation-name: am-weather-sun;
-          animation-name: am-weather-sun;
-  -webkit-animation-duration: 9s;
-     -moz-animation-duration: 9s;
-      -ms-animation-duration: 9s;
-          animation-duration: 9s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-sun-shiny {
-  0% {
-    stroke-dasharray: 3px 10px;
-    stroke-dashoffset: 0px;
-  }
-
-  50% {
-    stroke-dasharray: 0.1px 10px;
-    stroke-dashoffset: -1px;
-  }
-
-  100% {
-    stroke-dasharray: 3px 10px;
-    stroke-dashoffset: 0px;
-  }
-}
-
-.am-weather-sun-shiny line {
-  -webkit-animation-name: am-weather-sun-shiny;
-     -moz-animation-name: am-weather-sun-shiny;
-      -ms-animation-name: am-weather-sun-shiny;
-          animation-name: am-weather-sun-shiny;
-  -webkit-animation-duration: 2s;
-     -moz-animation-duration: 2s;
-      -ms-animation-duration: 2s;
-          animation-duration: 2s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** SNOW
-*/
-@keyframes am-weather-snow {
-  0% {
-    -webkit-transform: translateX(0) translateY(0);
-       -moz-transform: translateX(0) translateY(0);
-        -ms-transform: translateX(0) translateY(0);
-            transform: translateX(0) translateY(0);
-  }
-
-  33.33% {
-    -webkit-transform: translateX(-1.2px) translateY(2px);
-       -moz-transform: translateX(-1.2px) translateY(2px);
-        -ms-transform: translateX(-1.2px) translateY(2px);
-            transform: translateX(-1.2px) translateY(2px);
-  }
-
-  66.66% {
-    -webkit-transform: translateX(1.4px) translateY(4px);
-       -moz-transform: translateX(1.4px) translateY(4px);
-        -ms-transform: translateX(1.4px) translateY(4px);
-            transform: translateX(1.4px) translateY(4px);
-    opacity: 1;
-  }
-
-  100% {
-    -webkit-transform: translateX(-1.6px) translateY(6px);
-       -moz-transform: translateX(-1.6px) translateY(6px);
-        -ms-transform: translateX(-1.6px) translateY(6px);
-            transform: translateX(-1.6px) translateY(6px);
-    opacity: 0;
-  }
-}
-
-.am-weather-snow-1 {
-  -webkit-animation-name: am-weather-snow;
-     -moz-animation-name: am-weather-snow;
-      -ms-animation-name: am-weather-snow;
-          animation-name: am-weather-snow;
-  -webkit-animation-duration: 2s;
-     -moz-animation-duration: 2s;
-      -ms-animation-duration: 2s;
-          animation-duration: 2s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-.am-weather-snow-2 {
-  -webkit-animation-name: am-weather-snow;
-     -moz-animation-name: am-weather-snow;
-      -ms-animation-name: am-weather-snow;
-          animation-name: am-weather-snow;
-  -webkit-animation-delay: 1.2s;
-     -moz-animation-delay: 1.2s;
-      -ms-animation-delay: 1.2s;
-          animation-delay: 1.2s;
-  -webkit-animation-duration: 2s;
-     -moz-animation-duration: 2s;
-      -ms-animation-duration: 2s;
-          animation-duration: 2s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="snowy-3">
-        <g transform="translate(20,10)">
-            <g transform="translate(0,16)">
-                <g class="am-weather-sun">
-                    <g>
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(45)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(90)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(135)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(180)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(225)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(270)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(315)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                </g>
-                <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-            </g>
-            <g>
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-            <g class="am-weather-snow-1">
-                <g transform="translate(7,28)">
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                </g>
-            </g>
-            <g class="am-weather-snow-2">
-                <g transform="translate(16,28)">
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/fhem/www/images/weather/snowy-4.svg b/fhem/www/images/weather/snowy-4.svg
deleted file mode 100755
index e282d18b5..000000000
--- a/fhem/www/images/weather/snowy-4.svg
+++ /dev/null
@@ -1,94 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** SNOW
-*/
-@keyframes am-weather-snow {
-  0% {
-    -webkit-transform: translate(0.0px,0);
-       -moz-transform: translate(0.0px,0);
-        -ms-transform: translate(0.0px,0);
-            transform: translate(0.0px,0);
-  }
-
-  33.33% {
-    -webkit-transform: translate(-1.2px,2px);
-       -moz-transform: translate(-1.2px,2px);
-        -ms-transform: translate(-1.2px,2px);
-            transform: translate(-1.2px,2px);
-  }
-
-  66.66% {
-    -webkit-transform: translate(1.4px,4px);
-       -moz-transform: translate(1.4px,4px);
-        -ms-transform: translate(1.4px,4px);
-            transform: translate(1.4px,4px);
-    opacity: 1;
-  }
-
-  100% {
-    -webkit-transform: translate(-1.6px,6px);
-       -moz-transform: translate(-1.6px,6px);
-        -ms-transform: translate(-1.6px,6px);
-            transform: translate(-1.6px,6px);
-    opacity: 0;
-  }
-}
-
-.am-weather-snow-1 {
-  -webkit-animation-name: am-weather-snow;
-     -moz-animation-name: am-weather-snow;
-      -ms-animation-name: am-weather-snow;
-          animation-name: am-weather-snow;
-  -webkit-animation-duration: 2s;
-     -moz-animation-duration: 2s;
-      -ms-animation-duration: 2s;
-          animation-duration: 2s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="snowy-4">
-        <g transform="translate(20,10)">
-            <g>
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-            <g class="am-weather-snow-1">
-                <g transform="translate(11,28)">
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/fhem/www/images/weather/snowy-5.svg b/fhem/www/images/weather/snowy-5.svg
deleted file mode 100755
index 463d6d876..000000000
--- a/fhem/www/images/weather/snowy-5.svg
+++ /dev/null
@@ -1,166 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** CLOUDS
-*/
-@keyframes am-weather-cloud-2 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(2px,0px);
-       -moz-transform: translate(2px,0px);
-        -ms-transform: translate(2px,0px);
-            transform: translate(2px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-2 {
-  -webkit-animation-name: am-weather-cloud-2;
-     -moz-animation-name: am-weather-cloud-2;
-          animation-name: am-weather-cloud-2;
-  -webkit-animation-duration: 3s;
-     -moz-animation-duration: 3s;
-          animation-duration: 3s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** SNOW
-*/
-@keyframes am-weather-snow {
-  0% {
-    -webkit-transform: translateX(0) translateY(0);
-       -moz-transform: translateX(0) translateY(0);
-        -ms-transform: translateX(0) translateY(0);
-            transform: translateX(0) translateY(0);
-  }
-
-  33.33% {
-    -webkit-transform: translateX(-1.2px) translateY(2px);
-       -moz-transform: translateX(-1.2px) translateY(2px);
-        -ms-transform: translateX(-1.2px) translateY(2px);
-            transform: translateX(-1.2px) translateY(2px);
-  }
-
-  66.66% {
-    -webkit-transform: translateX(1.4px) translateY(4px);
-       -moz-transform: translateX(1.4px) translateY(4px);
-        -ms-transform: translateX(1.4px) translateY(4px);
-            transform: translateX(1.4px) translateY(4px);
-    opacity: 1;
-  }
-
-  100% {
-    -webkit-transform: translateX(-1.6px) translateY(6px);
-       -moz-transform: translateX(-1.6px) translateY(6px);
-        -ms-transform: translateX(-1.6px) translateY(6px);
-            transform: translateX(-1.6px) translateY(6px);
-    opacity: 0;
-  }
-}
-
-.am-weather-snow-1 {
-  -webkit-animation-name: am-weather-snow;
-     -moz-animation-name: am-weather-snow;
-      -ms-animation-name: am-weather-snow;
-          animation-name: am-weather-snow;
-  -webkit-animation-duration: 2s;
-     -moz-animation-duration: 2s;
-      -ms-animation-duration: 2s;
-          animation-duration: 2s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-.am-weather-snow-2 {
-  -webkit-animation-name: am-weather-snow;
-     -moz-animation-name: am-weather-snow;
-      -ms-animation-name: am-weather-snow;
-          animation-name: am-weather-snow;
-  -webkit-animation-delay: 1.2s;
-     -moz-animation-delay: 1.2s;
-      -ms-animation-delay: 1.2s;
-          animation-delay: 1.2s;
-  -webkit-animation-duration: 2s;
-     -moz-animation-duration: 2s;
-      -ms-animation-duration: 2s;
-          animation-duration: 2s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="snowy-5">
-        <g transform="translate(20,10)">
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-            <g class="am-weather-snow-1">
-                <g transform="translate(7,28)">
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                </g>
-            </g>
-            <g class="am-weather-snow-2">
-                <g transform="translate(16,28)">
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/fhem/www/images/weather/snowy-6.svg b/fhem/www/images/weather/snowy-6.svg
deleted file mode 100755
index beba9e485..000000000
--- a/fhem/www/images/weather/snowy-6.svg
+++ /dev/null
@@ -1,225 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** CLOUDS
-*/
-@keyframes am-weather-cloud-2 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(2px,0px);
-       -moz-transform: translate(2px,0px);
-        -ms-transform: translate(2px,0px);
-            transform: translate(2px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-2 {
-  -webkit-animation-name: am-weather-cloud-2;
-     -moz-animation-name: am-weather-cloud-2;
-          animation-name: am-weather-cloud-2;
-  -webkit-animation-duration: 3s;
-     -moz-animation-duration: 3s;
-          animation-duration: 3s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** SNOW
-*/
-@keyframes am-weather-snow {
-  0% {
-    -webkit-transform: translateX(0) translateY(0);
-       -moz-transform: translateX(0) translateY(0);
-        -ms-transform: translateX(0) translateY(0);
-            transform: translateX(0) translateY(0);
-  }
-
-  33.33% {
-    -webkit-transform: translateX(-1.2px) translateY(2px);
-       -moz-transform: translateX(-1.2px) translateY(2px);
-        -ms-transform: translateX(-1.2px) translateY(2px);
-            transform: translateX(-1.2px) translateY(2px);
-  }
-
-  66.66% {
-    -webkit-transform: translateX(1.4px) translateY(4px);
-       -moz-transform: translateX(1.4px) translateY(4px);
-        -ms-transform: translateX(1.4px) translateY(4px);
-            transform: translateX(1.4px) translateY(4px);
-    opacity: 1;
-  }
-
-  100% {
-    -webkit-transform: translateX(-1.6px) translateY(6px);
-       -moz-transform: translateX(-1.6px) translateY(6px);
-        -ms-transform: translateX(-1.6px) translateY(6px);
-            transform: translateX(-1.6px) translateY(6px);
-    opacity: 0;
-  }
-}
-
-@keyframes am-weather-snow-reverse {
-  0% {
-    -webkit-transform: translateX(0) translateY(0);
-       -moz-transform: translateX(0) translateY(0);
-        -ms-transform: translateX(0) translateY(0);
-            transform: translateX(0) translateY(0);
-  }
-
-  33.33% {
-    -webkit-transform: translateX(1.2px) translateY(2px);
-       -moz-transform: translateX(1.2px) translateY(2px);
-        -ms-transform: translateX(1.2px) translateY(2px);
-            transform: translateX(1.2px) translateY(2px);
-  }
-
-  66.66% {
-    -webkit-transform: translateX(-1.4px) translateY(4px);
-       -moz-transform: translateX(-1.4px) translateY(4px);
-        -ms-transform: translateX(-1.4px) translateY(4px);
-            transform: translateX(-1.4px) translateY(4px);
-    opacity: 1;
-  }
-
-  100% {
-    -webkit-transform: translateX(1.6px) translateY(6px);
-       -moz-transform: translateX(1.6px) translateY(6px);
-        -ms-transform: translateX(1.6px) translateY(6px);
-            transform: translateX(1.6px) translateY(6px);
-    opacity: 0;
-  }
-}
-
-.am-weather-snow-1 {
-  -webkit-animation-name: am-weather-snow;
-     -moz-animation-name: am-weather-snow;
-      -ms-animation-name: am-weather-snow;
-          animation-name: am-weather-snow;
-  -webkit-animation-duration: 2s;
-     -moz-animation-duration: 2s;
-      -ms-animation-duration: 2s;
-          animation-duration: 2s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-.am-weather-snow-2 {
-  -webkit-animation-name: am-weather-snow;
-     -moz-animation-name: am-weather-snow;
-      -ms-animation-name: am-weather-snow;
-          animation-name: am-weather-snow;
-  -webkit-animation-delay: 1.2s;
-     -moz-animation-delay: 1.2s;
-      -ms-animation-delay: 1.2s;
-          animation-delay: 1.2s;
-  -webkit-animation-duration: 2s;
-     -moz-animation-duration: 2s;
-      -ms-animation-duration: 2s;
-          animation-duration: 2s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-.am-weather-snow-3 {
-  -webkit-animation-name: am-weather-snow-reverse;
-     -moz-animation-name: am-weather-snow-reverse;
-      -ms-animation-name: am-weather-snow-reverse;
-          animation-name: am-weather-snow-reverse;
-  -webkit-animation-duration: 2s;
-     -moz-animation-duration: 2s;
-      -ms-animation-duration: 2s;
-          animation-duration: 2s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="snowy-6">
-        <g transform="translate(20,10)">
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-            <g class="am-weather-snow-1">
-                <g transform="translate(3,28)">
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                </g>
-            </g>
-            <g class="am-weather-snow-2">
-                <g transform="translate(11,28)">
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                </g>
-            </g>
-            <g class="am-weather-snow-3">
-                <g transform="translate(20,28)">
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/fhem/www/images/weather/thunder.svg b/fhem/www/images/weather/thunder.svg
deleted file mode 100755
index a27ff5550..000000000
--- a/fhem/www/images/weather/thunder.svg
+++ /dev/null
@@ -1,268 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** CLOUDS
-*/
-@keyframes am-weather-cloud-1 {
-  0% {
-    -webkit-transform: translate(-5px,0px);
-       -moz-transform: translate(-5px,0px);
-        -ms-transform: translate(-5px,0px);
-            transform: translate(-5px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(10px,0px);
-       -moz-transform: translate(10px,0px);
-        -ms-transform: translate(10px,0px);
-            transform: translate(10px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(-5px,0px);
-       -moz-transform: translate(-5px,0px);
-        -ms-transform: translate(-5px,0px);
-            transform: translate(-5px,0px);
-  }
-}
-
-.am-weather-cloud-1 {
-  -webkit-animation-name: am-weather-cloud-1;
-     -moz-animation-name: am-weather-cloud-1;
-          animation-name: am-weather-cloud-1;
-  -webkit-animation-duration: 7s;
-     -moz-animation-duration: 7s;
-          animation-duration: 7s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-cloud-2 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(2px,0px);
-       -moz-transform: translate(2px,0px);
-        -ms-transform: translate(2px,0px);
-            transform: translate(2px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-2 {
-  -webkit-animation-name: am-weather-cloud-2;
-     -moz-animation-name: am-weather-cloud-2;
-          animation-name: am-weather-cloud-2;
-  -webkit-animation-duration: 3s;
-     -moz-animation-duration: 3s;
-          animation-duration: 3s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** STROKE
-*/
-@keyframes am-weather-stroke {
-  0% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  2% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  4% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  6% {
-    -webkit-transform: translate(0.5px,0.4px);
-       -moz-transform: translate(0.5px,0.4px);
-        -ms-transform: translate(0.5px,0.4px);
-            transform: translate(0.5px,0.4px);
-  }
-
-  8% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  10% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  12% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  14% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  16% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  18% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  20% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  22% {
-    -webkit-transform: translate(1px,0.0px);
-       -moz-transform: translate(1px,0.0px);
-        -ms-transform: translate(1px,0.0px);
-            transform: translate(1px,0.0px);
-  }
-
-  24% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  26% {
-    -webkit-transform: translate(-1px,0.0px);
-       -moz-transform: translate(-1px,0.0px);
-        -ms-transform: translate(-1px,0.0px);
-            transform: translate(-1px,0.0px);
-
-  }
-
-  28% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  40% {
-    fill: orange;
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  65% {
-    fill: white;
-    -webkit-transform: translate(-1px,5.0px);
-       -moz-transform: translate(-1px,5.0px);
-        -ms-transform: translate(-1px,5.0px);
-            transform: translate(-1px,5.0px);
-  }
-  61% {
-    fill: orange;
-  }
-
-  100% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-}
-
-.am-weather-stroke {
-  -webkit-animation-name: am-weather-stroke;
-     -moz-animation-name: am-weather-stroke;
-          animation-name: am-weather-stroke;
-  -webkit-animation-duration: 1.11s;
-     -moz-animation-duration: 1.11s;
-          animation-duration: 1.11s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="thunder">
-        <g transform="translate(20,10)">
-            <g class="am-weather-cloud-1">
-                <path d="M47.7,35.4     c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3     c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#91C0F8" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-10,-6), scale(0.6)" />
-            </g>
-            <g>
-                <path d="M47.7,35.4     c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3     c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)" />
-            </g>
-            <g transform="translate(-9,28), scale(1.2)">
-                <polygon class="am-weather-stroke" fill="orange" stroke="white" stroke-width="1" points="14.3,-2.9 20.5,-2.9 16.4,4.3 20.3,4.3 11.5,14.6 14.9,6.9 11.1,6.9" />
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/fhem/www/images/weather/weather-sprite.svg b/fhem/www/images/weather/weather-sprite.svg
deleted file mode 100755
index b0117b791..000000000
--- a/fhem/www/images/weather/weather-sprite.svg
+++ /dev/null
@@ -1,1245 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    style="position: absolute; width: 0; height: 0;"
-    width="0"
-    height="0">
-    <defs>
-        <style type="text/css"><![CDATA[
-/*
-** CLOUDS
-*/
-@keyframes am-weather-cloud-1 {
-  0% {
-    -webkit-transform: translate(-5px,0px);
-       -moz-transform: translate(-5px,0px);
-        -ms-transform: translate(-5px,0px);
-            transform: translate(-5px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(10px,0px);
-       -moz-transform: translate(10px,0px);
-        -ms-transform: translate(10px,0px);
-            transform: translate(10px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(-5px,0px);
-       -moz-transform: translate(-5px,0px);
-        -ms-transform: translate(-5px,0px);
-            transform: translate(-5px,0px);
-  }
-}
-
-.am-weather-cloud-1 {
-  -webkit-animation-name: am-weather-cloud-1;
-     -moz-animation-name: am-weather-cloud-1;
-          animation-name: am-weather-cloud-1;
-  -webkit-animation-duration: 7s;
-     -moz-animation-duration: 7s;
-          animation-duration: 7s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-cloud-2 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(2px,0px);
-       -moz-transform: translate(2px,0px);
-        -ms-transform: translate(2px,0px);
-            transform: translate(2px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-2 {
-  -webkit-animation-name: am-weather-cloud-2;
-     -moz-animation-name: am-weather-cloud-2;
-          animation-name: am-weather-cloud-2;
-  -webkit-animation-duration: 3s;
-     -moz-animation-duration: 3s;
-          animation-duration: 3s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** STROKE
-*/
-@keyframes am-weather-stroke {
-  0% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  2% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  4% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  6% {
-    -webkit-transform: translate(0.5px,0.4px);
-       -moz-transform: translate(0.5px,0.4px);
-        -ms-transform: translate(0.5px,0.4px);
-            transform: translate(0.5px,0.4px);
-  }
-
-  8% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  10% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  12% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  14% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  16% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  18% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  20% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  22% {
-    -webkit-transform: translate(1px,0.0px);
-       -moz-transform: translate(1px,0.0px);
-        -ms-transform: translate(1px,0.0px);
-            transform: translate(1px,0.0px);
-  }
-
-  24% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  26% {
-    -webkit-transform: translate(-1px,0.0px);
-       -moz-transform: translate(-1px,0.0px);
-        -ms-transform: translate(-1px,0.0px);
-            transform: translate(-1px,0.0px);
-
-  }
-
-  28% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  40% {
-    fill: orange;
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  65% {
-    fill: white;
-    -webkit-transform: translate(-1px,5.0px);
-       -moz-transform: translate(-1px,5.0px);
-        -ms-transform: translate(-1px,5.0px);
-            transform: translate(-1px,5.0px);
-  }
-  61% {
-    fill: orange;
-  }
-
-  100% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-}
-
-.am-weather-stroke {
-  -webkit-animation-name: am-weather-stroke;
-     -moz-animation-name: am-weather-stroke;
-          animation-name: am-weather-stroke;
-  -webkit-animation-duration: 1.11s;
-     -moz-animation-duration: 1.11s;
-          animation-duration: 1.11s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-
-
-/*
-** SUN
-*/
-@keyframes am-weather-sun {
-  0% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-
-  100% {
-    -webkit-transform: rotate(360deg);
-       -moz-transform: rotate(360deg);
-        -ms-transform: rotate(360deg);
-            transform: rotate(360deg);
-  }
-}
-
-.am-weather-sun {
-  -webkit-animation-name: am-weather-sun;
-     -moz-animation-name: am-weather-sun;
-      -ms-animation-name: am-weather-sun;
-          animation-name: am-weather-sun;
-  -webkit-animation-duration: 9s;
-     -moz-animation-duration: 9s;
-      -ms-animation-duration: 9s;
-          animation-duration: 9s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-sun-shiny {
-  0% {
-    stroke-dasharray: 3px 10px;
-    stroke-dashoffset: 0px;
-  }
-
-  50% {
-    stroke-dasharray: 0.1px 10px;
-    stroke-dashoffset: -1px;
-  }
-
-  100% {
-    stroke-dasharray: 3px 10px;
-    stroke-dashoffset: 0px;
-  }
-}
-
-.am-weather-sun-shiny line {
-  -webkit-animation-name: am-weather-sun-shiny;
-     -moz-animation-name: am-weather-sun-shiny;
-      -ms-animation-name: am-weather-sun-shiny;
-          animation-name: am-weather-sun-shiny;
-  -webkit-animation-duration: 2s;
-     -moz-animation-duration: 2s;
-      -ms-animation-duration: 2s;
-          animation-duration: 2s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-
-
-
-/*
-** MOON
-*/
-@keyframes am-weather-moon {
-  0% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-
-  50% {
-    -webkit-transform: rotate(15deg);
-       -moz-transform: rotate(15deg);
-        -ms-transform: rotate(15deg);
-            transform: rotate(15deg);
-  }
-
-  100% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-}
-
-.am-weather-moon {
-  -webkit-animation-name: am-weather-moon;
-     -moz-animation-name: am-weather-moon;
-      -ms-animation-name: am-weather-moon;
-          animation-name: am-weather-moon;
-  -webkit-animation-duration: 6s;
-     -moz-animation-duration: 6s;
-      -ms-animation-duration: 6s;
-          animation-duration: 6s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-  -webkit-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-     -moz-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-      -ms-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-          transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-}
-
-@keyframes am-weather-moon-star-1 {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}
-
-.am-weather-moon-star-1 {
-  -webkit-animation-name: am-weather-moon-star-1;
-     -moz-animation-name: am-weather-moon-star-1;
-      -ms-animation-name: am-weather-moon-star-1;
-          animation-name: am-weather-moon-star-1;
-  -webkit-animation-delay: 3s;
-     -moz-animation-delay: 3s;
-      -ms-animation-delay: 3s;
-          animation-delay: 3s;
-  -webkit-animation-duration: 5s;
-     -moz-animation-duration: 5s;
-      -ms-animation-duration: 5s;
-          animation-duration: 5s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: 1;
-     -moz-animation-iteration-count: 1;
-      -ms-animation-iteration-count: 1;
-          animation-iteration-count: 1;
-}
-
-@keyframes am-weather-moon-star-2 {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}
-
-.am-weather-moon-star-2 {
-  -webkit-animation-name: am-weather-moon-star-2;
-     -moz-animation-name: am-weather-moon-star-2;
-      -ms-animation-name: am-weather-moon-star-2;
-          animation-name: am-weather-moon-star-2;
-  -webkit-animation-delay: 5s;
-     -moz-animation-delay: 5s;
-      -ms-animation-delay: 5s;
-          animation-delay: 5s;
-  -webkit-animation-duration: 4s;
-     -moz-animation-duration: 4s;
-      -ms-animation-duration: 4s;
-          animation-duration: 4s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: 1;
-     -moz-animation-iteration-count: 1;
-      -ms-animation-iteration-count: 1;
-          animation-iteration-count: 1;
-}
-
-/*
-** RAIN
-*/
-@keyframes am-weather-rain {
-  0% {
-    stroke-dashoffset: 0;
-  }
-
-  100% {
-    stroke-dashoffset: -100;
-  }
-}
-
-.am-weather-rain-1 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-duration: 8s;
-     -moz-animation-duration: 8s;
-      -ms-animation-duration: 8s;
-          animation-duration: 8s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-.am-weather-rain-2 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-delay: 0.25s;
-     -moz-animation-delay: 0.25s;
-      -ms-animation-delay: 0.25s;
-          animation-delay: 0.25s;
-  -webkit-animation-duration: 8s;
-     -moz-animation-duration: 8s;
-      -ms-animation-duration: 8s;
-          animation-duration: 8s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-
-/*
-** SNOW
-*/
-@keyframes am-weather-snow {
-  0% {
-    -webkit-transform: translateX(0) translateY(0);
-       -moz-transform: translateX(0) translateY(0);
-        -ms-transform: translateX(0) translateY(0);
-            transform: translateX(0) translateY(0);
-  }
-
-  33.33% {
-    -webkit-transform: translateX(-1.2px) translateY(2px);
-       -moz-transform: translateX(-1.2px) translateY(2px);
-        -ms-transform: translateX(-1.2px) translateY(2px);
-            transform: translateX(-1.2px) translateY(2px);
-  }
-
-  66.66% {
-    -webkit-transform: translateX(1.4px) translateY(4px);
-       -moz-transform: translateX(1.4px) translateY(4px);
-        -ms-transform: translateX(1.4px) translateY(4px);
-            transform: translateX(1.4px) translateY(4px);
-    opacity: 1;
-  }
-
-  100% {
-    -webkit-transform: translateX(-1.6px) translateY(6px);
-       -moz-transform: translateX(-1.6px) translateY(6px);
-        -ms-transform: translateX(-1.6px) translateY(6px);
-            transform: translateX(-1.6px) translateY(6px);
-    opacity: 0;
-  }
-}
-
-@keyframes am-weather-snow-reverse {
-  0% {
-    -webkit-transform: translateX(0) translateY(0);
-       -moz-transform: translateX(0) translateY(0);
-        -ms-transform: translateX(0) translateY(0);
-            transform: translateX(0) translateY(0);
-  }
-
-  33.33% {
-    -webkit-transform: translateX(1.2px) translateY(2px);
-       -moz-transform: translateX(1.2px) translateY(2px);
-        -ms-transform: translateX(1.2px) translateY(2px);
-            transform: translateX(1.2px) translateY(2px);
-  }
-
-  66.66% {
-    -webkit-transform: translateX(-1.4px) translateY(4px);
-       -moz-transform: translateX(-1.4px) translateY(4px);
-        -ms-transform: translateX(-1.4px) translateY(4px);
-            transform: translateX(-1.4px) translateY(4px);
-    opacity: 1;
-  }
-
-  100% {
-    -webkit-transform: translateX(1.6px) translateY(6px);
-       -moz-transform: translateX(1.6px) translateY(6px);
-        -ms-transform: translateX(1.6px) translateY(6px);
-            transform: translateX(1.6px) translateY(6px);
-    opacity: 0;
-  }
-}
-
-.am-weather-snow-1 {
-  -webkit-animation-name: am-weather-snow;
-     -moz-animation-name: am-weather-snow;
-      -ms-animation-name: am-weather-snow;
-          animation-name: am-weather-snow;
-  -webkit-animation-duration: 2s;
-     -moz-animation-duration: 2s;
-      -ms-animation-duration: 2s;
-          animation-duration: 2s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-.am-weather-snow-2 {
-  -webkit-animation-name: am-weather-snow;
-     -moz-animation-name: am-weather-snow;
-      -ms-animation-name: am-weather-snow;
-          animation-name: am-weather-snow;
-  -webkit-animation-delay: 1.2s;
-     -moz-animation-delay: 1.2s;
-      -ms-animation-delay: 1.2s;
-          animation-delay: 1.2s;
-  -webkit-animation-duration: 2s;
-     -moz-animation-duration: 2s;
-      -ms-animation-duration: 2s;
-          animation-duration: 2s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-.am-weather-snow-3 {
-  -webkit-animation-name: am-weather-snow-reverse;
-     -moz-animation-name: am-weather-snow-reverse;
-      -ms-animation-name: am-weather-snow-reverse;
-          animation-name: am-weather-snow-reverse;
-  -webkit-animation-duration: 2s;
-     -moz-animation-duration: 2s;
-      -ms-animation-duration: 2s;
-          animation-duration: 2s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** EASING
-*/
-.am-weather-easing-ease-in-out {
-  -webkit-animation-timing-function: ease-in-out;
-     -moz-animation-timing-function: ease-in-out;
-      -ms-animation-timing-function: ease-in-out;
-          animation-timing-function: ease-in-out;
-}
-
-        ]]></style>
-    </defs>
-    <symbol id="thunder" viewBox="0 0 64 64">
-        <g transform="translate(20,10)">
-            <g class="am-weather-cloud-1">
-                <path d="M47.7,35.4     c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3     c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#91C0F8" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-10,-6), scale(0.6)" />
-            </g>
-            <g>
-                <path d="M47.7,35.4     c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3     c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)" />
-            </g>
-            <g transform="translate(-9,28), scale(1.2)">
-                <polygon class="am-weather-stroke" fill="orange" stroke="white" stroke-width="1" points="14.3,-2.9 20.5,-2.9 16.4,4.3 20.3,4.3 11.5,14.6 14.9,6.9 11.1,6.9" />
-            </g>
-        </g>
-    </symbol>
-    <symbol id="day" viewBox="0 0 64 64">
-        <g transform="translate(32,32)">
-            <g class="am-weather-sun am-weather-sun-shiny am-weather-easing-ease-in-out">
-                <g>
-                    <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
-                </g>
-                <g transform="rotate(45)">
-                    <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
-                </g>
-                <g transform="rotate(90)">
-                    <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
-                </g>
-                <g transform="rotate(135)">
-                    <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
-                </g>
-                <g transform="rotate(180)">
-                    <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
-                </g>
-                <g transform="rotate(225)">
-                    <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
-                </g>
-                <g transform="rotate(270)">
-                    <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
-                </g>
-                <g transform="rotate(315)">
-                    <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
-                </g>
-            </g>
-            <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-        </g>
-    </symbol>
-    <symbol id="night" viewBox="0 0 64 64">
-        <g transform="translate(20,20)">
-            <g class="am-weather-moon-star-1">
-                <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10"/>
-            </g>
-            <g class="am-weather-moon-star-2">
-                <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10" transform="translate(20,10)"/>
-            </g>
-            <g class="am-weather-moon">
-                <path d="M14.5,13.2c0-3.7,2-6.9,5-8.7   c-1.5-0.9-3.2-1.3-5-1.3c-5.5,0-10,4.5-10,10s4.5,10,10,10c1.8,0,3.5-0.5,5-1.3C16.5,20.2,14.5,16.9,14.5,13.2z" fill="orange" stroke="orange" stroke-linejoin="round" stroke-width="2"/>
-            </g>
-        </g>
-    </symbol>
-    <symbol id="cloudy-day-1" viewBox="0 0 64 64">
-        <g transform="translate(20,10)">
-            <g transform="translate(0,16)">
-                <g class="am-weather-sun">
-                    <g>
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(45)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(90)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(135)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(180)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(225)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(270)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(315)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                </g>
-                <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-            </g>
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#C6DEFF" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-    </symbol>
-    <symbol id="cloudy-night-1" viewBox="0 0 64 64">
-        <g transform="translate(20,10)">
-            <g transform="translate(16,4), scale(0.8)">
-                <g class="am-weather-moon-star-1">
-                    <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10"/>
-                </g>
-                <g class="am-weather-moon-star-2">
-                    <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10" transform="translate(20,10)"/>
-                </g>
-                <g class="am-weather-moon">
-                    <path d="M14.5,13.2c0-3.7,2-6.9,5-8.7   c-1.5-0.9-3.2-1.3-5-1.3c-5.5,0-10,4.5-10,10s4.5,10,10,10c1.8,0,3.5-0.5,5-1.3C16.5,20.2,14.5,16.9,14.5,13.2z" fill="orange" stroke="orange" stroke-linejoin="round" stroke-width="2"/>
-                </g>
-            </g>
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4    c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#C6DEFF" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-    </symbol>
-    <symbol id="cloudy-day-2" viewBox="0 0 64 64">
-        <g transform="translate(20,10)">
-            <g transform="translate(0,16)">
-                <g class="am-weather-sun">
-                    <g>
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(45)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(90)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(135)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(180)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(225)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(270)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(315)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                </g>
-                <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-            </g>
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#91C0F8" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-    </symbol>
-    <symbol id="cloudy-night-2" viewBox="0 0 64 64">
-        <g transform="translate(20,10)">
-            <g transform="translate(16,4), scale(0.8)">
-                <g class="am-weather-moon-star-1">
-                    <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10"/>
-                </g>
-                <g class="am-weather-moon-star-2">
-                    <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10" transform="translate(20,10)"/>
-                </g>
-                <g class="am-weather-moon">
-                    <path d="M14.5,13.2c0-3.7,2-6.9,5-8.7   c-1.5-0.9-3.2-1.3-5-1.3c-5.5,0-10,4.5-10,10s4.5,10,10,10c1.8,0,3.5-0.5,5-1.3C16.5,20.2,14.5,16.9,14.5,13.2z" fill="orange" stroke="orange" stroke-linejoin="round" stroke-width="2"/>
-                </g>
-            </g>
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4    c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#91C0F8" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-    </symbol>
-    <symbol id="cloudy-day-3" viewBox="0 0 64 64">
-        <g transform="translate(20,10)">
-            <g transform="translate(0,16)">
-                <g class="am-weather-sun">
-                    <g>
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(45)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(90)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(135)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(180)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(225)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(270)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(315)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                </g>
-                <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-            </g>
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-    </symbol>
-    <symbol id="cloudy-night-3" viewBox="0 0 64 64">
-        <g transform="translate(20,10)">
-            <g transform="translate(16,4), scale(0.8)">
-                <g class="am-weather-moon-star-1">
-                    <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10"/>
-                </g>
-                <g class="am-weather-moon-star-2">
-                    <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10" transform="translate(20,10)"/>
-                </g>
-                <g class="am-weather-moon">
-                    <path d="M14.5,13.2c0-3.7,2-6.9,5-8.7   c-1.5-0.9-3.2-1.3-5-1.3c-5.5,0-10,4.5-10,10s4.5,10,10,10c1.8,0,3.5-0.5,5-1.3C16.5,20.2,14.5,16.9,14.5,13.2z" fill="orange" stroke="orange" stroke-linejoin="round" stroke-width="2"/>
-                </g>
-            </g>
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4    c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-    </symbol>
-    <symbol id="cloudy" viewBox="0 0 64 64">
-        <g transform="translate(20,10)">
-            <g class="am-weather-cloud-1">
-                <path d="M47.7,35.4     c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3     c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#91C0F8" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-10,-8), scale(0.6)"/>
-            </g>
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4     c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3     c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-    </symbol>
-    <symbol id="rainy-1" viewBox="0 0 64 64">
-        <g transform="translate(20,10)">
-            <g transform="translate(0,16), scale(1.2)">
-                <g class="am-weather-sun">
-                    <g>
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(45)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(90)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(135)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(180)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(225)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(270)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(315)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                </g>
-                <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-            </g>
-            <g>
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.5" transform="translate(-15,-5), scale(0.85)"/>
-            </g>
-        </g>
-        <g transform="translate(34,46), rotate(10)">
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(-6,1)" x1="0" x2="0" y1="0" y2="8" />
-            <line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(0,-1)" x1="0" x2="0" y1="0" y2="8" />
-        </g>
-    </symbol>
-    <symbol id="rainy-2" viewBox="0 0 64 64">
-        <g transform="translate(20,10)">
-            <g transform="translate(0,16)">
-                <g class="am-weather-sun">
-                    <g>
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(45)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(90)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(135)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(180)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(225)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(270)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(315)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                </g>
-                <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-            </g>
-            <g>
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-        <g transform="translate(37,45), rotate(10)">
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(-6,1)" x1="0" x2="0" y1="0" y2="8" />
-        </g>
-    </symbol>
-    <symbol id="rainy-3" viewBox="0 0 64 64">
-        <g transform="translate(20,10)">
-            <g transform="translate(0,16)">
-                <g class="am-weather-sun">
-                    <g>
-                        <line fifll="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(45)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(90)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(135)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(180)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(225)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(270)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(315)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                </g>
-                <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-            </g>
-            <g>
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-        <g transform="translate(34,46), rotate(10)">
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(-6,1)" x1="0" x2="0" y1="0" y2="8" />
-            <line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(0,-1)" x1="0" x2="0" y1="0" y2="8" />
-        </g>
-    </symbol>
-    <symbol id="rainy-4" viewBox="0 0 64 64">
-        <g transform="translate(20,10)">
-            <g>
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-        <g transform="translate(37,45), rotate(10)">
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(-6,1)" x1="0" x2="0" y1="0" y2="8" />
-        </g>
-    </symbol>
-    <symbol id="rainy-5" viewBox="0 0 64 64">
-        <g transform="translate(20,10)">
-            <g>
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-        <g transform="translate(34,46), rotate(10)">
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(-6,1)" x1="0" x2="0" y1="0" y2="8" />
-            <line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(0,-1)" x1="0" x2="0" y1="0" y2="8" />
-        </g>
-    </symbol>
-    <symbol id="rainy-6" viewBox="0 0 64 64">
-        <g transform="translate(20,10)">
-            <g>
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-        <g transform="translate(31,46), rotate(10)">
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(-4,1)" x1="0" x2="0" y1="0" y2="8" />
-            <line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(0,-1)" x1="0" x2="0" y1="0" y2="8" />
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(4,0)" x1="0" x2="0" y1="0" y2="8" />
-        </g>
-    </symbol>
-    <symbol id="rainy-7" viewBox="0 0 64 64">
-        <g transform="translate(20,10)">
-            <g>
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-        <g transform="translate(31,46), rotate(10)">
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="0.1,7" stroke-linecap="round" stroke-width="3" transform="translate(-5,1)" x1="0" x2="0" y1="0" y2="8" />
-            <line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="0.1,7" stroke-linecap="round" stroke-width="3" transform="translate(0,-1)" x1="0" x2="0" y1="0" y2="8" />
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="0.1,7" stroke-linecap="round" stroke-width="3" transform="translate(5,0)" x1="0" x2="0" y1="0" y2="8" />
-        </g>
-    </symbol>
-    <symbol id="snowy-1" viewBox="0 0 64 64">
-        <g transform="translate(20,10)">
-            <g transform="translate(0,16), scale(1.2)">
-                <g class="am-weather-sun">
-                    <g>
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(45)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(90)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(135)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(180)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(225)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(270)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(315)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                </g>
-                <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-            </g>
-            <g>
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.5" transform="translate(-15,-5), scale(0.85)"/>
-            </g>
-        </g>
-        <g transform="translate(20,9)">
-            <g class="am-weather-snow-1">
-                <g transform="translate(7,28)">
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                </g>
-            </g>
-            <g class="am-weather-snow-2">
-                <g transform="translate(16,28)">
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                </g>
-            </g>
-        </g>
-    </symbol>
-    <symbol id="snowy-2" viewBox="0 0 64 64">
-        <g transform="translate(20,10)">
-            <g transform="translate(0,16)">
-                <g class="am-weather-sun">
-                    <g>
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(45)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(90)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(135)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(180)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(225)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(270)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(315)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                </g>
-                <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-            </g>
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-        <g class="am-weather-snow-1">
-            <g transform="translate(32,38)">
-                <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-            </g>
-        </g>
-    </symbol>
-    <symbol id="snowy-3" viewBox="0 0 64 64">
-        <g transform="translate(20,10)">
-            <g transform="translate(0,16)">
-                <g class="am-weather-sun">
-                    <g>
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(45)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(90)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(135)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(180)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(225)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(270)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(315)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                </g>
-                <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-            </g>
-            <g>
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-            <g class="am-weather-snow-1">
-                <g transform="translate(7,28)">
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                </g>
-            </g>
-            <g class="am-weather-snow-2">
-                <g transform="translate(16,28)">
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                </g>
-            </g>
-        </g>
-    </symbol>
-    <symbol id="snowy-4" viewBox="0 0 64 64">
-        <g transform="translate(20,10)">
-            <g>
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-            <g class="am-weather-snow-1">
-                <g transform="translate(11,28)">
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                </g>
-            </g>
-        </g>
-    </symbol>
-    <symbol id="snowy-5" viewBox="0 0 64 64">
-        <g transform="translate(20,10)">
-            <g class="snowy-6-2">
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-            <g class="am-weather-snow-1">
-                <g transform="translate(7,28)">
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                </g>
-            </g>
-            <g class="am-weather-snow-2">
-                <g transform="translate(16,28)">
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                </g>
-            </g>
-        </g>
-    </symbol>
-    <symbol id="snowy-6" viewBox="0 0 64 64">
-        <g transform="translate(20,10)">
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-            <g class="am-weather-snow-1">
-                <g transform="translate(3,28)">
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                </g>
-            </g>
-            <g class="am-weather-snow-2">
-                <g transform="translate(11,28)">
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                </g>
-            </g>
-            <g class="am-weather-snow-3">
-                <g transform="translate(20,28)">
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                </g>
-            </g>
-        </g>
-    </symbol>
-</svg>
\ No newline at end of file
diff --git a/fhem/www/images/weather/weather.svg b/fhem/www/images/weather/weather.svg
deleted file mode 100755
index 7258930cf..000000000
--- a/fhem/www/images/weather/weather.svg
+++ /dev/null
@@ -1,1245 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <style type="text/css"><![CDATA[
-/*
-** CLOUDS
-*/
-@keyframes am-weather-cloud-1 {
-  0% {
-    -webkit-transform: translate(-5px,0px);
-       -moz-transform: translate(-5px,0px);
-        -ms-transform: translate(-5px,0px);
-            transform: translate(-5px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(10px,0px);
-       -moz-transform: translate(10px,0px);
-        -ms-transform: translate(10px,0px);
-            transform: translate(10px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(-5px,0px);
-       -moz-transform: translate(-5px,0px);
-        -ms-transform: translate(-5px,0px);
-            transform: translate(-5px,0px);
-  }
-}
-
-.am-weather-cloud-1 {
-  -webkit-animation-name: am-weather-cloud-1;
-     -moz-animation-name: am-weather-cloud-1;
-          animation-name: am-weather-cloud-1;
-  -webkit-animation-duration: 7s;
-     -moz-animation-duration: 7s;
-          animation-duration: 7s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-cloud-2 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(2px,0px);
-       -moz-transform: translate(2px,0px);
-        -ms-transform: translate(2px,0px);
-            transform: translate(2px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-2 {
-  -webkit-animation-name: am-weather-cloud-2;
-     -moz-animation-name: am-weather-cloud-2;
-          animation-name: am-weather-cloud-2;
-  -webkit-animation-duration: 3s;
-     -moz-animation-duration: 3s;
-          animation-duration: 3s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** STROKE
-*/
-@keyframes am-weather-stroke {
-  0% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  2% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  4% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  6% {
-    -webkit-transform: translate(0.5px,0.4px);
-       -moz-transform: translate(0.5px,0.4px);
-        -ms-transform: translate(0.5px,0.4px);
-            transform: translate(0.5px,0.4px);
-  }
-
-  8% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  10% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  12% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  14% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  16% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  18% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  20% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  22% {
-    -webkit-transform: translate(1px,0.0px);
-       -moz-transform: translate(1px,0.0px);
-        -ms-transform: translate(1px,0.0px);
-            transform: translate(1px,0.0px);
-  }
-
-  24% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  26% {
-    -webkit-transform: translate(-1px,0.0px);
-       -moz-transform: translate(-1px,0.0px);
-        -ms-transform: translate(-1px,0.0px);
-            transform: translate(-1px,0.0px);
-
-  }
-
-  28% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  40% {
-    fill: orange;
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  65% {
-    fill: white;
-    -webkit-transform: translate(-1px,5.0px);
-       -moz-transform: translate(-1px,5.0px);
-        -ms-transform: translate(-1px,5.0px);
-            transform: translate(-1px,5.0px);
-  }
-  61% {
-    fill: orange;
-  }
-
-  100% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-}
-
-.am-weather-stroke {
-  -webkit-animation-name: am-weather-stroke;
-     -moz-animation-name: am-weather-stroke;
-          animation-name: am-weather-stroke;
-  -webkit-animation-duration: 1.11s;
-     -moz-animation-duration: 1.11s;
-          animation-duration: 1.11s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-
-
-/*
-** SUN
-*/
-@keyframes am-weather-sun {
-  0% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-
-  100% {
-    -webkit-transform: rotate(360deg);
-       -moz-transform: rotate(360deg);
-        -ms-transform: rotate(360deg);
-            transform: rotate(360deg);
-  }
-}
-
-.am-weather-sun {
-  -webkit-animation-name: am-weather-sun;
-     -moz-animation-name: am-weather-sun;
-      -ms-animation-name: am-weather-sun;
-          animation-name: am-weather-sun;
-  -webkit-animation-duration: 9s;
-     -moz-animation-duration: 9s;
-      -ms-animation-duration: 9s;
-          animation-duration: 9s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-sun-shiny {
-  0% {
-    stroke-dasharray: 3px 10px;
-    stroke-dashoffset: 0px;
-  }
-
-  50% {
-    stroke-dasharray: 0.1px 10px;
-    stroke-dashoffset: -1px;
-  }
-
-  100% {
-    stroke-dasharray: 3px 10px;
-    stroke-dashoffset: 0px;
-  }
-}
-
-.am-weather-sun-shiny line {
-  -webkit-animation-name: am-weather-sun-shiny;
-     -moz-animation-name: am-weather-sun-shiny;
-      -ms-animation-name: am-weather-sun-shiny;
-          animation-name: am-weather-sun-shiny;
-  -webkit-animation-duration: 2s;
-     -moz-animation-duration: 2s;
-      -ms-animation-duration: 2s;
-          animation-duration: 2s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-
-
-
-/*
-** MOON
-*/
-@keyframes am-weather-moon {
-  0% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-
-  50% {
-    -webkit-transform: rotate(15deg);
-       -moz-transform: rotate(15deg);
-        -ms-transform: rotate(15deg);
-            transform: rotate(15deg);
-  }
-
-  100% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-}
-
-.am-weather-moon {
-  -webkit-animation-name: am-weather-moon;
-     -moz-animation-name: am-weather-moon;
-      -ms-animation-name: am-weather-moon;
-          animation-name: am-weather-moon;
-  -webkit-animation-duration: 6s;
-     -moz-animation-duration: 6s;
-      -ms-animation-duration: 6s;
-          animation-duration: 6s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-  -webkit-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-     -moz-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-      -ms-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-          transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-}
-
-@keyframes am-weather-moon-star-1 {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}
-
-.am-weather-moon-star-1 {
-  -webkit-animation-name: am-weather-moon-star-1;
-     -moz-animation-name: am-weather-moon-star-1;
-      -ms-animation-name: am-weather-moon-star-1;
-          animation-name: am-weather-moon-star-1;
-  -webkit-animation-delay: 3s;
-     -moz-animation-delay: 3s;
-      -ms-animation-delay: 3s;
-          animation-delay: 3s;
-  -webkit-animation-duration: 5s;
-     -moz-animation-duration: 5s;
-      -ms-animation-duration: 5s;
-          animation-duration: 5s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: 1;
-     -moz-animation-iteration-count: 1;
-      -ms-animation-iteration-count: 1;
-          animation-iteration-count: 1;
-}
-
-@keyframes am-weather-moon-star-2 {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}
-
-.am-weather-moon-star-2 {
-  -webkit-animation-name: am-weather-moon-star-2;
-     -moz-animation-name: am-weather-moon-star-2;
-      -ms-animation-name: am-weather-moon-star-2;
-          animation-name: am-weather-moon-star-2;
-  -webkit-animation-delay: 5s;
-     -moz-animation-delay: 5s;
-      -ms-animation-delay: 5s;
-          animation-delay: 5s;
-  -webkit-animation-duration: 4s;
-     -moz-animation-duration: 4s;
-      -ms-animation-duration: 4s;
-          animation-duration: 4s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: 1;
-     -moz-animation-iteration-count: 1;
-      -ms-animation-iteration-count: 1;
-          animation-iteration-count: 1;
-}
-
-/*
-** RAIN
-*/
-@keyframes am-weather-rain {
-  0% {
-    stroke-dashoffset: 0;
-  }
-
-  100% {
-    stroke-dashoffset: -100;
-  }
-}
-
-.am-weather-rain-1 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-duration: 8s;
-     -moz-animation-duration: 8s;
-      -ms-animation-duration: 8s;
-          animation-duration: 8s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-.am-weather-rain-2 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-delay: 0.25s;
-     -moz-animation-delay: 0.25s;
-      -ms-animation-delay: 0.25s;
-          animation-delay: 0.25s;
-  -webkit-animation-duration: 8s;
-     -moz-animation-duration: 8s;
-      -ms-animation-duration: 8s;
-          animation-duration: 8s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-
-/*
-** SNOW
-*/
-@keyframes am-weather-snow {
-  0% {
-    -webkit-transform: translateX(0) translateY(0);
-       -moz-transform: translateX(0) translateY(0);
-        -ms-transform: translateX(0) translateY(0);
-            transform: translateX(0) translateY(0);
-  }
-
-  33.33% {
-    -webkit-transform: translateX(-1.2px) translateY(2px);
-       -moz-transform: translateX(-1.2px) translateY(2px);
-        -ms-transform: translateX(-1.2px) translateY(2px);
-            transform: translateX(-1.2px) translateY(2px);
-  }
-
-  66.66% {
-    -webkit-transform: translateX(1.4px) translateY(4px);
-       -moz-transform: translateX(1.4px) translateY(4px);
-        -ms-transform: translateX(1.4px) translateY(4px);
-            transform: translateX(1.4px) translateY(4px);
-    opacity: 1;
-  }
-
-  100% {
-    -webkit-transform: translateX(-1.6px) translateY(6px);
-       -moz-transform: translateX(-1.6px) translateY(6px);
-        -ms-transform: translateX(-1.6px) translateY(6px);
-            transform: translateX(-1.6px) translateY(6px);
-    opacity: 0;
-  }
-}
-
-@keyframes am-weather-snow-reverse {
-  0% {
-    -webkit-transform: translateX(0) translateY(0);
-       -moz-transform: translateX(0) translateY(0);
-        -ms-transform: translateX(0) translateY(0);
-            transform: translateX(0) translateY(0);
-  }
-
-  33.33% {
-    -webkit-transform: translateX(1.2px) translateY(2px);
-       -moz-transform: translateX(1.2px) translateY(2px);
-        -ms-transform: translateX(1.2px) translateY(2px);
-            transform: translateX(1.2px) translateY(2px);
-  }
-
-  66.66% {
-    -webkit-transform: translateX(-1.4px) translateY(4px);
-       -moz-transform: translateX(-1.4px) translateY(4px);
-        -ms-transform: translateX(-1.4px) translateY(4px);
-            transform: translateX(-1.4px) translateY(4px);
-    opacity: 1;
-  }
-
-  100% {
-    -webkit-transform: translateX(1.6px) translateY(6px);
-       -moz-transform: translateX(1.6px) translateY(6px);
-        -ms-transform: translateX(1.6px) translateY(6px);
-            transform: translateX(1.6px) translateY(6px);
-    opacity: 0;
-  }
-}
-
-.am-weather-snow-1 {
-  -webkit-animation-name: am-weather-snow;
-     -moz-animation-name: am-weather-snow;
-      -ms-animation-name: am-weather-snow;
-          animation-name: am-weather-snow;
-  -webkit-animation-duration: 2s;
-     -moz-animation-duration: 2s;
-      -ms-animation-duration: 2s;
-          animation-duration: 2s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-.am-weather-snow-2 {
-  -webkit-animation-name: am-weather-snow;
-     -moz-animation-name: am-weather-snow;
-      -ms-animation-name: am-weather-snow;
-          animation-name: am-weather-snow;
-  -webkit-animation-delay: 1.2s;
-     -moz-animation-delay: 1.2s;
-      -ms-animation-delay: 1.2s;
-          animation-delay: 1.2s;
-  -webkit-animation-duration: 2s;
-     -moz-animation-duration: 2s;
-      -ms-animation-duration: 2s;
-          animation-duration: 2s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-.am-weather-snow-3 {
-  -webkit-animation-name: am-weather-snow-reverse;
-     -moz-animation-name: am-weather-snow-reverse;
-      -ms-animation-name: am-weather-snow-reverse;
-          animation-name: am-weather-snow-reverse;
-  -webkit-animation-duration: 2s;
-     -moz-animation-duration: 2s;
-      -ms-animation-duration: 2s;
-          animation-duration: 2s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** EASING
-*/
-.am-weather-easing-ease-in-out {
-  -webkit-animation-timing-function: ease-in-out;
-     -moz-animation-timing-function: ease-in-out;
-      -ms-animation-timing-function: ease-in-out;
-          animation-timing-function: ease-in-out;
-}
-
-        ]]></style>
-    </defs>
-    <g id="thunder">
-        <g transform="translate(20,10)">
-            <g class="am-weather-cloud-1">
-                <path d="M47.7,35.4     c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3     c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#91C0F8" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-10,-6), scale(0.6)" />
-            </g>
-            <g>
-                <path d="M47.7,35.4     c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3     c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)" />
-            </g>
-            <g transform="translate(-9,28), scale(1.2)">
-                <polygon class="am-weather-stroke" fill="orange" stroke="white" stroke-width="1" points="14.3,-2.9 20.5,-2.9 16.4,4.3 20.3,4.3 11.5,14.6 14.9,6.9 11.1,6.9" />
-            </g>
-        </g>
-    </g>
-    <g id="day">
-        <g transform="translate(32,32)">
-            <g class="am-weather-sun am-weather-sun-shiny am-weather-easing-ease-in-out">
-                <g>
-                    <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
-                </g>
-                <g transform="rotate(45)">
-                    <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
-                </g>
-                <g transform="rotate(90)">
-                    <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
-                </g>
-                <g transform="rotate(135)">
-                    <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
-                </g>
-                <g transform="rotate(180)">
-                    <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
-                </g>
-                <g transform="rotate(225)">
-                    <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
-                </g>
-                <g transform="rotate(270)">
-                    <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
-                </g>
-                <g transform="rotate(315)">
-                    <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
-                </g>
-            </g>
-            <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-        </g>
-    </g>
-    <g id="night">
-        <g transform="translate(20,20)">
-            <g class="am-weather-moon-star-1">
-                <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10"/>
-            </g>
-            <g class="am-weather-moon-star-2">
-                <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10" transform="translate(20,10)"/>
-            </g>
-            <g class="am-weather-moon">
-                <path d="M14.5,13.2c0-3.7,2-6.9,5-8.7   c-1.5-0.9-3.2-1.3-5-1.3c-5.5,0-10,4.5-10,10s4.5,10,10,10c1.8,0,3.5-0.5,5-1.3C16.5,20.2,14.5,16.9,14.5,13.2z" fill="orange" stroke="orange" stroke-linejoin="round" stroke-width="2"/>
-            </g>
-        </g>
-    </g>
-    <g id="cloudy-day-1">
-        <g transform="translate(20,10)">
-            <g transform="translate(0,16)">
-                <g class="am-weather-sun">
-                    <g>
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(45)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(90)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(135)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(180)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(225)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(270)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(315)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                </g>
-                <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-            </g>
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#C6DEFF" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-    </g>
-    <g id="cloudy-night-1">
-        <g transform="translate(20,10)">
-            <g transform="translate(16,4), scale(0.8)">
-                <g class="am-weather-moon-star-1">
-                    <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10"/>
-                </g>
-                <g class="am-weather-moon-star-2">
-                    <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10" transform="translate(20,10)"/>
-                </g>
-                <g class="am-weather-moon">
-                    <path d="M14.5,13.2c0-3.7,2-6.9,5-8.7   c-1.5-0.9-3.2-1.3-5-1.3c-5.5,0-10,4.5-10,10s4.5,10,10,10c1.8,0,3.5-0.5,5-1.3C16.5,20.2,14.5,16.9,14.5,13.2z" fill="orange" stroke="orange" stroke-linejoin="round" stroke-width="2"/>
-                </g>
-            </g>
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4    c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#C6DEFF" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-    </g>
-    <g id="cloudy-day-2">
-        <g transform="translate(20,10)">
-            <g transform="translate(0,16)">
-                <g class="am-weather-sun">
-                    <g>
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(45)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(90)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(135)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(180)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(225)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(270)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(315)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                </g>
-                <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-            </g>
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#91C0F8" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-    </g>
-    <g id="cloudy-night-2">
-        <g transform="translate(20,10)">
-            <g transform="translate(16,4), scale(0.8)">
-                <g class="am-weather-moon-star-1">
-                    <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10"/>
-                </g>
-                <g class="am-weather-moon-star-2">
-                    <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10" transform="translate(20,10)"/>
-                </g>
-                <g class="am-weather-moon">
-                    <path d="M14.5,13.2c0-3.7,2-6.9,5-8.7   c-1.5-0.9-3.2-1.3-5-1.3c-5.5,0-10,4.5-10,10s4.5,10,10,10c1.8,0,3.5-0.5,5-1.3C16.5,20.2,14.5,16.9,14.5,13.2z" fill="orange" stroke="orange" stroke-linejoin="round" stroke-width="2"/>
-                </g>
-            </g>
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4    c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#91C0F8" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-    </g>
-    <g id="cloudy-day-3">
-        <g transform="translate(20,10)">
-            <g transform="translate(0,16)">
-                <g class="am-weather-sun">
-                    <g>
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(45)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(90)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(135)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(180)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(225)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(270)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(315)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                </g>
-                <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-            </g>
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-    </g>
-    <g id="cloudy-night-3">
-        <g transform="translate(20,10)">
-            <g transform="translate(16,4), scale(0.8)">
-                <g class="am-weather-moon-star-1">
-                    <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10"/>
-                </g>
-                <g class="am-weather-moon-star-2">
-                    <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10" transform="translate(20,10)"/>
-                </g>
-                <g class="am-weather-moon">
-                    <path d="M14.5,13.2c0-3.7,2-6.9,5-8.7   c-1.5-0.9-3.2-1.3-5-1.3c-5.5,0-10,4.5-10,10s4.5,10,10,10c1.8,0,3.5-0.5,5-1.3C16.5,20.2,14.5,16.9,14.5,13.2z" fill="orange" stroke="orange" stroke-linejoin="round" stroke-width="2"/>
-                </g>
-            </g>
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4    c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-    </g>
-    <g id="cloudy">
-        <g transform="translate(20,10)">
-            <g class="am-weather-cloud-1">
-                <path d="M47.7,35.4     c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3     c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#91C0F8" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-10,-8), scale(0.6)"/>
-            </g>
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4     c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3     c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-    </g>
-    <g id="rainy-1">
-        <g transform="translate(20,10)">
-            <g transform="translate(0,16), scale(1.2)">
-                <g class="am-weather-sun">
-                    <g>
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(45)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(90)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(135)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(180)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(225)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(270)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(315)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                </g>
-                <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-            </g>
-            <g>
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.5" transform="translate(-15,-5), scale(0.85)"/>
-            </g>
-        </g>
-        <g transform="translate(34,46), rotate(10)">
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(-6,1)" x1="0" x2="0" y1="0" y2="8" />
-            <line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(0,-1)" x1="0" x2="0" y1="0" y2="8" />
-        </g>
-    </g>
-    <g id="rainy-2">
-        <g transform="translate(20,10)">
-            <g transform="translate(0,16)">
-                <g class="am-weather-sun">
-                    <g>
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(45)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(90)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(135)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(180)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(225)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(270)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(315)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                </g>
-                <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-            </g>
-            <g>
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-        <g transform="translate(37,45), rotate(10)">
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(-6,1)" x1="0" x2="0" y1="0" y2="8" />
-        </g>
-    </g>
-    <g id="rainy-3">
-        <g transform="translate(20,10)">
-            <g transform="translate(0,16)">
-                <g class="am-weather-sun">
-                    <g>
-                        <line fifll="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(45)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(90)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(135)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(180)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(225)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(270)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(315)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                </g>
-                <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-            </g>
-            <g>
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-        <g transform="translate(34,46), rotate(10)">
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(-6,1)" x1="0" x2="0" y1="0" y2="8" />
-            <line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(0,-1)" x1="0" x2="0" y1="0" y2="8" />
-        </g>
-    </g>
-    <g id="rainy-4">
-        <g transform="translate(20,10)">
-            <g>
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-        <g transform="translate(37,45), rotate(10)">
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(-6,1)" x1="0" x2="0" y1="0" y2="8" />
-        </g>
-    </g>
-    <g id="rainy-5">
-        <g transform="translate(20,10)">
-            <g>
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-        <g transform="translate(34,46), rotate(10)">
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(-6,1)" x1="0" x2="0" y1="0" y2="8" />
-            <line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(0,-1)" x1="0" x2="0" y1="0" y2="8" />
-        </g>
-    </g>
-    <g id="rainy-6">
-        <g transform="translate(20,10)">
-            <g>
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-        <g transform="translate(31,46), rotate(10)">
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(-4,1)" x1="0" x2="0" y1="0" y2="8" />
-            <line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(0,-1)" x1="0" x2="0" y1="0" y2="8" />
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(4,0)" x1="0" x2="0" y1="0" y2="8" />
-        </g>
-    </g>
-    <g id="rainy-7">
-        <g transform="translate(20,10)">
-            <g>
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-        <g transform="translate(31,46), rotate(10)">
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="0.1,7" stroke-linecap="round" stroke-width="3" transform="translate(-5,1)" x1="0" x2="0" y1="0" y2="8" />
-            <line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="0.1,7" stroke-linecap="round" stroke-width="3" transform="translate(0,-1)" x1="0" x2="0" y1="0" y2="8" />
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="0.1,7" stroke-linecap="round" stroke-width="3" transform="translate(5,0)" x1="0" x2="0" y1="0" y2="8" />
-        </g>
-    </g>
-    <g id="snowy-1">
-        <g transform="translate(20,10)">
-            <g transform="translate(0,16), scale(1.2)">
-                <g class="am-weather-sun">
-                    <g>
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(45)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(90)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(135)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(180)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(225)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(270)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(315)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                </g>
-                <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-            </g>
-            <g>
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.5" transform="translate(-15,-5), scale(0.85)"/>
-            </g>
-        </g>
-        <g transform="translate(20,9)">
-            <g class="am-weather-snow-1">
-                <g transform="translate(7,28)">
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                </g>
-            </g>
-            <g class="am-weather-snow-2">
-                <g transform="translate(16,28)">
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                </g>
-            </g>
-        </g>
-    </g>
-    <g id="snowy-2">
-        <g transform="translate(20,10)">
-            <g transform="translate(0,16)">
-                <g class="am-weather-sun">
-                    <g>
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(45)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(90)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(135)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(180)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(225)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(270)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(315)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                </g>
-                <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-            </g>
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-        <g class="am-weather-snow-1">
-            <g transform="translate(32,38)">
-                <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-            </g>
-        </g>
-    </g>
-    <g id="snowy-3">
-        <g transform="translate(20,10)">
-            <g transform="translate(0,16)">
-                <g class="am-weather-sun">
-                    <g>
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(45)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(90)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(135)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(180)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(225)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(270)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(315)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                </g>
-                <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-            </g>
-            <g>
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-            <g class="am-weather-snow-1">
-                <g transform="translate(7,28)">
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                </g>
-            </g>
-            <g class="am-weather-snow-2">
-                <g transform="translate(16,28)">
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                </g>
-            </g>
-        </g>
-    </g>
-    <g id="snowy-4">
-        <g transform="translate(20,10)">
-            <g>
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-            <g class="am-weather-snow-1">
-                <g transform="translate(11,28)">
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                </g>
-            </g>
-        </g>
-    </g>
-    <g id="snowy-5">
-        <g transform="translate(20,10)">
-            <g class="snowy-6-2">
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-            <g class="am-weather-snow-1">
-                <g transform="translate(7,28)">
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                </g>
-            </g>
-            <g class="am-weather-snow-2">
-                <g transform="translate(16,28)">
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                </g>
-            </g>
-        </g>
-    </g>
-    <g id="snowy-6">
-        <g transform="translate(20,10)">
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-            <g class="am-weather-snow-1">
-                <g transform="translate(3,28)">
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                </g>
-            </g>
-            <g class="am-weather-snow-2">
-                <g transform="translate(11,28)">
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                </g>
-            </g>
-            <g class="am-weather-snow-3">
-                <g transform="translate(20,28)">
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/fhem/www/images/weather/weather_sagittarius.svg b/fhem/www/images/weather/weather_sagittarius.svg
deleted file mode 100755
index 1e85eb71a..000000000
--- a/fhem/www/images/weather/weather_sagittarius.svg
+++ /dev/null
@@ -1,9 +0,0 @@
-<svg width="21px" height="17px" viewBox="187 110 21 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 3.8.3 (29802) - http://www.bohemiancoding.com/sketch -->
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Wind" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(197.611216, 118.415064) rotate(-30.000000) translate(-197.611216, -118.415064) translate(189.111216, 115.915064)" stroke-linecap="round">
-        <path d="M0.5,2.5 L13,2.5" id="Line" stroke="#000000"></path>
-        <polygon id="Triangle-1" stroke="#000000" stroke-linejoin="round" fill="#000000" points="13 5 13 1.13686838e-13 17 2.5"></polygon>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/fhem/www/images/weather/weather_sunset.svg b/fhem/www/images/weather/weather_sunset.svg
deleted file mode 100755
index b90dc3f9d..000000000
--- a/fhem/www/images/weather/weather_sunset.svg
+++ /dev/null
@@ -1,14 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">
-<line fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" x1="0" y1="47" x2="64" y2="47"/>
-<line fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" x1="10" y1="37" x2="0" y2="37"/>
-<line fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" x1="64" y1="37" x2="54" y2="37"/>
-<line fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" x1="32" y1="15" x2="32" y2="4"/>
-<line fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" x1="14" y1="23" x2="6" y2="15"/>
-<line fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" x1="50" y1="23" x2="58" y2="15"/>
-<path fill="#000000" stroke="#000000" stroke-width="2" stroke-miterlimit="10" d="M48.159,47C49.96,44.096,51,40.669,51,37
-	c0-10.493-8.506-19-19-19s-19,8.507-19,19c0,3.668,1.04,7.094,2.841,9.998"/>
-</svg>