diff --git a/src/App/App.css b/src/App/App.css
index 44db3cf6d7da11f49c06301fccbcb6edf281127d..d9bf4cd83af6643eed366e544b0559942ac0d203 100644
--- a/src/App/App.css
+++ b/src/App/App.css
@@ -608,7 +608,7 @@ img .middle{
   width: min-content;
 }
 .socials{
-  height: 1.5rem;
+  height: 2rem;
   width: auto;
   margin: 0.5rem;
 }
@@ -3543,4 +3543,16 @@ a{
 
 .detail-sideitem .sideitem .sidesubtab .sideitem{
   color: white ;
+}
+
+.grid{
+  display: grid;
+}
+
+.flex{
+  display: flex;
+}
+
+#impressum{
+  font-size: x-large  ;
 }
\ No newline at end of file
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index ddb65d691d6f66a85677a07e123b2847897b6f02..cf8732829cbfd2bbeeef2f1980d46b8527983314 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -10,24 +10,29 @@ export function Footer() {
   return (
     <footer className="pt-5 pb-5 footer py-5 mt-5 bg-d text-white">
       <div className="container">
-      <div className="col zweirem" style={{}}>
-        <span className="left no-pad no-marg"> 
-          <a href="../bielefeld-cebitec/impressum" className="middle">Impressum</a>
-        </span>
-        <span className="right align-items-center" style={{display: "flex"}}>
-        <a href="https://www.linkedin.com/in/igem-bielefeld-cebitec">
-          <img className="socials" src="https://static.igem.wiki/teams/5247/design/icons/linkedin-hell.png"/>
-        </a>
-        <a href="https://www.instagram.com/igem.bielefeld/">
-          <img className="socials" src="https://static.igem.wiki/teams/5247/design/icons/instagram-1.png"/>
-        </a>
-        <a href="http://www.youtube.com/@iGemBielefeld2024">
-          <img className="socials" src="https://static.igem.wiki/teams/5247/design/icons/youtube-hell.png"/>
-        </a>
-        <a href="https://x.com/iGEM_Bielefeld">
-          <img className="socials" src="https://static.igem.wiki/teams/5247/design/icons/twitter-hell.png"/>
-        </a>
-      </span>
+      <div className="small-row align-items-center" style={{}}>
+        <div className="col grid">
+          <span className="left no-pad no-marg"> 
+            <a href="../bielefeld-cebitec/impressum" id="impressum" className="middle">Impressum</a>
+          </span>
+        </div>
+        <div className="col ">
+          <span className="right " style={{display: "flex"}}>
+            <a href="https://www.linkedin.com/in/igem-bielefeld-cebitec">
+              <img className="socials" src="https://static.igem.wiki/teams/5247/design/icons/linkedin-hell.png"/>
+            </a>
+            <a href="https://www.instagram.com/igem.bielefeld/">
+              <img className="socials" src="https://static.igem.wiki/teams/5247/design/icons/instagram-1.png"/>
+            </a>
+            <a href="http://www.youtube.com/@iGemBielefeld2024">
+              <img className="socials" src="https://static.igem.wiki/teams/5247/design/icons/youtube-hell.png"/>
+            </a>
+            <a href="https://x.com/iGEM_Bielefeld">
+              <img className="socials" src="https://static.igem.wiki/teams/5247/design/icons/twitter-hell.png"/>
+            </a>
+          </span>
+        </div>
+
       </div>
       <hr/> 
       <div className="small-row align-items-center">