diff --git a/editor.py b/editor.py
index 6c5793a..40ed32c 100644
--- a/editor.py
+++ b/editor.py
@@ -857,7 +857,9 @@ EDITOR_HTML = """
 <style>
 {{ theme_css|safe }}
 * { box-sizing: border-box; }
-.site-logo { max-width:220px; max-height:72px; object-fit:contain; display:block; margin-bottom:12px; }
+.site-header { display:flex; align-items:center; gap:18px; margin-bottom:24px; }
+.site-logo { max-width:220px; max-height:72px; object-fit:contain; display:block; flex:0 0 auto; }
+.site-header h1 { margin:0; }
 body { margin:0; padding:24px; background:var(--color-background); color:var(--color-text); font-family:Arial,Helvetica,sans-serif; }
 .container { max-width:1400px; margin:0 auto; }
 h1 { margin:0 0 6px; font-size:28px; }
@@ -1348,8 +1350,10 @@ th { color:var(--color-text-muted); font-weight:normal; }
 <body>
 <div class="loading-overlay" id="loadingOverlay"><div class="spinner" aria-label="Laden"></div></div>
 <div class="container">
+<div class="site-header">
 {% if logo_url %}<img class="site-logo" src="{{ logo_url }}" alt="{{ site_name }}">{% endif %}
 <h1>{{ page_heading }}</h1>
+</div>
 <div class="subtitle">Fertige Aufnahmen aus {{ recordings_dir }}</div>
 
 <div class="section">
diff --git a/recorder.py b/recorder.py
index f858868..939fa88 100644
--- a/recorder.py
+++ b/recorder.py
@@ -614,7 +614,9 @@ HTML = """
     box-sizing: border-box;
 }
 
-.site-logo { max-width:220px; max-height:72px; object-fit:contain; display:block; margin-bottom:12px; }
+.site-header { display:flex; align-items:center; gap:18px; margin-bottom:24px; }
+.site-logo { max-width:220px; max-height:72px; object-fit:contain; display:block; flex:0 0 auto; }
+.site-header h1 { margin:0; }
 
 body {
     margin: 0;
@@ -865,8 +867,10 @@ a.button:hover {
 
 <body>
 
+<div class="site-header">
 {% if logo_url %}<img class="site-logo" src="{{ logo_url }}" alt="{{ site_name }}">{% endif %}
 <h1>{{ page_heading }}</h1>
+</div>
 
 <div class="subtitle">{{ site_subtitle }}</div>