diff --git a/public/StreamlinesMultipart.html b/public/StreamlinesMultipart.html
index 10dda84457c1754b0d0428a54164794841228eed..884092d2c060281cd6bac84d41b3532cc8325502 100644
--- a/public/StreamlinesMultipart.html
+++ b/public/StreamlinesMultipart.html
@@ -40,11 +40,20 @@
   <div id="cesiumContainer" class="pagecesium">
 
     <div id="legend">
-      <p>Wind speed (m/s)</p>
+      <!-- <p>Wind speed (m/s)</p>
       <div class="inner"></div>
-    </div>
+    </div> -->
+    <table>
+      <tr style="height: 30px;vertical-align: top;"> 
+        <td colspan="2">Wind speed (m/s)  </td>
+        <td></td>
+      </tr>     
+      <tr>
+        <td  rowspan="1"  style="height:100px;text-align:right;"><img src="imgs/colorbarJET.png" height="100" width="20">   </td>          
+        <td>- 3.5<p style="margin-top: 78px;"><p> - 0</td>
+      </tr>
+    </table>
   </div>
-
   <footer>
     <p align="center">
       <h5>Copyright &copy; 2018 - 2020, HFT-Stuttgart. All rights reserved</h5>
diff --git a/public/css/myCesiumStyle.css b/public/css/myCesiumStyle.css
index c909ca01698450e1cf68eb95e8e6115459b4eeb3..b681babb25aa9393c42db09964a5abb80ab3e404 100644
--- a/public/css/myCesiumStyle.css
+++ b/public/css/myCesiumStyle.css
@@ -51,8 +51,8 @@ h3 {
 
 .titleFigure {
   margin: 2px 0;
-  height: 12%;
-  width: 8%;
+  /* height: 20%; */
+  width: 22%;
 }
 
 .cesium-infoBox-visible {
diff --git a/public/iStoeckStreams.html b/public/iStoeckStreams.html
index 54f0e75452cedb494ef677024d164781819991ad..a1b8e58e75e84d61421719d5f0bad6d9e90319bb 100644
--- a/public/iStoeckStreams.html
+++ b/public/iStoeckStreams.html
@@ -34,9 +34,19 @@
   <div id="cesiumContainer" class="pagecesium">
 
     <div id="legend">
-      <p>Wind speed (m/s)</p>
+      <!-- <p>Wind speed (m/s)</p>
       <div class="inner"></div>
-    </div>
+    </div> -->
+    <table>
+      <tr style="height: 30px;vertical-align: top;"> 
+        <td colspan="2">Wind speed (m/s)  </td>
+        <td></td>
+      </tr>     
+      <tr>
+        <td  rowspan="1"  style="height:100px;text-align:right;"><img src="imgs/colorbarJET.png" height="100" width="20">   </td>          
+        <td>- 3.5<p style="margin-top: 78px;"><p> - 0</td>
+      </tr>
+    </table>
   </div>
 
   <footer>
diff --git a/public/imgs/icity.png b/public/imgs/icity.png
index 58d87c715e9c4d73f7280ff5a7c764a5f74628ef..ede56a025486c91eccd26d6362c355494556e08a 100644
Binary files a/public/imgs/icity.png and b/public/imgs/icity.png differ