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;
@@ -4853,12 +4858,18 @@ html.is-reveal-open {
     .present .present-checkbox.checked div::after {
       background-image: url(/img/check.png);
       background-size: 100% 100%; }
+  .present .present-image {
+    object-fit: contain;
+    width: 7rem;
+    height: 7rem;
+    padding-left: 1rem;
+    padding-right: 1rem; }
+    @media print, screen and (min-width: 50em) {
       .present .present-image {
         width: 10rem;
         height: 10rem;
-    object-fit: contain;
         padding-left: 1.3rem;
-    padding-right: 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,12 +9,20 @@
 
   .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 {
         position: absolute;
         top: -1rem;
@@ -24,6 +32,7 @@
         content: ""
       }
     }
+
     &.checked div::after {
       background-image: url("../img/check.png");
       background-size: 100% 100%;
@@ -31,12 +40,20 @@
   }
 
   .present-image {
+    object-fit: contain;
+
+    width: 7rem;
+    height: 7rem;
+    padding-left: 1rem;
+    padding-right: 1rem;
+
+    @include breakpoint(medium) {
       width: 10rem;
       height: 10rem;
-    object-fit: contain;
       padding-left: 1.3rem;
       padding-right: 1.3rem;
     }
+  }
 
   .present-name {
     font-weight: bold;

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

@@ -5,6 +5,3 @@
 - 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?