/* Shared "Konzept-Demo" bar for all five web demos, in TDI's corporate colours.
   Loaded last on each demo page; colours are !important because the demos restyle
   the bar per theme (e.g. Farbband's day lamp). */
body .demo-ribbon{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 16px;margin:0;padding:8px 16px;background:#2B3035!important;color:#D5DADD!important;font:12px/1.45 ui-monospace,"Cascadia Mono",Consolas,monospace;letter-spacing:.02em;text-align:center;text-transform:none;position:relative;z-index:90}
body .demo-ribbon strong{color:#FFFFFF!important;font-weight:700}
body .demo-ribbon a{color:#8CC3C6!important;text-decoration:underline;text-underline-offset:3px;font-weight:600}
body .demo-ribbon a:hover{color:#FFFFFF!important}
body .demo-ribbon a:focus-visible{outline:2px solid #8CC3C6;outline-offset:2px}
body .demo-ribbon .demo-ribbon-home{display:inline-flex;align-items:center;gap:8px;text-decoration:none}
body .demo-ribbon .demo-ribbon-home img{height:18px;width:auto;display:block}
body .demo-ribbon span{max-width:none;text-align:center}
@media(max-width:580px){body .demo-ribbon{font-size:10.5px;gap:4px 12px;padding:7px 12px}}
@media print{body .demo-ribbon{background:none!important;color:#000!important}}