diff --git a/Minecraft-Modern-Theme/css/login-style.css b/Minecraft-Modern-Theme/css/login-style.css
index 6097457..e4d90b4 100644
--- a/Minecraft-Modern-Theme/css/login-style.css
+++ b/Minecraft-Modern-Theme/css/login-style.css
@@ -1,229 +1,276 @@
-/* Minecraft Modern Theme Login Styles */
-body.login {
-    background-color: #14151a; /* Fallback-Farbe */
-    background-size: cover;
-    background-position: center;
-    background-repeat: no-repeat;
-    font-family: 'Raleway', sans-serif;
-}
-
-/* Dunkler Overlay für bessere Lesbarkeit */
-body.login::before {
-    content: '';
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    background: rgba(20, 21, 26, 0.8);
-    z-index: -1;
-}
-
-/* Logo zentrieren */
-.login h1 {
-    text-align: center;
-    margin-bottom: 50px; /* ANGEPASST: Mehr Abstand für das größere Logo */
-}
-.login h1 a {
-    width: auto;
-    height: 160px; /* ANGEPASST: Logo ist jetzt doppelt so groß */
-    background-size: contain;
-}
-
-/* Haupt-Container, der alles umschließt */
-#login {
-    width: 80%;
-    max-width: 800px;
-    margin: 0 auto;
-    padding: 0;
-    background: none;
-    box-shadow: none;
-}
-
-/* NEU: Der Wrapper, der vom Skript erstellt wird. Dies ist unsere "Tabelle". */
-#login-content-wrapper {
-    display: flex;
-    align-items: stretch; /* Sorgt dafür, dass beide Spalten die gleiche Höhe haben */
-    background-color: #252830;
-    border-radius: 8px;
-    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
-    overflow: hidden; /* Sorgt für abgerundete Ecken an den Kind-Elementen */
-}
-
-/* Linke Spalte: Minecraft Avatar Slider (27.8%) */
-#minecraft-avatar-slider {
-    flex: 0 0 27.8%; /* Feste Breite, wächst nicht, schrumpft nicht */
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    padding: 20px;
-    padding-top: 50px; /* ANGEPASST: Erzeugt den Raum, in den die Avatare verschoben werden */
-    background-color: #1a1c23; /* Leicht anderer Hintergrund für Kontrast */
-    height: auto; /* Höhe anpassen, damit sie nicht fest ist */
-    position: relative; /* Wichtig für den Slider */
-    overflow: hidden; /* Verhindert, dass Bilder überstehen */
-}
-
-#minecraft-avatar-slider .avatar-slide {
-    width: 100%;
-    height: auto; /* Seitenverhältnis beibehalten */
-    max-height: 400px; /* Maximale Höhe des Avatars, damit er nicht zu groß wird */
-    border-radius: 4px;
-    
-    /* Slider-spezifische Stile */
-    position: absolute;
-    top: 25px; /* KORRIGIERT: Verschiebt alle Avatare um 50px nach unten */
-    left: 0;
-    opacity: 0;
-    transition: opacity 0.7s ease-in-out;
-}
-
-#minecraft-avatar-slider .avatar-slide-active {
-    opacity: 1;
-}
-
-/* Rechte Spalte: Login-Formular (72.2%) */
-#loginform {
-    flex: 1; /* Nimmt den restlichen verfügbaren Platz ein */
-    padding: 40px;
-    background: none;
-    border: none;
-    box-shadow: none;
-}
-
-/* Formular-Felder */
-#loginform p {
-    margin-bottom: 20px;
-}
-
-#loginform label {
-    color: #e4e4e4;
-    font-weight: 600;
-    display: block;
-    margin-bottom: 8px;
-}
-
-#loginform input[type="text"],
-#loginform input[type="password"] {
-    width: 100%;
-    padding: 14px;
-    background-color: #1e2029;
-    border: 1px solid #333;
-    border-radius: 4px;
-    color: #e4e4e4;
-    font-family: 'Raleway', sans-serif;
-    font-size: 16px;
-    transition: border-color 0.3s, box-shadow 0.3s;
-}
-
-#loginform input[type="text"]:focus,
-#loginform input[type="password"]:focus {
-    border-color: #00d4ff;
-    box-shadow: 0 0 0 2px rgba(0, 212, 255, 0.2);
-    outline: none;
-}
-
-/* Container für "Angemeldet bleiben" und "Passwort vergessen" */
-.login-options-container {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin-bottom: 25px;
-}
-
-.login-options-container .forgetmenot,
-.login-options-container #nav {
-    margin: 0; /* Entfernt Standard-Abstände */
-}
-
-.forgetmenot label {
-    font-weight: 400;
-    font-size: 14px;
-    color: #a0a0a0;
-    display: flex;
-    align-items: center;
-}
-.forgetmenot input[type="checkbox"] {
-    margin-right: 8px;
-}
-
-.login-options-container #nav a {
-    color: #a0a0a0;
-    text-decoration: none;
-    font-weight: 400;
-    font-size: 14px;
-    transition: color 0.2s;
-}
-.login-options-container #nav a:hover {
-    color: #00d4ff;
-}
-
-/* Submit-Button */
-#loginform .submit input[type="submit"] {
-    width: 100%;
-    padding: 14px;
-    background-color: #00d4ff;
-    border: none;
-    border-radius: 4px;
-    color: #fff;
-    font-family: 'Raleway', sans-serif;
-    font-weight: 600;
-    font-size: 16px;
-    cursor: pointer;
-    transition: background-color 0.3s;
-}
-#loginform .submit input[type="submit"]:hover {
-    background-color: #00a8cc;
-}
-
-/* Anpassungen für kleinere Bildschirme */
-@media screen and (max-width: 768px) {
-    #login-content-wrapper {
-        flex-direction: column; /* Spalten untereinander */
-    }
-    #minecraft-avatar-slider {
-        flex: none; /* Setzt Flexbox zurück */
-        width: 100%;
-        padding: 30px; /* Padding wird zurückgesetzt */
-        padding-top: 30px; /* Padding oben auch auf mobilen Geräten anpassen */
-    }
-    #minecraft-avatar-slider .avatar-slide {
-        max-height: 300px; /* Auf mobilen Geräten etwas kleiner */
-        max-width: 200px; /* Und auch schmaler */
-        top: 30px; /* WICHTIG: Auch hier den top-Wert anpassen! */
-    }
-}
-
-/* Fehlermeldungen und Hinweise */
-.login .message, .login #login_error {
-    background-color: rgba(0, 212, 255, 0.1);
-    border-left: 4px solid #00d4ff;
-    padding: 15px;
-    margin-bottom: 20px;
-    border-radius: 0 4px 4px 0;
-    color: #e4e4e4;
-}
-
-/* =========================================================================
-=== NEU: STIL FÜR DIE LINKS UNTER DEM ANMELDE-BUTTON ====================
-========================================================================= */
-
-.post-login-links {
-    display: flex;
-    justify-content: space-between; /* Verteilt die Links auf die ganze Breite */
-    align-items: center;
-    margin-top: 15px;
-    padding-top: 15px;
-    border-top: 1px solid #333; /* Trennlinie über den Links */
-}
-
-.post-login-links a {
-    color: #a0a0a0;
-    text-decoration: none;
-    font-size: 14px;
-    transition: color 0.2s ease;
-}
-
-.post-login-links a:hover {
-    color: #00d4ff;
+/* Minecraft Modern Theme Login & Registrierungs-Styles */
+body.login, body.login-action-register {
+    background-color: #14151a; /* Fallback-Farbe */
+    background-size: cover;
+    background-position: center;
+    background-repeat: no-repeat;
+    font-family: 'Raleway', sans-serif;
+}
+
+/* Dunkler Overlay für bessere Lesbarkeit */
+body.login::before, body.login-action-register::before {
+    content: '';
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: rgba(20, 21, 26, 0.8);
+    z-index: -1;
+}
+
+/* Logo zentrieren */
+body.login h1, body.login-action-register h1 {
+    text-align: center;
+    margin-bottom: 50px;
+}
+body.login h1 a, body.login-action-register h1 a {
+    width: auto;
+    height: 160px;
+    background-size: contain;
+}
+
+/* Haupt-Container, der alles umschließt */
+body.login #login, body.login-action-register #login {
+    width: 80%;
+    max-width: 800px;
+    margin: 0 auto;
+    padding: 0;
+    background: none;
+    box-shadow: none;
+}
+
+/* Der Wrapper, der vom Skript erstellt wird. */
+body.login #login-content-wrapper, body.login-action-register #login-content-wrapper {
+    display: flex;
+    align-items: stretch;
+    background-color: #252830;
+    border-radius: 8px;
+    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
+    overflow: hidden;
+}
+
+/* Linke Spalte: Minecraft Avatar Slider (27.8%) */
+body.login #minecraft-avatar-slider, body.login-action-register #minecraft-avatar-slider {
+    flex: 0 0 27.8%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 20px;
+    padding-top: 50px;
+    background-color: #1a1c23;
+    height: auto;
+    position: relative;
+    overflow: hidden;
+}
+
+body.login #minecraft-avatar-slider .avatar-slide, body.login-action-register #minecraft-avatar-slider .avatar-slide {
+    width: 100%;
+    height: auto;
+    max-height: 400px;
+    border-radius: 4px;
+    position: absolute;
+    top: 25px;
+    left: 0;
+    opacity: 0;
+    transition: opacity 0.7s ease-in-out;
+}
+
+body.login #minecraft-avatar-slider .avatar-slide-active, body.login-action-register #minecraft-avatar-slider .avatar-slide-active {
+    opacity: 1;
+}
+
+/* Rechte Spalte: Login/Registrierungs-Formular (72.2%) */
+body.login #loginform, body.login-action-register #registerform, body.login #loginform, body.login-action-register #registerform {
+    flex: 1;
+    padding: 40px;
+    background: none;
+    border: none;
+    box-shadow: none;
+}
+
+/* Formular-Felder */
+body.login #loginform p, body.login-action-register #registerform p,
+body.login #loginform label, body.login-action-register #registerform label {
+    margin-bottom: 20px;
+    color: #e4e4e4;
+    font-weight: 600;
+    display: block;
+    margin-bottom: 8px;
+}
+
+body.login #loginform input[type="text"], body.login #loginform input[type="password"], body.login-action-register #registerform input[type="text"], body.login-action-register #registerform input[type="password"], body.login #loginform input[type="email"], body.login-action-register #registerform input[type="email"] {
+    width: 100%;
+    padding: 14px;
+    background-color: #1e2029;
+    border: 1px solid #333;
+    border-radius: 4px;
+    color: #e4e4e4;
+    font-family: 'Raleway', sans-serif;
+    font-size: 16px;
+    transition: border-color 0.3s, box-shadow 0.3s;
+}
+
+body.login #loginform input[type="text"]:focus, body.login #loginform input[type="password"]:focus, body.login-action-register #registerform input[type="text"]:focus, body.login-action-register #registerform input[type="password"]:focus, body.login-action-register #registerform input[type="email"]:focus {
+    border-color: #00d4ff;
+    box-shadow: 0 0 0 2px rgba(0, 212, 255, 0.2);
+    outline: none;
+}
+
+/* "Angemeldet bleiben" Checkbox (nur Login) */
+body.login .forgetmenot label, body.login .forgetmenot input[type="checkbox"] {
+    font-weight: 400;
+    font-size: 14px;
+    color: #a0a0a0;
+    display: flex;
+    align-items: center;
+}
+body.login .forgetmenot input[type="checkbox"] {
+    margin-right: 8px;
+}
+
+/* NEU: Stile für die Registrierungsseite */
+.auth-title {
+    text-align: center;
+    color: #e4e4e4;
+    margin-bottom: 10px;
+}
+.auth-subtitle {
+    text-align: center;
+    color: #a0a0a0;
+    margin-bottom: 40px;
+}
+.login-form-link {
+    text-align: center;
+    margin-top: 30px;
+}
+.login-form-link p {
+    margin-bottom: 0;
+}
+.login-form-link a {
+    color: #00d4ff;
+    text-decoration: none;
+    font-weight: 600;
+}
+.login-form-link a:hover {
+    color: #fff;
+}
+.logged-in-message {
+    text-align: center;
+    padding: 40px;
+    background-color: #252830;
+    border-radius: 8px;
+    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
+}
+.logged-in-message h2 {
+    margin-top: 0;
+    color: #00d4ff;
+}
+.logged-in-message .button {
+    display: inline-block;
+    margin: 10px;
+    padding: 12px 25px;
+    background-color: #00d4ff;
+    color: #fff;
+    text-decoration: none;
+    border-radius: 4px;
+    font-weight: 600;
+    transition: background-color 0.3s;
+}
+.logged-in-message .button:hover {
+    background-color: #00a8cc;
+}
+
+/* Container für "Angemeldet bleiben" und "Passwort vergessen" (nur Login) */
+body.login .login-options-container {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 25px;
+}
+
+body.login .login-options-container .forgetmenot,
+body.login .login-options-container #nav {
+    margin: 0;
+}
+
+body.login .login-options-container #nav a {
+    color: #a0a0a0;
+    text-decoration: none;
+    font-weight: 400;
+    font-size: 14px;
+    transition: color 0.2s;
+}
+body.login .login-options-container #nav a:hover {
+    color: #00d4ff;
+}
+
+/* Submit-Button (gilt für Login & Registrierung) */
+body.login #loginform .submit input[type="submit"], body.login-action-register #registerform .submit input[type="submit"] {
+    width: 100%;
+    padding: 14px;
+    background-color: #00d4ff;
+    border: none;
+    border-radius: 4px;
+    color: #fff;
+    font-family: 'Raleway', sans-serif;
+    font-weight: 600;
+    font-size: 16px;
+    cursor: pointer;
+    transition: background-color 0.3s;
+}
+body.login #loginform .submit input[type="submit"]:hover, body.login-action-register #registerform .submit input[type="submit"]:hover {
+    background-color: #00a8cc;
+}
+
+/* Anpassungen für kleinere Bildschirme */
+@media screen and (max-width: 768px) {
+    body.login #login-content-wrapper, body.login-action-register #login-content-wrapper {
+        flex-direction: column;
+    }
+    body.login #minecraft-avatar-slider, body.login-action-register #minecraft-avatar-slider {
+        flex: none;
+        width: 100%;
+        padding: 30px;
+        padding-top: 30px;
+    }
+    body.login #minecraft-avatar-slider .avatar-slide, body.login-action-register #minecraft-avatar-slider .avatar-slide {
+        max-height: 300px;
+        max-width: 200px;
+        top: 30px;
+    }
+}
+
+/* Fehlermeldungen und Hinweise */
+body.login .message, body.login #login_error, body.login-action-register .message, body.login-action-register #login_error {
+    background-color: rgba(0, 212, 255, 0.1);
+    border-left: 4px solid #00d4ff;
+    padding: 15px;
+    margin-bottom: 20px;
+    border-radius: 0 4px 4px 0;
+    color: #e4e4e4;
+}
+
+/* =========================================================================
+=== STIL FÜR DIE LINKS UNTER DEM ANMELDE-BUTTON ====================
+========================================================================= */
+
+body.login .post-login-links, body.login-action-register .post-login-links {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-top: 15px;
+    padding-top: 15px;
+    border-top: 1px solid #333;
+}
+
+body.login .post-login-links a, body.login-action-register .post-login-links a {
+    color: #a0a0a0;
+    text-decoration: none;
+    font-size: 14px;
+    transition: color 0.2s ease;
+}
+
+body.login .post-login-links a:hover, body.login-action-register .post-login-links a:hover {
+    color: #00d4ff;
 }
\ No newline at end of file