diff --git a/static/styles.css b/static/app.css
similarity index 100%
rename from static/styles.css
rename to static/app.css
diff --git a/templates/browse.html b/templates/browse.html
index 281ee89..48c685c 100644
--- a/templates/browse.html
+++ b/templates/browse.html
@@ -26,7 +26,7 @@
   <meta name="mobile-web-app-title" content="Gottesdienste">
 
   <!-- Your CSS -->
-  <link rel="stylesheet" href="{{ url_for('static', filename='styles.css') }}">
+  <link rel="stylesheet" href="{{ url_for('static', filename='app.css') }}">
   <link rel="stylesheet" href="{{ url_for('static', filename='gallery.css') }}">
   <link rel="stylesheet" href="{{ url_for('static', filename='audioplayer.css') }}">
   <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
diff --git a/templates/error.html b/templates/error.html
index cea7a51..da86172 100644
--- a/templates/error.html
+++ b/templates/error.html
@@ -11,7 +11,7 @@
 
     <title>Gottesdienste Speyer und Schwegenheim</title>
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
-    <link rel="stylesheet" href="{{ url_for('static', filename='styles.css') }}">
+    <link rel="stylesheet" href="{{ url_for('static', filename='app.css') }}">
     <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
     <style>
       /* Header styles */
diff --git a/templates/index.html b/templates/index.html
index 145a1c4..e2a796f 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -11,7 +11,7 @@
 
     <title>Gottesdienste Speyer und Schwegenheim</title>
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
-    <link rel="stylesheet" href="{{ url_for('static', filename='styles.css') }}">
+    <link rel="stylesheet" href="{{ url_for('static', filename='app.css') }}">
     <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
     <style>
       .site-header {