diff --git a/anmeldung.html b/anmeldung.html
deleted file mode 100644
index 08a8dc6..0000000
--- a/anmeldung.html
+++ /dev/null
@@ -1,49 +0,0 @@
-<!DOCTYPE html>
-<html lang="de">
-
-<head>
-    <meta charset="utf-8">
-    <meta name="description" content="Gästebuch Beispiel">
-    <meta name="author" content="Dietrich Boles">
-    <link rel="stylesheet" href="css/main.css" />
-    <title>Gästebuch</title>
-</head>
-
-
-<body>
-
-    <nav>
-        <div>
-            <a href="index.html">Homepage</a>
-        </div>
-        <div>
-            <a href="anmeldung.html">Anmelden/Abmelden</a>
-        </div>
-        <div>
-            <a href="registrierung.html">Registrieren</a>
-        </div>
-    </nav>
-
-    <main>
-
-        <h1>Anmeldung</h1>
-
-        <p>
-            Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
-            dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
-            clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,
-            consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
-            sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no
-            sea takimata sanctus est Lorem ipsum dolor sit amet.
-        </p>
-
-    </main>
-
-    <footer>
-        <a href="impressum.html">Impressum</a>
-        <a href="datenschutz.html">Datenschutz</a>
-        <a href="nutzungsbedingungen.html">Nutzungsbedingungen</a>
-    </footer>
-</body>
-
-</html>
\ No newline at end of file
diff --git a/auth/login.html b/auth/login.html
new file mode 100644
index 0000000..a48c13d
--- /dev/null
+++ b/auth/login.html
@@ -0,0 +1,30 @@
+<!--
+    Form: Login-Bereich
+    Funktion: Benutzerauthentifizierung und Zugang zum eigenen Profil, Erstellen von Beiträgen, etc.
+-->
+<form name="loginForm" action="?pfad=profile" method="POST">
+
+    <div style="width: 50%">
+        <div style="width: 130px;">
+            <img src="../images/logo.png" width="120" height="72">
+        </div>
+
+        <h1 style="width: 60%; text-align: center">Bitte anmelden</h1><br>
+
+        <label id="inputEmail" >E-Mail-Adresse / </label>
+        <p style="width: 80%;">Benutzername/E-Mail-Adresse:</p>
+        <input type="email" name="email" style="width: 80%;" placeholder="E-Mail-Adresse" required autofocus>
+        <label id="inputPassword" >Passwort</label>
+        <p style="width: 80%;">Passwort:</p>
+        <input type="password" name="password" style="width: 80%;" placeholder="Passwort" required>
+        <div style="width: 80%;">
+            <label>
+                <input type="checkbox" name="remember-me" value="1"> angemeldet bleiben
+            </label>
+        </div>
+        <button type="submit" value="anmelden" name="loginSubmit" style="width: 80%;">anmelden</button><br>
+        <div style="width: 70%; text-align: center">
+            <a href="index.html?pfad=auth/register" style="text-align: center;"> Noch keinen Account? Jetzt hier registrieren! </a>
+        </div>
+    </div>
+</form>
diff --git a/auth/register.html b/auth/register.html
new file mode 100644
index 0000000..dc4a9c2
--- /dev/null
+++ b/auth/register.html
@@ -0,0 +1,52 @@
+<!--
+    Seite: Registrierung
+    Funktion: Erstellung neuer Benutzerkonten
+-->
+<!DOCTYPE html>
+<html lang="de">
+
+<head>
+    <meta charset="utf-8">
+    <meta name="description" content="Gästebuch Beispiel">
+    <meta name="author" content="Dietrich Boles">
+    <link rel="stylesheet" href="css/main.css" />
+    <title>Gästebuch</title>
+</head>
+
+<body>
+
+<nav>
+    <div>
+        <a href="index.html">Homepage</a>
+    </div>
+    <div>
+        <a href="anmeldung.html">Anmelden/Abmelden</a>
+    </div>
+    <div>
+        <a href="registrierung.html">Registrieren</a>
+    </div>
+</nav>
+
+<main>
+
+    <h1>Registrierung</h1>
+
+    <p>
+        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
+        dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
+        clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,
+        consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
+        sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no
+        sea takimata sanctus est Lorem ipsum dolor sit amet.
+    </p>
+
+</main>
+
+<footer>
+    <a href="impressum.html">Impressum</a>
+    <a href="datenschutz.html">Datenschutz</a>
+    <a href="nutzungsbedingungen.html">Nutzungsbedingungen</a>
+</footer>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/images/logo.png b/images/logo.png
new file mode 100644
index 0000000..0f859db
Binary files /dev/null and b/images/logo.png differ
diff --git a/includes/navbar.html b/includes/navbar.html
new file mode 100644
index 0000000..19dfe85
--- /dev/null
+++ b/includes/navbar.html
@@ -0,0 +1,23 @@
+<!--
+Globales Menü, wird via PHP später in alle Seiten eingebunden
+-->
+<div class="text-white navbar bg-dark" style="width: 100%; z-index: 1; position: fixed">
+    <div class="" style="width: 20%;">
+        <img src="../images/logo.png" style="height: 44px;  ">
+    </div>
+
+    <a href = "index.php?pfad=profile" class="ft-si-15" style = "color: white; padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>Dein Profil</b></a>
+    |
+    <a href = "index.php?pfad=gameServer" class=" ft-navbarRed ft-si-15" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>Game-Server</b></a>
+    |
+    <a href = "http://192.168.2.199/ts3wi/" class="ft-navbarRed ft-si-15" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>TeamSpeak3-Server</b></a>
+    |
+    <a href = "index.php?pfad=404" class="ft-navbarRed ft-navbarRed ft-si-15" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>NextCloud-Server</b></a>
+
+    <div class="float-right">
+        <a href = "" style = "background-color: #f44336; color: white; padding: 4px 20px; text-align: center; text-decoration: none; display: inline-block;"> Login </a>
+    </div>
+    <div>
+        <a href = "" style = "background-color: #f44336; color: white; padding: 4px 20px; text-align: center; text-decoration: none; display: inline-block;"> Register </a>
+    </div>
+</div>
\ No newline at end of file
diff --git a/index.html b/index.html
index 5079b0c..d546c75 100644
--- a/index.html
+++ b/index.html
@@ -1,3 +1,7 @@
+<!--
+    Seite: Hompage der Lernplattform
+    Funktion: Webseitengerüst, Anzeigen von Beiträgen, Suchfunktion etc.
+-->
 <!DOCTYPE html>
 <html lang="de">
 
