diff --git a/www/pgm2/ios6svg_style.css b/www/pgm2/ios6svg_style.css
index 231b54390..91882111c 100644
--- a/www/pgm2/ios6svg_style.css
+++ b/www/pgm2/ios6svg_style.css
@@ -1,7 +1,6 @@
 /* iOS 6 Theme for FHEM */
 /* by Sandra Ohmayer */
 /* http://www.animeschatten.net */
-@import url("svg_style.css");
 
 .background { fill:#f7f7f7; 
 }
@@ -15,6 +14,60 @@ font-weight:bold;
 fill:#4c566c;
 text-shadow: 0px 1px #FFFFFF;
 }
+
 text.legend{ cursor:pointer; }
 text.copy  { text-decoration:underline; stroke:none; fill:blue; cursor:pointer;}
 text.paste { text-decoration:underline; stroke:none; fill:blue; cursor:pointer;}
+
+
+path.SVGplot     { stroke:black; fill:none; }
+polyline.SVGplot { stroke:black; fill:none; }
+.border  { stroke:black; fill:url(#gr_bg);}
+.vgrid   { stroke:gray; stroke-dasharray:2,6;}
+.hgrid   { stroke:gray; stroke-dasharray:2,6;}
+.pasted  { stroke:black; stroke-dasharray:1,1;}
+
+.SVGplot.l0     { stroke:red;     }  
+.SVGplot.l1     { stroke:green;   }  
+.SVGplot.l2     { stroke:blue;    }  
+.SVGplot.l3     { stroke:magenta; }  
+.SVGplot.l4     { stroke:brown;   }  
+.SVGplot.l5     { stroke:black;   }  
+.SVGplot.l6     { stroke:olive;   }  
+.SVGplot.l7     { stroke:gray;    }  
+.SVGplot.l8     { stroke:yellow;  }  
+.SVGplot.l0fill { stroke:#f00; fill:url(#gr_0); }
+.SVGplot.l1fill { stroke:#291; fill:url(#gr_1); }
+.SVGplot.l2fill { stroke:#00f; fill:url(#gr_2); }
+.SVGplot.l3fill { stroke:#f0f; fill:url(#gr_3); }
+.SVGplot.l4fill { stroke:#ff0; fill:url(#gr_4); }
+.SVGplot.l5fill { stroke:#0ff; fill:url(#gr_5); }
+.SVGplot.l6fill { stroke:#000; fill:url(#gr_6); }
+.SVGplot.l0dot  { stroke:red;   stroke-dasharray:2,4; }
+.SVGplot.l1dot  { stroke:green; stroke-dasharray:2,4; }
+.SVGplot.l0fill_stripe { stroke:red; fill:url(#gr0_stripe);}
+.SVGplot.l1fill_stripe { stroke:green; fill:url(#gr1_stripe);}
+.SVGplot.l0fill_gyr    { stroke:red; fill:url(#gr0_gyr);}
+
+text.SVGplot.l0     { stroke:none; fill:red;     } 
+text.SVGplot.l0     { stroke:none; fill:red;     } 
+text.SVGplot.l1     { stroke:none; fill:green;   } 
+text.SVGplot.l2     { stroke:none; fill:blue;    }
+text.SVGplot.l3     { stroke:none; fill:magenta; }
+text.SVGplot.l4     { stroke:none; fill:brown;   }
+text.SVGplot.l5     { stroke:none; fill:black;   }
+text.SVGplot.l6     { stroke:none; fill:olive;   }
+text.SVGplot.l7     { stroke:none; fill:gray;    }
+text.SVGplot.l8     { stroke:none; fill:yellow;  }
+text.SVGplot.l0fill { stroke:none; fill:#f00; }
+text.SVGplot.l1fill { stroke:none; fill:#291; }
+text.SVGplot.l2fill { stroke:none; fill:#00f; }
+text.SVGplot.l3fill { stroke:none; fill:#f0f; }
+text.SVGplot.l4fill { stroke:none; fill:#ff0; }
+text.SVGplot.l5fill { stroke:none; fill:#0ff; }
+text.SVGplot.l6fill { stroke:none; fill:#000; }
+text.SVGplot.l0dot  { stroke:none; fill:red;     } 
+text.SVGplot.l1dot  { stroke:none; fill:green;   } 
+text.SVGplot.l0fill_stripe {stroke:none; fill:red;  }
+text.SVGplot.l1fill_stripe {stroke:none; fill:green;}
+text.SVGplot.l0fill_gyr    {stroke:none; fill:red;  }
diff --git a/www/pgm2/ios6touchpadstyle.css b/www/pgm2/ios6touchpadstyle.css
index 4ac79d309..720af0559 100644
--- a/www/pgm2/ios6touchpadstyle.css
+++ b/www/pgm2/ios6touchpadstyle.css
@@ -132,20 +132,20 @@ width:667px;
 
 /* iPhone 6+(portrait) ----------- */
 @media only screen
-and (min-device-width : 540px) 
-and (max-device-width : 960px)
+and (min-device-width : 414px) 
+and (max-device-width : 736px)
 and (orientation : portrait) {
 body {
-width:540px;
+width:414px;
 }
 }
 /* iPhone 6+(landscape) ----------- */
 @media only screen
-and (min-device-width : 540px) 
-and (max-device-width : 960px)
+and (min-device-width : 414px) 
+and (max-device-width : 736px)
 and (orientation : landscape) {
 body {
-width:960px;
+width:736px;
 }
 }
 
@@ -304,7 +304,7 @@ background-color:#4b6dab;
 .changed a, 
 .changed { color:#008700; }
 
-table.room .changed svg {
+table.room .changedicon svg {
 
 background: #02a202; /* Old browsers */
 background: