diff --git a/src/de/index.html b/src/de/index.html
index 2f09921..5526fd3 100644
--- a/src/de/index.html
+++ b/src/de/index.html
@@ -8,7 +8,7 @@ eleventyNavigation:
   icon: i-home
 ---
 
-<div class="row py-5">
+<div class="row py-lg-5">
     <div class="col-12 col-lg-4 mb-4 mb-lg-0 fill-col-inner">
         <div class="logo huge animated">
             {% include "logo-animated.html" %}
@@ -65,7 +65,7 @@ eleventyNavigation:
     </div>
 </div>
 
-<div class="row justify-content-center py-5">
+<div class="row justify-content-center py-lg-5">
     <div class="col">
         <h1 class="text-center">Tool-Übersicht</h1>
         <p class="text-center"><a href="/{{locale}}/services">Alle Dienste anzeigen</a></p>
diff --git a/src/scss/main.scss b/src/scss/main.scss
index b5ffc73..8879c26 100644
--- a/src/scss/main.scss
+++ b/src/scss/main.scss
@@ -42,7 +42,13 @@ p {
 
 .content {
   flex: 1;
-  padding: 2%;
+  padding: 1.5rem 0;
+}
+
+@include media-breakpoint-up(lg) {
+  .content {
+    padding: 3rem 0;
+  }
 }
 
 .highlight {