/* ═══════════════════════════════════════════════════════════════════════════
   ARVELA · BILDVERHAELTNISSE
   ═══════════════════════════════════════════════════════════════════════════
   EINZIGE Quelle der Seitenverhaeltnisse, in denen ein Erlebnis- oder
   Event-Bild beschnitten wird. Jede Flaeche, die eines davon zeigt, verlinkt
   diese Datei im Kopf:
       <link rel="stylesheet" href="/ratios.css">

   ANLASS (Recon 12.08.2026). Dieselben Bilder wurden auf sechs Flaechen in
   sechs Verhaeltnissen geschnitten, und kein Ort kannte die Werte der anderen:
   4/5 auf Landing und Uebersicht, 3/2 auf Detailseite und Micropage, 5/4 mobil,
   dazu 84vh und 54vh ohne Verhaeltnis. Wer eines aendern wollte, musste alle
   finden. Ab hier stehen die Zahlen an EINER Stelle.

   DREI FORMATE, und die Namen sagen den Zweck, nicht das Motiv:

     --ratio-poster       Kartenbild in einem Raster. Hochformat, weil die Karte
                          neben Text steht und Hoehe braucht.
     --ratio-empfehlung   Kleines Vorschaubild in einer Reihe von Vorschlaegen.
     --ratio-buehne       Aufmacher einer Seite, Desktop.
     --ratio-buehne-mobil Derselbe Aufmacher am Telefon. Eigenes Verhaeltnis,
                          weil 3/2 auf 390px Breite zu flach wird.

   FALLBACK-PFLICHT. Jede Verwendung schreibt den bisherigen Zahlenwert als
   zweites Argument mit:
       aspect-ratio: var(--ratio-poster, 4 / 5);
   Faellt diese Datei aus (Tippfehler im Pfad, Cache, fehlender Mount), bleibt
   die Flaeche damit exakt so, wie sie vorher war. Eine Seite ohne Bildhoehen
   waere sonst nicht kaputt, sondern unbrauchbar.

   NICHT HIER, absichtlich: Journal, Stimmen, Domizile, Agenda-Kalender und die
   Bilderstrecke (public/gallery.css). Deren Verhaeltnisse gehoeren zu anderen
   Inhalten und wuerden diesen Satz zu einer Sammelstelle machen.
   ═══════════════════════════════════════════════════════════════════════════ */

:root{
  --ratio-poster: 4 / 5;
  --ratio-empfehlung: 3 / 2;
  --ratio-buehne: 3 / 2;
  --ratio-buehne-mobil: 5 / 4;
}
