diff --git a/public/css/main.css b/public/css/main.css
index 04045d0b8f907f17ce51e483d570ac406368f36f..1efbf44ef6c102151c67609583429c9093ba846f 100644
--- a/public/css/main.css
+++ b/public/css/main.css
@@ -33,7 +33,7 @@ footer p {
 }
 
 body{
-    background-color: thistle;
+    background-color: #cc3125;/* thistle; */
 }
 
 .bd-placeholder-img {
@@ -84,6 +84,12 @@ a.button {
     margin-right : 20px;
 }
 
+.hftlogo{
+  margin-right : 20px;
+  /* width: 100px; */
+}
+
+
 .extension{
   padding: 20px 10px;
   min-height: 445px;
diff --git a/public/index.html b/public/index.html
index be95fa3dc337459b07669a0214ad5494b9734707..4a24748f631d331de0bb13a3f1766a9afc3c778c 100644
--- a/public/index.html
+++ b/public/index.html
@@ -9,16 +9,16 @@
     <meta name="generator" content="GitLab Pages">
     <!-- <title>Home</title> -->
 
-    <link rel="stylesheet" href="style.css">    
+    <!-- <link rel="stylesheet" href="style.css">     -->
 
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"
   integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
   <link href="css/main.css" rel="stylesheet">
   </head>
   <body>
-    <div id="topbar">
+    <!-- <div id="topbar">
         <div id="menu" class="navbar"></div>
-    </div>
+    </div> -->
     
     <div class="content">
        <!-- <h1 id='projectname'></h1> <!--Projektname kommt aus settings.js, hier nichts einfügen -->
@@ -31,7 +31,7 @@
           <div class="row">
             <div class="col-sm-8 col-md-7 py-4">
               <h4 class="text-white">About</h4>
-              <p class="text-muted">Explore different ways of visualizing 3D data such as Computational Fluid Dynamics (CFD) simulations
+              <p class="text-white">Explore different ways of visualizing 3D data such as Computational Fluid Dynamics (CFD) simulations
                 in urban enviroments in your web-browswer. Select a visualization scheme below and interactively explore
                 the content using the <a href="https://cesium.com/cesiumjs/">CesiumJS</a> .</p>
             </div>
@@ -46,12 +46,13 @@
           </div>
         </div>
       </div>
-      <div class="navbar navbar-light shadow-sm" style="background-color: thistle;">
+      <div class="navbar navbar-light shadow-sm" style="background-color: #cc3125;">
         <div class="container d-flex justify-content-between">
           <a href="#" class="navbar-brand d-flex align-items-center">
             <!-- <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" aria-hidden="true" class="mr-2" viewBox="0 0 24 24" focusable="false"><path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"/><circle cx="12" cy="13" r="4"/></svg> -->
-            <!-- <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" aria-hidden="true" class="mr-2" viewBox="0 0 24 24" focusable="false"><path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"/><circle cx="12" cy="13" r="4"/></svg> -->
-            <img src="imgs/wind-solid.svg" class="windSVG" width="50px" alt="wind">
+            <!-- <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" aria-hidden="true" class="mr-2" viewBox="0 0 24 24" focusable="false"><path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"/><circle cx="12" cy="13" r="4"/></svg> -->            
+            <img src="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg" class="hftlogo" width="100px" alt="wind">
+            <!-- <img src="imgs/wind-solid.svg" class="windSVG" width="50px" alt="wind"> -->
             <i class="fas fa-wind"></i>
             <!-- <strong>UrbanVIS</strong> -->
             <h1 id='projectname'></h1> 
@@ -69,8 +70,10 @@
       <section class="jumbotron text-center">
         <div class="container">
           <!-- <h1>A platform for urban CFD</h1> -->
+          <img src="imgs/wind-solid.svg" class="windSVG" width="100px" alt="wind">
           <h1>Urban Visualization Platform</h1>
-          <p class="lead text-muted"> On this platform an overview of different visualizations for a variety of (3D) data is provided.</p><br>
+          <p class="lead text-muted"> On this platform an overview of different visualizations for a variety of (3D) data is provided.</p>
+          
           <p>The examples shown here were created during different research projects at HFT Stuttgart (University of
             Applied Sciences Stuttgart). 
           <!-- <p>
@@ -255,12 +258,12 @@
   
     </main>
   
-    <footer class="text-muted">
+    <footer class="text-white">
       <div class="container">
         <p class="float-right">
           <a href="#">Back to top</a>
         </p>
-        <p>UrbanCFD is &copy; by Sven Schneider and colaborators at HFT Stuttgart, 2020.</p>
+        <p>urbanVIS is &copy; by Sven Schneider and colaborators at HFT Stuttgart, 2020.</p>
   
       </div>
     </footer>