diff --git a/frontend/src/main.less b/frontend/src/main.less
index cac0e355b2809b01fa660de70e0a4af6d6d2a4b5..dd1d5f89a94ee66e61bb32aaa4b50424decec4fa 100644
--- a/frontend/src/main.less
+++ b/frontend/src/main.less
@@ -135,6 +135,13 @@ nav {
 
 	#nav-links {
 		padding: 0;
+		flex-grow: 1;
+	}
+
+	#logout {
+		@media screen and (min-width: @mobile_threshold) {
+			margin-left: auto;
+		}
 	}
 
 	@media screen and (max-width: @mobile_threshold) {
diff --git a/schilder2000/templates/_base.html.j2 b/schilder2000/templates/_base.html.j2
index 6e6816345ce79a21870d967f99181e60fceffb1c..49cd22ace8392abe659d7391f7750c3a5d5964f0 100644
--- a/schilder2000/templates/_base.html.j2
+++ b/schilder2000/templates/_base.html.j2
@@ -61,6 +61,9 @@
 					<div id="nav-links">
 						<a {{ maybe_active_href("views.index") }}>Startseite</a>
 						<a {{ maybe_active_href("views.create") }}>Neues Schild</a>
+						{%- if "identity" in session -%}
+							<a href="{{ url_for('views.logout') }}" id="logout">Abmelden</a>
+						{%- endif -%}
 					</div>
 				</nav>
 			{%- endblock nav -%}