@@ -6,22 +10,16 @@
     <meta name="description" content="Gästebuch Beispiel">
     <meta name="author" content="Niklas Ortmann">
     <link rel="stylesheet" href="css/main.css" />
-    <title>Gästebuch</title>
+    <title>EduForge</title>
 </head>
 
 
 <body>
 
     <nav>
-        <div>
-            <a href="index.html">Homepage</a>
-        </div>
-        <div>
-            <a href="anmeldung.html">Anmelden/Abmelden</a>
-        </div>
-        <div>
-            <a href="registrierung.html">Registrieren</a>
-        </div>
+        <?php
+	        include_once 'includes/navbar.html';
+	    ?>
     </nav>
 
 
@@ -43,9 +41,9 @@
     </main>
 
     <footer>
-        <a href="impressum.html">Impressum</a>
-        <a href="datenschutz.html">Datenschutz</a>
-        <a href="nutzungsbedingungen.html">Nutzungsbedingungen</a>
+        <a href="legal/impressum.html">Impressum</a>
+        <a href="legal/datenschutz.html">Datenschutz</a>
+        <a href="legal/nutzungsbedingungen.html">Nutzungsbedingungen</a>
     </footer>
 </body>
 
diff --git a/datenschutz.html b/legal/datenschutz.html
similarity index 80%
rename from datenschutz.html
rename to legal/datenschutz.html
index 796b643..e62bfa8 100644
--- a/datenschutz.html
+++ b/legal/datenschutz.html
@@ -1,3 +1,7 @@
+<!--
+    Seite: Datenschutzerklärung
+    Inhalt: Informationen zur Datenverarbeitung gemäß DSGVO
+-->
 <!DOCTYPE html>
 <html lang="de">
 
@@ -5,7 +9,7 @@
     <meta charset="utf-8">
     <meta name="description" content="Gästebuch Beispiel">
     <meta name="author" content="Dietrich Boles">
-    <link rel="stylesheet" href="css/main.css" />
+    <link rel="stylesheet" href="../css/main.css" />
     <title>Gästebuch</title>
 </head>
 
@@ -13,15 +17,9 @@
 <body>
 
     <nav>
