/* NORDIX — Bildsignatur unten rechts
   ─────────────────────────────────────────────────────────────────────────
   Entschieden am 19.08.2026 (Runden 95/96). Björns Ziel ist ausdrücklich
   der offizielle, saubere Eindruck auf der Website — NICHT Diebstahlschutz.

   Deshalb liegt die Marke als CSS ÜBER dem Bild und ist nicht in die
   Dateien eingebrannt. Der Unterschied, damit er nicht vergessen wird:

     · umkehrbar — diese Datei löschen und es ist weg
     · keine der 173 Bilddateien wird angefasst, kein Neukodieren
     · wächst und schrumpft mit der Darstellung
     · beim Rechtsklick „Bild speichern" fehlt die Marke

   Wer echten Schutz will, muss sie in die Dateien brennen. Das ist eine
   andere Entscheidung mit anderem Preis (`tools/bilder.py` neu laufen
   lassen, nicht rückgängig zu machen). Ehrlich zur Wirkung: Wer ein Bild
   klauen will, schneidet die Ecke ab.

   ZWEI EBENEN IN EINEM PSEUDOELEMENT. Das Lockup besteht aus Ring und
   Wortmarke, im Seitenkopf zwei übereinanderliegende <img>. Hier geht das
   nicht — ein ::after trägt nur einen Inhalt. Gelöst über zwei
   Hintergrundbilder in einer Regel: Die Wortmarke steht zuerst und liegt
   damit OBEN. Reihenfolge nicht vertauschen.

   SCHATTEN. `lockup-word-kontur8.svg` bringt bereits eine Kontur mit, und
   auf den meisten Motiven genügt sie. Auf sehr hellen Aufnahmen — geprüft
   am iPod-Foto in `_lab/signatur/lockup.html` — kommt sie an ihre Grenze.
   `drop-shadow` wirkt auf die Deckung der SVG-Formen, nicht auf einen
   Kasten, deshalb legt es sich sauber um Ring und Buchstaben.

   GRÖSSE. 85 px auf einer 330 px breiten Kachel, also rund ein Viertel der
   Bildbreite. Bei 70 px wird der Schriftzug am Telefon zur Andeutung, ab
   120 px ist es kein Zeichen am Rand mehr, sondern ein Element im Bild.
   Volle Deckkraft: Ab etwa 70 % wird aus dem Markenorange ein bräunliches
   Ocker, und genau diese Farbe ist der Wiedererkennungswert.

   ABSICHTLICH OHNE SIGNATUR:
   · die Karte des Einzugsgebiets — fremdes Material (OpenFreeMap)
   · das Werkstattband am Seitenende — dort steht der Leitsatz und der
     Abschluss-Verweis über dem Bild, die Marke käme ihnen ins Gehege
   · die Wortbildmarke im Seitenkopf, aus offensichtlichen Gründen
   · die Galerie-Kacheln — Begründung weiter unten                       */

/* GRÖSSE ALS ANTEIL, NICHT ALS FESTER WERT. Björn hat 85 px auf einer
   330 px breiten Kachel gewählt — das sind 26 % der Bildbreite. Genau so
   steht es hier. Ein fester Pixelwert wäre auf dem 530 px breiten
   Aufmacher im Betrachter zu klein und auf einem 260 px breiten Bild der
   Reihe zu groß; der Anteil hält die Wirkung überall gleich.
   Bei der Referenzbreite kommt weiterhin genau das heraus, was auf dem
   Musterblatt stand: 330 × 26 % = 85 px. */
:root{
  --sig-b: clamp(56px, 26%, 112px);
  --sig-r: 4%;                   /* Abstand rechts, ebenfalls anteilig */
  --sig-u: 3.4%;                 /* Abstand unten                      */
}

.sigbild{position:relative;display:block;line-height:0}

.sigbild::after,
.pv .bilder picture::after{
  content:"";
  position:absolute;
  right:var(--sig-r);
  bottom:var(--sig-u);
  width:var(--sig-b);
  aspect-ratio:1080/630;
  background:
    url('/assets/vector/lockup-word-kontur8.svg') center/contain no-repeat,
    url('/assets/vector/lockup-ring.svg')         center/contain no-repeat;
  filter:drop-shadow(0 1px 3px rgba(0,0,0,.75));
  pointer-events:none;
  z-index:2;
}

/* Die Bilder im Betrachter entstehen erst im Browser (`galerie.js`),
   tragen also keine eigene Klasse. Sie brauchen dieselbe Grundlage wie
   `.sigbild`. */
/* `align-self:start` und `line-height:0` sind kein Beiwerk: Steht die
   Reihe als Flexbox, dehnt der Browser jedes `picture` auf die Höhe des
   höchsten Geschwisters. Die Marke hängt dann UNTER dem Bild in der
   leeren Fläche. Beim Prüfen genau so passiert. */
.pv .bilder picture{position:relative;display:block;align-self:start;line-height:0}

/* NICHT AUF DEN GALERIE-KACHELN, und das ist kein Versehen:
   · `galerie.css:96` gibt dem Textblock `.inhalt` ebenfalls `z-index:2`.
     Er steht später im Dokument und gewinnt bei gleichem Wert — die Marke
     läge hinter dem Text.
   · Geschlossene Kacheln sind 80 px schmal, das Titelbild ist dort hart
     beschnitten. Die Marke wäre angeschnitten.
   Die Kacheln sind Navigation mit einem beschnittenen Titelbild; die
   eigentlichen Projektfotos stehen im Bildbetrachter und tragen sie. */

/* Keine Sonderregel mehr für den Aufmacher und keine für schmale
   Bildschirme — der Anteil erledigt beides von selbst. Die untere Schranke
   von 56 px sorgt dafür, dass „NORDIX" auch auf einem 200 px schmalen Bild
   noch lesbar bleibt. */

/* Videos im Betrachter tragen eigene Bedienelemente, wenn jemand
   Bewegung abgestellt hat. Eine Marke in derselben Ecke läge auf dem
   Vollbild-Knopf. Deshalb dort keine. */