journal: 2-Spalten-Karten-Raster statt Republik-Einspalter

- volle Breite (aus 72ch ausgebrochen), 2 Spalten, durchgehend 10px Abstände
  (zwischen Karten + zum Rand), mobil 1-spaltig
- Einträge als Karten (Hintergrund, Radius, Padding), linksbündig statt zentriert
- Cover-Bilder im 16:9-Format mit runden Ecken
- Snapshot des vorherigen Standes: Tag snapshot-journal-1col

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

assets/css/custom.css

@@ -80,8 +80,10 @@ body {
   font-family: var(--font-family-serif);
   font-size: var(--font-size-base);
   line-height: 1.55;
-  padding: 0 0 var(--spacing-xl);
+  padding: 0;
   margin: 0;
+  min-height: 100vh;
+  overflow-x: hidden;
   gap: var(--spacing-sm);
   display: grid;
   grid-template-rows: auto 1fr auto;
@@ -277,11 +279,35 @@ a:hover {
   gap: 0;
 }
 
-.journal-entry {
+/* ── Journal: 2-Spalten-Karten-Raster, durchgehend 10px Abstände ─────────── */
-  border-top: 1px solid var(--color-border);
+/* Volle Breite (aus der 72ch-Spalte ausbrechen) */
-  padding: 1.6rem 0 1.7rem;
+.journal { width: 100vw; position: relative; left: 50%; margin-left: -50vw; }
+.journal-header { padding: 0 10px; }
+.journal-list {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 10px;
+  padding: 0 10px 10px;
+  margin: 0;
+}
+.journal-entry {
+  border: none;
+  border-radius: 12px;
+  background: var(--color-bg-secondary);
+  padding: 1.5rem;
+  margin: 0;
+}
+.journal-entry:last-child { border: none; }
+/* In den Karten links bündig statt zentriert */
+.journal-list .journal-entry .journal-entry-body { justify-items: start; text-align: left; }
+.journal-list .journal-entry .journal-entry-body > * { max-width: none; }
+.journal-list .journal-bg-image {
+  width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover;
+  border-radius: 8px; margin-bottom: 0.9rem;
+}
+@media (max-width: 720px) {
+  .journal-list { grid-template-columns: 1fr; }
 }
-.journal-entry:last-child { border-bottom: 1px solid var(--color-border); }
 
 /* Card link: image (optional) + body block */
 .journal-entry-link,
@@ -304,8 +330,8 @@ a:hover {
 
 /* Center non-hero entries' content (excluding icon-mode which has horizontal layout) */
 .journal-entry:not(.journal-entry--hero):not([data-image="icon"]) .journal-entry-body {
-  justify-items: center;
+  justify-items: start;
-  text-align: center;
+  text-align: left;
 }
 .journal-entry:not(.journal-entry--hero):not([data-image="icon"]) .journal-entry-body > * {
   max-width: 55ch;

layouts/_partials/footer.html

@@ -4,7 +4,7 @@
     <ul>
       <li><a href="/manifest/">Manifest</a></li>
       <li><a href="/colophon/">Colophon</a></li>
-      <li><a href="https://openstudio.kgva.ch">Forum ↗</a></li>
+      <li><a href="/dialog/">Dialog</a></li>
       <li><a href="https://gitea.kgva.ch">Code ↗</a></li>
       <li><a href="/index.xml">RSS</a></li>
     </ul>