css and style changes

css/m4lab.css

@@ -125,7 +125,6 @@ h1, .h1 {
 
 .projectimg {
   display: inline-block;
-  float: ;
   background-color: none;
   width: 100%;
   height: auto;
@@ -322,3 +321,66 @@ justify-content:space-evenly;}
 .heading {
   color: #708090;
 }
+
+.background_dadada {
+  background-color: #dadada;
+}
+
+.background_ffffff {
+  background-color: #ffffff;
+}
+
+.background_e0001b {
+  background-color: #E0001B;
+}
+
+.margin_top_30 {
+  margin-top: 30px;
+}
+
+.margin_bottom_30 {
+  margin-bottom: 30px;
+}
+
+.width_100 {
+  width: 100%;
+}
+
+.margin_top_40 {
+  margin-top: 40px;
+}
+
+.margin_bottom_40 {
+  margin-bottom: 40px;
+}
+
+
+.m_top_0 {
+  margin-top: 0px;
+}
+
+.m_bottom_0 {
+  margin-bottom: 0px;
+}
+
+.p_top_20 {
+  padding-top: 20px;
+}
+
+.p_top_20 {
+  padding-top: 20px;
+}
+
+.p_bottom_20 {
+  padding-bottom: 20px;
+}
+
+.p_top_15 {
+  padding-bottom: 15px;
+}
+
+.mailinglist_heading {
+  padding-top: 15px;
+  color: #708090;
+}
+

js/headfoot.js

@@ -177,11 +177,11 @@ function foot() {
     //bmbf
     let bmbf = document.createElement('div');
     bmbf.classList.add("col-md-auto");
-    bmbf.innerHTML = "<img src='/img/footer/Innovative_Hochschule_Initiative_BMBF_GWK_RGB.png' alt='Innovative Hochschule' style='height:90px'/>"
+    bmbf.innerHTML = "<img src='/img/footer/Innovative_Hochschule_Initiative_BMBF_GWK_RGB.png' alt='Innovative Hochschule' height='90'/>"
     //m4labgrau
     let m4labgrau = document.createElement('div');
     m4labgrau.classList.add("col-md-auto");
-    m4labgrau.innerHTML = "<img src='/img/footer/M4_LAB_LOGO_Graustufen.png' alt='M4_LAB' style='height:80px'/>"
+    m4labgrau.innerHTML = "<img src='/img/footer/M4_LAB_LOGO_Graustufen.png' alt='M4_LAB' height='80' />"
     // socmed
     let socialdiv = document.createElement('div');
     socialdiv.classList.add("col-md-auto");