update

dist/main.css

@@ -4843,6 +4843,11 @@ html.is-reveal-open {
       width: 2rem;
       height: 2rem;
       border: 2px solid black; }
+      @media print, screen and (min-width: 50em) {
+        .present .present-checkbox div {
+          margin-top: 2.8rem;
+          width: 1.5rem;
+          height: 1.5rem; } }
       .present .present-checkbox div::after {
         position: absolute;
         top: -1rem;
@@ -4854,11 +4859,17 @@ html.is-reveal-open {
       background-image: url(/img/check.png);
       background-size: 100% 100%; }
   .present .present-image {
-    width: 10rem;
-    height: 10rem;
     object-fit: contain;
-    padding-left: 1.3rem;
-    padding-right: 1.3rem; }
+    width: 7rem;
+    height: 7rem;
+    padding-left: 1rem;
+    padding-right: 1rem; }
+    @media print, screen and (min-width: 50em) {
+      .present .present-image {
+        width: 10rem;
+        height: 10rem;
+        padding-left: 1.3rem;
+        padding-right: 1.3rem; } }
   .present .present-name {
     font-weight: bold; }
 
@@ -4944,7 +4955,7 @@ html.is-reveal-open {
       width: 80%;
       max-height: 80%;
       overflow: auto;
-      padding: 2rem 3rem;
+      padding: 2rem 1rem;
       background: #d7c9ac; }
 
 @font-face {

src/client/sass/_geschenke.scss

@@ -9,13 +9,21 @@
 
   .present-checkbox {
     height: 10rem;
+
     div {
       position: relative;
+
       margin-top: 4rem;
       width: 2rem;
       height: 2rem;
+      @include breakpoint(medium) {
+        margin-top: 2.8rem;
+        width: 1.5rem;
+        height: 1.5rem;
+      }
       border: 2px solid black;
-      &::after{
+
+      &::after {
         position: absolute;
         top: -1rem;
         left: -0.5rem;
@@ -24,18 +32,27 @@
         content: ""
       }
     }
-    &.checked div::after{
+
+    &.checked div::after {
       background-image: url("../img/check.png");
       background-size: 100% 100%;
     }
   }
 
   .present-image {
-    width: 10rem;
-    height: 10rem;
     object-fit: contain;
-    padding-left: 1.3rem;
-    padding-right: 1.3rem;
+
+    width: 7rem;
+    height: 7rem;
+    padding-left: 1rem;
+    padding-right: 1rem;
+
+    @include breakpoint(medium) {
+      width: 10rem;
+      height: 10rem;
+      padding-left: 1.3rem;
+      padding-right: 1.3rem;
+    }
   }
 
   .present-name {

src/client/sass/_tagesablauf.scss

@@ -111,7 +111,7 @@ $states: godi fingerfood foto sekt essen spiel dance;
       width: 80%;
       max-height: 80%;
       overflow: auto;
-      padding: 2rem 3rem;
+      padding: 2rem 1rem;
       background: $background-color;
     }
   }

todo.txt

@@ -4,7 +4,4 @@
 - Hotelname bei Unterkunft anpassen
 - E-Mail bei Herzlich Willkommen hinzufügen
 - E-Mailadresse von Melanie - Tagesablauf
-- Geschenkliste synchronisieren
-- Mobilansicht
-- WinterSunrise ß bei Spiel und Spaß unter Tagesablauf
-- Navbar Größe ändern?
+- Geschenkliste synchronisieren