/* ============================================================
   LU4 Events · hinweise.css
   Kennzeichnung von Beispielbildern (Location im Umbau,
   offizielle Fotos folgen). Wird zusätzlich zur main.css geladen.
   ============================================================ */

/* Split-Bilder (Über uns) brauchen einen Positionierungskontext */
.ev-split-media{position:relative}

/* Dezentes Badge oben rechts auf jedem Beispielbild */
.ev-symbolbild{
  position:absolute;top:14px;right:14px;z-index:3;pointer-events:none;
  padding:6px 14px;border-radius:999px;
  font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;
  /* Badge liegt auf dem Foto – volle Textfarbe und kraeftiger Grund,
     sonst nur ~3,2:1 gegen ein helles Bild (WCAG 1.4.3 verlangt 4,5:1). */
  color:var(--ev-ivory);
  background:rgba(19,16,25,.85);
  border:1px solid rgba(246,241,231,.22);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
}

/* Kursiver Hinweissatz unter Überschriften */
.ev-bildhinweis{
  margin-top:16px;
  font-size:.88rem;font-style:italic;
  color:rgba(246,241,231,.55);
}

/* Der frühere Override der Unsplash-Hero-URLs ist entfallen: die main.css
   verweist jetzt selbst auf lokale Dateien. Damit greift das auch auf
   Seiten, die diese Datei nicht laden (404.html, kontakt.html). */