.vid_page_container{ max-width:1080px; }
  .lang-switch{ display:flex; gap:8px; align-items:center; margin-bottom:10px; }
  .segmented{ display:inline-flex; border-radius:999px; overflow:hidden; }
  .segmented button{ padding:6px 12px; border:0; background:#f7f7f7; cursor:pointer; font:inherit; color: #000 !important; }
  .segmented button.active{ background: #1f6feb; color:#fff !important; }

  #player-wrap{ margin-top:1.7em; position:relative; z-index:10; margin-bottom:20px; }

  .video-js{ position:relative; z-index:10; width:100% !important; height:auto !important; aspect-ratio:16/9; max-height:70vh; }

  .video-js .vjs-control-bar{ position:relative; bottom:0 !important; top:auto !important; overflow:visible !important; z-index:40; }
  .video-js.vjs-fullscreen .vjs-control-bar,
  .vjs-fullscreen .vjs-control-bar{ position:absolute !important; left:0; right:0; bottom:0 !important; top:auto !important; }
  .video-js.vjs-fullscreen, .vjs-fullscreen .video-js{ overflow:visible !important; }

  .video-js .vjs-progress-control,
  .video-js .vjs-progress-control .vjs-progress-holder,
  .video-js .vjs-slider{ overflow:visible !important; position:relative; }

  .video-js .vjs-time-tooltip,
  .video-js .vjs-mouse-display,
  .video-js .vjs-mouse-display .vjs-time-tooltip,
  .video-js .vjs-play-progress .vjs-time-tooltip{ z-index:70 !important; }

  .video-js .vjs-menu,
  .video-js .vjs-menu-content,
  .video-js .vjs-subtitles-button .vjs-menu,
  .video-js .vjs-captions-button .vjs-menu,
  .video-js .vjs-texttrack-settings,
  .vjs-modal-dialog{ z-index:75 !important; }

  .chapters-overlay{ position:absolute; inset:0; pointer-events:none; z-index:30; }
  .chapter-marker{ position:absolute; top:0; bottom:0; width:4px; background: #f0c; transform:translateX(-50%); pointer-events:auto; cursor:pointer; z-index:31; }
  .chapter-label{ display: none !important; position:absolute; bottom:100%; display:inline-block; margin-bottom:6px; background:rgba(0,0,0,.85); color:#fff; font-size:12px; line-height:1.25; padding:2px 6px; border-radius:4px; white-space:normal; text-align:left; overflow-wrap:anywhere; pointer-events:none; max-width:42ch; z-index:32; }

  .chapter-list{ position:relative; z-index:0; margin-top:10px; background: rgba(255,255,255,0.1); border:1px solid rgba(255,255,255,0.3); border-radius:8px; overflow:auto; max-height:40vh; padding:0; }
  .chapter-list li{ list-style:none; margin:0; padding:8px 10px; cursor:pointer; }
/*  .chapter-list li+li{ border-top:1px solid rgba(255,255,255,0.3); } */
  
  /* Kapitel-Liste: Button soll die ganze Li-Breite füllen */
.chapter-list li { padding: 0; }  /* altes Padding vom li entfernen */

.chapter-list li > .chapter-item {
  display: block;
  width: 100%;
  padding: 8px 10px;             /* altes li-Padding hierher */
  text-align: left;
  cursor: pointer;
  background-color: rgba(255,230,255,0.1);
  border: 0;
}

.chapter-list .chapter-item:hover {
  background: rgba(255,255,255,1) !important;
}

/* Trennlinie zwischen Einträgen wiederherstellen */
.chapter-list li + li > .chapter-item {
  border-top: 1px solid rgba(255,255,255,0.3);
}

/* Active-Zustand jetzt auf dem Button (JS setzt .active auf dem Button) */
.chapter-list .chapter-item.active {
  background: rgba(255,240,255,0.4);
}

.chapter-list .chapter-item.active:hover {
  background: rgba(255,255,255,1);
}

#vidlinks li
{
	margin-bottom: 1em;
}