diff --git a/templates/registration/login.html b/templates/registration/login.html
index ddf1d1c..6b6b023 100644
--- a/templates/registration/login.html
+++ b/templates/registration/login.html
@@ -1,17 +1,12 @@
-{% load static %}
-<!doctype html>
-<html lang="de">
-<head>
-  <meta charset="utf-8">
-  <title>Login</title>
-  <meta name="viewport" content="width=device-width, initial-scale=1">
+{% extends "base.html" %}
+{% load i18n %}
 
-  <!-- Wenn Bulma bereits global geladen wird, diesen Link entfernen -->
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@1.0.2/css/bulma.min.css">
-</head>
-<body class="has-background-light">
+{% block title %}{% trans "Login" %}{% endblock %}
 
-<section class="hero is-fullheight">
+{% block breadcrumbs %}{% endblock %} {# Breadcrumbs bei Login-Seite ausblenden #}
+
+{% block content %}
+<section class="hero is-fullheight has-background-light">
   <div class="hero-body">
     <div class="container">
       <div class="columns is-centered">
@@ -19,7 +14,7 @@
 
           <div class="card">
             <header class="card-header">
-              <p class="card-header-title">Bitte anmelden</p>
+              <p class="card-header-title">{% trans "Bitte anmelden" %}</p>
             </header>
 
             <div class="card-content">
@@ -36,7 +31,7 @@
 
                 <!-- Benutzername -->
                 <div class="field">
-                  <label class="label" for="{{ form.username.id_for_label }}">Benutzername</label>
+                  <label class="label" for="{{ form.username.id_for_label }}">{% trans "Benutzername" %}</label>
                   <div class="control has-icons-left">
                     <input
                       class="input{% if form.username.errors %} is-danger{% endif %}"
@@ -49,16 +44,14 @@
                       required>
                     <span class="icon is-left">👤</span>
                   </div>
-                  {% if form.username.errors %}
-                    {% for error in form.username.errors %}
-                      <p class="help is-danger">{{ error }}</p>
-                    {% endfor %}
-                  {% endif %}
+                  {% for error in form.username.errors %}
+                    <p class="help is-danger">{{ error }}</p>
+                  {% endfor %}
                 </div>
 
                 <!-- Passwort -->
                 <div class="field">
-                  <label class="label" for="{{ form.password.id_for_label }}">Passwort</label>
+                  <label class="label" for="{{ form.password.id_for_label }}">{% trans "Passwort" %}</label>
                   <div class="control has-icons-left">
                     <input
                       class="input{% if form.password.errors %} is-danger{% endif %}"
@@ -70,11 +63,9 @@
                       required>
                     <span class="icon is-left">🔒</span>
                   </div>
-                  {% if form.password.errors %}
-                    {% for error in form.password.errors %}
-                      <p class="help is-danger">{{ error }}</p>
-                    {% endfor %}
-                  {% endif %}
+                  {% for error in form.password.errors %}
+                    <p class="help is-danger">{{ error }}</p>
+                  {% endfor %}
                 </div>
 
                 <input type="hidden" name="next" value="{{ next }}">
@@ -82,11 +73,11 @@
                 <div class="field is-grouped is-justify-content-space-between is-align-items-center">
                   <div class="control">
                     <button type="submit" class="button is-primary">
-                      Anmelden
+                      {% trans "Anmelden" %}
                     </button>
                   </div>
                   <div class="control">
-                    <a class="button is-text" href="{% url 'password_reset' %}">Passwort vergessen?</a>
+                    <a class="button is-text" href="{% url 'password_reset' %}">{% trans "Passwort vergessen?" %}</a>
                   </div>
                 </div>
               </form>
@@ -104,6 +95,4 @@
     </div>
   </div>
 </section>
-
-</body>
-</html>
+{% endblock %}
