.demobar{z-index:999;color:#cfd2c8;font-family:var(--font-inter), system-ui, sans-serif;letter-spacing:-.005em;background:#0a0b0a;border-bottom:1px solid #e2e4dd24;flex-wrap:wrap;align-items:center;gap:8px 18px;padding:9px clamp(14px,4vw,32px);font-size:12.5px;line-height:1.4;display:flex;position:sticky;top:0}.demobar__tag{font-family:var(--font-silkscreen), ui-monospace, monospace;letter-spacing:.16em;color:#0a0b0a;background:#97a390;flex:none;padding:4px 8px;font-size:9.5px}.demobar__text{flex:260px;min-width:0}.demobar__lang{display:inline}@media (max-width:620px){.demobar{gap:8px 12px;font-size:12px}.demobar__lang{display:none}.demobar__back{padding:4px 10px;font-size:12px}}.demobar__back{color:#eef0ea;border:1px solid #e2e4dd47;flex:none;align-items:center;gap:7px;padding:5px 12px;font-weight:600;transition:background .14s,border-color .14s;display:inline-flex}.demobar__back:hover{background:#e2e4dd1a;border-color:#e2e4dd80}.demobar__back:focus-visible{outline-offset:2px;outline:2px solid #b4bdae}.demo{--demo-maxw:1240px;font-synthesis-weight:none}.demo :where(h1,h2,h3,h4){text-wrap:balance}.demo :where(p){text-wrap:pretty}.demo__shell{width:min(100% - clamp(28px, 8vw, 96px), var(--demo-maxw));margin-inline:auto}.demo :where(img,svg){max-width:100%;display:block}.demo__fake{cursor:not-allowed}.demo__note{opacity:.72;font-size:12px}@media (prefers-reduced-motion:reduce){.demo *,.demo :before,.demo :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.bildplatz{aspect-ratio:var(--bild-ratio,3 / 2);background:var(--m-1,#dcdcd6);isolation:isolate;display:block;position:relative;overflow:hidden}.bildplatz__foto{object-fit:cover;transition:transform .9s cubic-bezier(.16,1,.3,1)}.motiv{width:100%;height:100%;transition:transform .9s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.zoom:hover .bildplatz__foto,.zoom:hover .motiv,.zoom:focus-visible .bildplatz__foto,.zoom:focus-visible .motiv{transform:scale(1.045)}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.auf{animation:linear both aufblenden;animation-timeline:view();animation-range:entry 8% cover 26%}}}@keyframes aufblenden{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}.vh{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}