From 234ed52fa861dfddbe0bff6afa239b802cbe5e38 Mon Sep 17 00:00:00 2001
From: karim <karim@gabrielevarano.ch>
Date: Fri, 5 Jun 2026 00:38:56 +0200
Subject: [PATCH] =?UTF-8?q?ui:=20=C3=9Cbersichts-Titel=20als=20Artikel-Hea?=
 =?UTF-8?q?ding=20mit=20Unterstrich;=20Header-Abst=C3=A4nde=20gr=C3=B6sser?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Archiv/Library-Titel: .collection-title (Serif, links, 3px-Linie darunter wie
  die Kategorien) statt zentriertem section-header.
- Masthead: padding 0.48rem/2.4px → 0.9rem/0.5rem, Logo↔Menü 0.12→0.45em.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 assets/css/custom.css     | 22 ++++++++++++++++++----
 layouts/archiv/list.html  |  2 +-
 layouts/library/list.html |  2 +-
 3 files changed, 20 insertions(+), 6 deletions(-)

diff --git a/assets/css/custom.css b/assets/css/custom.css
index f2ac57d..06b56a3 100644
--- a/assets/css/custom.css
+++ b/assets/css/custom.css
@@ -160,8 +160,8 @@ a:hover {
 .site-header {
   background: var(--color-dark-panel);
   color: var(--color-dark-panel-text);
-  /* oben Luft über dem Logo, unten knapp unter dem Menü (+20%) */
-  padding: 0.48rem 0 2.4px;
+  /* mehr Luft: über dem Logo, und unter dem Menü */
+  padding: 0.9rem 0 0.5rem;
   border-bottom: none;
   margin-bottom: 0;
   /* inner 3-col grid matches body so wordmark/nav align with content column */
@@ -211,8 +211,8 @@ a:hover {
 
 .site-header .site-nav {
   justify-self: center;
-  /* Luft zwischen Logo und Menü (+20%). */
-  margin-top: 0.12em;
+  /* mehr Luft zwischen Logo und Menü. */
+  margin-top: 0.45em;
 }
 
 .wordmark-link:focus-visible { outline: 2px dotted var(--color-text-muted); outline-offset: 4px; }
@@ -1116,6 +1116,20 @@ a.byline-author:hover, a.journal-author:hover { color: var(--accent); }
   max-width: 60ch;
 }
 
+/* Übersichts-Titel (Archiv/Library): wie ein Artikel-Heading, aber mit Linie
+   darunter — im selben Stil wie die Kategorie-Überschriften. */
+.collection-title {
+  font-family: var(--font-family-serif);
+  font-size: clamp(1.7rem, 3vw, 2.2rem);
+  font-weight: 700;
+  letter-spacing: -0.015em;
+  line-height: 1.12;
+  color: var(--color-text-primary);
+  border-bottom: 3px solid var(--accent);
+  padding-bottom: var(--spacing-xs);
+  margin: 0 0 var(--spacing-md);
+}
+
 .time-list ul {
   list-style: none;
   margin-left: 0;
diff --git a/layouts/archiv/list.html b/layouts/archiv/list.html
index 2bb93e7..d36bacd 100644
--- a/layouts/archiv/list.html
+++ b/layouts/archiv/list.html
@@ -1,7 +1,7 @@
 {{ define "main" }}
   {{ if eq .Path "/archiv" }}
       {{/* Archiv root: Titel + Intro + Atlas (je Kategorie die letzten 10) */}}
-      <header class="section-header"><h1 class="section-title">{{ .Title }}</h1></header>
+      <h1 class="collection-title">{{ .Title }}</h1>
       {{ .Content }}
       <section class="atlas">
         {{ range .Sections.ByWeight }}
diff --git a/layouts/library/list.html b/layouts/library/list.html
index ee9c26d..2518c18 100644
--- a/layouts/library/list.html
+++ b/layouts/library/list.html
@@ -1,5 +1,5 @@
 {{ define "main" }}
-  <header class="section-header"><h1 class="section-title">{{ .Title }}</h1></header>
+  <h1 class="collection-title">{{ .Title }}</h1>
   {{ .Content }}
 
   {{ $pages := where site.RegularPages "Section" "library" }}