diff --git a/fhem/www/pgm2/darkfloorplanstyle.css b/fhem/www/pgm2/darkfloorplanstyle.css
index 2dc00626c..51e312403 100644
--- a/fhem/www/pgm2/darkfloorplanstyle.css
+++ b/fhem/www/pgm2/darkfloorplanstyle.css
@@ -65,3 +65,14 @@ select {  margin-left:5px; margin-right:5px; }
           line-height:20px; border:2px solid; color:white; text-align:center; }
 .downText { margin-top:2px; }
 
+/* next lines are for openautomation-svg */
+svg { height:32px; width:32px; fill:#fff; }
+g.on { fill:red; }
+
+/* next lines are for remotecontrol */
+.rc_body              { border-style: solid; border-color: gray; border-width: 2px; 
+                        padding: 5px; rules: none; background: #101010; font-size:6px;}
+.rc_button            { padding: 5px 7px;}
+.rc_button img        { border-style: solid; border-width: 1px; border-color: transparent; }
+.rc_button img:active { border-color: gray; }
+
diff --git a/fhem/www/pgm2/darkstyle.css b/fhem/www/pgm2/darkstyle.css
index 42ec3f636..81ffd86c3 100644
--- a/fhem/www/pgm2/darkstyle.css
+++ b/fhem/www/pgm2/darkstyle.css
@@ -63,3 +63,10 @@ select {  margin-left:5px; margin-right:5px; }
 
 svg { height:32px; width:32px; fill:#fff; }
 g.on { fill:red; }
+
+/* next lines are for remotecontrol */
+.rc_body              { border-style: solid; border-color: gray; border-width: 2px; 
+                        padding: 5px; rules: none; background: #101010; font-size:6px;}
+.rc_button            { padding: 5px 7px;}
+.rc_button img        { border-style: solid; border-width: 1px; border-color: transparent; }
+.rc_button img:active { border-color: gray; }
diff --git a/fhem/www/pgm2/floorplanstyle.css b/fhem/www/pgm2/floorplanstyle.css
index 32da26825..417a927d7 100644
--- a/fhem/www/pgm2/floorplanstyle.css
+++ b/fhem/www/pgm2/floorplanstyle.css
@@ -62,3 +62,14 @@ select {  margin-left:5px; margin-right:5px; }
           height:20px; line-height:20px; user-select:none;
           border:3px solid; color:#278727; text-align:center; } 
 .downText { margin-top:2px; }
+
+/* next lines are for openautomation-svg */
+svg { height:32px; width:32px; fill:#fff; }
+g.on { fill:red; }
+
+/* next lines are for remotecontrol */
+.rc_body              { border-style: solid; border-color: gray; border-width: 2px; 
+                        padding: 5px; rules: none; background: #C8C8B0; font-size:6px;}
+.rc_button            { padding: 5px 7px;}
+.rc_button img        { border-style: solid; border-width: 1px; border-color: transparent; }
+.rc_button img:active { border-color: gray; }
diff --git a/fhem/www/pgm2/style.css b/fhem/www/pgm2/style.css
index 97ed2aab6..4d0ad3ad1 100644
--- a/fhem/www/pgm2/style.css
+++ b/fhem/www/pgm2/style.css
@@ -58,3 +58,10 @@ pre { white-space: pre-wrap; }
 
 svg      { height:32px; width:32px; fill:#278727; }
 svg.on,svg.FS20_on { fill:orange; }
+
+/* next lines are for remotecontrol */
+.rc_body              { border-style: solid; border-color: gray; border-width: 2px; padding: 5px;
+                        rules: none; background: #C8C8B0; font-size:6px;}
+.rc_button            { padding: 5px 7px;}
+.rc_button img        { border-style: solid; border-width: 1px; border-color: transparent; }
+.rc_button img:active { border-color: gray; }
diff --git a/fhem/www/pgm2/touchpadstyle.css b/fhem/www/pgm2/touchpadstyle.css
index 8c6f79104..1a13d664d 100644
--- a/fhem/www/pgm2/touchpadstyle.css
+++ b/fhem/www/pgm2/touchpadstyle.css
@@ -47,3 +47,10 @@ select {  margin-left:5px; margin-right:5px; }
 
 svg { height:32px; width:32px; fill:#278727; }
 g.on { fill:red; }
+
+/* next lines are for remotecontrol */
+.rc_body              { border-style: solid; border-color: gray; border-width: 2px; padding: 5px;
+                        rules: none; background: #C8C8B0; font-size:6px;}
+.rc_button            { padding: 5px 7px;}
+.rc_button img        { border-style: solid; border-width: 1px; border-color: transparent; }
+.rc_button img:active { border-color: gray; }