@font-face { font-family: Inter; font-style: normal; font-weight: 100 900; font-display: swap; src: url(inter-latin.woff2) format('woff2'); }
:where(.ilp-player) { --red: #E5322D; --ink: #1B1B22; --muted: #B9B9C3; --line: #E6E6EC; }
/* iLovePDF-Guide Video-Player: eigener Play-Knopf, Wort-Untertitel («Lyrics») über dem Video, Steuerung über den Untertitel-Knopf des Players */
  .ilp-player { position: relative; width: 100%; aspect-ratio: 16 / 9; border-radius: 14px; overflow: hidden;
    border: 1px solid var(--line); background: #fff; container-type: inline-size; }
  .ilp-player video { position: absolute; inset: 0; width: 100%; height: 100%; display: block; background: #fff; }
  .ilp-player video:focus { outline: none; }
  .ilp-play { position: absolute; left: 50%; top: 80.5%; transform: translate(-50%, -50%); width: clamp(40px, 9cqw, 72px); aspect-ratio: 1;
    border-radius: 50%; border: 0; background: var(--red); cursor: pointer; display: grid; place-items: center; padding: 0;
    box-shadow: 0 4px 14px rgba(229, 50, 45, .30), 0 0 0 3px rgba(229, 50, 45, .12); transition: transform .15s; }
  .ilp-play[hidden] { display: none; }
  .ilp-play:hover { transform: translate(-50%, -50%) scale(1.06); }
  .ilp-play:focus-visible { outline: 3px solid var(--ink); outline-offset: 3px; }
  .ilp-play svg { width: 46%; height: 46%; transform: translateX(5.5%); fill: #fff; }
  .ilp-cap { position: absolute; left: 50%; bottom: calc(10% + 50px); transform: translateX(-50%); max-width: 92%; pointer-events: none;
    padding: .32em .7em; border-radius: .4em; background: rgba(255, 255, 255, .96); white-space: nowrap;
    box-shadow: 0 .25em .8em rgba(20, 20, 40, .18), 0 0 0 1px rgba(0, 0, 0, .05);
    font: 700 clamp(12px, 2.4cqw, 34px)/1.25 Inter, sans-serif; letter-spacing: -.01em; color: var(--muted);
    opacity: 0; transition: opacity .15s, transform .15s; }
  .ilp-cap.on { opacity: 1; }
  video.ilp-hidecue::cue { color: transparent; background: transparent; text-shadow: none; }
  .ilp-cap span { margin: 0 .12em; }
  .ilp-cap .past { color: var(--ink); }
  .ilp-cap .now { color: var(--red); }