diff --git a/client/css/styles.css b/client/css/styles.css
index a267310..124fa91 100644
--- a/client/css/styles.css
+++ b/client/css/styles.css
@@ -82,3 +82,69 @@ button:hover {
width: 90%;
}
}
+
+/* Für die welcome.html Seite */
+
+/* Grundlayout für den gesamten Body */
+
+/* Header Layout */
+.header {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding: 10px 20px;
+ background-color: #ffffff;
+ border-bottom: 2px solid #ddd;
+ box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
+ position: fixed;
+ top: 0;
+ width: 100%;
+}
+
+/* Linksbündiger Willkommenstext */
+.header-welcome {
+ font-size: 1.5rem;
+ color: #333;
+ margin: 0;
+ flex-grow: 1;
+ text-align: left;
+ padding: 0.5rem;
+}
+
+/* Benutzerinformationen (zentriert) */
+.header-user-info {
+ text-align: center;
+ color: #007bff;
+ margin-right: 2%;
+ font-size: 0.9rem;
+}
+
+/* Header-Buttons für Admin und Logout (rechts) */
+.header-buttons {
+ display: flex;
+ gap: 10px;
+ padding: 0.5rem;
+}
+
+.header-btn {
+ background-color: #007bff;
+ color: #ffffff;
+ border: none;
+ width: auto;
+ border-radius: 5px;
+ padding: 8px 12px;
+ cursor: pointer;
+ font-size: 1rem;
+ transition: background-color 0.3s;
+}
+
+.header-btn:hover {
+ background-color: #0056b3;
+}
+
+/* Freier Platz für zukünftige Features */
+main {
+ flex-grow: 1;
+}
+
+
diff --git a/client/welcome.html b/client/welcome.html
index aca775b..bb2efab 100644
--- a/client/welcome.html
+++ b/client/welcome.html
@@ -7,13 +7,24 @@
-Willkommen auf Ihrer persönlichen Seite!
-
-
Benutzername:
-
Admin:
-