diff --git a/_includes/footer.html b/_includes/footer.html
index 7083a5a157..2d0e6b3c20 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -1,14 +1,52 @@
-<footer>
-	<div class="row text-center">
+<div class="background-dark">
+	<div class="container">
+		<div class="row equal">
 
-		{% if page.last_updated %}<span>Page last updated:</span> {{page.last_updated}}<br/>{% endif %} Site last generated: {{ site.time | date: "%b %-d, %Y"  }} <br />
+			<div class="col-md-4 col-xs-4 text-left">
+				<ul class="list-unstyled">
+					<li>
+						<a href="fundamentals-literature-guide.html">Cite preCICE</a>
+					</li>
+					<li>
+						<a href="community-contribute-to-precice.html">Contribute</a>
+					</li>
+					<li>
+						<a href="community-support-precice.html">Get support</a>
+					</li>
+					<li>
+						<a href="community-training.html">Get training</a>
+					</li>
+				</ul>
+			</div>
 
-		<a class="no-icon" rel="license" href="https://creativecommons.org/licenses/by/4.0/">
-			<img alt="Creative Commons License" src="images/licensebutton-by-40_88x31.png" />
-		</a>
-		<br />
-		This work is licensed under a <a rel="license" href="https://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>.
+			<div class="col-md-4 col-xs-4 text-left">
+				<ul class="list-unstyled">
+					<li>
+	                    <a class="no-icon" href="https://precice.discourse.group"><!-- <i class="fab fa-discourse fa-lg"></i>  -->Forum on Discourse</a>
+	                </li>
+	                <li>
+	                    <a class="no-icon" href="https://github.com/precice"><!-- <i class="fab fa-github fa-lg"></i>  -->preCICE on GitHub</a>
+	                </li>
+	                <li>
+						<a href="#">License</a>
+					</li>
+	                <li>
+						<a href="about.html">Impressum / Legal</a>
+					</li>
+				</ul>
+			</div>
 
-	</div>
+			<div class="col-md-4 col-xs-4 text-right">
+				<a class="no-icon" rel="license" href="https://creativecommons.org/licenses/by/4.0/">
+					<img alt="Creative Commons License" src="images/licensebutton-by-40_88x31.png" />
+				</a>
+				<!-- <br />
+				This work is licensed under a <a rel="license" href="https://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>. -->
+				<br />
+				<br />
+				{% if page.last_updated %}<span>Page last updated:</span> {{page.last_updated}}<br/>{% endif %} Site last generated: {{ site.time | date: '%d %b %y' }} <br />
+			</div>			
 
-</footer>
+		</div> <!-- row -->
+	</div> <!-- container -->
+</div> <!-- background -->
\ No newline at end of file
diff --git a/_layouts/default.html b/_layouts/default.html
index 321bb4f25b..fccc4fadb2 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -103,8 +103,7 @@
                     <!-- Content Column -->
                     <div class="{{content_col_size}}" id="tg-sb-content">
                         {{content}}
-                        {{site.data.alerts.hr_faded}}
-                        {% include footer.html %}
+                        <!-- {{site.data.alerts.hr_faded}} --> <!-- TODO -->
                     </div>
                     <!-- /.row -->
                 </div>
@@ -113,6 +112,9 @@
         <!-- /#main -->
         </div>
     </main>
+    <footer>
+        {% include footer.html %}
+    </footer>
 </body>
 
 {% if site.google_analytics %}
diff --git a/_layouts/landing_page.html b/_layouts/landing_page.html
index 4ba77b5bdb..d154876f4f 100644
--- a/_layouts/landing_page.html
+++ b/_layouts/landing_page.html
@@ -16,9 +16,9 @@
 		{{content}}
 	</main>
 
-	<div class="container">
+	<footer>
 		{% include footer.html %}
-	</div>
+	</footer>
 
 	<script src="{{ "js/github-queries.js" }}"></script>
 
diff --git a/css/customstyles-precice.css b/css/customstyles-precice.css
index 360bc4fef2..1dffbe484e 100644
--- a/css/customstyles-precice.css
+++ b/css/customstyles-precice.css
@@ -317,6 +317,22 @@ ul.devlist>li {
   }
 }
 
+/* footer  */
+footer div.container {
+  padding-top: 20px;
+  padding-bottom: 20px;
+}
+@media (min-width: 768px) { /* aligns columns at bottom */
+  footer .equal {
+    align-items: flex-end;
+  }
+}
+footer .list-unstyled {
+  margin-bottom: 0px;
+}
+footer .row.equal {
+  margin-bottom: 0px;
+
 /* 
   Let the sidebar scroll up some amount, then fix in place
   Uses 'position: sticky' which offsets relative to its nearest scrolling ancestor and containing block
diff --git a/css/customstyles.css b/css/customstyles.css
index 0f02d29a00..ac79dbaf13 100644
--- a/css/customstyles.css
+++ b/css/customstyles.css
@@ -298,9 +298,9 @@ li.dropdownActive a {
     color: #248EC2;
 }
 
-footer {
+/*footer {
     font-size: smaller;
-}
+}*/
 
 /* FAQ page */
 #accordion .panel-heading {
diff --git a/css/modern-business.css b/css/modern-business.css
index b0323c5cdf..d4077b3a00 100644
--- a/css/modern-business.css
+++ b/css/modern-business.css
@@ -65,9 +65,9 @@ header.carousel .fill {
 
 /* Footer Styles */
 
-footer {
+/*footer {
     margin: 50px 0;
-}
+}*/
 
 /* Responsive Styles */
 
diff --git a/css/theme-precice.css b/css/theme-precice.css
index 111f8ef2b3..7f23175947 100644
--- a/css/theme-precice.css
+++ b/css/theme-precice.css
@@ -274,7 +274,7 @@ strong {
   background-color: white;
   color: black;
 }
-.background-dark p {
+.background-dark, .background-dark a {
   color: white;
 }
 .background-dark .panel p {
diff --git a/pages/index.html b/pages/index.html
index 6dec106b41..dd43873e55 100644
--- a/pages/index.html
+++ b/pages/index.html
@@ -503,7 +503,7 @@ <h2 class="section-header">Tried and tested by a global community</h2>
 
 <!-- Code example -->
 
-<div class="background-dark">
+<div class="background-light">
   <div class="container">
     <div class="section">
 
@@ -544,4 +544,4 @@ <h2 class="section-header">How does it look like?</h2>
 
     </div> <!-- section -->
   </div> <!-- container -->
-</div> <!-- background-dark -->
+</div> <!-- background-light -->