init typescript

webseite/backend/server.js

@@ -1,12 +1,15 @@
 import express from 'express';
 import color from 'chalk';
 import cors from 'cors';
+import dotenv from 'dotenv';
+
+dotenv.config(); // Sensible Konfigurationsvariablen in .env Datei auslagern
 
 // Model
 import ProductModel from './model/ProductModel.js'; // Dateiendung nicht vergessen
 
-const PORT = 8000;
-const HOST = '127.0.0.1'; // 'localhost'
+const PORT = process.env.SERVER_PORT; // || 8000;
+const HOST = process.env.SERVER_HOST; // || '127.0.0.1'; // 'localhost'
 const BASE_URL = `http://${HOST}:${PORT}`;
 
 const app = express();

webseite/frontend/assets/css/main.css

@@ -12716,7 +12716,7 @@ h6,
 .header-main {
   position: relative;
   width: 100%;
-  height: 400px;
+  min-height: 400px;
 }
 .header-main .content-box {
   position: relative;

webseite/frontend/dev/scss/05_modules/_header-main.scss

@@ -2,7 +2,7 @@
   position: relative;
 
   width: 100%;
-  height: 400px;
+  min-height: 400px;
   .content-box {
     position: relative;
     z-index: 2;