/* Shared by the example websites in /beispiele/: fonts and the "this is an example" banner. */
@font-face{font-family:"Geist";font-style:normal;font-weight:300 700;font-display:optional;src:url(/fonts/geist.woff2) format("woff2")}
@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:optional;src:url(/fonts/instrument-serif.woff2) format("woff2")}
@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:optional;src:url(/fonts/instrument-serif-italic.woff2) format("woff2")}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0}
img,svg{display:block;max-width:100%}
a{color:inherit}
:focus-visible{outline:3px solid currentColor;outline-offset:3px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.demo-bar{position:relative;z-index:50;display:flex;align-items:center;justify-content:center;gap:10px 18px;flex-wrap:wrap;
  padding:9px 16px;background:#14161C;color:#fff;font:500 13px/1.35 "Geist",system-ui,sans-serif;text-align:center}
.demo-bar strong{font-weight:600}
.demo-bar a{color:#fff;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.demo-bar .dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#4D7CFF;margin-right:6px;vertical-align:1px}
.demo-note{font-size:13px;opacity:.85}