diff --git a/backend/static/css/style.css b/backend/static/css/style.css
index 1f5004e..663f178 100644
--- a/backend/static/css/style.css
+++ b/backend/static/css/style.css
@@ -4,12 +4,14 @@
   --navbar-text-color: rgba(255, 255, 255, .5);
   --navbar-text-color-hover: rgba(255, 255, 255, .75);
   --navbar-text-color-active: rgba(255, 255, 255, 1);
+  --navbar-padding: 4.5rem;
 
   /* Common */
   --background-color: #ffffff;
   --background-color-var: #f5f5f5;
   --text-color: #212529;
   --text-color-var: #343a40;
+  --text-color-light: #6c757d;
 
   /* Modals */
   --modal-background-color: #ffffff;
@@ -28,11 +30,14 @@
   /* Toasts */
   --toast-background-color: #ffffff;
   --toast-text-color: #212529;
+
+  /* Footer */
+  --footer-height: 80px;
 }
 
 
 body {
-  padding-top: 5rem;
+  padding-top: var(--navbar-padding);
   background-color: var(--background-color);
 }
 
@@ -42,21 +47,15 @@ body {
 }
 
 .site {
-  height: auto;
-  min-height: 100%;
-}
-
-main {
-  padding-bottom: 60px;
-  /* Höhe des Footers */
+  min-height: calc(100vh - var(--navbar-padding) - var(--footer-height));
+  margin-bottom: -var(--footer-height);
 }
 
 .footer {
-  margin-top: -60px;
+  /*margin-top: var(--footer-height);*/
   width: 100%;
-  height: 60px;
-  /* Set the fixed height of the footer here */
-  /*line-height: 60px; /* Vertically center the text there */
+  height: var(--footer-height);
+
   background-color: var(--background-color-var);
 }
 
@@ -182,6 +181,12 @@ pre {
   height: 1.5rem;
 }
 
+#songYear {
+  font-size: small;
+  font-weight: 400;
+  color: var(--text-color-light);
+}
+
 .construction_bg {
   background: repeating-linear-gradient(45deg,
       #222200,
@@ -213,6 +218,7 @@ pre {
     --background-color-var: #232323;
     --text-color: #f5f5f5;
     --text-color-var: #a2a2a2;
+    --text-color-light: #6c757d;
 
     /* Modals */
     --modal-background-color: #121212;