.preview-page{background:#eef3f9}.preview-page header a:last-child{color:#0969da;text-decoration:none;font-weight:750}.preview-main{max-width:1200px;margin:auto;padding:48px 24px 100px}.preview-head{padding:0 0 30px}.preview-head h1{font-size:clamp(2.1rem,5vw,4rem);margin:.15em 0;color:#071a35}.eyebrow-dark{font-size:.78rem;font-weight:850;letter-spacing:.16em;color:#0969da}.source-status,.preview-login,.preview-error{padding:18px 20px;border-radius:12px;background:#fff;border:1px solid #cad6e5}.source-status.ok{border-left:6px solid #16834b}.source-status.bad,.preview-error{border-left:6px solid #c62828}.preview-courses{display:grid;gap:24px}.course-card{background:#fff;border:1px solid #d6e0ec;border-radius:18px;padding:clamp(20px,4vw,34px);box-shadow:0 8px 30px #17365d0b}.course-card.warning{border-top:6px solid #f59e0b}.course-card.danger{border-top:6px solid #c62828}.course-top{display:flex;gap:18px;justify-content:space-between;align-items:start}.course-top h2{margin:.1em 0 .6em;font-size:clamp(1.5rem,3vw,2.3rem)}.course-id{font-size:.72rem;font-weight:850;letter-spacing:.14em;color:#64748b;margin:0}.state{white-space:nowrap;padding:7px 10px;border-radius:99px;background:#e8f7ef;color:#116b3d;font-size:.8rem;font-weight:800}.warning .state{background:#fff3d6;color:#865900}.state.blocked{background:#fee2e2;color:#991b1b}.warnings{background:#fff3d6;color:#6f4a00;border-radius:10px;padding:14px 20px 14px 38px}.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#d9e2ee;border:1px solid #d9e2ee;border-radius:12px;overflow:hidden}.facts div{background:#f8fafc;padding:14px}.facts dt{font-size:.75rem;color:#64748b;font-weight:750}.facts dd{margin:3px 0 0;font-weight:850;color:#071a35}.course-media{margin:18px 0}.paths{overflow-wrap:anywhere;font-size:.85rem;color:#42536a}.section{border:1px solid #cfd9e6;border-radius:12px;margin:14px 0;overflow:hidden}.section>summary{padding:16px 18px;background:#eaf2fb;font-weight:850;cursor:pointer}.section>summary span{color:#0969da;margin-right:12px}.section>summary small,.question summary small,.item-title small{font-weight:500;color:#6b7b90;margin-left:8px}.section>p{padding:0 18px}.course-item{padding:18px;border-top:1px solid #dce4ee}.item-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.type{font-size:.7rem;font-weight:850;text-transform:uppercase;border-radius:5px;padding:4px 7px;background:#e7eef7}.type.lp_quiz{background:#fff0cf;color:#7b5100}.questions{margin:14px 0 0 20px}.question{border-left:3px solid #c9d7e8;padding:8px 12px}.question summary{cursor:pointer}.answers li{padding:5px}.answers .correct{color:#116b3d}.answers strong{font-size:.7rem;text-transform:uppercase;margin-left:10px}.muted{color:#64748b}.transform-log{margin-top:22px;border:1px solid #f2cd7c;background:#fffbeb;border-radius:12px;padding:18px}.transform-log h3{margin-top:0}.transform{display:grid;grid-template-columns:1fr 1fr auto 1fr;gap:8px;align-items:center;padding:12px 0;border-top:1px solid #efdcae}.transform b,.transform small{grid-column:1/-1}.transform .old{text-decoration:line-through;color:#8b5d00}.transform .new{color:#116b3d;font-weight:800}.unchanged{color:#116b3d;background:#ecfdf5;padding:12px;border-radius:9px}.analysis{background:#eaf3ff;border-radius:10px;padding:14px 20px 14px 38px}.final-exam{border-left:5px solid #0969da;padding:10px 14px;background:#f1f7ff}.section-summary{margin-top:18px}.media-warning{color:#8a5200;background:#fff5dc;padding:12px;border-radius:9px}@media(max-width:800px){.facts{grid-template-columns:repeat(2,1fr)}.course-top{display:block}.state{display:inline-block;margin-bottom:10px}.questions{margin-left:0}}@media(max-width:650px){.transform{grid-template-columns:1fr}.transform b,.transform small{grid-column:auto}.transform .arrow{display:none}}@media(max-width:480px){.facts{grid-template-columns:1fr}}
.course-media{margin:.75rem 0;padding:.65rem;border:1px solid #dbe3ef;border-radius:.6rem;background:#f8fafc}.course-media small{display:block;overflow-wrap:anywhere;margin-bottom:.5rem}.course-media img,.course-media video{display:block;max-width:100%;height:auto;max-height:420px;border-radius:.4rem}.course-media audio{width:100%}.course-media.media-error{border-color:#dc2626;color:#b91c1c}
.lesson-preview{margin-top:1rem;min-width:0;max-width:100%;box-sizing:border-box}.lesson-preview>summary{cursor:pointer;font-weight:750;color:#0969da;overflow-wrap:anywhere}.lesson-body{max-width:78ch;min-width:0;margin:1rem 0;overflow-wrap:anywhere;line-height:1.65}.lesson-body img{display:block;max-width:100%;height:auto;margin:1rem auto}.lesson-body table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}.lesson-body th,.lesson-body td{border:1px solid #cbd5e1;padding:.5rem;text-align:left}.privacy-video{margin:1.25rem 0;padding:1rem;border:1px solid #bfd0e5;border-radius:.75rem;background:#f4f8fc}.privacy-video iframe{display:block;width:100%;aspect-ratio:16/9;border:0}.privacy-video p{margin-top:0}.load-video{min-height:44px}.lesson-body a[target="_blank"]::after{content:" ↗"}@media(max-width:480px){.preview-main{width:100%;max-width:100%;box-sizing:border-box;padding:24px 12px 70px;overflow-x:hidden}.preview-main>h1{font-size:1.8rem;overflow-wrap:anywhere}.course-card.lesson-preview{padding:16px}.lesson-body{font-size:1rem}.lesson-body h1{font-size:1.65rem}.lesson-body h2{font-size:1.35rem}.lesson-body h3{font-size:1.15rem}}

/* Professionelle Teilnehmer-Lernansicht */
.learning-page{background:linear-gradient(180deg,#eaf1f9 0,#f4f7fb 420px,#eef3f8 100%)}.learning-main{max-width:1000px;padding-top:38px}.learning-intro{margin-bottom:28px}.learning-intro h1{margin:.15rem 0 1rem;font-size:clamp(2rem,5vw,3.35rem);line-height:1.08;color:#071a35}.learning-intro .notice{margin:0;padding:20px!important;border-radius:0 14px 14px 0;box-shadow:0 8px 28px #17365d0b}.card-kicker{margin:0;color:#0969da;font-size:.75rem;font-weight:900;letter-spacing:.15em}.enrollment-grid,.learning-path{display:grid;gap:16px}.enrollment-card,.course-heading,.lesson-shell,.exam-heading,.question-card,.result-card,.learning-empty{background:#fff;border:1px solid #cedbea;border-radius:18px;box-shadow:0 10px 32px #17365d12}.enrollment-card{padding:28px}.learning-card-head{display:flex;gap:15px;align-items:flex-start}.learning-card-head h2{margin:.2rem 0;font-size:1.65rem}.progress-copy{display:flex;justify-content:space-between;gap:15px;margin:22px 0 8px;font-size:.92rem;color:#42536a}.progress-copy strong{color:#071a35}.progress-track{height:12px;overflow:hidden;background:#e1e9f2;border-radius:99px}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0969da,#2e8cf0)}.access-line{color:#64748b}.identity-check{display:flex!important;grid-template-columns:none;align-items:flex-start;gap:11px;padding:14px;background:#f4f8fc;border-radius:10px}.identity-check input{width:22px;height:22px;flex:0 0 auto}.course-heading{padding:28px;margin:18px 0 22px;border-top:5px solid #0969da}.course-heading h2{margin:.25rem 0}.course-heading>p:not(.card-kicker){max-width:75ch}.learning-item{display:grid;grid-template-columns:52px minmax(0,1fr) 24px;align-items:center;gap:16px;padding:20px 22px;background:#fff;border:1px solid #cedbea;border-left:5px solid #0969da;border-radius:15px;box-shadow:0 5px 18px #17365d0c;transition:transform .16s,box-shadow .16s,border-color .16s}.learning-item.item-quiz{border-left-color:#f59e0b}.learning-item.item-final{border-left-color:#ed7b18;background:linear-gradient(105deg,#fff,#fff9ee)}.learning-item.is-completed{border-left-color:#16834b}.learning-item.is-locked{border-left-color:#94a3b8;background:#f5f7fa;color:#657286}.learning-item.is-actionable{cursor:pointer}.learning-item.is-actionable:hover{transform:translateY(-2px);border-color:#72a9e6;box-shadow:0 12px 28px #17365d1b}.learning-item.is-actionable:focus-visible{outline:4px solid #f5a623;outline-offset:3px}.item-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:#e7f1fe;color:#0969da;font-size:1.35rem;font-weight:900}.item-quiz .item-icon,.item-final .item-icon{background:#fff0d2;color:#9a5b00}.is-completed .item-icon{background:#e5f6ec;color:#167044}.is-locked .item-icon{background:#e5e9ef;color:#667386}.item-copy h3{margin:5px 0 3px;color:#071a35;font-size:1.12rem;line-height:1.3}.item-copy p{margin:3px 0;color:#64748b;font-size:.92rem}.item-meta{display:flex;gap:8px;flex-wrap:wrap}.item-type,.item-status{display:inline-flex;padding:4px 8px;border-radius:99px;background:#e8f2ff;color:#075bac;font-size:.7rem;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.item-status{background:#eef2f6;color:#526174}.is-completed .item-status{background:#e2f6ea;color:#116b3d}.is-locked .item-status{background:#e5e9ef;color:#586577}.item-arrow{font-size:2rem;color:#0969da}.lock-reason{color:#765000!important}.back-button{margin-bottom:14px;background:#e4eef9;color:#075bac}.lesson-shell{padding:clamp(20px,5vw,46px)}.lesson-heading{padding-bottom:18px;border-bottom:1px solid #dbe3ee}.lesson-heading h2{margin:.5rem 0;font-size:clamp(1.7rem,4vw,2.6rem)}.lesson-shell .lesson-body{max-width:900px;margin:24px 0;font-size:1.04rem;line-height:1.72}.lesson-shell .lesson-body img{cursor:zoom-in;border-radius:12px;box-shadow:0 5px 20px #071a3525}.lesson-shell .lesson-body img:focus-visible{outline:4px solid #f59e0b;outline-offset:4px}.lesson-media{margin:24px 0}.complete-lesson{margin-top:18px}.completion-note{margin-top:20px;padding:14px 18px;border-radius:10px;background:#e5f6ec;color:#116b3d;font-weight:800}.image-lightbox{width:min(1100px,calc(100% - 28px));max-width:none;background:#071a35f5;padding:44px 18px 18px;border-radius:16px}.image-lightbox::backdrop{background:#020b17dc}.image-lightbox img{display:block;max-width:100%;max-height:82vh;margin:auto;object-fit:contain}.lightbox-close{position:absolute;right:9px;top:7px;background:#fff;color:#071a35;font-size:1.4rem;padding:.35rem .7rem}.exam-heading{padding:28px;margin-bottom:20px;border-top:5px solid #f59e0b}.exam-heading h1{margin:.25rem 0;color:#071a35}.exam-form{display:grid;gap:20px}.question-card{display:block;padding:clamp(20px,4vw,30px);margin:0}.question-card legend{float:left;width:100%;padding:0 0 8px;font-size:1.12rem;line-height:1.45}.question-card legend span{display:block;margin-bottom:5px;color:#0969da;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.question-card>*:not(legend){clear:both}.selection-hint{color:#64748b;font-size:.88rem}.answer-list{display:grid;gap:12px}.answer-option{display:flex!important;align-items:flex-start;gap:13px;margin:0!important;padding:15px 17px;border:2px solid #cad6e4;border-radius:12px;background:#f9fbfd;cursor:pointer;font-weight:600;line-height:1.45;transition:border-color .15s,background .15s,box-shadow .15s}.answer-option:hover{border-color:#438bdc;background:#eff6ff}.answer-option:focus-within{outline:3px solid #f59e0b;outline-offset:2px}.answer-option input{appearance:none;width:25px!important;height:25px;min-width:25px;margin:0;display:grid;place-content:center;border:2px solid #53708f;background:#fff;border-radius:5px;cursor:pointer}.answer-option input[type=radio]{border-radius:50%}.answer-option input::before{content:"";width:13px;height:13px;transform:scale(0);transition:transform .12s;background:#0969da;border-radius:2px}.answer-option input[type=radio]::before{border-radius:50%}.answer-option input:checked{border-color:#0969da;box-shadow:0 0 0 3px #0969da22}.answer-option input:checked::before{transform:scale(1)}.answer-option:has(input:checked){border-color:#0969da;background:#eaf4ff;box-shadow:inset 4px 0 #f59e0b}.answer-option span{max-width:70ch}.submit-exam{justify-self:start;margin-top:4px}.result-card{padding:clamp(25px,5vw,44px);text-align:left;border-top:7px solid #d55b36}.result-card.result-passed{border-top-color:#16834b}.result-symbol{float:right;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#fff0e8;color:#b64124;font-size:2rem;font-weight:900}.result-passed .result-symbol{background:#e3f6ea;color:#116b3d}.result-card h2{margin:.3rem 0;font-size:clamp(2rem,5vw,3rem)}.result-failed h2{color:#b64124}.result-passed h2{color:#116b3d}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:24px 0;background:#d8e1ec;border:1px solid #d8e1ec;border-radius:12px;overflow:hidden}.result-stats div{padding:18px;background:#f7f9fc}.result-stats strong,.result-stats span{display:block}.result-stats strong{font-size:1.45rem;color:#071a35}.result-stats span{color:#64748b;font-size:.82rem}.next-step{padding:14px 17px;background:#eef5fd;border-radius:10px;font-weight:700}.result-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.secondary-action{background:#e5eef8;color:#075bac}.learning-empty{padding:28px}
@media(max-width:600px){.learning-main{padding:22px 12px 65px}.learning-item{grid-template-columns:42px minmax(0,1fr);gap:12px;padding:17px 14px}.item-icon{width:40px;height:40px}.item-arrow{display:none}.item-copy h3{font-size:1rem}.learning-item{min-height:100px}.enrollment-card,.course-heading{padding:20px}.question-card{padding:18px 14px}.answer-option{padding:14px 12px;gap:11px}.answer-option input{width:26px!important;height:26px;min-width:26px}.result-stats{grid-template-columns:1fr}.result-actions>*{width:100%}.image-lightbox{width:calc(100% - 16px);padding:44px 8px 8px}.lesson-shell{padding:18px 14px}.progress-copy{align-items:flex-end}.learning-intro .notice{padding:16px!important}}

/* Lesbare deutsche Umbrüche ohne willkürliche Worttrennung */
.preview-main h1,.preview-main h2,.preview-main h3,.learning-item h3,.lesson-heading h2,.exam-heading h1,.question-card legend{max-width:100%;overflow-wrap:normal!important;word-break:normal!important;hyphens:auto;-webkit-hyphens:auto}.learning-intro h1{font-size:clamp(1.9rem,5vw,3.35rem)}.course-heading h2{font-size:clamp(1.45rem,3.5vw,2.35rem);line-height:1.16}.lesson-heading h2{font-size:clamp(1.45rem,4vw,2.55rem);line-height:1.16}.exam-heading h1{font-size:clamp(1.55rem,4.4vw,2.8rem);line-height:1.14}.item-copy h3{font-size:clamp(.98rem,2vw,1.12rem)}.lesson-body p,.lesson-body li,.answer-option span{overflow-wrap:break-word;word-break:normal}.continuation-actions{display:flex;align-items:stretch;gap:12px;flex-wrap:wrap;margin-top:18px}.continuation-actions button,.result-actions button{min-height:48px}.course-finished{display:grid;gap:2px;padding:14px 17px;border-radius:11px;background:#e5f6ec;color:#116b3d}.course-finished span{font-size:.9rem}.result-actions .course-finished{width:100%;margin-bottom:4px}
@media(max-width:600px){.continuation-actions>*{width:100%}.course-heading h2,.lesson-heading h2{font-size:clamp(1.35rem,6vw,1.8rem)}.exam-heading h1{font-size:clamp(1.45rem,6.2vw,1.9rem)}}