diff --git a/content/_index.de.md b/content/_index.de.md
index 7ac6a4d0d3ec5e270abf7d44fc7de632dece1f19..4287e05520d4ce2b7ab68dbc70558bc68331291b 100644
--- a/content/_index.de.md
+++ b/content/_index.de.md
@@ -28,18 +28,17 @@ Die Sprechstunden finden im Blauen Haus (Christoph-Probst-Straße 12) Zimmer 028
 {{< officehours >}}
 
 {{% /column %}}{{% column %}}
-
+{{% flex-item %}}
 ## Dienste
 * <i class="fa fa-wifi" aria-hidden="true"></i> [WLAN]({{< ref "wifi.de.md" >}})
 * <i class="fa fa-envelope" aria-hidden="true"></i> [Webmail](https://webmail.stusta.de/)
 * <i class="fa fa-cloud" aria-hidden="true"></i> [StuSta Cloud](https://cloud.stusta.de/)
 * <i class="fa fa-gitlab" aria-hidden="true"></i> [GitLab](https://gitlab.stusta.de/)
-
-
+{{% /flex-item %}}
+{{% flex-item %}}
 ## Kontakt
 * <i class="fa fa-comments" aria-hidden="true"></i> [Impressum](/impressum)
 * <i class="fa fa-facebook-official" aria-hidden="true"></i> [SSN bei Facebook](https://www.facebook.com/stustanet/)
 * <i class="fa fa-github" aria-hidden="true"></i> [SSN bei Github](https://github.com/stustanet/)
-
-
+{{% /flex-item %}}
 {{% /column %}}{{% /two-columns %}}
diff --git a/static/css/main.css b/static/css/main.css
index b9a7e70e2d9e044c346edcffe063037f7cdd8d66..0c21e6e33b7aca51e7c44455926d60438c167709 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -802,12 +802,26 @@ footer .lang-dropdown {
         height: 32px;
     }
 
-    .two-columns .column:first-child {
-        float: none;
-        width: 100%;
+    .two-columns .column {
+        float: none !important;
+        width: 100% !important;
     }
 
     .two-columns .column:last-child {
-        display: none;
+        margin-top: 2rem;
+        display: flex;
+        flex-wrap: wrap;
+    }
+
+    .two-columns .flex-item {
+        flex: 1;
+    }
+
+    .two-columns .flex-item:first-child {
+        margin-right: 1.5rem;
+    }
+
+    .two-columns .flex-item:last-child {
+        margin-left: 1.5rem;
     }
 }