second version

src/client/sass/_tagesablauf.scss

@@ -0,0 +1,75 @@
+$opacityVisible: 0.7;
+$states: godi fingerfood foto sekt essen spiel dance;
+
+#info-image-container {
+  position: relative;
+
+  img.circler {
+    position: absolute;
+    height: 12%;
+    opacity: 0;
+
+    cursor: pointer;
+
+    //left: 0;
+    &.godi {
+      top: 1.5%;
+      left: 46%;
+    }
+
+    &.fingerfood {
+      left: 9%;
+      top: 12.5%;
+      width: 32%;
+      height: 20%;
+    }
+
+    &.foto {
+      left: 48%;
+      top: 32%;
+      width: 32%;
+    }
+
+    &.sekt {
+      left: 9%;
+      top: 46.5%;
+      width: 32%;
+    }
+
+    &.essen {
+      left: 48%;
+      top: 60%;
+      width: 32%;
+    }
+
+    &.spiel {
+      left: 11%;
+      top: 72.5%;
+      width: 30%;
+    }
+
+    &.dance {
+      left: 48%;
+      top: 86%;
+      width: 29%;
+    }
+  }
+
+  @each $state in $states {
+    &[data-state='#{$state}'] .#{$state} {
+      opacity: $opacityVisible;
+    }
+  }
+}
+
+.anchor{
+  display: block;
+  //margin-bottom: 2rem;
+  padding-top: 1rem;
+  &:first-child{
+    padding-top: 0;
+  };
+  p:last-child {
+    margin-bottom: 0;
+  }
+}

src/client/sass/index.scss

@@ -8,6 +8,13 @@
 @import "navbar";
 @import "unterkunft";
 @import "geschenke";
+@import "tagesablauf";
+
+@font-face {
+  font-family: "WinterSunrise";
+  src: url("../img/WinterSunrise.ttf");
+}
+
 
 .width-100 {
   width: 100%;
@@ -44,7 +51,7 @@ body {
       height: 100%;
       background: $background-color;
 
-      > .grid-container {
+      > div {
         height: 100%;
 
         > .grid-x {
@@ -74,6 +81,11 @@ a.hidden-link, a.hidden-link:hover{
   color: inherit;
 }
 
+h1 {
+  font-family: WinterSunrise, serif;
+  font-size: 4.5rem;
+}
+
 #home-img-container {
   #home-img {
     width: 100%;
@@ -91,11 +103,12 @@ a.hidden-link, a.hidden-link:hover{
     #start-text-img-overlay {
       position: absolute;
       left: 2rem;
-      top: 50%;
+      bottom: 3rem;
+      //top: 50%;
       color: white;
-      font-family: "Winter Sunrise", Arial, serif;
-      font-size: 4rem;
-      line-height: 2.5;
+      //font-family: "WinterSunrise", Arial, serif;
+      font-size: 8rem;
+      line-height: 1.2;
     }
   }
 
@@ -112,4 +125,7 @@ img.full-screen-width {
 
 .hidden {
   display: none;
+}
+.site-content{
+  padding: 3rem 2rem;
 }