init webseite ts and claude

webseite-ts/frontend/dev/scss/03_base/_colors.scss

@@ -0,0 +1,12 @@
+/* Color Theme Swatches in Hex */
+$color-1: #5c4b51;
+$color-2: #8cbeb2;
+$color-3: #f2ebbf;
+$color-4: #f3b562;
+$color-5: #f06060;
+
+$color-red: $color-5;
+$color-white: white; // falls weiß geändert wird z.B.: #f8f8f8
+
+$color-dark-blue: #283e4a;
+$linear-gradient-dark: linear-gradient(180deg, rgba(40, 62, 74, 1) 0%, rgba(24, 32, 38, 1) 100%);

webseite-ts/frontend/dev/scss/03_base/_index.scss

@@ -0,0 +1,5 @@
+@import 'variables';
+@import 'utils';
+@import 'typography';
+@import 'colors';
+@import 'theme';

webseite-ts/frontend/dev/scss/03_base/_theme.scss

@@ -0,0 +1,44 @@
+// Allgemeine Formatierungen für die ganze Webanwendung
+
+*,
+html {
+  box-sizing: border-box;
+}
+
+html,
+body {
+  height: 100%;
+  padding: 0;
+  margin: 0;
+}
+
+body {
+  font-family: $font-copy;
+}
+
+// Sticky footer
+body {
+  display: flex;
+  flex-direction: column;
+}
+
+main,
+#main {
+  flex: 1 0 auto;
+}
+
+body > footer,
+.footer-main {
+  flex-shrink: 0;
+}
+// /Sticky footer
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: $font-headline;
+  font-weight: 700;
+}

webseite-ts/frontend/dev/scss/03_base/_typography.scss

@@ -0,0 +1,9 @@
+$fallback-serif: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
+$fallback-sans-serif: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+
+$font-headline: 'Playfair Display', $fallback-serif;
+$font-subclaim: $fallback-sans-serif;
+
+$font-menu: $fallback-sans-serif;
+$font-copy: 'Source Sans 3', $fallback-sans-serif;
+$font-quote: $fallback-serif;