body.with-host{padding-top:44px}
.host-bar{position:fixed;inset:0 0 auto;height:44px;z-index:100;display:flex;align-items:center;gap:14px;padding:4px 14px;background:#122e3b;color:#f3e5b6;font:13px Inter,sans-serif;border-bottom:1px solid #80764d}
.host-bar a{color:inherit;text-decoration:none;white-space:nowrap}
.host-bar #lw-kopf{margin-left:auto}
.host-bar .lw-knopf{min-height:32px;padding:3px 9px;font-size:13px}
.host-bar #host-state{font-size:12px}.host-bar.save-error{background:#682f29}.host-bar button{color:inherit;border:1px solid currentColor;border-radius:5px;padding:4px 8px}
.with-host .cover-page{min-height:calc(100dvh - 44px)}
@media(max-width:700px){body.with-host{padding-top:74px}.host-bar{height:74px;flex-wrap:wrap;gap:3px 10px}.host-bar #host-state{order:5;width:100%;font-size:11px}.with-host .cover-page{min-height:calc(100dvh - 74px)}}