/* Trailer-Viewer (gemeinsam fuer alle Buecher). Aufruf: <button class="btn ghost" data-trailer="media/film.mp4" data-poster="media/film-poster.jpg" hidden>Trailer</button>
   Der Knopf erscheint erst, wenn die Videodatei existiert (HEAD-Pruefung in film.js). */
button.btn{font:inherit;cursor:pointer}
.fv{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:rgba(8,6,5,.93);padding:16px}
.fv[hidden]{display:none}
.fv-box{position:relative;width:min(960px,100%);max-height:100%;color:#efe8df}
.fv-x{position:absolute;right:0;top:-44px;background:none;border:0;color:#efe8df;font-size:2rem;line-height:1;cursor:pointer;padding:4px 10px}
.fv-x:hover,.fv-x:focus-visible{color:var(--acc,#c8a47e)}
.fv-stage video{display:block;width:100%;max-height:calc(100vh - 90px);background:#000;border-radius:3px}
.fv-gate{text-align:center;padding:clamp(24px,6vw,56px) 16px;background:#17110d;border:1px solid #413830;border-radius:3px}
.fv-gate .agenote{display:block;font-family:"Inconsolata",monospace;font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--acc,#c8a47e);margin-bottom:.9rem}
.fv-gate p{max-width:46ch;margin:0 auto 1.4rem;color:#c7b9aa}
.fv-gate .btn{margin:.25rem}