/* ==============================================================
   alt-signatur.css  ·  Besitzer: P14 (Rueckbau; .rule/.passer vor H2 entfallen laut Plan 8.8)
   Altbestand aus style.css (v3, CSS_VER 56) verhaltensneutral
   herausgeloest am 24.09.2026 (Paket P0). Reihenfolge der Regeln
   wie im Original. Wer die Datei besitzt, baut diese Regeln zurueck.
   ============================================================== */

/* ===== Signatur 1: Magenta-Haarlinie (wie unter dem Logo) ===== */
/* ---- Bindungs-Textur: die Haarlinie ist ein Stueck Filmrand ----
   Erster Versuch war eine Perforationsspur am linken Rand jeder Sektion,
   als ::before. Gemessen und wieder ausgebaut: ein Pseudo-Element an
   einem Vorfahren von Text macht axe blind — 424 ungepruefte
   Kontrastknoten statt 13, quer ueber alle Seiten. Verschieben half
   nicht (gemessen: 20 vs. 20), die blosse EXISTENZ genuegt axe.
   Eine Deko, die das Pruefwerkzeug abschaltet, ist ihren Preis nicht
   wert — das ist exakt die Fehlerklasse, die heute repariert wurde.

   Jetzt traegt die Textur das Zeichen, das ohnehin schon ueberall
   steht: die Magenta-Haarlinie unter jeder Ueberschrift. Sie ist ein
   eigenes, leeres <span aria-hidden> — kein Vorfahre von Text, also
   kein Schaden am Gate. Aus dem Vollstrich wird ein perforierter
   Steg: derselbe Platz, dasselbe Zeichen, nur spezifisch fuer einen
   Betrieb, der Film digitalisiert.
   Die Loecher sind in --bg gestanzt, damit sie auf jeder der drei
   Buehnen automatisch die richtige Farbe haben. */
.rule{
  display:block;width:clamp(4rem,14vw,9rem);height:9px;margin:0 0 1.1rem;
  background-color:var(--accent2-text);
  background-image:repeating-linear-gradient(to right,
    var(--bg) 0 4px, transparent 4px 10px);
  background-size:100% 3px;
  background-position:0 3px;
  background-repeat:repeat-x;
  border-radius:1px;
}

/* ===== Signatur 2: Passermarke (Druckerei-Registermarke) ====== */
.passer{
  position:relative;width:26px;height:26px;flex:0 0 auto;
}

.passer::before,.passer::after{
  content:"";position:absolute;inset:0;border-radius:50%;
  border:1.5px solid currentColor;
}

.passer::before{color:var(--accent-text);   transform:translate(-2px,-2px)}

.passer::after {color:var(--accent2-text); transform:translate(2px,2px)}

.passer i{
  position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--accent2-text);opacity:.75;
}

.passer i::after{
  content:"";position:absolute;top:50%;left:-13px;width:26px;height:1px;background:var(--accent-text);opacity:.75;
}