/* Tippfeld der Infoknöpfe auf oberster Ebene (static/js/info-tipp.js).
   Der frühere Text als ::after im Knopf wurde von Karten und Tabellen abgeschnitten und ist überall aus. */
.info::after { content: none !important; }
.info[data-tipp] { cursor: help; }

.info-tipp { position: fixed; left: 0; top: 0; z-index: 100000; max-width: min(20rem, calc(100vw - 16px));
  background: #16212b; color: #fff; padding: .55rem .8rem; border-radius: 6px; box-shadow: 0 6px 20px rgba(0, 0, 0, .25);
  font: 500 .78rem/1.45 'Inter', sans-serif; text-align: left; white-space: normal; text-transform: none; letter-spacing: 0;
  pointer-events: none; opacity: 0; visibility: hidden; transition: opacity .12s; }
.info-tipp.sichtbar { opacity: 1; visibility: visible; }
:root[data-theme="dark"] .info-tipp { background: #0d151c; box-shadow: 0 6px 20px rgba(0, 0, 0, .6); border: 1px solid #2a3945; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .info-tipp { background: #0d151c; box-shadow: 0 6px 20px rgba(0, 0, 0, .6); border: 1px solid #2a3945; }
}