<!DOCTYPE html><html lang="de"> <head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title> — Tour &amp; Konzert</title><meta name="description" content="Tour &#38; Konzert — Journal für Live-Musikkultur. Spielstätten, Sound-Engineering, Vorprogramm, Tour-Ökonomie, Festivals, historische Live-Aufnahmen. Vierteljährlich."><link rel="icon" href="/favicon.svg" type="image/svg+xml"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><meta name="theme-color" content="#f4efe3"><link rel="stylesheet" href="/_astro/about.z38r32om.css">
<style>.line-clamp-2[data-astro-cid-j7pv25f6]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
</style></head> <body class="min-h-screen flex flex-col antialiased"> <header class="bg-(--color-paper) relative">  <div class="mx-auto max-w-6xl px-6 pt-5"> <div class="flex items-center justify-between text-[0.66rem] font-mono uppercase tracking-[0.24em] text-(--color-muted)"> <span class="flex items-center gap-3"> <span class="inline-block w-2 h-2 bg-(--color-yellow)" aria-hidden="true"></span> <span class="tabular">Frühjahr 2026 · Heft xii</span> </span> <span class="hidden sm:inline tabular text-(--color-petrol)">Halle · Sound · Tour · Festival</span> </div> </div>  <div class="mx-auto max-w-6xl px-6 mt-4"> <div class="flex gap-1.5"> <span class="block flex-1 h-px bg-(--color-yellow)"></span> <span class="block flex-1 h-px bg-(--color-yellow)"></span> <span class="block flex-1 h-px bg-(--color-yellow)"></span> </div> </div>  <div class="mx-auto max-w-6xl px-6 pt-10 pb-8"> <div class="grid gap-6 sm:grid-cols-[1fr_auto] items-end"> <a href="/" class="block group"> <span class="display block text-[2.4rem] sm:text-[3.4rem] leading-[0.92] text-(--color-ink) group-hover:text-(--color-petrol) transition-colors"> Tour &amp; Konzert </span> <span class="display-italic block mt-3 text-base sm:text-lg text-(--color-muted) max-w-md leading-snug"> Journal für Live-Musikkultur </span> </a> <aside class="relative border border-(--color-rule) bg-(--color-paper-card) px-4 py-3 min-w-[148px] text-right"> <span class="absolute -top-px left-0 h-[3px] w-12 bg-(--color-yellow)" aria-hidden="true"></span> <span class="display block text-3xl leading-none text-(--color-petrol)"> ♪ </span> <span class="meta block mt-2 tabular">Heft xii</span> </aside> </div> </div>  <div class="mx-auto max-w-6xl px-6 pb-7"> <div class="flex flex-wrap items-end justify-between gap-y-3 gap-x-6"> <ul class="flex flex-wrap gap-3"> <li> <a href="/" class="group block border min-w-[120px] px-3 py-2 transition-colors relative overflow-hidden border-(--color-ink) bg-(--color-paper-card)"> <span class="absolute top-0 left-0 h-full w-[3px] transition-transform origin-top bg-(--color-yellow) scale-y-100" aria-hidden="true"></span> <span class="block font-mono text-[0.6rem] uppercase tracking-[0.22em] text-(--color-muted) tabular">
№ 01 </span> <span class="block font-display text-base sm:text-lg leading-tight mt-1 text-(--color-ink)"> Start </span> </a> </li><li> <a href="/magazin/" class="group block border min-w-[120px] px-3 py-2 transition-colors relative overflow-hidden border-(--color-rule) bg-(--color-paper-card) hover:border-(--color-ink)"> <span class="absolute top-0 left-0 h-full w-[3px] transition-transform origin-top bg-(--color-yellow) scale-y-0 group-hover:scale-y-100" aria-hidden="true"></span> <span class="block font-mono text-[0.6rem] uppercase tracking-[0.22em] text-(--color-muted) tabular">
№ 02 </span> <span class="block font-display text-base sm:text-lg leading-tight mt-1 text-(--color-ink-soft) group-hover:text-(--color-ink)"> Magazin </span> </a> </li><li> <a href="/ressorts/" class="group block border min-w-[120px] px-3 py-2 transition-colors relative overflow-hidden border-(--color-rule) bg-(--color-paper-card) hover:border-(--color-ink)"> <span class="absolute top-0 left-0 h-full w-[3px] transition-transform origin-top bg-(--color-yellow) scale-y-0 group-hover:scale-y-100" aria-hidden="true"></span> <span class="block font-mono text-[0.6rem] uppercase tracking-[0.22em] text-(--color-muted) tabular">
№ 03 </span> <span class="block font-display text-base sm:text-lg leading-tight mt-1 text-(--color-ink-soft) group-hover:text-(--color-ink)"> Ressorts </span> </a> </li><li> <a href="/about/" class="group block border min-w-[120px] px-3 py-2 transition-colors relative overflow-hidden border-(--color-rule) bg-(--color-paper-card) hover:border-(--color-ink)"> <span class="absolute top-0 left-0 h-full w-[3px] transition-transform origin-top bg-(--color-yellow) scale-y-0 group-hover:scale-y-100" aria-hidden="true"></span> <span class="block font-mono text-[0.6rem] uppercase tracking-[0.22em] text-(--color-muted) tabular">
№ 04 </span> <span class="block font-display text-base sm:text-lg leading-tight mt-1 text-(--color-ink-soft) group-hover:text-(--color-ink)"> Über </span> </a> </li> </ul> <span class="hidden md:inline meta normal-case tracking-[0.04em] text-(--color-muted) max-w-[18ch] text-right"> Live-Musikkultur · seit 2010 </span> </div> </div> <div class="rule-hair"></div> </header> <main class="flex-1 w-full">    <section class="relative" data-astro-cid-j7pv25f6> <div class="bg-(--color-ink) text-(--color-paper) overflow-hidden" data-astro-cid-j7pv25f6> <div class="grid grid-cols-1 lg:grid-cols-[1.1fr_1fr]" data-astro-cid-j7pv25f6> <div class="px-6 py-16 sm:py-20 lg:py-24 mx-auto max-w-3xl lg:mx-0 lg:max-w-none lg:px-12" data-astro-cid-j7pv25f6> <span class="eyebrow eyebrow-on-dark reveal reveal-1" data-astro-cid-j7pv25f6>Heft xii · Frühjahr 2026</span> <h1 class="display text-[12vw] sm:text-[8rem] lg:text-[6.5rem] leading-[0.9] text-(--color-paper) mt-6 reveal reveal-2" data-astro-cid-j7pv25f6>
Tour &<br data-astro-cid-j7pv25f6>Konzert<span class="text-(--color-yellow)" data-astro-cid-j7pv25f6>.</span> </h1> <p class="lede mt-8 max-w-2xl text-(--color-paper) reveal reveal-3" data-astro-cid-j7pv25f6>
Ein Journal für Live-Musikkultur. Spielstätten, Sound-Engineering, Vorprogramm, Tour-Ökonomie, Festivals — und der Versuch, den Konzertabend ernster zu nehmen als die Rezension.
</p> <div class="mt-10 flex flex-wrap gap-3 reveal reveal-4" data-astro-cid-j7pv25f6> <a href="#aktuelles-heft" class="inline-flex items-center gap-2 bg-(--color-yellow) text-(--color-on-accent) px-5 py-3 font-mono text-xs tracking-[0.18em] uppercase hover:bg-(--color-paper) hover:text-(--color-ink) transition-colors" data-astro-cid-j7pv25f6>
Heft xii lesen →
</a> <a href="/ressorts/" class="inline-flex items-center gap-2 text-(--color-paper) px-5 py-3 font-mono text-xs tracking-[0.18em] uppercase border border-(--color-paper) hover:bg-(--color-paper) hover:text-(--color-ink) transition-colors" data-astro-cid-j7pv25f6>
Sechs Ressorts
</a> </div> </div> <div class="relative min-h-[280px] lg:min-h-0 reveal reveal-3" data-astro-cid-j7pv25f6> <img src="/images/cover-tour-konzert.png" alt="Eine leere deutsche Konzerthalle kurz vor Türöffnung" class="absolute inset-0 w-full h-full object-cover" data-astro-cid-j7pv25f6> </div> </div> </div> </section> <section class="bg-(--color-paper) border-b border-(--color-rule)" data-astro-cid-j7pv25f6> <div class="mx-auto max-w-7xl px-6 py-10 grid grid-cols-2 sm:grid-cols-4 gap-y-6 gap-x-8" data-astro-cid-j7pv25f6> <div data-astro-cid-j7pv25f6> <div class="display text-5xl tabular text-(--color-ink)" data-astro-cid-j7pv25f6>6</div> <div class="meta mt-1" data-astro-cid-j7pv25f6>Ressorts</div> </div> <div data-astro-cid-j7pv25f6> <div class="display text-5xl tabular text-(--color-ink)" data-astro-cid-j7pv25f6>4×</div> <div class="meta mt-1" data-astro-cid-j7pv25f6>Hefte pro Jahr</div> </div> <div data-astro-cid-j7pv25f6> <div class="display text-5xl tabular text-(--color-ink)" data-astro-cid-j7pv25f6>2010</div> <div class="meta mt-1" data-astro-cid-j7pv25f6>Erste Ausgabe</div> </div> <div data-astro-cid-j7pv25f6> <div class="display text-5xl tabular text-(--color-petrol)" data-astro-cid-j7pv25f6>xii</div> <div class="meta mt-1" data-astro-cid-j7pv25f6>Aktuelles Heft</div> </div> </div> </section> <section id="aktuelles-heft" class="mx-auto max-w-7xl px-6 py-20" data-astro-cid-j7pv25f6> <div class="grid grid-cols-1 sm:grid-cols-[280px_1fr] gap-10 sm:gap-16" data-astro-cid-j7pv25f6> <div class="sm:sticky sm:top-10 self-start" data-astro-cid-j7pv25f6> <span class="eyebrow" data-astro-cid-j7pv25f6>♪ Frühjahr 2026</span> <h2 class="display text-5xl sm:text-6xl mt-4 leading-[0.95]" data-astro-cid-j7pv25f6>
Frühjahrs-<br data-astro-cid-j7pv25f6>Heft<span class="text-(--color-yellow)" data-astro-cid-j7pv25f6>.</span> </h2> <p class="lede mt-4 max-w-sm" data-astro-cid-j7pv25f6>
Sechs Beiträge aus Heft xii — Sommer-Heft erscheint Anfang August, mit Festival-Schwerpunkt.
</p> <a href="/magazin/" class="inline-block mt-5 font-mono text-xs uppercase tracking-[0.18em] font-bold text-(--color-ink) border-b border-(--color-yellow) pb-1 hover:text-(--color-petrol) transition-colors" data-astro-cid-j7pv25f6>
Alle Beiträge →
</a> </div> <ul class="grid grid-cols-1 sm:grid-cols-2 gap-3" data-astro-cid-j7pv25f6> <li data-astro-cid-j7pv25f6> <a href="/magazin/wiederhoeren-stop-making-sense/" class="mag-card group block" data-astro-cid-j7pv25f6> <div class="flex items-baseline justify-between" data-astro-cid-j7pv25f6> <span class="meta tabular" data-astro-cid-j7pv25f6>Wiederhören · 11 min</span> <span class="meta tabular" data-astro-cid-j7pv25f6>23.05.2026</span> </div> <h3 class="h-serif text-xl mt-3 leading-tight" data-astro-cid-j7pv25f6>Talking Heads — *Stop Making Sense* (1984), wieder gehört</h3> <p class="mt-2 meta normal-case tracking-normal line-clamp-2" data-astro-cid-j7pv25f6>David Byrne kommt allein auf die Bühne, in der Hand ein Ghettoblaster, im Kopf ein Konzept. Vierzig Jahre später, in der A24-Restaurierung, lässt sich neu sehen, warum *Stop Making Sense* die intelligenteste Konzertfilm-Form ist, die je gedreht wurde.</p> <div class="mt-3 pt-2 border-t border-(--color-rule) flex justify-between" data-astro-cid-j7pv25f6> <span class="meta" data-astro-cid-j7pv25f6>Lesen</span> <span class="mag-arrow font-mono" data-astro-cid-j7pv25f6>→</span> </div> </a> </li><li data-astro-cid-j7pv25f6> <a href="/magazin/festival-haldern-pop/" class="mag-card group block" data-astro-cid-j7pv25f6> <div class="flex items-baseline justify-between" data-astro-cid-j7pv25f6> <span class="meta tabular" data-astro-cid-j7pv25f6>Festival · 10 min</span> <span class="meta tabular" data-astro-cid-j7pv25f6>20.05.2026</span> </div> <h3 class="h-serif text-xl mt-3 leading-tight" data-astro-cid-j7pv25f6>Haldern Pop — ein kleines Festival in Worten</h3> <p class="mt-2 meta normal-case tracking-normal line-clamp-2" data-astro-cid-j7pv25f6>Am Niederrhein, in einem 2.000-Einwohner-Dorf, kuratiert seit über vier Jahrzehnten eine Familie ein Festival, das sich gegen die Logik der großen Open-Airs gestellt hat — und gerade deswegen geblieben ist. Eine Annäherung an die Form.</p> <div class="mt-3 pt-2 border-t border-(--color-rule) flex justify-between" data-astro-cid-j7pv25f6> <span class="meta" data-astro-cid-j7pv25f6>Lesen</span> <span class="mag-arrow font-mono" data-astro-cid-j7pv25f6>→</span> </div> </a> </li><li data-astro-cid-j7pv25f6> <a href="/magazin/tour-oekonomie-clubtour/" class="mag-card group block" data-astro-cid-j7pv25f6> <div class="flex items-baseline justify-between" data-astro-cid-j7pv25f6> <span class="meta tabular" data-astro-cid-j7pv25f6>Tour · 12 min</span> <span class="meta tabular" data-astro-cid-j7pv25f6>17.05.2026</span> </div> <h3 class="h-serif text-xl mt-3 leading-tight" data-astro-cid-j7pv25f6>Was kostet eine Clubtour heute? — Notizen zur Touring-Ökonomie</h3> <p class="mt-2 meta normal-case tracking-normal line-clamp-2" data-astro-cid-j7pv25f6>Nightliner, Per-Diems, FOH-Pauschale, Spritrechnung. Eine deutsche Clubtour mit fünf Personen Band und vier Personen Crew rechnet sich 2026 schwerer als vor zehn Jahren. Wir legen die Zahlen offen und fragen, was das für den musikalischen Nachwuchs heißt.</p> <div class="mt-3 pt-2 border-t border-(--color-rule) flex justify-between" data-astro-cid-j7pv25f6> <span class="meta" data-astro-cid-j7pv25f6>Lesen</span> <span class="mag-arrow font-mono" data-astro-cid-j7pv25f6>→</span> </div> </a> </li><li data-astro-cid-j7pv25f6> <a href="/magazin/vorprogramm-soziologie/" class="mag-card group block" data-astro-cid-j7pv25f6> <div class="flex items-baseline justify-between" data-astro-cid-j7pv25f6> <span class="meta tabular" data-astro-cid-j7pv25f6>Vorprogramm · 9 min</span> <span class="meta tabular" data-astro-cid-j7pv25f6>13.05.2026</span> </div> <h3 class="h-serif text-xl mt-3 leading-tight" data-astro-cid-j7pv25f6>Die Soziologie des Vorprogramms</h3> <p class="mt-2 meta normal-case tracking-normal line-clamp-2" data-astro-cid-j7pv25f6>Um 19:45 Uhr betritt jemand die Bühne, dem die Hälfte des Saals nicht zuhört. Über die Ökonomie der Vorbands, die Logik ihrer Buchung und die kleine, oft erstaunliche halbe Stunde, in der jemand auf einer Bühne steht, die noch keine ist.</p> <div class="mt-3 pt-2 border-t border-(--color-rule) flex justify-between" data-astro-cid-j7pv25f6> <span class="meta" data-astro-cid-j7pv25f6>Lesen</span> <span class="mag-arrow font-mono" data-astro-cid-j7pv25f6>→</span> </div> </a> </li> </ul> </div> </section> <section class="bg-(--color-paper-deep) border-y border-(--color-rule)" data-astro-cid-j7pv25f6> <div class="mx-auto max-w-7xl px-6 py-20" data-astro-cid-j7pv25f6> <div class="grid grid-cols-1 sm:grid-cols-[280px_1fr] gap-10 sm:gap-16" data-astro-cid-j7pv25f6> <div class="sm:sticky sm:top-10 self-start" data-astro-cid-j7pv25f6> <span class="eyebrow" data-astro-cid-j7pv25f6>♫ Sechs Felder</span> <h2 class="display text-5xl sm:text-6xl mt-4 leading-[0.95]" data-astro-cid-j7pv25f6>
Ressorts<span class="text-(--color-yellow)" data-astro-cid-j7pv25f6>.</span> </h2> <p class="lede mt-4 max-w-sm" data-astro-cid-j7pv25f6>
Sechs ständige Felder — vom Hallen-Porträt bis zur Live-Album-Werkbetrachtung.
</p> </div> <ul class="grid grid-cols-1 sm:grid-cols-2 gap-3" data-astro-cid-j7pv25f6> <li data-astro-cid-j7pv25f6> <a href="/ressorts/halle/" class="cat-card group block" data-astro-cid-j7pv25f6> <div class="flex items-baseline justify-between" data-astro-cid-j7pv25f6> <span class="display text-3xl tabular text-(--color-ink) group-hover:text-(--color-petrol) transition-colors" data-astro-cid-j7pv25f6>01</span> <span class="meta tabular" data-astro-cid-j7pv25f6>Ressort</span> </div> <h3 class="h-serif text-lg mt-3 leading-tight" data-astro-cid-j7pv25f6>Halle</h3> <p class="meta mt-2 normal-case tracking-normal" data-astro-cid-j7pv25f6>Profile deutscher Spielstätten</p> </a> </li><li data-astro-cid-j7pv25f6> <a href="/ressorts/sound/" class="cat-card group block" data-astro-cid-j7pv25f6> <div class="flex items-baseline justify-between" data-astro-cid-j7pv25f6> <span class="display text-3xl tabular text-(--color-ink) group-hover:text-(--color-petrol) transition-colors" data-astro-cid-j7pv25f6>02</span> <span class="meta tabular" data-astro-cid-j7pv25f6>Ressort</span> </div> <h3 class="h-serif text-lg mt-3 leading-tight" data-astro-cid-j7pv25f6>Sound</h3> <p class="meta mt-2 normal-case tracking-normal" data-astro-cid-j7pv25f6>PA, Akustik, Tonmischung als Handwerk</p> </a> </li><li data-astro-cid-j7pv25f6> <a href="/ressorts/vorprogramm/" class="cat-card group block" data-astro-cid-j7pv25f6> <div class="flex items-baseline justify-between" data-astro-cid-j7pv25f6> <span class="display text-3xl tabular text-(--color-ink) group-hover:text-(--color-petrol) transition-colors" data-astro-cid-j7pv25f6>03</span> <span class="meta tabular" data-astro-cid-j7pv25f6>Ressort</span> </div> <h3 class="h-serif text-lg mt-3 leading-tight" data-astro-cid-j7pv25f6>Vorprogramm</h3> <p class="meta mt-2 normal-case tracking-normal" data-astro-cid-j7pv25f6>Support-Acts und lokale Szenen</p> </a> </li><li data-astro-cid-j7pv25f6> <a href="/ressorts/tour/" class="cat-card group block" data-astro-cid-j7pv25f6> <div class="flex items-baseline justify-between" data-astro-cid-j7pv25f6> <span class="display text-3xl tabular text-(--color-ink) group-hover:text-(--color-petrol) transition-colors" data-astro-cid-j7pv25f6>04</span> <span class="meta tabular" data-astro-cid-j7pv25f6>Ressort</span> </div> <h3 class="h-serif text-lg mt-3 leading-tight" data-astro-cid-j7pv25f6>Tour</h3> <p class="meta mt-2 normal-case tracking-normal" data-astro-cid-j7pv25f6>Touring-Ökonomie und Tour-Erfahrung</p> </a> </li><li data-astro-cid-j7pv25f6> <a href="/ressorts/festival/" class="cat-card group block" data-astro-cid-j7pv25f6> <div class="flex items-baseline justify-between" data-astro-cid-j7pv25f6> <span class="display text-3xl tabular text-(--color-ink) group-hover:text-(--color-petrol) transition-colors" data-astro-cid-j7pv25f6>05</span> <span class="meta tabular" data-astro-cid-j7pv25f6>Ressort</span> </div> <h3 class="h-serif text-lg mt-3 leading-tight" data-astro-cid-j7pv25f6>Festival</h3> <p class="meta mt-2 normal-case tracking-normal" data-astro-cid-j7pv25f6>Festivalkultur in Deutschland</p> </a> </li><li data-astro-cid-j7pv25f6> <a href="/ressorts/wiederhoeren/" class="cat-card group block" data-astro-cid-j7pv25f6> <div class="flex items-baseline justify-between" data-astro-cid-j7pv25f6> <span class="display text-3xl tabular text-(--color-ink) group-hover:text-(--color-petrol) transition-colors" data-astro-cid-j7pv25f6>06</span> <span class="meta tabular" data-astro-cid-j7pv25f6>Ressort</span> </div> <h3 class="h-serif text-lg mt-3 leading-tight" data-astro-cid-j7pv25f6>Wiederhören</h3> <p class="meta mt-2 normal-case tracking-normal" data-astro-cid-j7pv25f6>Live-Aufnahmen wieder gelesen</p> </a> </li> </ul> </div> </div> </section> <section class="bg-(--color-paper) py-16" data-astro-cid-j7pv25f6> <div class="mx-auto max-w-3xl px-6" data-astro-cid-j7pv25f6> <span class="eyebrow" data-astro-cid-j7pv25f6>Haltung</span> <p class="display text-2xl sm:text-3xl leading-[1.2] mt-5" data-astro-cid-j7pv25f6>
Wir behandeln den Konzertabend ernster als die Rezension — als Räume, Mischungen, Vorbands und Touren-Ökonomien, die das Gehörte erst möglich machen.
</p> <p class="meta mt-5" data-astro-cid-j7pv25f6>♪ Hörend · Genau · Geduldig ♪</p> </div> </section>   </main> <footer class="bg-(--color-paper-deep) mt-24 relative">  <div class="mx-auto max-w-6xl px-6 pt-8"> <div class="flex gap-1.5"> <span class="block flex-1 h-px bg-(--color-yellow)"></span> <span class="block flex-1 h-px bg-(--color-yellow)"></span> <span class="block flex-1 h-px bg-(--color-yellow)"></span> </div> </div> <div class="mx-auto max-w-6xl px-6 py-12"> <div class="grid gap-10 sm:grid-cols-2 lg:grid-cols-4">  <div class="border border-(--color-rule) bg-(--color-paper-card) p-5 relative"> <span class="absolute -top-px left-0 h-[3px] w-12 bg-(--color-yellow)" aria-hidden="true"></span> <p class="font-mono text-[0.62rem] uppercase tracking-[0.24em] text-(--color-petrol) mb-3 tabular">
№ 01 · Catalogue
</p> <p class="h-serif text-xl leading-tight text-(--color-ink)">Tour &amp; Konzert</p> <p class="text-sm text-(--color-muted) mt-1 leading-snug">Journal für Live-Musikkultur</p><p class="text-sm text-(--color-muted) mt-1 leading-snug">Frühjahrs-Heft 2026</p> <p class="meta tabular mt-4">
© 2026 · Heft erscheint quartalsweise. </p> </div>  <div class="border border-(--color-rule) bg-(--color-paper-card) p-5 relative"> <span class="absolute -top-px left-0 h-[3px] w-12 bg-(--color-yellow)" aria-hidden="true"></span> <p class="font-mono text-[0.62rem] uppercase tracking-[0.24em] text-(--color-petrol) mb-3 tabular">
№ 02 · Rights
</p> <ul class="space-y-2 text-sm"> <li> <a href="/impressum/" class="text-(--color-ink-soft) hover:text-(--color-petrol) underline decoration-(--color-rule) underline-offset-4 hover:decoration-(--color-yellow) transition-colors">
Impressum
</a> </li> <li> <a href="/datenschutz/" class="text-(--color-ink-soft) hover:text-(--color-petrol) underline decoration-(--color-rule) underline-offset-4 hover:decoration-(--color-yellow) transition-colors">
Datenschutz
</a> </li> <li> <a href="/about/" class="text-(--color-ink-soft) hover:text-(--color-petrol) underline decoration-(--color-rule) underline-offset-4 hover:decoration-(--color-yellow) transition-colors"> Über </a> </li> </ul> </div>  <div class="border border-(--color-rule) bg-(--color-paper-card) p-5 relative"> <span class="absolute -top-px left-0 h-[3px] w-12 bg-(--color-yellow)" aria-hidden="true"></span> <p class="font-mono text-[0.62rem] uppercase tracking-[0.24em] text-(--color-petrol) mb-3 tabular">
№ 03 · Specimen
</p> <p class="text-sm text-(--color-muted) leading-relaxed">
Display: <em class="font-display not-italic text-(--color-ink)">Fraunces</em>.<br>
Lauftext: <span class="text-(--color-ink)">Inter</span>.
<br>Mono: <span class="font-mono text-(--color-ink)">JetBrains Mono</span>. </p> <p class="meta mt-4 tabular">♪ Gehört, gemischt, geschrieben. ♪</p> </div>  <div class="border border-(--color-rule) bg-(--color-paper-card) p-5 relative"> <span class="absolute -top-px left-0 h-[3px] w-12 bg-(--color-yellow)" aria-hidden="true"></span> <p class="font-mono text-[0.62rem] uppercase tracking-[0.24em] text-(--color-petrol) mb-3 tabular">
№ 04 · Edition
</p> <p class="display text-3xl leading-none text-(--color-ink) tabular"> 2026 </p> <p class="meta mt-3 tabular">Tour &amp; Konzert · 2026 · Heft xii</p> </div> </div> </div>  <div class="border-t border-(--color-rule) bg-(--color-paper)"> <div class="mx-auto max-w-6xl px-6 py-4 flex items-center justify-between flex-wrap gap-3"> <span class="meta tabular">
◼ Acc. № 2026 · Tour &amp; Konzert </span> <span class="font-mono text-base text-(--color-petrol) tracking-wider">♪ ♫ ♬ §</span> </div> </div> </footer> </body></html> 