/* Heft-Modus (siehe LIESMICH.txt). Farben angelehnt an den PDF.js-Viewer. */
html, body { margin: 0; height: 100%; background: #2a2a2e; color: #eee;
  font: 14px/1.4 Inter, system-ui, -apple-system, "Segoe UI", sans-serif; overflow: hidden; }
#buehne { position: absolute; inset: 0 0 40px 0; display: flex; align-items: center; justify-content: center; }
#buch { width: 100%; height: 100%; }
#buch:not(.bereit) { visibility: hidden; }
#meldung { position: absolute; margin: 0; padding: 8px 14px; border-radius: 8px;
  background: rgba(0, 0, 0, 0.5); color: #fff; }
#meldung[hidden] { display: none; }
#meldung.fehler { background: #b3261e; }
#leiste { position: absolute; left: 0; right: 0; bottom: 0; height: 40px; display: flex;
  align-items: center; justify-content: center; gap: 12px; background: #1f1f23; color: #ddd; }
#leiste[hidden] { display: none; }
#vollbild { position: absolute; right: 8px; top: 4px; width: 32px; height: 32px; padding: 0;
  border: 0; border-radius: 6px; background: transparent; color: #ddd; cursor: pointer; }
#vollbild:hover { background: rgba(255, 255, 255, 0.12); }
#vollbild svg, .rvw-blaettern svg { width: 22px; height: 22px; fill: none; stroke: currentColor;
  stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.rvw-blaettern { position: absolute; top: 50%; z-index: 50; width: 48px; height: 48px; margin-top: -24px;
  padding: 0; border: 0; border-radius: 50%; background: rgba(255, 255, 255, 0.92); color: #1d2a2f;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35); cursor: pointer; display: flex; align-items: center;
  justify-content: center; transition: opacity 0.15s, transform 0.15s; }
.rvw-blaettern[hidden] { display: none; }
.rvw-blaettern svg { width: 26px; height: 26px; stroke-width: 2.5; }
.rvw-blaettern:hover:not([disabled]) { transform: scale(1.06); }
.rvw-blaettern:focus-visible, #vollbild:focus-visible { outline: 3px solid #ff9a3c; outline-offset: 2px; }
.rvw-blaettern[disabled] { opacity: 0.25; cursor: default; }
.rvw-zurueck { left: 10px; }
.rvw-weiter { right: 10px; }
@media (max-width: 500px) {
  .rvw-blaettern { width: 40px; height: 40px; margin-top: -20px; }
  .rvw-zurueck { left: 6px; }
  .rvw-weiter { right: 6px; }
}
/* Seiten: weisses Papier, Bild fuellt die Seite */
.seite { background: #fff; overflow: hidden; }
.seite img { display: block; width: 100%; height: 100%; user-select: none; -webkit-user-drag: none; }