redesign from scratch

2026-09-02 21:12:24 +02:00
parent 80135f8690
commit 8a622906bb
6 changed files with 78 additions and 249 deletions
@@ -0,0 +1,43 @@
+/** global styles */
+
+/* globale Variablen */
+:root {
+    /* colors */
+    --primary-color: #1976D2;
+    --secondary-color: #d27519;
+    --font-color: #333333;
+    --background-color: #f3f5f4;
+
+    /* Dimensions */
+    --header-height: 60px;
+    --footer-height: 40px;
+    --main-content-padding: 20px;
+    --box-border-radius: 10px;
+}
+
+
+/* 1. Schriftart definieren */
+@font-face {
+    font-family: 'Inter'; /* Name, den du später im CSS verwendest */
+    src: url('/static/fonts/Inter.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+}
+
+/* 2. Schriftart anwenden und Ränder entfernen*/
+body {
+    font-family: 'Inter', Arial, sans-serif;
+    margin: 0;
+    padding: 0;
+    background-color: var(--background-color);
+    color: var(--font-color);
+}
+
+/* Style für allgemeine Elemente */
+.box {
+    border: 1px solid var(--primary-color);
+    border-radius: var(--box-border-radius);
+}
+
+/* Style für Header, Navigation, Main Content, Aside und Footer */
+