-        <div>
-            <a href="index.html">Homepage</a>
-        </div>
-        <div>
-            <a href="anmeldung.html">Anmelden/Abmelden</a>
-        </div>
-        <div>
-            <a href="registrierung.html">Registrieren</a>
-        </div>
+        <?php
+                include_once 'includes/navbar.html';
+            ?>
     </nav>
 
     <main>
diff --git a/impressum.html b/legal/impressum.html
similarity index 79%
rename from impressum.html
rename to legal/impressum.html
index eb02980..db5106d 100644
--- a/impressum.html
+++ b/legal/impressum.html
@@ -1,3 +1,7 @@
+<!--
+    Seite: Impressum
+    Inhalt: wer wie was auf der Webseite
+-->
 <!DOCTYPE html>
 <html lang="de">
 
@@ -5,7 +9,7 @@
     <meta charset="utf-8">
     <meta name="description" content="Gästebuch Beispiel">
     <meta name="author" content="Dietrich Boles">
-    <link rel="stylesheet" href="css/main.css" />
+    <link rel="stylesheet" href="../css/main.css" />
     <title>Gästebuch</title>
 </head>
 
@@ -13,15 +17,9 @@
 <body>
 
     <nav>
-        <div>
-            <a href="index.html">Homepage</a>
-        </div>
-        <div>
-            <a href="anmeldung.html">Anmelden/Abmelden</a>
-        </div>
-        <div>
-            <a href="registrierung.html">Registrieren</a>
-        </div>
+        <?php
+                include_once 'includes/navbar.html';
+            ?>
     </nav>
 
     <main>
diff --git a/nutzungsbedingungen.html b/legal/nutzungsbedingungen.html
similarity index 80%
rename from nutzungsbedingungen.html
rename to legal/nutzungsbedingungen.html
index 804cc98..84626a1 100644
--- a/nutzungsbedingungen.html
+++ b/legal/nutzungsbedingungen.html
@@ -1,3 +1,7 @@
+<!--
+    Seite: Nutzungsbedingungen
+    Inhalt: Regelungen für die Nutzung der Plattform (AGBs und so...)
+-->
 <!DOCTYPE html>
 <html lang="de">
 
@@ -5,22 +9,16 @@
     <meta charset="utf-8">
     <meta name="description" content="Gästebuch Beispiel">
     <meta name="author" content="Dietrich Boles">
-    <link rel="stylesheet" href="css/main.css" />
+    <link rel="stylesheet" href="../css/main.css" />
     <title>Gästebuch</title>
 </head>
 
 <body>
 
     <nav>
-        <div>
-            <a href="index.html">Homepage</a>
-        </div>
-        <div>
-            <a href="anmeldung.html">Anmelden/Abmelden</a>
-        </div>
-        <div>
-            <a href="registrierung.html">Registrieren</a>
-        </div>
+        <?php
+                include_once 'includes/navbar.html';
+            ?>
     </nav>
 
     <main>
diff --git a/registrierung.html b/registrierung.html
deleted file mode 100644
index fce6d6f..0000000
--- a/registrierung.html
+++ /dev/null
@@ -1,48 +0,0 @@
-<!DOCTYPE html>
-<html lang="de">
-
-<head>
-    <meta charset="utf-8">
-    <meta name="description" content="Gästebuch Beispiel">
-    <meta name="author" content="Dietrich Boles">
-    <link rel="stylesheet" href="css/main.css" />
-    <title>Gästebuch</title>
-</head>
-
-<body>
-
-    <nav>
-        <div>
-            <a href="index.html">Homepage</a>
-        </div>
-        <div>
-            <a href="anmeldung.html">Anmelden/Abmelden</a>
-        </div>
-        <div>
-            <a href="registrierung.html">Registrieren</a>
-        </div>
-    </nav>
-
-    <main>
-
-        <h1>Registrierung</h1>
-
-        <p>
-            Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
-            dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
-            clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,
-            consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
-            sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no
-            sea takimata sanctus est Lorem ipsum dolor sit amet.
-        </p>
-
-    </main>
-
-    <footer>
-        <a href="impressum.html">Impressum</a>
-        <a href="datenschutz.html">Datenschutz</a>
-        <a href="nutzungsbedingungen.html">Nutzungsbedingungen</a>
-    </footer>
-</body>
-
-</html>
\ No newline at end of file
