.pb-front{padding:40px 0 60px;background:#f7f8fa;min-height:100vh}.pb-front-container{max-width:1200px;margin:0 auto;padding:0 20px}.pb-front-no-video{display:flex;align-items:center;justify-content:center;min-height:260px;background:#1a2637;color:#8295a6;font-size:15px;border-radius:12px}.pb-front-hero{display:flex;align-items:stretch;gap:32px;background:#fff;border-radius:16px;box-shadow:0 2px 16px rgba(0,0,0,.06);overflow:hidden;margin-bottom:36px}.pb-front-hero-image{flex:0 0 340px;max-width:340px;overflow:hidden}.pb-front-hero-image img{width:100%;height:100%;object-fit:contain;display:block}.pb-front-hero-body{flex:1;padding:36px 36px 36px 0;display:flex;flex-direction:column;justify-content:center}.pb-front-badge{display:inline-block;background:#1a73b5;color:#fff;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:4px 12px;border-radius:20px;margin-bottom:12px;width:fit-content}.pb-front-title{font-size:28px;font-weight:700;color:#1a2637;margin:0 0 12px;line-height:1.3}.pb-front-short{font-size:15px;color:#4a5a6d;line-height:1.6;margin:0 0 12px}.pb-front-topic{font-size:13px;color:#6b7d8f}.pb-front-topic i{margin-right:4px;color:#1a73b5}.pb-front-main{display:grid;grid-template-columns:1fr 380px;gap:28px;margin-bottom:36px}.pb-front-video-col{min-width:0}.pb-front-player-wrap{border-radius:12px;overflow:hidden;background:#000;box-shadow:0 4px 20px rgba(0,0,0,.15)}.pb-front-player-wrap .video-player{width:100%}.pb-front-player-wrap video{width:100%;display:block}.pb-front-player-wrap audio{width:100%;margin-top:12px}.pb-front-poster-fallback{width:100%;display:block;border-radius:12px}.pb-front-now-playing{display:flex;align-items:center;gap:8px;margin-top:14px;padding:10px 16px;background:#fff;border-radius:10px;box-shadow:0 1px 6px rgba(0,0,0,.06)}.pb-front-np-label{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#8295a6;white-space:nowrap}.pb-front-np-title{font-size:15px;color:#1a2637}.pb-front-event-toast{margin-top:10px;padding:12px 18px;border-radius:10px;font-size:14px;font-weight:600;text-align:center;animation:pbToastIn .35s ease}.pb-front-event-toast[hidden]{display:none}.pb-front-event-toast.pb-toast-quiz{background:#e8f0fe;color:#174ea6;border:1px solid #aecbfa}.pb-front-event-toast.pb-toast-game{background:#e6f4ea;color:#137333;border:1px solid #a8dab5}.pb-front-event-toast.pb-toast-info{background:#fef7e0;color:#7a5d00;border:1px solid #fdd663}.pb-front-event-toast.pb-toast-bewertung{background:#fce8e6;color:#a50e0e;border:1px solid #f5a6a6}@keyframes pbToastIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pb-front-chapters-col{min-width:0}.pb-front-chapters-heading{font-size:18px;font-weight:700;color:#1a2637;margin:0 0 16px}.pb-front-chapters-list{display:flex;flex-direction:column;gap:8px}.pb-front-chapter{background:#fff;border-radius:12px;border:2px solid transparent;box-shadow:0 1px 6px rgba(0,0,0,.05);overflow:hidden;transition:border-color .2s,box-shadow .2s;cursor:pointer}.pb-front-chapter:hover{box-shadow:0 2px 12px rgba(0,0,0,.1)}.pb-front-chapter.is-active{border-color:#1a73b5;box-shadow:0 2px 14px rgba(26,115,181,.18)}.pb-front-chapter-header{display:flex;align-items:center;gap:12px;padding:14px 16px}.pb-front-chapter-num{flex:0 0 36px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#e8f0fe;color:#1a73b5;font-weight:700;font-size:14px}.pb-front-chapter.is-active .pb-front-chapter-num{background:#1a73b5;color:#fff}.pb-front-chapter-info{flex:1;min-width:0}.pb-front-chapter-title{display:block;font-size:14px;font-weight:600;color:#1a2637;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pb-front-chapter-short{display:block;font-size:12px;color:#6b7d8f;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pb-front-chapter-toggle{flex:0 0 auto;font-size:16px;color:#8295a6;transition:transform .25s}.pb-front-chapter.is-active .pb-front-chapter-toggle{transform:rotate(180deg)}.pb-front-items{max-height:0;overflow:hidden;transition:max-height .3s ease;border-top:1px solid #edf1f5}.pb-front-chapter.is-active .pb-front-items{max-height:600px}.pb-front-item{display:flex;align-items:center;gap:10px;padding:10px 16px 10px 58px;cursor:pointer;transition:background .15s}.pb-front-item:hover{background:#f4f7fa}.pb-front-item-icon{flex:0 0 24px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:12px}.pb-front-kind-quiz .bi{color:#174ea6}.pb-front-kind-game .bi{color:#137333}.pb-front-kind-info .bi{color:#e6a817}.pb-front-kind-bewertung .bi{color:#a50e0e}.pb-front-kind-item .bi{color:#8295a6}.pb-front-item-title{flex:1;font-size:13px;color:#30485f;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pb-front-item-minute{font-size:12px;font-family:monospace;color:#6b7d8f;background:#f0f3f6;padding:2px 8px;border-radius:10px}.pb-front-item-kind-badge{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;padding:2px 8px;border-radius:10px;background:#e8f0fe;color:#1a73b5}.pb-front-item[data-kind="quiz"] .pb-front-item-kind-badge{background:#e8f0fe;color:#174ea6}.pb-front-item[data-kind="game"] .pb-front-item-kind-badge{background:#e6f4ea;color:#137333}.pb-front-item[data-kind="info"] .pb-front-item-kind-badge{background:#fef7e0;color:#7a5d00}.pb-front-item[data-kind="bewertung"] .pb-front-item-kind-badge{background:#fce8e6;color:#a50e0e}.pb-front-timeline-section{margin-bottom:36px}.pb-front-section-title{font-size:20px;font-weight:700;color:#1a2637;margin:0 0 16px}.pb-front-timeline-scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#b8d4ea #f0f4f8;padding-bottom:4px}.pb-front-timeline-scroll::-webkit-scrollbar{height:6px}.pb-front-timeline-scroll::-webkit-scrollbar-track{background:#f0f4f8;border-radius:3px}.pb-front-timeline-scroll::-webkit-scrollbar-thumb{background:#b8d4ea;border-radius:3px}.pb-front-timeline{position:relative;height:180px;background:#fff;border-radius:14px;box-shadow:0 2px 12px rgba(0,0,0,.06)}.pb-front-timeline-track{position:absolute;left:24px;right:24px;top:50%;transform:translateY(-50%);height:4px;background:#d1dde8;border-radius:999px}.pb-front-timeline-points{position:absolute;inset:0 24px}.pb-front-tl-point{position:absolute;transform:translateX(-50%);text-align:center;width:120px}.pb-front-tl-connector{display:block;width:2px;margin:0 auto}.pb-front-tl-dot{width:14px;height:14px;display:block;margin:0 auto;border-radius:50%;border:2px solid #fff;position:relative;z-index:2}.pb-front-tl-label{display:block;font-size:11px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;margin:0 auto}.pb-front-tl-chapter{bottom:50%;display:flex;flex-direction:column-reverse;align-items:center}.pb-front-tl-chapter .pb-front-tl-connector{height:28px;background:#1a73b5}.pb-front-tl-chapter .pb-front-tl-dot{background:#1a73b5;box-shadow:0 0 0 3px rgba(26,115,181,.25)}.pb-front-tl-chapter .pb-front-tl-label{color:#1a2637;font-weight:600;margin-bottom:6px}.pb-front-tl-item{top:50%;display:flex;flex-direction:column;align-items:center}.pb-front-tl-item .pb-front-tl-connector{height:28px;background:#e6a817}.pb-front-tl-item .pb-front-tl-dot{background:#e6a817;box-shadow:0 0 0 3px rgba(230,168,23,.25)}.pb-front-tl-item .pb-front-tl-label{color:#7a5d00;font-weight:500;margin-top:6px}.pb-front-description-section{background:#fff;border-radius:14px;padding:32px;box-shadow:0 2px 12px rgba(0,0,0,.06);margin-bottom:36px}.pb-front-description-body{font-size:15px;line-height:1.75;color:#333}.pb-front-description-body p{margin:0 0 1em}.pb-front-description-body p:last-child{margin-bottom:0}@media(max-width:992px){.pb-front-main{grid-template-columns:1fr}.pb-front-chapters-col{order:2}}@media(max-width:768px){.pb-front-hero{flex-direction:column}.pb-front-hero-image{flex:0 0 auto;max-width:100%;max-height:220px}.pb-front-hero-body{padding:24px}.pb-front-title{font-size:22px}.pb-front-description-section{padding:20px}.pb-front-item{padding-left:44px}}