Add results_visualization/css/base.css

results_visualization/css/base.css

@@ -0,0 +1,92 @@
+/* ------------------------------------------------------------
+   Reset & Variables
+------------------------------------------------------------- */
+
+:root {
+  --color-bg: #f5f7fa;
+  --color-text: #1d1f23;
+  --color-primary: #0066cc;
+  --color-secondary: #3399ff;
+  --color-muted: #a0a4a8;
+  --font-base: 'Segoe UI', Arial, sans-serif;
+  --spacing-xs: 4px;
+  --spacing-sm: 8px;
+  --spacing-md: 16px;
+  --spacing-lg: 24px;
+  --radius-base: 4px;
+  --max-width: 1200px;
+}
+
+/* Browser Reset */
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+body {
+  background-color: var(--color-bg);
+  color: var(--color-text);
+  font-family: var(--font-base);
+  font-size: 16px;
+  line-height: 1.5;
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+
+/* ------------------------------------------------------------
+   Typography & Links
+------------------------------------------------------------- */
+
+h1, h2 {
+  font-weight: 600;
+  margin-bottom: var(--spacing-md);
+  color: var(--color-text);
+  text-align: left;
+}
+
+h1 {
+  font-size: 1.8rem;
+}
+
+h2 {
+  font-size: 1.4rem;
+  margin-top: var(--spacing-lg);
+}
+
+p {
+  margin-bottom: var(--spacing-md);
+  color: var(--color-text);
+  line-height: 1.6;
+}
+
+a {
+  color: var(--color-primary);
+  text-decoration: none;
+  transition: color 0.2s ease;
+}
+
+a:hover,
+a:focus {
+  color: var(--color-secondary);
+  text-decoration: underline;
+}
+
+/* Footer Standard Element (falls verwendet) */
+footer {
+  margin-top: auto;
+  padding: var(--spacing-md);
+  text-align: center;
+  font-size: 0.9rem;
+  color: var(--color-muted);
+}
+
+footer::after {
+  content: '\00A9 2026 Donau2Space.de';
+  display: block;
+  margin-top: var(--spacing-sm);
+  font-size: 0.85rem;
+}