/* Hinweisleiste für alle Maluli-Beispielseiten */
.maluli-demo {
  position: relative; z-index: 1000;
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px 16px;
  padding: 9px 16px; background: #070b14; color: #dbe3f2;
  font: 500 13.5px/1.4 "Inter", system-ui, -apple-system, "Segoe UI", sans-serif; text-align: center;
}
.maluli-demo strong { color: #fff; }
.maluli-demo a {
  display: inline-flex; align-items: center; gap: 6px; padding: 5px 12px; border-radius: 999px;
  background: linear-gradient(120deg, #22d3ee, #3b6cff); color: #04101c; font-weight: 700; text-decoration: none;
}
.maluli-demo a:hover { filter: brightness(1.1); }
.demo-toast {
  position: fixed; left: 50%; bottom: 24px; transform: translate(-50%, 20px); opacity: 0; z-index: 1001;
  max-width: calc(100% - 32px); padding: 14px 20px; border-radius: 14px; background: #070b14; color: #fff;
  font: 500 15px/1.45 "Inter", system-ui, sans-serif; box-shadow: 0 20px 50px -10px rgba(0,0,0,.45);
  transition: opacity .3s, transform .3s; pointer-events: none; text-align: center;
}
.demo-toast.show { opacity: 1; transform: translate(-50%, 0); }