initial version

src/client/sass/index.scss

@@ -0,0 +1,115 @@
+@import "../../../node_modules/foundation-sites/scss/foundation";
+
+//@import "settings";
+
+//Importiere zuerst foundation vor anderen Imports, damit foundation-settings überschrieben werden
+@include foundation-everything;
+
+@import "navbar";
+@import "unterkunft";
+@import "geschenke";
+
+.width-100 {
+  width: 100%;
+}
+.height-100{
+  height: 100%;
+}
+
+html {
+  height: 100%;
+  font-size: 20px;
+  letter-spacing: 1.1px;
+}
+
+.grow{
+  flex: 1;
+}
+
+body {
+  background: $background-color;
+  width: 100%;
+  height: 100%;
+
+  nav.top-bar {
+
+  }
+
+  #main-content-container {
+    height: calc(100% - 5rem);
+    position: relative;
+    overflow: auto;
+
+    #scroll-container {
+      height: 100%;
+      background: $background-color;
+
+      > .grid-container {
+        height: 100%;
+
+        > .grid-x {
+          height: 100%;
+        }
+      }
+
+      #main-content {
+        height: 100%;
+        padding: 0;
+      }
+    }
+  }
+}
+
+.overflow-auto{
+  overflow: auto;
+}
+
+h1, p, .padding-default {
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+
+a.hidden-link, a.hidden-link:hover{
+  text-decoration: none;
+  color: inherit;
+}
+
+#home-img-container {
+  #home-img {
+    width: 100%;
+    height: 100%;
+    z-index: -1;
+
+    position: fixed;
+
+    img {
+      width: 100%;
+      height: calc(100% - 5rem);
+      object-fit: cover;
+    }
+
+    #start-text-img-overlay {
+      position: absolute;
+      left: 2rem;
+      top: 50%;
+      color: white;
+      font-family: "Winter Sunrise", Arial, serif;
+      font-size: 4rem;
+      line-height: 2.5;
+    }
+  }
+
+  #img-spacer {
+    display: block;
+    width: 100%;
+    height: 100%;
+  }
+}
+
+img.full-screen-width {
+  width: 100vw;
+}
+
+.hidden {
+  display: none;
+}