feat: dynamische URL-Anpassung für Entwicklungs- und Produktionsumgebung

- Navigation und Weiterleitungen angepasst, um dynamisch `.html`-Endungen in Produktionsumgebung anzuhängen.
- Nutzung von `NEXT_PUBLIC_NODE_ENV` ermöglicht unterschiedliche URL-Strukturen in Entwicklungs- und Produktionsumgebung.
- `Navigation`-Komponente und `index.js` entsprechend konfiguriert, um `.html` in der Produktionsumgebung automatisch anzuhängen.
- Verbesserte Konsistenz und Funktionalität zwischen beiden Umgebungen, 404-Fehler in Produktion behoben.

styles/globals.css

@@ -0,0 +1,44 @@
+/* global.css*/
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+:root {
+  --background: #ffffff;
+  --foreground: #171717;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --background: #0a0a0a;
+    --foreground: #ededed;
+  }
+}
+
+body {
+  color: var(--foreground);
+  background: var(--background);
+  font-family: Arial, Helvetica, sans-serif;
+}
+
+@layer utilities {
+  .text-balance {
+    text-wrap: balance;
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+  input {
+    background-color: #333 !important; /* Dunkler Hintergrund im Darkmode */
+    color: #fff !important; /* Weißer Text im Darkmode */
+    border: 1px solid #555; /* Optional: etwas hellerer Rahmen */
+  }
+}
+
+@media (prefers-color-scheme: light) {
+  input {
+    background-color: white !important; /* Heller Hintergrund im Lightmode */
+    color: black !important; /* Schwarzer Text im Lightmode */
+    border: 1px solid #ccc; /* Optional: heller Rahmen */
+  }
+}