ui: Journal als Masonry (unabhängige Spalten) + Wortmark auf eigenes SVG

- Journal-Startseite: .journal-list von Grid auf Multi-Column umgestellt —
  linke/rechte Spalte packen unabhängig (keine gemeinsame Zeilenhöhe mehr),
  break-inside:avoid hält Karten zusammen. Mobil: eine Spalte.
- Wortmark: eigenes logo-ob2.svg als Hintergrund (Honk-Webfont wieder raus).
  Hinweis: SVG enthält noch lebenden Honk-Text — für korrektes Rendern als
  Hintergrundbild müssen die Buchstaben in Kurven umgewandelt werden.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

static/logo/logo-ob2.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 1772 284" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <rect x="717" y="32" width="99" height="55" style="fill:rgb(240,240,240);"/>
+    <rect x="191" y="223" width="91" height="40" style="fill:rgb(240,240,240);"/>
+    <g transform="matrix(1.905742,0,0,1,39.397616,0)">
+        <rect x="-17" y="69" width="923" height="160" style="fill:rgb(240,240,240);"/>
+    </g>
+    <g transform="matrix(4.161487,0,0,4.161487,-876.670228,-2002.145952)">
+        <g transform="matrix(86.107032,0,0,86.107032,635.235444,538.093165)">
+        </g>
+        <text x="212.622px" y="538.093px" style="font-family:'Honk-Regular', 'Honk';font-size:86.107px;fill:rgb(202,202,202);">o<tspan x="255.963px 299.303px 339.372px 382.712px 426.053px 469.393px 509.462px 549.53px 589.599px " y="538.093px 538.093px 538.093px 538.093px 538.093px 538.093px 538.093px 538.093px 538.093px ">penbureau</tspan></text>
+    </g>
+</svg>