/* Gemeinsame Elemente aller Beispiel-Websites: Hinweisleiste, Platzhalter, Fuß */
.demo-bar { position: sticky; top: 0; z-index: 100; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px 18px; padding: 9px 16px; background: #242d33; color: #fff; font: 500 13px/1.4 'Jost', system-ui, sans-serif; text-align: center; }
.demo-bar b { color: #ffd43b; letter-spacing: .08em; text-transform: uppercase; font-size: 12px; }
.demo-bar a { color: #fff; }
.ph { border: 2px dashed currentColor; border-radius: 10px; padding: 22px; text-align: center; opacity: .8; font: 500 15px/1.5 'Jost', system-ui, sans-serif; }
.ph strong { display: block; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; margin-bottom: 6px; }
.demo-foot { padding: 28px 20px; text-align: center; font: 400 13px/1.6 'Jost', system-ui, sans-serif; background: #242d33; color: rgba(255,255,255,.8); }
.demo-foot a { color: #fff; }