diff --git a/claims/templatetags/claims_extras.py b/claims/templatetags/claims_extras.py
index 118c35f..3f41fd4 100644
--- a/claims/templatetags/claims_extras.py
+++ b/claims/templatetags/claims_extras.py
@@ -15,6 +15,13 @@ def evidence_label(value):
     return dict(Claim.EvidenceLevel.choices).get(value, value)
 
 
+@register.filter
+def quoted(value):
+    if not value:
+        return value
+    return f'„{value}"'
+
+
 @register.inclusion_tag('claims/partials/status_badge.html')
 def status_badge(claim):
     return {'claim': claim}
diff --git a/static/css/custom.css b/static/css/custom.css
index 434d296..ddcd001 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -74,8 +74,13 @@ body {
     justify-content: center;
     width: 1.75rem;
     height: 1.75rem;
-    color: var(--fk-accent);
-    font-size: 1.15rem;
+    flex-shrink: 0;
+}
+
+.fk-brand-icon img {
+    display: block;
+    width: 100%;
+    height: 100%;
 }
 
 .fk-nav-links {
diff --git a/static/img/android-chrome-192x192.png b/static/img/android-chrome-192x192.png
new file mode 100644
index 0000000..201c57b
Binary files /dev/null and b/static/img/android-chrome-192x192.png differ
diff --git a/static/img/android-chrome-512x512.png b/static/img/android-chrome-512x512.png
new file mode 100644
index 0000000..32d9642
Binary files /dev/null and b/static/img/android-chrome-512x512.png differ
diff --git a/static/img/apple-touch-icon.png b/static/img/apple-touch-icon.png
new file mode 100644
index 0000000..360367e
Binary files /dev/null and b/static/img/apple-touch-icon.png differ
diff --git a/static/img/favicon-16x16.png b/static/img/favicon-16x16.png
new file mode 100644
index 0000000..090a721
Binary files /dev/null and b/static/img/favicon-16x16.png differ
diff --git a/static/img/favicon-32x32.png b/static/img/favicon-32x32.png
new file mode 100644
index 0000000..bd7b879
Binary files /dev/null and b/static/img/favicon-32x32.png differ
diff --git a/static/img/favicon.ico b/static/img/favicon.ico
new file mode 100644
index 0000000..fcd5e9f
Binary files /dev/null and b/static/img/favicon.ico differ
diff --git a/static/img/favicon.svg b/static/img/favicon.svg
new file mode 100644
index 0000000..966ffa4
--- /dev/null
+++ b/static/img/favicon.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" role="img" aria-hidden="true">
+  <circle cx="16" cy="16" r="14" fill="none" stroke="#0d9488" stroke-width="1.75"/>
+  <line x1="16" y1="2" x2="16" y2="5.5" stroke="#0d9488" stroke-width="2" stroke-linecap="round"/>
+  <path fill="#0d9488" d="M16 5 L13.25 16 L16 13.5 L18.75 16 Z"/>
+  <path fill="#94a3b8" d="M16 27 L13.25 16 L16 18.5 L18.75 16 Z" opacity="0.55"/>
+  <path fill="none" stroke="#0d9488" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M11 18.25 L14.25 21.5 21 13.75"/>
+  <circle cx="16" cy="16" r="1.75" fill="#0d9488"/>
+</svg>
diff --git a/static/img/logo.svg b/static/img/logo.svg
new file mode 100644
index 0000000..0b802d6
--- /dev/null
+++ b/static/img/logo.svg
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" role="img" aria-hidden="true">
+  <circle cx="32" cy="32" r="28" fill="none" stroke="#0d9488" stroke-width="2.5"/>
+  <line x1="32" y1="4" x2="32" y2="11" stroke="#0d9488" stroke-width="3" stroke-linecap="round"/>
+  <line x1="32" y1="53" x2="32" y2="60" stroke="#0d9488" stroke-width="2" stroke-linecap="round" opacity="0.35"/>
+  <line x1="53" y1="32" x2="60" y2="32" stroke="#0d9488" stroke-width="2" stroke-linecap="round" opacity="0.35"/>
+  <line x1="4" y1="32" x2="11" y2="32" stroke="#0d9488" stroke-width="2" stroke-linecap="round" opacity="0.35"/>
+  <path fill="#0d9488" d="M32 10 L26.5 32 L32 27 L37.5 32 Z"/>
+  <path fill="#94a3b8" d="M32 54 L26.5 32 L32 37 L37.5 32 Z" opacity="0.55"/>
+  <path fill="none" stroke="#0d9488" stroke-width="2.75" stroke-linecap="round" stroke-linejoin="round" d="M22 36.5 L28.5 43 40 29.5"/>
+  <circle cx="32" cy="32" r="3.25" fill="#0d9488"/>
+</svg>
diff --git a/static/img/safari-pinned-tab.svg b/static/img/safari-pinned-tab.svg
new file mode 100644
index 0000000..dbdf1d6
--- /dev/null
+++ b/static/img/safari-pinned-tab.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
+  <circle cx="32" cy="32" r="28" fill="none" stroke="#000" stroke-width="4"/>
+  <path fill="#000" d="M32 10 L26.5 32 L32 27 L37.5 32 Z"/>
+  <path fill="#000" d="M32 54 L26.5 32 L32 37 L37.5 32 Z" opacity="0.35"/>
+  <path fill="none" stroke="#000" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" d="M22 36.5 L28.5 43 40 29.5"/>
+  <circle cx="32" cy="32" r="4" fill="#000"/>
+</svg>
diff --git a/static/site.webmanifest b/static/site.webmanifest
new file mode 100644
index 0000000..cb718a1
--- /dev/null
+++ b/static/site.webmanifest
@@ -0,0 +1,20 @@
+{
+  "name": "Faktenkompass",
+  "short_name": "Faktenkompass",
+  "description": "Überprüfbare Fakten und Quellen",
+  "icons": [
+    {
+      "src": "img/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "img/android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ],
+  "theme_color": "#0d9488",
+  "background_color": "#f5f5f7",
+  "display": "standalone"
+}
diff --git a/templates/admin/base_site.html b/templates/admin/base_site.html
index ef8368e..0d4b013 100644
--- a/templates/admin/base_site.html
+++ b/templates/admin/base_site.html
@@ -10,6 +10,9 @@
 
 {% block extrahead %}
 {{ block.super }}
+<link rel="icon" href="{% static 'img/favicon.ico' %}" sizes="any">
+<link rel="icon" href="{% static 'img/favicon.svg' %}" type="image/svg+xml">
+<link rel="apple-touch-icon" href="{% static 'img/apple-touch-icon.png' %}">
 <script src="{% static 'js/admin_custom.js' %}" defer></script>
 {% endblock %}
 
diff --git a/templates/base.html b/templates/base.html
index 1866b45..4afcbe6 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -6,6 +6,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="description" content="{% block meta_description %}Faktenkompass – Überprüfbare Fakten und Quellen.{% endblock %}">
     <title>{% block title %}Faktenkompass{% endblock %}</title>
+    <link rel="icon" href="{% static 'img/favicon.ico' %}" sizes="any">
+    <link rel="icon" href="{% static 'img/favicon.svg' %}" type="image/svg+xml">
+    <link rel="apple-touch-icon" href="{% static 'img/apple-touch-icon.png' %}">
+    <link rel="manifest" href="{% static 'site.webmanifest' %}">
+    <link rel="mask-icon" href="{% static 'img/safari-pinned-tab.svg' %}" color="#0d9488">
+    <meta name="theme-color" content="#0d9488">
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
@@ -28,7 +34,9 @@
     <header class="fk-nav">
         <div class="container fk-nav-inner">
             <a class="fk-brand" href="{% url 'claims:home' %}">
-                <span class="fk-brand-icon"><i class="bi bi-compass"></i></span>
+                <span class="fk-brand-icon">
+                    <img src="{% static 'img/logo.svg' %}" width="28" height="28" alt="">
+                </span>
                 Faktenkompass
             </a>
             <nav class="fk-nav-links" aria-label="Hauptnavigation">
diff --git a/templates/claims/claim_detail.html b/templates/claims/claim_detail.html
index 05bd583..8df7a4b 100644
--- a/templates/claims/claim_detail.html
+++ b/templates/claims/claim_detail.html
@@ -14,7 +14,7 @@
 </nav>
 
 <article>
-    <h1 class="fk-claim-title">{{ claim.title }}</h1>
+    <h1 class="fk-claim-title">{{ claim.title|quoted }}</h1>
 
     <div class="fk-meta-stack mb-3">
         {% status_badge claim %}
@@ -132,7 +132,7 @@
             <div class="claim-card">
                 <div class="card-body py-2">
                     <div class="mb-1">{% status_badge related %}</div>
-                    <span class="claim-title small d-block">{{ related.title }}</span>
+                    <span class="claim-title small d-block">{{ related.title|quoted }}</span>
                 </div>
             </div>
         </a>
diff --git a/templates/claims/partials/claim_list.html b/templates/claims/partials/claim_list.html
index 0970463..ad98646 100644
--- a/templates/claims/partials/claim_list.html
+++ b/templates/claims/partials/claim_list.html
@@ -10,7 +10,7 @@
                 </div>
                 {% endif %}
                 <div class="mb-1">{% status_badge claim %}</div>
-                <span class="claim-title d-block">{{ claim.title }}</span>
+                <span class="claim-title d-block">{{ claim.title|quoted }}</span>
             </div>
         </div>
     </a>