<!DOCTYPE html><html lang="de"> <head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title> — Okular</title><meta name="description" content="Okular — Magazin für Amateur-Astronomie und Sternenbeobachtung. Beobachtung, Optik, Astrofotografie, Sonnensystem, Deep Sky. Mai 2026."><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="#f4ebd9"><link rel="stylesheet" href="/_astro/about.Bdj1bBMO.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) text-(--color-ink) border-b border-(--color-ink)"> <div class="mx-auto max-w-7xl px-6 pt-7 pb-3"> <div class="flex items-start justify-between gap-6 flex-wrap"> <a href="/" class="block group"> <span class="display block text-4xl sm:text-5xl text-(--color-ink) group-hover:text-(--color-petrol) transition-colors leading-none"> Okular </span> <span class="meta block mt-2 text-(--color-muted) tracking-[0.18em]"> 47.5°N · 11.2°E <span class="text-(--color-rule)"> · </span> <span class="text-(--color-ink-soft)">Amateur-Astronomie &amp; Sternenbeobachtung</span> </span> </a> <span class="stamp shrink-0 mt-1"> Ausgabe 01 / Mai 2026 </span> </div>  <div class="mt-6 flex items-center gap-3 sm:gap-5 text-(--color-muted) flex-wrap">  <span class="font-mono text-[0.7rem] uppercase tracking-[0.22em] font-medium tabular text-(--color-petrol)"> N </span> <span class="font-mono text-[0.7rem] text-(--color-rule)">·</span> <span class="font-mono text-[0.7rem] uppercase tracking-[0.22em] font-medium tabular text-(--color-petrol)"> NE </span> <span class="font-mono text-[0.7rem] text-(--color-rule)">·</span> <span class="font-mono text-[0.7rem] uppercase tracking-[0.22em] font-medium tabular text-(--color-petrol)"> E </span> <span class="font-mono text-[0.7rem] text-(--color-rule)">·</span> <span class="font-mono text-[0.7rem] uppercase tracking-[0.22em] font-medium tabular text-(--color-petrol)"> SE </span> <span class="font-mono text-[0.7rem] text-(--color-rule)">·</span> <span class="font-mono text-[0.7rem] uppercase tracking-[0.22em] font-medium tabular text-(--color-petrol)"> S </span> <span class="font-mono text-[0.7rem] text-(--color-rule)">·</span> <span class="font-mono text-[0.7rem] uppercase tracking-[0.22em] font-medium tabular text-(--color-petrol)"> SW </span> <span class="font-mono text-[0.7rem] text-(--color-rule)">·</span> <span class="font-mono text-[0.7rem] uppercase tracking-[0.22em] font-medium tabular text-(--color-petrol)"> W </span> <span class="font-mono text-[0.7rem] text-(--color-rule)">·</span> <span class="font-mono text-[0.7rem] uppercase tracking-[0.22em] font-medium tabular text-(--color-petrol)"> NW </span>  </div> </div>  <div class="border-t border-b border-(--color-petrol) bg-transparent" style="height: 5px;"></div>  <div class="bg-(--color-paper)"> <div class="mx-auto max-w-7xl px-6 py-3"> <nav> <ul class="flex items-center gap-2 sm:gap-3 flex-wrap">  <li> <a href="/" class="font-mono text-[0.72rem] uppercase tracking-[0.16em] font-medium px-1.5 py-1 transition-colors text-(--color-petrol) underline decoration-(--color-yellow) decoration-2 underline-offset-[6px]"> Start </a> </li> <li aria-hidden="true" class="font-mono text-[0.72rem] text-(--color-rule)">·</li> <li> <a href="/magazin/" class="font-mono text-[0.72rem] uppercase tracking-[0.16em] font-medium px-1.5 py-1 transition-colors text-(--color-ink-soft) hover:text-(--color-petrol)"> Magazin </a> </li> <li aria-hidden="true" class="font-mono text-[0.72rem] text-(--color-rule)">·</li> <li> <a href="/ressorts/" class="font-mono text-[0.72rem] uppercase tracking-[0.16em] font-medium px-1.5 py-1 transition-colors text-(--color-ink-soft) hover:text-(--color-petrol)"> Ressorts </a> </li> <li aria-hidden="true" class="font-mono text-[0.72rem] text-(--color-rule)">·</li> <li> <a href="/about/" class="font-mono text-[0.72rem] uppercase tracking-[0.16em] font-medium px-1.5 py-1 transition-colors text-(--color-ink-soft) hover:text-(--color-petrol)"> Über </a> </li>  </ul> </nav> </div> </div> </header> <main class="flex-1 w-full">    <section class="relative" data-astro-cid-j7pv25f6> <div class="bg-(--color-ink) text-(--color-paper) py-20 sm:py-28" data-astro-cid-j7pv25f6> <div class="mx-auto max-w-7xl px-6" data-astro-cid-j7pv25f6> <span class="eyebrow eyebrow-on-dark reveal reveal-1" data-astro-cid-j7pv25f6>Okular / Ausgabe 01 · Mai 2026</span> <h1 class="display text-[14vw] sm:text-[10rem] leading-[0.85] tabular text-(--color-paper) mt-6 reveal reveal-2" data-astro-cid-j7pv25f6>
OKU<span class="text-(--color-yellow)" data-astro-cid-j7pv25f6>·</span>LAR
</h1> <p class="lede max-w-2xl mt-8 text-(--color-paper) reveal reveal-3" data-astro-cid-j7pv25f6>
Was ein Spiegel sammelt, beginnt am Okular.<br data-astro-cid-j7pv25f6>
Magazin für visuelle Beobachtung, Astrofotografie und die Disziplin dahinter.
</p> <div class="mt-10 flex flex-wrap gap-3 reveal reveal-4" data-astro-cid-j7pv25f6> <a href="#aktuelle-ausgabe" 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 font-bold border-2 border-(--color-yellow) hover:bg-(--color-paper) hover:border-(--color-paper) hover:text-(--color-ink) transition-colors" data-astro-cid-j7pv25f6>
Aktuelle Ausgabe →
</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 font-bold border-2 border-(--color-paper) hover:bg-(--color-paper) hover:text-(--color-ink) transition-colors" data-astro-cid-j7pv25f6>
Ressorts ansehen
</a> </div> </div> </div> </section> <section class="bg-(--color-paper) border-b-4 border-(--color-ink)" 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>04</div> <div class="meta mt-1" data-astro-cid-j7pv25f6>Artikel · Ausgabe 01</div> </div> <div data-astro-cid-j7pv25f6> <div class="display text-5xl tabular text-(--color-ink)" data-astro-cid-j7pv25f6>08</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>110</div> <div class="meta mt-1" data-astro-cid-j7pv25f6>Messier-Objekte</div> </div> <div data-astro-cid-j7pv25f6> <div class="display text-5xl tabular text-(--color-yellow)" data-astro-cid-j7pv25f6>1–9</div> <div class="meta mt-1" data-astro-cid-j7pv25f6>Bortle-Skala</div> </div> </div> </section> <section id="aktuelle-ausgabe" 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>// Mai 2026</span> <h2 class="display text-5xl sm:text-6xl mt-4 leading-[0.92]" data-astro-cid-j7pv25f6>
Aktuelle<br data-astro-cid-j7pv25f6>Ausgabe<span class="text-(--color-yellow)" data-astro-cid-j7pv25f6>.</span> </h2> <p class="lede mt-4 max-w-sm" data-astro-cid-j7pv25f6>
Vier Texte aus der Eröffnungsausgabe — die nächste folgt mit der Perseiden-Saison.
</p> <a href="/magazin/" class="inline-block mt-5 font-mono text-xs uppercase tracking-[0.18em] font-bold text-(--color-ink) border-b-2 border-(--color-yellow) pb-1 hover:text-(--color-yellow) transition-colors" data-astro-cid-j7pv25f6>
Alle Artikel →
</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/messier-marathon-fruehjahrs-galaxien/" class="cat-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>Deep Sky · 9 min</span> <span class="meta tabular" data-astro-cid-j7pv25f6>28.05.2026</span> </div> <h3 class="h-serif text-xl mt-3 leading-tight" data-astro-cid-j7pv25f6>Frühjahrs-Galaxien — was die Messier-Saison März bis Mai wirklich zeigt</h3> <p class="mt-2 meta normal-case tracking-normal line-clamp-2" data-astro-cid-j7pv25f6>Zwischen März und Mai stehen die Galaxien-Cluster der Lokalen Gruppe und des Virgo-Haufens hoch am Abendhimmel. Eine Bilanz der unterschätztesten Deep-Sky-Saison — und eine ehrliche Antwort auf die Frage, was wirklich sichtbar wird.</p> <div class="mt-3 pt-2 border-t-2 border-(--color-ink) 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/dobson-vs-newton-auf-eq-montierung/" class="cat-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>Optik · 10 min</span> <span class="meta tabular" data-astro-cid-j7pv25f6>25.05.2026</span> </div> <h3 class="h-serif text-xl mt-3 leading-tight" data-astro-cid-j7pv25f6>Dobson oder Newton auf EQ-Montierung — die strukturelle Entscheidung am Anfang</h3> <p class="mt-2 meta normal-case tracking-normal line-clamp-2" data-astro-cid-j7pv25f6>Die wichtigste Anschaffungs-Entscheidung der ernsthaften Amateur-Astronomie ist nicht Marke und Modell — sondern Montierungs-Konzept. Eine nüchterne Gegenüberstellung der zwei Welten, samt Empfehlung nach Use-Case.</p> <div class="mt-3 pt-2 border-t-2 border-(--color-ink) 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/pixinsight-stacking-erstes-deepsky-projekt/" class="cat-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>Astrofotografie · 11 min</span> <span class="meta tabular" data-astro-cid-j7pv25f6>22.05.2026</span> </div> <h3 class="h-serif text-xl mt-3 leading-tight" data-astro-cid-j7pv25f6>PixInsight für Einsteiger:innen — ein erstes Deep-Sky-Projekt von Roh-Aufnahme zur Veröffentlichung</h3> <p class="mt-2 meta normal-case tracking-normal line-clamp-2" data-astro-cid-j7pv25f6>Die Industrie-Standard-Software der Astrofotografie hat eine berüchtigte Lernkurve. Ein Schritt-für-Schritt-Workflow am Beispiel von M42 — von der Kalibrierung bis zur fertigen, präsentablen Aufnahme.</p> <div class="mt-3 pt-2 border-t-2 border-(--color-ink) 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/sternenpark-westhavelland-bortle-1-vor-berlin/" class="cat-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>Lichtverschmutzung · 9 min</span> <span class="meta tabular" data-astro-cid-j7pv25f6>19.05.2026</span> </div> <h3 class="h-serif text-xl mt-3 leading-tight" data-astro-cid-j7pv25f6>Sternenpark Westhavelland — Bortle 1 hundert Kilometer vor Berlin</h3> <p class="mt-2 meta normal-case tracking-normal line-clamp-2" data-astro-cid-j7pv25f6>Brandenburg hat den ersten zertifizierten Dark-Sky-Reserve Deutschlands. Ein Porträt der Kernzone bei Gülpe — ihre Genese, ihre kommunalen Voraussetzungen, und was Bortle 1 in der Praxis bedeutet.</p> <div class="mt-3 pt-2 border-t-2 border-(--color-ink) 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 id="ressorts" class="bg-(--color-paper-deep) border-y-4 border-(--color-ink)" 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>// Sektion 02</span> <h2 class="display text-5xl sm:text-6xl mt-4 leading-[0.92]" 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>
Acht Themengebiete, in denen wir kontinuierlich publizieren.
</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/" 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-yellow) 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>Beobachtung</h3> <p class="meta mt-2 normal-case tracking-normal" data-astro-cid-j7pv25f6>Visuell, Sternbilder, Saisonen</p> </a> </li><li data-astro-cid-j7pv25f6> <a href="/ressorts/" 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-yellow) 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>Optik</h3> <p class="meta mt-2 normal-case tracking-normal" data-astro-cid-j7pv25f6>Teleskope, Okulare, Filter</p> </a> </li><li data-astro-cid-j7pv25f6> <a href="/ressorts/" 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-yellow) 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>Astrofotografie</h3> <p class="meta mt-2 normal-case tracking-normal" data-astro-cid-j7pv25f6>DSLR, dedizierte Kameras, Stacking</p> </a> </li><li data-astro-cid-j7pv25f6> <a href="/ressorts/" 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-yellow) 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>Sonnensystem</h3> <p class="meta mt-2 normal-case tracking-normal" data-astro-cid-j7pv25f6>Mond, Planeten, Sonne, Kometen</p> </a> </li><li data-astro-cid-j7pv25f6> <a href="/ressorts/" 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-yellow) 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>Deep Sky</h3> <p class="meta mt-2 normal-case tracking-normal" data-astro-cid-j7pv25f6>Galaxien, Nebel, Sternhaufen</p> </a> </li><li data-astro-cid-j7pv25f6> <a href="/ressorts/" 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-yellow) 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>Lichtverschmutzung</h3> <p class="meta mt-2 normal-case tracking-normal" data-astro-cid-j7pv25f6>Sternenparks, Bortle-Skala</p> </a> </li><li data-astro-cid-j7pv25f6> <a href="/ressorts/" 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-yellow) transition-colors" data-astro-cid-j7pv25f6>07</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>Sternwarten</h3> <p class="meta mt-2 normal-case tracking-normal" data-astro-cid-j7pv25f6>Volkssternwarten, Vereine, Großteleskope</p> </a> </li><li data-astro-cid-j7pv25f6> <a href="/ressorts/" 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-yellow) transition-colors" data-astro-cid-j7pv25f6>08</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>Software</h3> <p class="meta mt-2 normal-case tracking-normal" data-astro-cid-j7pv25f6>Stellarium, PixInsight, SkySafari</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>Programm</span> <p class="display text-2xl sm:text-3xl leading-[1.15] mt-5" data-astro-cid-j7pv25f6>
Okular behandelt eine Disziplin, in der das Beste in der Nacht passiert — und in der die wertvollste Investition manchmal ein dunkler Garten und drei Stunden Zeit sind.
</p> <p class="meta mt-5" data-astro-cid-j7pv25f6>Magazin im Aufbau · Mai 2026.</p> </div> </section>   </main> <footer class="mt-24 bg-(--color-paper) text-(--color-ink)">  <div class="border-t border-b border-(--color-petrol)" style="height: 5px;"></div>  <div class="bg-(--color-petrol-wash) border-b border-(--color-rule)"> <div class="mx-auto max-w-7xl px-6 py-3 grid gap-x-6 gap-y-1 sm:grid-cols-4 text-(--color-petrol-deep)"> <div class="flex items-baseline gap-2"> <span class="font-mono text-[0.62rem] uppercase tracking-[0.22em] text-(--color-muted)">Issued</span> <span class="font-mono text-[0.72rem] tracking-[0.06em] tabular font-medium">2026.05.24</span> </div> <div class="flex items-baseline gap-2"> <span class="font-mono text-[0.62rem] uppercase tracking-[0.22em] text-(--color-muted)">Edition</span> <span class="font-mono text-[0.72rem] tracking-[0.06em] tabular font-medium">Vol. I</span> </div> <div class="flex items-baseline gap-2"> <span class="font-mono text-[0.62rem] uppercase tracking-[0.22em] text-(--color-muted)">Coords</span> <span class="font-mono text-[0.72rem] tracking-[0.06em] tabular font-medium">47.5°N · 11.2°E</span> </div> <div class="flex items-baseline gap-2"> <span class="font-mono text-[0.62rem] uppercase tracking-[0.22em] text-(--color-muted)">Version</span> <span class="font-mono text-[0.72rem] tracking-[0.06em] tabular font-medium">rev. 01</span> </div> </div> </div>  <div class="mx-auto max-w-7xl px-6 py-12 grid gap-10 sm:grid-cols-[1fr_auto] items-start"> <div> <p class="display text-3xl sm:text-4xl text-(--color-ink) mb-2 leading-none"> Okular </p> <p class="display-italic text-(--color-petrol) text-lg mb-4">
— Field Log —
</p> <p class="meta text-(--color-muted) mb-1">Magazin für Amateur-Astronomie</p><p class="meta text-(--color-muted) mb-1">Ausgabe Mai 2026</p> </div> <nav> <ul class="flex flex-col gap-2 items-start sm:items-end"> <li> <a href="/impressum/" class="font-mono text-xs uppercase tracking-[0.16em] text-(--color-ink-soft) hover:text-(--color-petrol) underline decoration-(--color-rule) decoration-1 underline-offset-[5px] hover:decoration-(--color-yellow)">
Impressum
</a> </li> <li> <a href="/datenschutz/" class="font-mono text-xs uppercase tracking-[0.16em] text-(--color-ink-soft) hover:text-(--color-petrol) underline decoration-(--color-rule) decoration-1 underline-offset-[5px] hover:decoration-(--color-yellow)">
Datenschutz
</a> </li> <li> <a href="/about/" class="font-mono text-xs uppercase tracking-[0.16em] text-(--color-ink-soft) hover:text-(--color-petrol) underline decoration-(--color-rule) decoration-1 underline-offset-[5px] hover:decoration-(--color-yellow)"> Über Okular </a> </li> </ul> </nav> </div>  <div class="border-t border-b border-(--color-petrol)" style="height: 5px;"></div>  <div class="bg-(--color-petrol) text-(--color-paper-card)"> <div class="mx-auto max-w-7xl px-6 py-3 flex items-center justify-between gap-4 flex-wrap"> <span class="font-mono text-[0.7rem] uppercase tracking-[0.22em] tabular">
© 2026 · Okular </span> <span class="flex items-center gap-2 sm:gap-3 font-mono text-[0.7rem] uppercase tracking-[0.22em] text-(--color-yellow-soft) flex-wrap">  <span class="tabular">N</span> <span class="text-(--color-paper-deep)">·</span> <span class="tabular">NE</span> <span class="text-(--color-paper-deep)">·</span> <span class="tabular">E</span> <span class="text-(--color-paper-deep)">·</span> <span class="tabular">SE</span> <span class="text-(--color-paper-deep)">·</span> <span class="tabular">S</span> <span class="text-(--color-paper-deep)">·</span> <span class="tabular">SW</span> <span class="text-(--color-paper-deep)">·</span> <span class="tabular">W</span> <span class="text-(--color-paper-deep)">·</span> <span class="tabular">NW</span>  </span> </div> </div> </footer> </body></html> 