/* demo-layer.css — Kennzeichnung als Demonstration (§ 5 UWG) + Demo-Verhalten.
   Unten fixiert statt oben, weil die Seite eine fixe Navigation hat.
   Auf jeder Seite sichtbar, ohne Wegklick-Moeglichkeit. */
.pxd-band{
  position:fixed; left:0; right:0; bottom:0; z-index:99999;
  background:#1B1916; color:#F4F3F2;
  font:400 13.5px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;
  padding:10px 14px; display:flex; gap:8px 14px; align-items:center; justify-content:center;
  flex-wrap:wrap; text-align:center;
  max-width:100vw; overflow-wrap:break-word; word-break:normal;
  box-shadow:0 -1px 14px rgba(0,0,0,.22);
}
.pxd-band b{font-weight:600}
.pxd-band span{color:#B9B2AC; max-width:100%; overflow-wrap:break-word}
.pxd-band b{max-width:100%}
.pxd-band a{
  color:#F4F3F2; text-decoration:none; border:1px solid rgba(244,243,242,.45);
  padding:7px 14px; min-height:38px; display:inline-flex; align-items:center; white-space:nowrap;
}
.pxd-band a:hover{background:#F4F3F2; color:#1B1916}
body{padding-bottom:76px}
@media (max-width:600px){ body{padding-bottom:104px} .pxd-band{font-size:13px} }
@media print{ .pxd-band{position:static} body{padding-bottom:0} }

/* Hinweis, der beim Absenden eines Formulars erscheint */
.pxd-note{
  margin-top:12px; padding:12px 15px; background:#6E2F3F; color:#F4F3F2;
  font:400 14.5px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;
}

/* Hinweis bei Klick auf einen Demo-Link (soziale Netzwerke) */
.pxd-toast{
  position:fixed; left:50%; bottom:96px; z-index:99998;
  transform:translate(-50%,8px); opacity:0; pointer-events:none; transition:opacity .25s, transform .25s;
  background:#6E2F3F; color:#F4F3F2; padding:12px 16px; max-width:min(92vw,520px);
  font:400 14.5px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;
}
.pxd-toast.is-on{opacity:1; transform:translate(-50%,0)}
@media (max-width:600px){ .pxd-toast{bottom:124px} }
