/* Hover-Hilfe (12.10.2026, Wunsch Marvin; Vorbild: Beratungskonzept)
 * Eine kleine Hinweisblase am Mauszeiger (assets/js/22-hover-hilfe.js, Texte in inhalte/erklaerungen.js).
 * Klassen und IDs mit Präfix `hov-` (vorher gegen alle CSS-/JS-/HTML-Dateien geprüft: frei).
 * Z-Ebene 10040: über allen Fenstern (Modals bis 10000), unter der Tour (10050+); bei laufender Tour zeigt
 * die Hover-Hilfe ohnehin nichts. Die Blase fängt keine Mausereignisse ab und kommt nie in den Druck.
 */
.hov-blase {
  position: fixed; z-index: 10040;
  width: max-content; max-width: min(280px, calc(100vw - 16px));
  padding: 6px 10px;
  background: #fff;
  background: rgba(255, 255, 255, .97);
  color: var(--text);
  border: 1px solid var(--border); border-radius: var(--radius-sm);
  box-shadow: 0 2px 10px rgba(0, 0, 0, .13);
  font: 400 12px/1.45 'DM Sans', sans-serif; text-align: left;
  pointer-events: none;
}
.hov-blase[hidden] { display: none; }
.hov-titel { font-weight: 700; color: var(--accent2); }
.hov-text { white-space: pre-line; overflow-wrap: anywhere; }
.hov-wert { margin-top: 4px; padding-top: 4px; border-top: 1px solid var(--border); font-size: 11.5px; color: var(--muted); }

@media print {
  .hov-blase { display: none !important; }
}