/* Gemeinsamer Rahmen für alle Demos */
@font-face{font-family:Saira;src:url(../fonts/saira-semi-condensed-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:Barlow;src:url(../fonts/barlow-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Barlow;src:url(../fonts/barlow-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:Mono;src:url(../fonts/jetbrains-mono-400.woff2) format("woff2");font-display:swap}
*{box-sizing:border-box}
body{margin:0;font:400 1rem/1.6 Barlow,system-ui,sans-serif;overflow-x:hidden}
h1,h2,h3{font-family:Saira,Barlow,sans-serif;line-height:1.12;margin:0 0 .5em}
img{max-width:100%;display:block}
.demo-band{position:sticky;top:0;z-index:100;display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;padding:7px 16px;background:#121110;color:#ece6dc;font:400 .78rem Mono,monospace;border-bottom:1px solid #d6a45355}
.demo-band b{color:#d6a453}
.demo-band a{color:#121110;background:#d6a453;border-radius:6px;padding:3px 10px;text-decoration:none;font-weight:600}
.huelle{max-width:1180px;margin:0 auto;padding:0 max(16px,4vw)}
.mono{font-family:Mono,monospace}