/* Lokalheld digital – einheitliche Demo-Kennzeichnung (17.09.2026)
   Das Banner steht im normalen Seitenfluss ganz oben. Feste Kopfzeilen werden per
   --lh-demo-off (setzt banner.js beim Scrollen) unter das Banner geschoben. */
:root{--lh-demo-h:36px;--lh-demo-off:36px}
.lh-demo{all:initial;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:10px;
  position:relative;width:100%;height:var(--lh-demo-h);padding:0 14px;overflow:hidden;white-space:nowrap;
  background:#FFC61A;color:#161613;
  font:600 13px/1 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;letter-spacing:.01em}
.lh-demo *{all:unset;box-sizing:border-box;font:inherit;color:inherit;letter-spacing:inherit;white-space:nowrap}
.lh-demo .lh-demo__tag{display:inline-block;flex:none;background:#161613;color:#FFC61A;border-radius:4px;
  padding:4px 7px;font-size:11px;font-weight:800;letter-spacing:.08em}
.lh-demo .lh-demo__txt{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis}
.lh-demo .lh-demo__long{display:inline}
.lh-demo .lh-demo__short{display:none}
.lh-demo a{text-decoration:underline;text-underline-offset:2px;cursor:pointer;font-weight:800}
.lh-demo a:hover{text-decoration:none}
.lh-demo a:focus-visible{outline:2px solid #161613;outline-offset:2px;border-radius:2px}
@media(max-width:760px){
  .lh-demo{font-size:12px;gap:8px;padding:0 10px}
  .lh-demo .lh-demo__long{display:none}
  .lh-demo .lh-demo__short{display:inline}
}
@media print{.lh-demo{display:none}}