/* Einführung in den Lernfilm (player_tour.js): großer Text, große Knöpfe, ruhige Bewegungen */
.ppt-controls .ppt-help{font-weight:800;font-size:18px;color:var(--amber,#f5c242);border-color:var(--amber,#f5c242)}
.pt-layer{position:fixed;inset:0;z-index:2000}
.pt-spot{position:fixed;border-radius:16px;box-shadow:0 0 0 200vmax rgba(2,9,14,.8);outline:3px solid #f5c242;outline-offset:2px;transition:left .6s cubic-bezier(.4,.1,.2,1),top .6s cubic-bezier(.4,.1,.2,1),width .6s cubic-bezier(.4,.1,.2,1),height .6s cubic-bezier(.4,.1,.2,1);animation:pt-pulse 1.8s ease-in-out infinite;pointer-events:none}
.pt-spot.is-off{outline-color:transparent;animation:none}
@keyframes pt-pulse{50%{outline-offset:9px;outline-color:rgba(245,194,66,.35)}}
.pt-hand{position:fixed;left:0;top:0;pointer-events:none;transition:transform .9s cubic-bezier(.5,0,.2,1),opacity .3s;filter:drop-shadow(0 6px 12px rgba(0,0,0,.55));z-index:2}
.pt-hand.is-off{opacity:0}
.pt-hand svg{display:block;width:42px;height:49px;margin:-2px 0 0 -4px;transform-origin:4px 2px}
.pt-ripple{position:absolute;left:-22px;top:-22px;width:44px;height:44px;border-radius:50%;border:3px solid #f5c242;opacity:0}
.pt-layer.is-tap .pt-ripple{animation:pt-ripple .9s ease-out 2}
.pt-layer.is-tap .pt-hand svg{animation:pt-press .45s ease-in-out 2}
@keyframes pt-ripple{0%{transform:scale(.4);opacity:1}100%{transform:scale(1.8);opacity:0}}
@keyframes pt-press{50%{transform:scale(.85)}}
.pt-card{position:fixed;left:50%;top:50%;width:min(580px,calc(100vw - 32px));display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px 20px;padding:24px 26px 20px;border-radius:22px;background:linear-gradient(180deg,#10303f,#0a1d28);border:1px solid rgba(245,194,66,.5);box-shadow:0 30px 90px rgba(0,0,0,.65);color:#eef5f3;transition:left .6s cubic-bezier(.4,.1,.2,1),top .6s cubic-bezier(.4,.1,.2,1);font-family:Manrope,"Segoe UI",Arial,sans-serif}
.pt-card.is-docked{left:12px!important;right:12px;top:auto!important;bottom:12px;width:auto;padding:18px;gap:10px 14px}
.pt-ben{position:relative;align-self:start}
.pt-ben img{display:block;width:84px;height:84px;border-radius:50%;object-fit:cover;border:3px solid #3fe0a5;box-shadow:0 0 24px rgba(63,224,165,.35)}
.pt-wave{position:absolute;left:50%;bottom:-8px;transform:translateX(-50%);display:flex;gap:3px;align-items:flex-end;height:16px;padding:3px 7px;border-radius:10px;background:#06141c;opacity:0;transition:opacity .3s}
.pt-wave i{width:3px;height:4px;border-radius:2px;background:#3fe0a5}
.pt-layer.is-speaking .pt-wave{opacity:1}
.pt-layer.is-speaking .pt-wave i{animation:pt-wave .9s ease-in-out infinite alternate}
.pt-wave i:nth-child(2){animation-delay:.15s!important}.pt-wave i:nth-child(3){animation-delay:.3s!important}.pt-wave i:nth-child(4){animation-delay:.45s!important}
@keyframes pt-wave{to{height:12px}}
.pt-count{margin:0 0 4px;font:600 14px "IBM Plex Mono",Consolas,monospace;letter-spacing:1.6px;color:#f5c242;text-transform:uppercase}
.pt-title{margin:0 0 8px;font:800 32px/1.1 "Barlow Condensed","Arial Narrow",Arial,sans-serif;color:#fff}
.pt-text{margin:0;font-size:20px;line-height:1.5}
.pt-demo:empty{display:none}
.pt-demo{margin-top:14px}
.pt-actions{grid-column:1/-1;display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:6px}
.pt-actions span{flex:1}
.pt-actions button{min-height:54px;padding:12px 22px;border-radius:12px;font:800 18px Manrope,"Segoe UI",Arial,sans-serif;cursor:pointer}
.pt-skip,.pt-back{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.25);color:#eef5f3}
.pt-skip{background:none;border-color:transparent;text-decoration:underline;padding-left:4px!important}
.pt-next{background:#f5c242;border:0;color:#14140c;box-shadow:0 8px 30px rgba(245,194,66,.3)}
.pt-next:hover{background:#ffd978}
.pt-actions button:focus-visible{outline:3px solid #62dff5;outline-offset:3px}
/* Vorführungen */
.pt-demo-play{display:flex;gap:10px}
.pt-demo-play span{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#f5c242;color:#14140c;font-size:20px;animation:pt-swap 2.4s infinite}
.pt-demo-play span:last-child{background:rgba(255,255,255,.1);color:#fff;animation-delay:1.2s}
@keyframes pt-swap{0%,40%{transform:scale(1.12);box-shadow:0 0 0 4px rgba(245,194,66,.35)}50%,100%{transform:scale(1);box-shadow:none}}
.pt-demo-speed{display:flex;gap:8px;flex-wrap:wrap}
.pt-demo-speed span{padding:8px 14px;border-radius:30px;border:1px solid rgba(255,255,255,.25);font-weight:700;font-size:16px;animation:pt-chip 4.5s infinite}
.pt-demo-speed span:nth-child(2){animation-delay:1.5s}.pt-demo-speed span:nth-child(3){animation-delay:3s}
@keyframes pt-chip{0%,30%{background:#3fe0a5;color:#06141c;border-color:#3fe0a5}34%,100%{background:transparent;color:#eef5f3}}
.pt-demo-cc{display:inline-block;padding:10px 16px;border-radius:8px;background:#091521;border:1px solid rgba(255,255,255,.2);font-size:19px;font-weight:600;animation:pt-fade 3s infinite}
@keyframes pt-fade{0%,10%{opacity:0;transform:translateY(6px)}20%,85%{opacity:1;transform:none}100%{opacity:0}}
.pt-demo-zoom{position:relative;width:150px;height:84px;border-radius:8px;background:linear-gradient(135deg,#d7e3e7,#9fb6bf);overflow:hidden;border:1px solid rgba(255,255,255,.25)}
.pt-demo-zoom i{position:absolute;left:20px;top:14px;width:46px;height:46px;border-radius:50%;border:4px solid #06141c;background:rgba(255,255,255,.35);animation:pt-lens 3s ease-in-out infinite}
.pt-demo-zoom i::after{content:'';position:absolute;right:-14px;bottom:-12px;width:16px;height:5px;background:#06141c;border-radius:3px;transform:rotate(45deg)}
@keyframes pt-lens{50%{transform:translate(70px,8px) scale(1.25)}}
.pt-demo-full{display:flex;align-items:center;gap:18px}
.pt-mini{position:relative;width:150px;height:90px;border-radius:8px;border:2px solid rgba(255,255,255,.35);background:#06141c}
.pt-mini i{position:absolute;left:50%;top:50%;width:46px;height:26px;margin:-13px 0 0 -23px;border-radius:3px;background:#3fe0a5;animation:pt-grow 3.2s ease-in-out infinite}
@keyframes pt-grow{0%,15%{transform:scale(1)}45%,65%{transform:scale(3.15,3.3)}95%,100%{transform:scale(1)}}
.pt-demo-full kbd{display:inline-grid;place-items:center;min-width:64px;height:56px;padding:0 12px;border-radius:10px;background:#eef5f3;color:#06141c;font:800 20px Manrope,Arial,sans-serif;box-shadow:0 5px 0 #8aa1a9;animation:pt-key 3.2s infinite}
@keyframes pt-key{0%,70%{transform:none;box-shadow:0 5px 0 #8aa1a9}78%{transform:translateY(4px);box-shadow:0 1px 0 #8aa1a9}86%,100%{transform:none}}
@media(max-width:760px){.pt-ben img{width:58px;height:58px}.pt-title{font-size:26px}.pt-text{font-size:18px}.pt-actions button{min-height:50px;padding:10px 16px;font-size:17px}}
@media(prefers-reduced-motion:reduce){.pt-spot,.pt-hand,.pt-card{transition:none}.pt-spot,.pt-demo *,.pt-layer.is-tap .pt-ripple,.pt-layer.is-tap .pt-hand svg{animation:none!important}}
@media(max-width:760px){
 .pt-card.is-docked{grid-template-columns:auto minmax(0,1fr);max-height:52vh;overflow:auto}
 .pt-ben img{width:48px;height:48px}
 .pt-demo{display:none}
 .pt-title{font-size:24px;margin-bottom:4px}
 .pt-text{font-size:17px}
 .pt-actions{flex-wrap:nowrap;gap:8px}
 .pt-actions span{display:none}
 .pt-skip{margin-right:auto;font-size:16px!important}
 .pt-actions button{padding:10px 14px}
}
.pt-actions button{white-space:nowrap}
@media(max-width:760px){body.pt-open{padding-bottom:65vh}}