.designer-replay-note{font-size:.9rem;color:#42616b;margin:1rem 0}.designer-replay-note button{font:inherit;text-decoration:underline;background:none;border:0;color:#006a7c;cursor:pointer}.replay-controls{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.replay-controls label{display:flex;align-items:center;gap:.5rem;margin:0}.replay-controls select{width:auto;padding:.5rem}.replay-seek{display:flex;gap:1rem;align-items:center;margin:1rem 0}.replay-seek input{flex:1;min-width:0;padding:0}.replay-viewport{width:100%;overflow:hidden;border:1px solid #d0dfe3;background:#eee;position:relative;min-height:180px}.replay-viewport [data-player-mount]{transform-origin:top left}.replay-help{color:#536a71;font-size:.95rem}.replay-table-wrap{overflow:auto}.replay-table{width:100%;border-collapse:collapse;text-align:left}.replay-table th,.replay-table td{padding:1rem;border-bottom:1px solid #e4d8be;vertical-align:middle}.replay-table th{background:#fff3d9}.replay-table small{display:block;color:#526a72;margin-top:.4rem}.replay-row-actions{display:flex;gap:1rem;align-items:center}.replay-row-actions form{margin:0}.replay-row-actions button{font-size:1rem;padding:.55rem .8rem}.replay-controls button:disabled{opacity:.5}.replay-table td:first-child{white-space:nowrap}@media(max-width:650px){.replay-table th,.replay-table td{padding:.7rem}.replay-controls{gap:.6rem}.replay-row-actions{flex-direction:column;align-items:flex-start}}@media print{.replay-viewport,.replay-controls,.replay-seek{display:none}}

.replay-selection{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin:1rem 0}.replay-selection button:disabled{opacity:.5}.replay-table [type=checkbox]{width:22px;height:22px;accent-color:#006a7c;cursor:pointer}.replay-table td:nth-child(2){white-space:nowrap}

.replay-row-actions{flex-wrap:wrap}.replay-own-test-form button{color:#8a1919;border-color:#b12121;background:#fff4f4}.replay-table tr.own-test-row a,.replay-table tr.own-test-row small{color:#851b1b}.replay-table tr[id]{scroll-margin-top:20px}

.replay-viewed-status{font-size:.9rem;min-width:145px;color:#526a72}.replay-viewed-status.is-viewed{font-weight:700;color:#28613b}

main.replay-page{width:100%;max-width:none}

.replay-purchase-status{min-width:130px;color:#526a72}.replay-purchase-status.has-purchase,.replay-purchase-status.has-purchase small{color:#28613b}.replay-table tr.own-test-row .replay-purchase-status,.replay-table tr.own-test-row .replay-purchase-status small{color:#851b1b}

.replay-selection [data-replay-select-own]{background:#fff4f4;color:#851b1b;border:1px solid #b12121}.replay-selection [data-replay-select-own]:hover{background:#ffe4e4}

.replay-mobile-list{display:none}
/* Embedded players are only used inside the same-origin mobile video cards. */
.replay-embed{background:#fff;font-size:15px;overflow:hidden}.replay-embed main.replay-page{padding:0;margin:0}.replay-embed .replay-list-heading,.replay-embed .replay-intro,.replay-embed .sa-heading,.replay-embed h2,.replay-embed h3,.replay-embed h4,.replay-embed ol,.replay-embed p:not([data-player-status]){display:none}.replay-embed section{border:0;border-radius:0;margin:0;padding:0}.replay-embed .replay-loaded [data-player-status]{display:none}.replay-embed [data-player-status]{padding:8px;margin:0}.replay-embed .replay-failed [data-player-status]{display:block;color:#9b1c1c}
@media(max-width:700px){
 main.replay-page{padding:14px 10px 30px;min-width:0}.replay-page>.replay-intro,.replay-page>.replay-help,.replay-page>.replay-extra-statistics,.replay-page>#aufzeichnungen,.replay-page .eyebrow{display:none}.replay-list-heading{margin-bottom:16px}.replay-list-heading h1{font-size:25px}.replay-list-heading>a{display:inline-block;margin-top:6px;font-size:15px}
 .replay-mobile-list{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;padding:0;border:0;background:transparent;margin:0}.replay-has-player>.replay-mobile-list{display:none}.replay-mobile-card{min-width:0;border:1px solid #dfd2b9;border-radius:12px;background:white;overflow:hidden}.replay-mobile-card h2{font-size:17px;margin:0;padding:12px 14px;border-bottom:1px solid #e5dfd2;font-variant-numeric:tabular-nums}.replay-mobile-card.own-test-row h2{color:#a51b1b}.replay-mobile-video{min-width:0}.replay-mobile-video>button{width:100%;min-height:160px;border-radius:0;background:#edf5f6;color:#00566a;display:flex;align-items:center;justify-content:center;gap:12px}.replay-mobile-video>button[hidden]{display:none}.replay-mobile-video>button span{font-size:32px}.replay-mobile-video>iframe{display:block;border:0;width:100%;max-width:100%}
 .replay-desktop-label{display:none}.replay-page [data-replay-player]{display:flex;flex-direction:column;min-width:0}.replay-page [data-replay-player]>.replay-viewport{order:1;min-height:0}.replay-page [data-replay-player] .replay-controls{order:2;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 0}.replay-page [data-replay-player] .replay-seek{order:3;margin:10px 0}.replay-page [data-replay-player] .replay-controls button,.replay-page [data-replay-player] .replay-controls select{min-height:44px;font-size:15px;padding:8px}.replay-page [data-replay-player] .replay-controls output{text-align:right;font-size:14px}.replay-page [data-replay-player]>p:not([data-player-status]),.replay-page [data-replay-player]>h4,.replay-page [data-replay-player]>ol{display:none}.replay-page .replay-loaded [data-player-status]{display:none}.replay-page #bpl-videos>.sa-heading,.replay-page #bpl-videos>p{display:none}.replay-embed main.replay-page{padding:0}.replay-embed .replay-controls,.replay-embed .replay-seek{padding-left:8px;padding-right:8px}
}

.replay-menu-button{display:none}@media(max-width:700px){.replay-menu-button{display:block;margin:10px 10px 0;padding:8px 12px;min-height:44px;font-size:15px}#replay-navigation{display:none}.replay-menu-open #replay-navigation{display:block}.replay-page~.backend-to-top,#replay-navigation .backend-to-top{display:none}}

.replay-visit-duration{display:block;font-size:14px;font-weight:400;margin-top:4px;font-variant-numeric:tabular-nums}

/* A full-width, touch-friendly timeline directly below the taller replay. */
.replay-seek{display:flex;flex-direction:column;align-items:stretch;gap:2px;padding:10px 14px;margin:0 0 12px;background:#edf5f6;border:1px solid #c6dadd;border-radius:0 0 8px 8px;color:#00566a;font-weight:600;font-size:14px}
.replay-seek input[type=range]{appearance:none;-webkit-appearance:none;display:block;flex:none;box-sizing:border-box;width:100%;height:44px;min-height:44px;margin:0;padding:0;border:0;box-shadow:none;background:transparent;cursor:pointer;accent-color:#00768a}
.replay-seek input::-webkit-slider-runnable-track{height:10px;border-radius:5px;background:linear-gradient(to right,#00768a var(--replay-progress,0%),#bed5d9 var(--replay-progress,0%))}
.replay-seek input::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;margin-top:-8px;border:3px solid white;border-radius:50%;background:#00768a;box-shadow:0 1px 4px #003b4a66}
.replay-seek input::-moz-range-track{height:10px;border-radius:5px;background:#bed5d9}
.replay-seek input::-moz-range-progress{height:10px;border-radius:5px;background:#00768a}
.replay-seek input::-moz-range-thumb{width:20px;height:20px;border:3px solid white;border-radius:50%;background:#00768a;box-shadow:0 1px 4px #003b4a66}
.replay-seek input:focus-visible{outline:3px solid #00768a;outline-offset:2px;border-radius:6px}.replay-seek input:disabled{opacity:.5;cursor:wait}
@media(max-width:700px){.replay-page [data-replay-player] .replay-seek{order:2;margin:0 0 8px;padding:8px 12px}.replay-page [data-replay-player] .replay-controls{order:3;margin:0 0 10px}}

.replay-viewport iframe{border:0;display:block}

.replay-toolbar{background:#fff;padding-bottom:10px;border-radius:0 0 8px 8px}
@media(min-width:701px){.replay-toolbar{position:sticky;bottom:0;z-index:20;box-shadow:0 -3px 12px #003b4a22}.replay-toolbar .replay-controls{padding:0 14px}.replay-toolbar .replay-seek{margin-bottom:8px}}
@media(max-width:700px){.replay-page [data-replay-player]>.replay-toolbar{order:2}.replay-toolbar .replay-controls{padding:0 8px}}

.replay-controls [data-next-video]{margin-left:auto}@media(max-width:700px){.replay-controls [data-next-video]{grid-column:1 / -1;width:100%;margin-left:0}}

.replay-controls .replay-follow{font-size:14px;white-space:nowrap;cursor:pointer}.replay-controls .replay-follow input{width:18px;height:18px;min-height:18px;margin:0;padding:0;accent-color:#00768a;cursor:pointer}
.replay-viewport .replayer-mouse{transform:scale(var(--replay-pointer-scale,1));transform-origin:0 0;filter:drop-shadow(0 1px 2px white);z-index:2}
.replay-viewport .replayer-mouse:after{background:#ec302c;opacity:.55}.replay-viewport .replayer-mouse.active:after{animation:replay-click-pulse .7s ease-out 1}
@keyframes replay-click-pulse{0%{opacity:.85;width:18px;height:18px}70%{opacity:.35;width:48px;height:48px}100%{opacity:0;width:54px;height:54px}}
@media(prefers-reduced-motion:reduce){.replay-viewport .replayer-mouse.active:after{animation:none}}

/* Keep list navigation beside the next-video button, including small screens. */
.replay-controls .replay-back-list{display:inline-flex;align-items:center;justify-content:center;background:#00697e;color:#fff;border-radius:6px;font:inherit;font-weight:bold;padding:12px 18px;text-decoration:none;margin-left:auto}.replay-controls .replay-back-list:hover{background:#00566a}.replay-controls .replay-back-list:focus-visible{outline:3px solid #00788e;outline-offset:3px}.replay-controls .replay-back-list+[data-next-video]{margin-left:0}
@media(max-width:700px){.replay-controls .replay-back-list{grid-column:1 / -1;width:100%;margin-left:0;min-height:44px;font-size:15px;padding:8px}}