.pwa-academy{--navy:#002E76;--orange:#F07300;--light:#f5f7fb;--text:#1a1a1a;--muted:#626975;--line:#e4e8ef;font-family:inherit;color:var(--text);max-width:1240px;margin:0 auto;padding:34px 18px;box-sizing:border-box}.pwa-academy *{box-sizing:border-box}.pwa-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:24px}.pwa-eyebrow,.pwa-section-label{display:block;color:var(--orange);font-size:12px;font-weight:800;letter-spacing:.12em;margin-bottom:7px;text-transform:uppercase}.pwa-head h2{color:var(--navy);font-size:clamp(28px,4vw,42px);line-height:1.05;margin:0 0 8px}.pwa-head p{margin:0;color:#5d6470}.pwa-status{font-size:13px;color:#69717e}.pwa-filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px}.pwa-filters button{border:1px solid #dfe4ec;background:#fff;color:var(--navy);border-radius:999px;padding:9px 15px;cursor:pointer;font:inherit;font-size:13px}.pwa-filters button.is-active{background:var(--navy);border-color:var(--navy);color:#fff}.pwa-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.pwa-card{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;box-shadow:0 8px 30px rgba(0,46,118,.07);transition:.2s ease}.pwa-card:hover{transform:translateY(-3px);box-shadow:0 13px 36px rgba(0,46,118,.12)}.pwa-image{position:relative;display:block;aspect-ratio:16/9;background:var(--navy);overflow:hidden;text-decoration:none}.pwa-image img{width:100%;height:100%;object-fit:cover;display:block}.pwa-placeholder,.pwa-detail-placeholder{height:100%;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;font-weight:800;letter-spacing:.06em;background:var(--navy)}.pwa-price{position:absolute;right:12px;top:12px;background:var(--orange);color:#fff;padding:7px 10px;border-radius:8px;font-size:12px;font-weight:800}.pwa-body{padding:19px}.pwa-category{color:var(--orange);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:7px}.pwa-card h3{font-size:20px;line-height:1.2;margin:0 0 9px}.pwa-card h3 a{color:var(--navy);text-decoration:none}.pwa-card p{color:var(--muted);font-size:14px;line-height:1.55;min-height:43px;margin:0 0 13px}.pwa-meta{font-size:12px;color:#7a818c;padding-top:12px;border-top:1px solid #edf0f4}.pwa-button{display:flex;justify-content:space-between;align-items:center;margin-top:16px;background:var(--navy);color:#fff!important;text-decoration:none!important;border-radius:9px;padding:11px 13px;font-size:13px;font-weight:700}.pwa-button:hover,.pwa-primary-cta:hover{background:#063d91}.pwa-error{margin-top:18px;padding:16px;border-radius:10px;background:#fff4ed;border:1px solid #ffd8bd;color:#8a3d00}.pwa-error small{color:#6b4a34} /* Detail v0.2 */ .pwa-detail{padding-top:22px}.pwa-detail-loading{padding:42px 0;color:#69717e}.pwa-back{display:inline-flex;margin-bottom:18px;color:var(--navy)!important;text-decoration:none!important;font-size:14px;font-weight:700}.pwa-detail-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:44px;align-items:center;background:linear-gradient(135deg,#f8faff 0%,#fff 60%);border:1px solid var(--line);border-radius:22px;padding:42px;overflow:hidden}.pwa-detail-copy h1{color:var(--navy);font-size:clamp(34px,5vw,58px);line-height:1.04;margin:0 0 16px;letter-spacing:-.025em}.pwa-lead{font-size:18px;line-height:1.55;color:#505967;margin:0 0 22px;max-width:720px}.pwa-course-facts{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}.pwa-course-facts span{background:#fff;border:1px solid #dde5ef;border-radius:999px;padding:8px 12px;color:#435064;font-size:13px;font-weight:700}.pwa-primary-cta{display:inline-flex;background:var(--navy);color:#fff!important;text-decoration:none!important;padding:13px 18px;border-radius:10px;font-weight:800;font-size:14px}.pwa-detail-image{aspect-ratio:16/10;border-radius:16px;overflow:hidden;background:var(--navy);box-shadow:0 18px 45px rgba(0,46,118,.16)}.pwa-detail-image img{width:100%;height:100%;object-fit:cover;display:block}.pwa-info-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.7fr);gap:24px;margin-top:28px}.pwa-panel{border:1px solid var(--line);background:#fff;border-radius:18px;padding:28px}.pwa-panel h2{color:var(--navy);font-size:30px;line-height:1.15;margin:0 0 16px}.pwa-panel h3{color:var(--navy);font-size:20px;margin:0 0 16px}.pwa-description{color:#505967;font-size:15px;line-height:1.75}.pwa-side-panel>div{display:flex;justify-content:space-between;gap:18px;padding:11px 0;border-bottom:1px solid #edf0f4;font-size:13px}.pwa-side-panel>div b{color:#394253}.pwa-side-panel>div span{text-align:right;color:#707887}.pwa-outline-button{display:inline-flex;margin-top:18px;border:1px solid var(--navy);color:var(--navy)!important;text-decoration:none!important;border-radius:9px;padding:10px 13px;font-weight:700;font-size:13px}.pwa-block-section{scroll-margin-top:30px;margin-top:42px}.pwa-section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:16px}.pwa-section-head h2{color:var(--navy);font-size:32px;line-height:1.1;margin:0}.pwa-total-duration{font-size:13px;color:#707887}.pwa-block-list{border:1px solid var(--line);border-radius:17px;overflow:hidden;background:#fff}.pwa-block-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:18px;align-items:center;padding:20px 22px;border-bottom:1px solid #edf0f4}.pwa-block-row:last-child{border-bottom:0}.pwa-block-number{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:#eef4fc;color:var(--navy);font-weight:900}.pwa-block-titleline{display:flex;align-items:center;gap:12px;justify-content:space-between}.pwa-block-main h3{color:var(--navy);font-size:18px;margin:0}.pwa-block-main p{font-size:13px;line-height:1.55;color:#66707f;margin:7px 0 0}.pwa-duration{white-space:nowrap;color:#7a818c;font-size:12px}.pwa-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.pwa-chip{display:inline-flex;border-radius:999px;background:#eef2f7;color:#526070;padding:5px 8px;font-size:11px;font-weight:700}.pwa-chip-free{background:#fff1e6;color:#a44900}.pwa-block-right{min-width:150px;text-align:right}.pwa-block-action{display:inline-flex;background:var(--orange);color:#fff!important;text-decoration:none!important;border-radius:9px;padding:10px 12px;font-size:12px;font-weight:800}.pwa-block-locked{display:inline-flex;background:#f3f5f8;color:#7b828d;border-radius:9px;padding:10px 12px;font-size:12px;font-weight:700}.pwa-login-note{margin-top:18px;padding:15px 18px;border-left:4px solid var(--orange);background:#fff8f2;color:#5f5147;border-radius:8px;font-size:13px}.pwa-empty{padding:22px;border:1px solid var(--line);border-radius:14px;color:#707887;background:#fff} @media(max-width:900px){.pwa-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pwa-detail-hero{grid-template-columns:1fr;padding:28px}.pwa-detail-image{order:-1}.pwa-info-grid{grid-template-columns:1fr}.pwa-block-row{grid-template-columns:42px minmax(0,1fr)}.pwa-block-right{grid-column:2;text-align:left;min-width:0}} @media(max-width:620px){.pwa-head{align-items:start;flex-direction:column}.pwa-grid{grid-template-columns:1fr}.pwa-card p{min-height:0}.pwa-detail-hero{padding:20px;gap:24px;border-radius:16px}.pwa-detail-copy h1{font-size:34px}.pwa-lead{font-size:16px}.pwa-info-grid{margin-top:18px}.pwa-panel{padding:20px}.pwa-section-head{align-items:start;flex-direction:column}.pwa-block-row{grid-template-columns:38px minmax(0,1fr);gap:12px;padding:17px 15px}.pwa-block-number{width:36px;height:36px}.pwa-block-titleline{align-items:flex-start;flex-direction:column;gap:6px}.pwa-side-panel>div{flex-direction:column;gap:4px}.pwa-side-panel>div span{text-align:left}} /* v0.3 Login */ .pwa-login{max-width:560px!important;margin:50px auto!important}.pwa-login-card{background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:36px;box-shadow:0 16px 40px rgba(0,46,118,.08)}.pwa-login-card h2{margin:6px 0 8px;font-size:34px;color:#002e76}.pwa-login-intro{margin:0 0 18px;color:#667085}.pwa-login-form{display:grid;gap:18px}.pwa-login-form label{display:grid;gap:7px;font-weight:700;color:#16345f}.pwa-login-form input{width:100%;box-sizing:border-box;border:1px solid #d7dfeb;border-radius:10px;padding:13px 14px;font:inherit;background:#fff}.pwa-login-form input:focus{outline:2px solid rgba(0,46,118,.15);border-color:#002e76}.pwa-login-form .pwa-primary-cta{border:0;cursor:pointer;margin-top:4px}.pwa-auth-ok{background:#f2f7fd;border:1px solid #d9e7f6;border-radius:12px;padding:16px;margin:18px 0;color:#002e76}.pwa-logout{cursor:pointer;margin-top:16px}.pwa-block-login{display:inline-flex;padding:11px 18px;border-radius:9px;background:#002e76;color:#fff!important;text-decoration:none!important;font-weight:700}.pwa-login .pwa-error{margin-top:16px} /* v0.4 Lern-/Blockseite */ .pwa-academy [hidden]{display:none!important}.pwa-learning{max-width:1240px!important;padding-top:22px}.pwa-learning-loading{padding:42px 0;color:#69717e}.pwa-learning-shell{width:100%}.pwa-breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:20px;font-size:13px;color:#7a818c}.pwa-breadcrumb a{color:var(--navy)!important;text-decoration:none!important;font-weight:700}.pwa-learning-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:22px}.pwa-learning-head h1{color:var(--navy);font-size:clamp(30px,4.5vw,50px);line-height:1.05;margin:0;letter-spacing:-.02em}.pwa-learning-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.pwa-learning-meta span,.pwa-user-pill{display:inline-flex;align-items:center;border:1px solid #dce4ee;background:#fff;border-radius:999px;padding:7px 11px;color:#526070;font-size:12px;font-weight:700}.pwa-user-pill{color:var(--navy);background:#f5f8fd}.pwa-video-wrap{position:relative;width:100%;aspect-ratio:16/9;background:#061e32;border-radius:20px;overflow:hidden;box-shadow:0 18px 48px rgba(0,46,118,.16)}.pwa-video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.pwa-video-missing{display:grid;place-items:center;min-height:300px;border-radius:20px;background:#071f35;color:#fff;text-align:center;padding:30px}.pwa-learning-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);gap:24px;margin-top:26px}.pwa-learning-resources>p{color:#707887;font-size:14px;line-height:1.6;margin:0}.pwa-resource{display:flex;justify-content:space-between;gap:20px;align-items:center;border:1px solid #e2e8f0;border-radius:12px;padding:14px 15px;text-decoration:none!important;margin-top:10px;background:#f9fbfe}.pwa-resource strong{color:var(--navy)}.pwa-resource span{color:#667085;font-size:12px}.pwa-quiz-card{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-top:24px;padding:20px 22px;border:1px solid #f4d4bc;border-left:4px solid var(--orange);border-radius:14px;background:#fff9f4}.pwa-quiz-card strong{color:var(--navy);font-size:17px}.pwa-quiz-card p{margin:5px 0 0;color:#67594e;font-size:13px}.pwa-quiz-card .pwa-outline-button{margin-top:0;white-space:nowrap}.pwa-learning-nav{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:28px;padding-top:22px;border-top:1px solid #e6ebf2}.pwa-learning-nav .pwa-outline-button{margin-top:0}.pwa-learning-stepnav{display:flex;gap:10px;align-items:center}.pwa-access-denied{max-width:760px;margin:70px auto;padding:42px;border:1px solid #e2e8f0;border-radius:22px;background:#fff;box-shadow:0 16px 40px rgba(0,46,118,.08);text-align:center}.pwa-access-denied h1{color:var(--navy);font-size:clamp(30px,4vw,44px);margin:6px 0 14px}.pwa-access-denied p{color:#667085;font-size:16px;line-height:1.65;margin:0 auto 22px;max-width:620px}.pwa-auth-line{margin-top:18px;color:#7a818c;font-size:12px} @media(max-width:900px){.pwa-learning-grid{grid-template-columns:1fr}.pwa-learning-head{align-items:flex-start;flex-direction:column}.pwa-learning-nav{align-items:flex-start;flex-direction:column}.pwa-learning-stepnav{width:100%;justify-content:space-between}} @media(max-width:620px){.pwa-video-wrap{border-radius:14px}.pwa-quiz-card{align-items:flex-start;flex-direction:column}.pwa-learning-stepnav{align-items:stretch;flex-direction:column}.pwa-learning-stepnav a{justify-content:center}.pwa-access-denied{padding:26px 20px;margin:35px auto}} /* v0.5 Lernfortschritt & sequenzielle Freischaltung */ .pwa-progress-summary{margin-top:7px;color:#667085;font-size:13px;font-weight:600}.pwa-block-row.is-completed{background:#fbfdfb}.pwa-block-row.is-completed .pwa-block-number{background:#eaf7ee;color:#267a3d}.pwa-chip-completed{background:#eaf7ee;color:#267a3d}.pwa-chip-open{background:#eef4fc;color:#002e76}.pwa-block-completed{background:#267a3d}.pwa-block-completed:hover{background:#1e6431}.pwa-completion-box{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-top:24px;padding:20px 22px;border:1px solid #dfe6ef;border-left:4px solid var(--navy);border-radius:14px;background:#f8fbff}.pwa-completion-box.is-done{border-left-color:#267a3d;background:#f4fbf6}.pwa-completion-box strong{display:block;color:var(--navy);font-size:17px}.pwa-completion-box.is-done strong{color:#267a3d}.pwa-completion-box span{display:block;margin-top:4px;color:#667085;font-size:13px;line-height:1.55}.pwa-completion-box .pwa-primary-cta{border:0;cursor:pointer;white-space:nowrap}.pwa-completion-box .pwa-primary-cta:disabled{opacity:.6;cursor:wait}.pwa-complete-message{color:#267a3d;font-size:12px;font-weight:700}.pwa-next-locked{display:inline-flex;align-items:center;border-radius:9px;background:#f1f3f6;color:#7b828d;padding:11px 14px;font-size:13px;font-weight:700} @media(max-width:700px){.pwa-completion-box{align-items:flex-start;flex-direction:column}.pwa-completion-box .pwa-primary-cta,.pwa-completion-box .pwa-outline-button{justify-content:center;width:100%;margin-top:0}} /* v0.5.1 diagnostics */ .pwa-diagnostics-content{margin-top:18px}.pwa-diagnostic-recommend{padding:18px 20px;border:1px solid #f07300;border-left-width:4px;border-radius:12px;background:#fff8f1;color:#17325c;margin-bottom:18px}.pwa-table-wrap{overflow:auto;border:1px solid #e4eaf2;border-radius:14px;background:#fff}.pwa-diagnostic-table{width:100%;border-collapse:collapse;min-width:920px}.pwa-diagnostic-table th,.pwa-diagnostic-table td{padding:12px 14px;border-bottom:1px solid #edf1f6;text-align:left;vertical-align:top}.pwa-diagnostic-table th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#5d6b7d;background:#f8fafc}.pwa-diagnostic-table tr.is-suitable td{background:#fffaf5}.pwa-diagnostic-table tr.is-suitable td:first-child{font-weight:700;color:#0b6b3a}.pwa-diagnostic-note{font-size:13px;color:#657386;margin-top:12px} /* v0.6 Quiz */ .pwa-quiz{max-width:980px!important;padding-top:22px}.pwa-quiz-loading{padding:42px 0;color:#69717e}.pwa-quiz-shell{width:100%}.pwa-quiz-head{display:flex;justify-content:space-between;gap:28px;align-items:flex-end;margin-bottom:24px}.pwa-quiz-head h1{color:var(--navy);font-size:clamp(30px,4vw,44px);line-height:1.08;margin:3px 0 8px}.pwa-quiz-head p{margin:0;max-width:680px;color:#667085;line-height:1.6}.pwa-quiz-progress{margin:0 0 20px}.pwa-quiz-progress-text{font-size:13px;font-weight:700;color:var(--navy);margin-bottom:8px}.pwa-quiz-progress-track{height:7px;border-radius:999px;background:#e9eef5;overflow:hidden}.pwa-quiz-progress-track span{display:block;height:100%;background:var(--orange);border-radius:999px;transition:width .25s ease}.pwa-quiz-card-main{border:1px solid #e1e7ef;border-radius:20px;background:#fff;padding:32px;box-shadow:0 12px 34px rgba(0,46,118,.07)}.pwa-question-counter{font-size:12px;font-weight:800;color:var(--orange);text-transform:uppercase;letter-spacing:.05em}.pwa-quiz-card-main h2{color:var(--navy);font-size:27px;line-height:1.25;margin:8px 0 24px}.pwa-answer-list{display:grid;gap:12px}.pwa-answer-option{display:grid;grid-template-columns:22px 34px 1fr;align-items:center;gap:10px;border:1px solid #dfe6ef;border-radius:13px;padding:14px 16px;cursor:pointer;background:#fff;transition:.15s}.pwa-answer-option:hover{border-color:#9fb5d2;background:#f9fbfe}.pwa-answer-option:has(input:checked){border-color:#002e76;background:#f2f7fd}.pwa-answer-option.is-wrong{border-color:#d89a95;background:#fff7f6}.pwa-answer-option.is-correct{border-color:#72b783;background:#eef9f1}.pwa-answer-option input{margin:0}.pwa-answer-index{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#eef4fc;color:var(--navy);font-weight:800;font-size:12px}.pwa-answer-feedback{min-height:0;font-size:14px;line-height:1.5}.pwa-answer-feedback.is-error{padding:13px 15px;border-radius:10px;background:#fff3f2;color:#9d2b24}.pwa-answer-feedback.is-success{padding:13px 15px;border-radius:10px;background:#eef9f1;color:#267a3d}.pwa-answer-feedback div{margin-top:4px}.pwa-check-answer{border:0;cursor:pointer;justify-content:center;margin-top:4px}.pwa-check-answer:disabled{opacity:.65;cursor:wait}.pwa-quiz-footer{margin-top:16px}.pwa-quiz-footer .pwa-outline-button{margin-top:0}.pwa-quiz-success{text-align:center;padding:18px 8px}.pwa-success-icon{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 16px;border-radius:50%;background:#eaf7ee;color:#267a3d;font-size:34px;font-weight:900}.pwa-quiz-success h2{font-size:34px;margin:6px 0 10px}.pwa-quiz-success p{color:#667085;max-width:620px;margin:0 auto;line-height:1.65}.pwa-quiz-result-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:24px}.pwa-quiz-result-actions .pwa-outline-button{margin-top:0} @media(max-width:700px){.pwa-quiz-head{align-items:flex-start;flex-direction:column}.pwa-quiz-card-main{padding:22px 18px}.pwa-answer-option{grid-template-columns:20px 30px 1fr;padding:12px}.pwa-quiz-result-actions{align-items:stretch;flex-direction:column}.pwa-quiz-result-actions a{justify-content:center}} /* v0.6.1 Block-Diagnose */ .pwa-block-recommend .pwa-recommend-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-top:12px}.pwa-block-recommend .pwa-recommend-grid>div{padding:12px 14px;border:1px solid #f2d5bd;border-radius:10px;background:#fff}.pwa-block-recommend span{display:block;color:#f07300;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.pwa-block-recommend b{display:block;color:#002e76;margin-top:4px}.pwa-block-recommend small{display:block;color:#657386;margin-top:3px}.pwa-block-diagnostic-table{min-width:1450px}.pwa-block-diagnostic-table tr.is-inactive td{opacity:.6;background:#f7f8fa}.pwa-diag-yes{color:#0b6b3a;font-weight:700}.pwa-diag-no{color:#8b93a1}.pwa-diag-tag{display:inline-block;padding:4px 7px;margin:2px 2px 2px 0;border-radius:999px;background:#eef4fc;color:#002e76;font-size:11px;font-weight:700;white-space:nowrap} /* v0.7 Quiz-Status & Wiederholung */ .pwa-quiz-card.pwa-quiz-passed{border-color:#bfe3c9;border-left-color:#267a3d;background:#f4fbf6}.pwa-quiz-card.pwa-quiz-passed strong{color:#267a3d}.pwa-quiz-card.pwa-quiz-passed p{color:#4f6657} /* v0.8 Meine Kurse */ .pwa-my-courses-content{margin-top:18px}.pwa-my-course-section{margin-top:28px}.pwa-my-course-section:first-child{margin-top:0}.pwa-my-course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.pwa-my-course-card{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:250px;border:1px solid #e1e7ef;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 10px 30px rgba(0,46,118,.06)}.pwa-my-course-card.is-done{background:#fbfdfb}.pwa-my-course-image{display:block;min-height:100%;background:#073d89;text-decoration:none!important}.pwa-my-course-image img{width:100%;height:100%;min-height:250px;object-fit:cover;display:block}.pwa-my-course-placeholder{display:grid;place-items:center;height:100%;min-height:250px;color:#fff;text-align:center;font-size:18px;font-weight:800;letter-spacing:.03em}.pwa-my-course-body{display:flex;flex-direction:column;padding:22px}.pwa-my-course-topline{display:flex;justify-content:space-between;gap:10px;align-items:center}.pwa-my-course-done{font-size:11px;font-weight:800;color:#267a3d;background:#eaf7ee;border-radius:999px;padding:5px 8px;white-space:nowrap}.pwa-my-course-card h3{font-size:22px;line-height:1.2;margin:8px 0}.pwa-my-course-card h3 a{color:var(--navy)!important;text-decoration:none!important}.pwa-my-course-card p{margin:0;color:#667085;font-size:14px;line-height:1.55}.pwa-my-course-progress{margin-top:auto;padding-top:20px}.pwa-my-course-progressline{display:flex;justify-content:space-between;gap:16px;color:#667085;font-size:12px}.pwa-my-course-progressline b{color:var(--navy)}.pwa-my-course-track{height:7px;margin-top:8px;border-radius:999px;background:#e9eef5;overflow:hidden}.pwa-my-course-track span{display:block;height:100%;border-radius:999px;background:var(--orange)}.pwa-my-course-card.is-done .pwa-my-course-track span{background:#267a3d}.pwa-my-course-footer{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-top:18px;padding-top:15px;border-top:1px solid #edf1f6}.pwa-my-course-footer>span{font-size:11px;color:#7a818c}.pwa-my-course-footer .pwa-block-action{white-space:nowrap}.pwa-my-courses-login{max-width:650px;margin:45px auto;padding:36px;border:1px solid #e1e7ef;border-radius:18px;background:#fff;text-align:center;box-shadow:0 10px 30px rgba(0,46,118,.06)}.pwa-my-courses-login h3,.pwa-my-courses-empty h3{color:var(--navy);font-size:28px;margin:5px 0 10px}.pwa-my-courses-login p,.pwa-my-courses-empty p{color:#667085;margin:0 auto 20px;line-height:1.6}.pwa-my-courses-empty{text-align:center;padding:42px}.pwa-my-courses-empty .pwa-outline-button{margin-top:0} @media(max-width:1050px){.pwa-my-course-grid{grid-template-columns:1fr}} @media(max-width:650px){.pwa-my-course-card{grid-template-columns:1fr}.pwa-my-course-image img,.pwa-my-course-placeholder{min-height:190px;height:190px}.pwa-my-course-footer{align-items:flex-start;flex-direction:column}.pwa-my-course-footer .pwa-block-action{justify-content:center;width:100%}.pwa-my-courses-login{padding:28px 20px}} /* v0.9 Teilnehmer-Dashboard */ .pwa-my-featured{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr);gap:0;margin:8px 0 38px;border:1px solid #dde5ef;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#f7faff 0%,#fff 72%);box-shadow:0 16px 42px rgba(0,46,118,.09)} .pwa-my-featured-copy{display:flex;flex-direction:column;justify-content:center;padding:32px 38px}.pwa-my-featured-copy h2{color:var(--navy);font-size:clamp(30px,4vw,44px);line-height:1.08;margin:0 0 10px;letter-spacing:-.02em}.pwa-my-featured-subtitle{margin:0 0 18px;color:#667085;font-size:16px;line-height:1.55}.pwa-my-featured-progressline{display:flex;justify-content:space-between;gap:16px;color:#667085;font-size:13px}.pwa-my-featured-progressline b{color:var(--navy);font-size:14px}.pwa-my-featured-track{height:9px;margin-top:9px;border-radius:999px;background:#e8eef5;overflow:hidden}.pwa-my-featured-track span{display:block;height:100%;border-radius:999px;background:var(--orange)}.pwa-my-featured-next{display:flex;flex-direction:column;gap:3px;margin-top:16px}.pwa-my-featured-next span{color:#7b8491;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.pwa-my-featured-next strong{color:var(--navy);font-size:17px}.pwa-my-featured-actions{display:flex;gap:10px;align-items:center;margin-top:18px}.pwa-my-featured-actions .pwa-outline-button{margin-top:0}.pwa-my-featured-meta{margin-top:14px;color:#7a818c;font-size:11px}.pwa-my-featured-image{display:block;min-height:300px;background:var(--navy);text-decoration:none!important;overflow:hidden}.pwa-my-featured-image img{width:100%;height:100%;min-height:300px;max-height:330px;object-fit:cover;display:block}.pwa-my-featured-image .pwa-my-course-placeholder{min-height:300px;font-size:24px}.pwa-my-course-section-compact .pwa-my-course-card{grid-template-columns:165px minmax(0,1fr);min-height:205px}.pwa-my-course-section-compact .pwa-my-course-image img,.pwa-my-course-section-compact .pwa-my-course-placeholder{min-height:205px}.pwa-my-course-section-compact .pwa-my-course-body{padding:18px}.pwa-my-course-section-compact .pwa-my-course-card h3{font-size:19px}.pwa-my-course-section-compact .pwa-my-course-card p{font-size:13px}.pwa-my-course-section-compact .pwa-my-course-progress{padding-top:14px}.pwa-my-course-section-compact .pwa-my-course-footer{margin-top:13px;padding-top:12px} @media(max-width:900px){.pwa-my-featured{grid-template-columns:1fr}.pwa-my-featured-image{order:-1;min-height:220px}.pwa-my-featured-image img,.pwa-my-featured-image .pwa-my-course-placeholder{min-height:220px;height:220px}.pwa-my-featured-copy{padding:30px}} @media(max-width:650px){.pwa-my-featured{border-radius:18px}.pwa-my-featured-copy{padding:24px 20px}.pwa-my-featured-actions{align-items:stretch;flex-direction:column}.pwa-my-featured-actions a{justify-content:center;width:100%}.pwa-my-course-section-compact .pwa-my-course-card{grid-template-columns:1fr}.pwa-my-course-section-compact .pwa-my-course-image img,.pwa-my-course-section-compact .pwa-my-course-placeholder{height:180px;min-height:180px}} /* v0.10 Kursabschluss */ .pwa-course-complete-shell{max-width:920px;margin:0 auto;padding:10px 0 18px}.pwa-course-complete-card{text-align:center;border:1px solid #cfe5d5;border-radius:24px;background:linear-gradient(180deg,#fbfffc 0%,#f4fbf6 100%);padding:48px 42px;box-shadow:0 16px 42px rgba(0,46,118,.08)}.pwa-course-complete-icon{display:grid;place-items:center;width:78px;height:78px;margin:0 auto 18px;border-radius:50%;background:#e1f5e7;color:#267a3d;font-size:42px;font-weight:900}.pwa-course-complete-card h1{color:var(--navy);font-size:clamp(34px,5vw,52px);line-height:1.05;margin:8px 0 14px}.pwa-course-complete-card>p{max-width:650px;margin:0 auto;color:#596575;font-size:17px;line-height:1.65}.pwa-course-complete-card>p strong{color:var(--navy)}.pwa-course-complete-progress{max-width:560px;margin:28px auto 0;text-align:left}.pwa-course-complete-progress>div:first-child{display:flex;justify-content:space-between;gap:20px;color:#667085;font-size:13px}.pwa-course-complete-progress b{color:#267a3d}.pwa-course-complete-track{height:10px;margin-top:9px;border-radius:999px;background:#dfe9e2;overflow:hidden}.pwa-course-complete-track span{display:block;width:100%;height:100%;border-radius:999px;background:#267a3d}.pwa-course-complete-user{margin-top:18px;color:#748078;font-size:12px}.pwa-course-complete-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:28px}.pwa-course-complete-actions .pwa-outline-button{margin-top:0}.pwa-course-complete-actions .pwa-primary-cta{align-items:center}.pwa-course-complete-shell .pwa-breadcrumb{margin-bottom:18px} @media(max-width:650px){.pwa-course-complete-card{padding:34px 20px;border-radius:18px}.pwa-course-complete-actions{flex-direction:column;align-items:stretch}.pwa-course-complete-actions a{justify-content:center}.pwa-course-complete-card>p{font-size:15px}} /* v0.11 Academy header + profile */ .pwa-academy-header{max-width:none!important;margin:0!important;padding:0!important;background:#fff;border-bottom:1px solid #e3e8ef;box-shadow:0 4px 18px rgba(0,46,118,.045)} .pwa-header-inner{max-width:1240px;margin:0 auto;min-height:72px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:28px} .pwa-header-brand{display:inline-flex;align-items:center;gap:10px;color:#002e76!important;text-decoration:none!important;font-weight:850;font-size:19px;letter-spacing:-.01em;white-space:nowrap} .pwa-header-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#002e76;color:#fff;font-size:17px;font-weight:900;box-shadow:inset 0 -3px 0 rgba(240,115,0,.95)} .pwa-header-nav{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto} .pwa-header-nav>a,.pwa-auth-nav>a{display:inline-flex;align-items:center;min-height:40px;padding:8px 11px;border-radius:9px;color:#16345f!important;text-decoration:none!important;font-size:13px;font-weight:750;white-space:nowrap} .pwa-header-nav>a:hover,.pwa-auth-nav>a:hover,.pwa-header-nav a.is-active{background:#f1f5fa;color:#002e76!important} .pwa-auth-nav{display:flex;align-items:center;gap:8px;color:#7a818c;font-size:12px} .pwa-auth-nav.is-authenticated{gap:7px} .pwa-header-user{max-width:205px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:5px;padding:7px 10px;border-radius:999px;background:#f2f6fb;color:#536174;font-size:11px;font-weight:700} .pwa-header-login{background:#002e76!important;color:#fff!important;padding-left:15px!important;padding-right:15px!important} .pwa-header-login:hover{background:#063d91!important;color:#fff!important} .pwa-header-logout{border:1px solid #dbe3ed;background:#fff;color:#002e76;border-radius:9px;padding:9px 12px;font:inherit;font-size:12px;font-weight:800;cursor:pointer} .pwa-header-logout:hover{border-color:#002e76;background:#f7faff} .pwa-header-toggle{display:none;border:1px solid #dbe3ed;border-radius:9px;background:#fff;color:#002e76;width:42px;height:40px;font-size:20px;cursor:pointer} .pwa-profile{max-width:900px!important} .pwa-profile-content{margin-top:20px} .pwa-profile-card{display:grid;grid-template-columns:88px minmax(0,1fr);gap:24px;align-items:start;padding:30px;border:1px solid #e1e7ef;border-radius:20px;background:#fff;box-shadow:0 12px 34px rgba(0,46,118,.07)} .pwa-profile-card.pwa-profile-loggedout{display:block;text-align:center;max-width:650px;margin:20px auto} .pwa-profile-card.pwa-profile-loggedout h3{color:#002e76;font-size:28px;margin:4px 0 8px} .pwa-profile-avatar{width:78px;height:78px;display:grid;place-items:center;border-radius:50%;background:#002e76;color:#fff;font-size:30px;font-weight:900;box-shadow:inset 0 -5px 0 #f07300} .pwa-profile-main h3{margin:3px 0 8px;color:#002e76;font-size:28px;line-height:1.15} .pwa-profile-main p{margin:0;color:#667085;line-height:1.6} .pwa-profile-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:22px} .pwa-profile-actions .pwa-outline-button,.pwa-profile-actions .pwa-primary-cta{margin-top:0} .pwa-profile-actions button.pwa-outline-button{background:#fff;cursor:pointer;font:inherit} @media(max-width:820px){ .pwa-header-toggle{display:inline-grid;place-items:center} .pwa-header-nav{display:none;position:absolute;left:16px;right:16px;top:68px;z-index:9999;align-items:stretch;flex-direction:column;padding:12px;border:1px solid #dfe6ef;border-radius:14px;background:#fff;box-shadow:0 18px 45px rgba(0,46,118,.16)} .pwa-academy-header.is-open .pwa-header-nav{display:flex} .pwa-header-inner{position:relative;min-height:64px} .pwa-header-nav>a,.pwa-auth-nav>a{width:100%;justify-content:flex-start} .pwa-auth-nav,.pwa-auth-nav.is-authenticated{width:100%;align-items:stretch;flex-direction:column} .pwa-header-user{max-width:none;margin:4px 0 0;border-radius:9px} .pwa-header-logout{width:100%;text-align:left} } @media(max-width:600px){ .pwa-header-brand{font-size:16px}.pwa-header-mark{width:32px;height:32px} .pwa-profile-card{grid-template-columns:1fr;padding:24px 20px}.pwa-profile-avatar{width:66px;height:66px;font-size:25px} .pwa-profile-actions{align-items:stretch;flex-direction:column}.pwa-profile-actions a,.pwa-profile-actions button{justify-content:center;width:100%} } /* v0.11.1 – automatische Academy-Navigation auf den Academy-Seiten */ body.pwa-academy-shell #masthead, body.pwa-academy-shell .site-header, body.pwa-academy-shell .ast-above-header-wrap, body.pwa-academy-shell .ast-primary-header-bar, body.pwa-academy-shell .ast-below-header-wrap, body.pwa-academy-shell header.site-header { display: none !important; } body.pwa-academy-shell > .pwa-academy-header { position: relative; z-index: 100; width: 100%; } body.admin-bar.pwa-academy-shell > .pwa-academy-header { margin-top: 0; } /* v0.12 Profil: Zugangscode einlösen + kompakter Header */ .pwa-redeem-card{margin-top:22px;padding:28px 30px;border:1px solid #e1e7ef;border-radius:20px;background:#fff;box-shadow:0 12px 34px rgba(0,46,118,.055)} .pwa-redeem-copy h3{margin:4px 0 7px;color:#002e76;font-size:25px}.pwa-redeem-copy p{margin:0;color:#667085;line-height:1.6;max-width:720px} .pwa-redeem-form{margin-top:20px}.pwa-redeem-form label{display:block;margin-bottom:7px;color:#16345f;font-size:13px;font-weight:800}.pwa-redeem-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:stretch}.pwa-redeem-row input{min-height:46px;border:1px solid #cfd9e6;border-radius:10px;padding:10px 13px;color:#17365e;background:#fff;font:inherit;text-transform:uppercase;letter-spacing:.04em}.pwa-redeem-row input:focus{outline:2px solid rgba(0,46,118,.16);border-color:#002e76}.pwa-redeem-row .pwa-primary-cta{margin:0;white-space:nowrap}.pwa-redeem-state{margin-top:14px;padding:0;color:#667085;font-size:13px;line-height:1.55}.pwa-redeem-state:empty{display:none}.pwa-redeem-state.is-success,.pwa-redeem-state.is-info,.pwa-redeem-state.is-error{display:block;padding:12px 14px;border-radius:10px}.pwa-redeem-state.is-success{background:#edf8f0;color:#267a3d}.pwa-redeem-state.is-info{background:#f2f6fb;color:#23446f}.pwa-redeem-state.is-error{background:#fff2f0;color:#9f2f24}.pwa-redeem-state a{font-weight:800;color:inherit!important}.pwa-auth-nav.is-authenticated{gap:8px}.pwa-header-user{display:none!important} @media(max-width:650px){.pwa-redeem-card{padding:24px 20px}.pwa-redeem-row{grid-template-columns:1fr}.pwa-redeem-row .pwa-primary-cta{justify-content:center;width:100%}} /* v0.12.1 – Diagnose-Hub + Code-Diagnose */ .pwa-header-diagnostics{border:1px solid #f2d2b8;background:#fff8f2;color:#9d4a00!important} .pwa-header-diagnostics:hover,.pwa-header-diagnostics.is-active{background:#fff0e2!important;color:#8b3f00!important;border-color:#f07300} .pwa-diagnostics-hub{max-width:1120px!important;margin:0 auto;padding-top:42px!important} .pwa-diagnostics-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px} .pwa-diagnostics-hub-card{display:flex;gap:17px;align-items:flex-start;min-height:190px;padding:24px;border:1px solid #e1e7ef;border-radius:18px;background:#fff;color:#16345f!important;text-decoration:none!important;box-shadow:0 10px 30px rgba(0,46,118,.055);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease} .pwa-diagnostics-hub-card:hover{transform:translateY(-2px);border-color:#b9c9dd;box-shadow:0 15px 34px rgba(0,46,118,.10)} .pwa-diag-hub-icon{flex:0 0 48px;height:48px;display:grid;place-items:center;border-radius:12px;background:#002e76;color:#fff;font-size:19px;font-weight:900;box-shadow:inset 0 -4px 0 #f07300} .pwa-diagnostics-hub-card h3{margin:1px 0 7px;color:#002e76;font-size:20px}.pwa-diagnostics-hub-card p{margin:0 0 14px;color:#667085;line-height:1.55;font-size:13px}.pwa-diagnostics-hub-card strong{color:#f07300;font-size:13px} .pwa-code-diagnostic-table code{display:inline-block;padding:3px 6px;border-radius:6px;background:#f3f6fa;color:#002e76;font-size:12px;white-space:nowrap} @media(max-width:900px){.pwa-diagnostics-hub-grid{grid-template-columns:1fr}.pwa-diagnostics-hub-card{min-height:0}} /* v0.12.3: Direktlinks aus Diagnoseansichten */ .pwa-diagnostic-table .pwa-diag-link, .pwa-block-recommend .pwa-diag-link { color: #002E76; font-weight: 700; text-decoration: none; text-underline-offset: 2px; } .pwa-diagnostic-table .pwa-diag-link:hover, .pwa-block-recommend .pwa-diag-link:hover { color: #F07300; text-decoration: underline; } /* v0.13 – Stripe Test Checkout */ .pwa-purchase-panel{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:28px 0;padding:28px 30px;border:1px solid #dbe3ec;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(0,46,118,.06)} .pwa-purchase-panel h2{margin:4px 0 8px;color:#002e76;font-size:28px}.pwa-purchase-panel p{margin:0;color:#56616f}.pwa-purchase-panel.is-muted{background:#f7f9fc}.pwa-purchase-disabled{display:inline-flex;align-items:center;padding:10px 14px;border-radius:999px;background:#eef2f7;color:#5d6672;font-weight:700;font-size:13px;white-space:nowrap}.pwa-purchase-message{margin-left:auto;font-size:13px}.pwa-purchase-error{color:#b42318;font-weight:700}.pwa-stripe-checkout:disabled{opacity:.65;cursor:wait} .pwa-purchase-success{max-width:980px;margin:0 auto}.pwa-purchase-success-content{min-height:260px}.pwa-purchase-loading{padding:60px 24px;text-align:center;color:#52606d}.pwa-purchase-result{padding:48px 38px;border-radius:22px;background:#fff;border:1px solid #dbe3ec;text-align:center;box-shadow:0 10px 30px rgba(0,46,118,.07)}.pwa-purchase-result h1{margin:8px 0 12px;color:#002e76}.pwa-purchase-result p{color:#56616f}.pwa-purchase-result-meta{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:18px 0 26px}.pwa-purchase-result-meta span{padding:8px 12px;border-radius:999px;background:#edf4fb;color:#002e76;font-weight:700;font-size:13px}.pwa-test-note{margin-top:24px!important;font-size:12px!important;color:#7a8490!important} @media (max-width:760px){.pwa-purchase-panel{align-items:flex-start;flex-direction:column;padding:22px}.pwa-purchase-panel .pwa-primary-cta{width:100%;text-align:center}.pwa-purchase-disabled{white-space:normal}.pwa-purchase-result{padding:34px 22px}} /* v0.13.3 – Rechnungen im Profil */ .pwa-invoices-card{margin-top:24px;border:1px solid #e3e9f2;border-radius:20px;background:#fff;padding:24px;box-shadow:0 12px 30px rgba(0,46,118,.06)} .pwa-invoices-head h3{margin:4px 0 6px;color:#002e76;font-size:24px} .pwa-invoices-head p{margin:0 0 18px;color:#6b7280} .pwa-invoices-list{display:grid;gap:12px} .pwa-invoice-item{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #e5eaf2;border-radius:14px;padding:18px;background:#fbfcfe} .pwa-invoice-main{min-width:0} .pwa-invoice-number{display:block;font-size:12px;font-weight:800;color:#f47b00;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px} .pwa-invoice-item h4{margin:0 0 8px;font-size:18px;color:#002e76} .pwa-invoice-course{color:#002e76;text-decoration:none} .pwa-invoice-course:hover{text-decoration:underline} .pwa-invoice-meta{display:flex;flex-wrap:wrap;gap:10px 16px;font-size:13px;color:#6b7280} .pwa-invoice-meta .is-paid{color:#16803b;font-weight:700} .pwa-invoice-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end} .pwa-invoices-empty,.pwa-invoices-error{padding:16px;border-radius:12px;background:#f7f9fc;color:#6b7280} .pwa-invoices-error{background:#fff4ed;color:#9a3412} @media (max-width:760px){.pwa-invoice-item{align-items:flex-start;flex-direction:column}.pwa-invoice-actions{justify-content:flex-start;width:100%}} /* v0.15 – Firmenverwaltung */ .pwa-company-management{max-width:1120px;margin:0 auto;padding-top:42px!important} .pwa-admin-toolbar{display:flex;gap:12px;flex-wrap:wrap;margin:8px 0 22px}.pwa-admin-toolbar .pwa-secondary-cta{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border:1px solid #002e76;border-radius:10px;background:#fff;color:#002e76;font-weight:800;cursor:pointer} .pwa-management-panel{margin:0 0 24px;padding:24px;border:1px solid #dbe3ec;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(0,46,118,.06)} .pwa-management-panel[hidden]{display:none}.pwa-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.pwa-editor-head h3{margin:3px 0 0;color:#002e76;font-size:24px}.pwa-editor-close{border:0;background:#f3f6fa;color:#002e76;width:36px;height:36px;border-radius:9px;font-size:24px;line-height:1;cursor:pointer} .pwa-management-form label{display:flex;flex-direction:column;gap:7px;color:#16345f;font-weight:800;font-size:13px}.pwa-management-form input,.pwa-management-form select,.pwa-management-form textarea{min-height:44px;padding:9px 11px;border:1px solid #cfd9e6;border-radius:9px;background:#fff;color:#17365e;font:inherit}.pwa-management-form input:disabled{background:#f5f7fa;color:#7b8490}.pwa-management-form small{font-weight:500;color:#7a8490;line-height:1.4}.pwa-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px}.pwa-checkbox-row{margin-top:17px!important;display:flex!important;flex-direction:row!important;align-items:center;gap:9px!important}.pwa-checkbox-row input{min-height:auto;width:18px;height:18px}.pwa-editor-actions{display:flex;align-items:center;gap:14px;margin-top:18px}.pwa-save-state{color:#16803b;font-size:13px;font-weight:800} .pwa-management-section{margin-top:26px}.pwa-section-title-row{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:10px}.pwa-section-title-row h3{margin:3px 0 0;color:#002e76;font-size:25px}.pwa-section-title-row>span{color:#7a8490;font-size:13px}.pwa-small-button{padding:8px 11px;border:1px solid #c8d5e4;border-radius:8px;background:#fff;color:#002e76;font-weight:800;cursor:pointer;white-space:nowrap}.pwa-small-button:hover{border-color:#002e76;background:#f5f8fc} @media(max-width:760px){.pwa-form-grid{grid-template-columns:1fr}.pwa-company-management{padding-left:16px!important;padding-right:16px!important}.pwa-admin-toolbar>*{width:100%}} /* v0.15.2 – Firmenlizenz-/Seat-Hinweise */ .pwa-seat-license-warning{padding:18px 20px;border:1px solid #f2c79e;border-left:4px solid var(--orange);border-radius:12px;background:#fff8f2;color:#5f5147}.pwa-seat-license-warning strong{display:block;color:#8a3d00;font-size:15px;margin-bottom:5px}.pwa-seat-license-warning p{margin:0 0 12px;line-height:1.55}.pwa-seat-warning-button{border-color:#e8b17d!important;background:#fff8f2!important;color:#8a3d00!important} /* v0.17.0 Firmenadministrator */ .pwa-company-portal-summary{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:24px 28px;margin:0 0 28px;border:1px solid #dfe7f2;border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(0,46,118,.06)} .pwa-company-portal-summary h3{margin:4px 0 6px;color:#002e76;font-size:28px} .pwa-company-portal-summary p{margin:0;color:#64748b} .pwa-company-portal-summary>div:last-child{display:flex;flex-direction:column;align-items:flex-end;min-width:130px} .pwa-company-portal-summary>div:last-child strong{font-size:28px;color:#002e76} .pwa-company-portal-summary>div:last-child span{font-size:13px;color:#64748b} @media(max-width:760px){.pwa-company-portal-summary{align-items:flex-start;flex-direction:column}.pwa-company-portal-summary>div:last-child{align-items:flex-start}} /* v0.18.0 – Zentraler Academy-Adminbereich / Benutzerverwaltung */ .pwa-academy-admin{max-width:1180px;margin:0 auto;padding-top:42px!important} .pwa-admin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 20px}.pwa-admin-tabs button{padding:10px 15px;border:1px solid #d7e0eb;border-radius:9px;background:#fff;color:#52657c;font-weight:800}.pwa-admin-tabs button.is-active{background:#002e76;border-color:#002e76;color:#fff}.pwa-admin-tabs button:disabled{opacity:.5;cursor:not-allowed} .pwa-admin-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}.pwa-admin-summary-grid>div{display:flex;flex-direction:column;gap:3px;padding:18px 20px;border:1px solid #e0e7f0;border-radius:14px;background:#fff;box-shadow:0 8px 22px rgba(0,46,118,.045)}.pwa-admin-summary-grid strong{font-size:25px;color:#002e76}.pwa-admin-summary-grid span{font-size:12px;color:#6b7787;font-weight:700} .pwa-admin-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin:0 0 14px}.pwa-admin-search input{min-height:44px;padding:10px 13px;border:1px solid #cfd9e6;border-radius:9px;background:#fff;color:#17365e;font:inherit}.pwa-admin-search input:focus{outline:2px solid rgba(0,46,118,.14);border-color:#002e76} .pwa-role-badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eef3f8;color:#42566e;font-size:11px;font-weight:850;white-space:nowrap}.pwa-role-admin{background:#fff0e3;color:#984600}.pwa-role-companyadmin{background:#edf4ff;color:#002e76}.pwa-role-user{background:#f1f4f7;color:#56616d} .pwa-user-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 20px}.pwa-user-meta-grid>div{padding:14px 16px;border:1px solid #e2e8f0;border-radius:11px;background:#f9fbfd;min-width:0}.pwa-user-meta-grid span{display:block;margin-bottom:4px;color:#7a8490;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.pwa-user-meta-grid strong{display:block;color:#17365e;word-break:break-word}.pwa-user-meta-grid small{display:block;margin-top:4px;color:#8993a0;font-size:11px}.pwa-code-value{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px} .pwa-admin-safety-note{margin-top:16px;padding:12px 14px;border-left:4px solid #f07300;border-radius:8px;background:#fff8f2;color:#6a5544;font-size:12px;line-height:1.5} .pwa-admin-user-editor code{padding:2px 5px;border-radius:5px;background:#f1f4f8;color:#002e76} @media(max-width:800px){.pwa-admin-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pwa-user-meta-grid{grid-template-columns:1fr}.pwa-admin-search{grid-template-columns:1fr}.pwa-academy-admin{padding-left:16px!important;padding-right:16px!important}} /* v0.19.0 Kurszugänge im Academy Admin */ .pwa-access-filter-grid{display:grid;grid-template-columns:minmax(260px,1fr) minmax(150px,.28fr) minmax(150px,.28fr) auto;gap:10px;margin:0 0 14px}.pwa-access-filter-grid input,.pwa-access-filter-grid select{min-height:44px;padding:10px 13px;border:1px solid #cfd9e6;border-radius:9px;background:#fff;color:#17365e;font:inherit}.pwa-access-filter-grid input:focus,.pwa-access-filter-grid select:focus{outline:2px solid rgba(0,46,118,.14);border-color:#002e76}.pwa-admin-safety-note.is-warning{border-color:#f0c7a5;background:#fff7f0;color:#71431e}.pwa-admin-access-editor .pwa-code-value{overflow-wrap:anywhere} @media(max-width:900px){.pwa-access-filter-grid{grid-template-columns:1fr 1fr}.pwa-access-filter-grid input{grid-column:1/-1}} @media(max-width:620px){.pwa-access-filter-grid{grid-template-columns:1fr}.pwa-access-filter-grid input{grid-column:auto}} .pwa-check-badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}.pwa-check-badge-error{background:#fff0f0;color:#9d1c1c;border:1px solid #f2c8c8}.pwa-check-badge-warning{background:#fff7ed;color:#9a4b00;border:1px solid #f2cfab}.pwa-check-badge-info{background:#eef5ff;color:#174b89;border:1px solid #cbdcf3}.pwa-check-row.pwa-check-error td:first-child{border-left:4px solid #c83b3b}.pwa-check-row.pwa-check-warning td:first-child{border-left:4px solid #e37a18}.pwa-check-row.pwa-check-info td:first-child{border-left:4px solid #4f7fb5}.pwa-data-check-table small{display:block;margin-top:5px;color:#6b7787;line-height:1.45}.pwa-data-check-table code{overflow-wrap:anywhere}.pwa-data-check-ok{display:flex;flex-direction:column;gap:4px;padding:18px 20px;border:1px solid #cde7d5;border-radius:12px;background:#f3fbf5;color:#236b39}.pwa-data-check-ok span{font-size:12px;color:#53705c} .pwa-danger-button{border-color:#e7b4ad;color:#a32312;background:#fff7f5}.pwa-danger-button:hover{border-color:#a32312;background:#fff0ed;color:#861d0f} /* v0.20.3 - sichere Dubletten-Bereinigung */ .pwa-duplicate-panel{margin:18px 0 22px} .pwa-duplicate-panel .is-recommended{background:#f4fbf6} .pwa-duplicate-recommendation{display:inline-block;padding:5px 9px;border-radius:999px;background:#e6f6eb;color:#18763a;font-weight:700;font-size:12px;white-space:nowrap} .pwa-danger-button{border-color:#d8a49b!important;color:#9b2f22!important;background:#fff8f6!important} .pwa-danger-button:hover{background:#fff0ec!important} .pwa-muted{color:#667085;font-size:13px} .pwa-management-form textarea{resize:vertical;min-height:96px}.pwa-form-span-2{grid-column:1/-1} /* v0.22.0 – zentrale Close-Buttons + Käufe im Academy Admin */ .pwa-editor-close{ display:inline-flex!important; align-items:center!important; justify-content:center!important; flex:0 0 36px; padding:0!important; margin:0; text-align:center; vertical-align:middle; line-height:1!important; font-family:Arial,Helvetica,sans-serif; font-weight:400; box-sizing:border-box; } .pwa-editor-close:hover{background:#e8eef6;color:#002e76} .pwa-purchase-filter-grid{display:grid;grid-template-columns:minmax(280px,1fr) minmax(170px,.28fr) auto;gap:10px;margin:0 0 14px} .pwa-purchase-filter-grid input,.pwa-purchase-filter-grid select{min-height:44px;padding:10px 13px;border:1px solid #cfd9e6;border-radius:9px;background:#fff;color:#17365e;font:inherit} .pwa-purchase-filter-grid input:focus,.pwa-purchase-filter-grid select:focus{outline:2px solid rgba(0,46,118,.14);border-color:#002e76} .pwa-purchases-table small{display:block;margin-top:4px;color:#7a8490;line-height:1.35} .pwa-purchase-access-state{font-weight:700;color:#5e6875} .pwa-purchase-access-state.is-paid{color:#16803b} .pwa-purchase-access-state.is-problem{color:#b42318} @media(max-width:760px){.pwa-purchase-filter-grid{grid-template-columns:1fr}.pwa-purchase-filter-grid>*{width:100%}} /* v0.23.0 – Academy Admin Kursübersicht */ .pwa-table-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center} .pwa-admin-courses-table small{display:block;margin-top:4px;color:#7a8490;line-height:1.35} .pwa-course-block-editor{margin-bottom:20px} @media(max-width:760px){.pwa-table-actions{align-items:stretch}.pwa-table-actions .pwa-small-button{width:100%;text-align:center}} /* v0.23.1 – Admin-Prüfmodus */ .pwa-admin-review-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 22px;padding:16px 18px;border:1px solid #bfd4ef;border-left:4px solid #0b4a91;border-radius:12px;background:#f5f9ff;color:#12365f}.pwa-admin-review-banner.is-locked{border-color:#ffd39b;border-left-color:#ff8a00;background:#fff8ef;color:#5d3a09}.pwa-admin-review-banner>div{display:flex;flex-direction:column;gap:4px}.pwa-admin-review-banner strong{font-size:15px}.pwa-admin-review-banner span{font-size:14px;line-height:1.45}.pwa-admin-review-readonly{border-left:4px solid #0b4a91}@media(max-width:760px){.pwa-admin-review-banner{align-items:flex-start;flex-direction:column}.pwa-admin-review-banner .pwa-outline-button{width:100%;text-align:center}} /* v0.24.1 – Blockreihenfolge und vollständige Adminfelder */ .pwa-order-controls{display:flex;align-items:center;gap:6px;white-space:nowrap}.pwa-order-controls>span{min-width:18px;text-align:center;font-weight:700}.pwa-order-controls .pwa-small-button{min-width:34px;padding:6px 9px;line-height:1}.pwa-order-controls .pwa-small-button:disabled{opacity:.35;cursor:not-allowed}.pwa-management-form .pwa-form-wide{grid-column:1/-1}.pwa-management-form textarea{width:100%;min-height:96px;resize:vertical} /* v0.24.2 – Medienfelder im Academy-Admin */ .pwa-media-field{display:block} .pwa-media-input-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:6px} .pwa-media-input-row>input{flex:1 1 360px;min-width:220px} .pwa-media-input-row>.pwa-small-button{flex:0 0 auto} .pwa-media-preview{margin-top:10px;max-width:360px;border:1px solid #dfe6ef;border-radius:12px;padding:8px;background:#fff} .pwa-media-preview img{display:block;width:100%;height:auto;max-height:210px;object-fit:contain;border-radius:8px} @media (max-width:720px){.pwa-media-input-row{align-items:stretch}.pwa-media-input-row>.pwa-small-button{width:100%;text-align:center}.pwa-media-input-row>input{min-width:100%}} /* v0.25.0 – Bunny Stream Videoauswahl */ .pwa-bunny-modal{position:fixed;inset:0;z-index:100000;background:rgba(9,27,51,.58);display:flex;align-items:center;justify-content:center;padding:24px} .pwa-bunny-dialog{width:min(980px,96vw);max-height:88vh;overflow:auto;background:#fff;border-radius:16px;box-shadow:0 28px 80px rgba(0,0,0,.24);padding:22px} .pwa-bunny-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin:12px 0} .pwa-bunny-toolbar input{min-height:44px;padding:10px 13px;border:1px solid #cfd9e6;border-radius:9px;font:inherit} .pwa-bunny-status{margin:4px 0 12px;color:#667085;font-size:13px} .pwa-bunny-grid{display:grid;grid-template-columns:1fr;gap:10px} .pwa-bunny-card{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:14px;align-items:center;border:1px solid #e0e7f0;border-radius:12px;padding:10px;background:#fff} .pwa-bunny-thumb{width:150px;aspect-ratio:16/9;border-radius:9px;overflow:hidden;background:#eef3f8;display:flex;align-items:center;justify-content:center;color:#6b7787;font-weight:800;font-size:12px} .pwa-bunny-thumb img{width:100%;height:100%;object-fit:cover;display:block} .pwa-bunny-card-main{min-width:0;display:flex;flex-direction:column;gap:4px}.pwa-bunny-card-main strong{color:#17365e}.pwa-bunny-card-main small{color:#667085}.pwa-bunny-card-main code{font-size:11px;color:#7a8490;overflow-wrap:anywhere} .pwa-bunny-pager{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:16px}.pwa-bunny-pager span{font-size:13px;color:#667085} @media(max-width:720px){.pwa-bunny-modal{padding:10px}.pwa-bunny-dialog{padding:16px}.pwa-bunny-toolbar{grid-template-columns:1fr}.pwa-bunny-card{grid-template-columns:1fr}.pwa-bunny-thumb{width:100%}.pwa-bunny-card .pwa-primary-cta{width:100%;text-align:center}.pwa-bunny-pager{flex-wrap:wrap}} /* v0.25.1 – globale Button-/Hover-Korrektur */ .pwa-academy .pwa-small-button, .pwa-academy a.pwa-small-button, .pwa-academy button.pwa-small-button, .pwa-academy .pwa-outline-button, .pwa-academy a.pwa-outline-button, .pwa-academy button.pwa-outline-button, .pwa-academy .pwa-admin-tabs button, .pwa-academy .pwa-filters button { background:#fff !important; color:#002e76 !important; border-color:#c8d5e4 !important; text-decoration:none !important; opacity:1; -webkit-text-fill-color:#002e76; } .pwa-academy .pwa-small-button:hover, .pwa-academy .pwa-small-button:focus, .pwa-academy .pwa-small-button:active, .pwa-academy .pwa-outline-button:hover, .pwa-academy .pwa-outline-button:focus, .pwa-academy .pwa-outline-button:active, .pwa-academy .pwa-admin-tabs button:hover, .pwa-academy .pwa-admin-tabs button:focus, .pwa-academy .pwa-filters button:hover, .pwa-academy .pwa-filters button:focus { background:#eef4fc !important; color:#002e76 !important; border-color:#002e76 !important; -webkit-text-fill-color:#002e76; box-shadow:none !important; } .pwa-academy .pwa-primary-cta, .pwa-academy a.pwa-primary-cta, .pwa-academy button.pwa-primary-cta, .pwa-academy .pwa-button, .pwa-academy .pwa-block-action, .pwa-academy .pwa-admin-tabs button.is-active, .pwa-academy .pwa-filters button.is-active { background:#002e76 !important; color:#fff !important; border-color:#002e76 !important; text-decoration:none !important; -webkit-text-fill-color:#fff; } .pwa-academy .pwa-primary-cta:hover, .pwa-academy .pwa-primary-cta:focus, .pwa-academy .pwa-primary-cta:active, .pwa-academy .pwa-button:hover, .pwa-academy .pwa-button:focus, .pwa-academy .pwa-block-action:hover, .pwa-academy .pwa-block-action:focus, .pwa-academy .pwa-admin-tabs button.is-active:hover, .pwa-academy .pwa-admin-tabs button.is-active:focus, .pwa-academy .pwa-filters button.is-active:hover, .pwa-academy .pwa-filters button.is-active:focus { background:#063d91 !important; color:#fff !important; border-color:#063d91 !important; -webkit-text-fill-color:#fff; box-shadow:none !important; } .pwa-academy .pwa-editor-close, .pwa-academy button.pwa-editor-close { display:inline-flex !important; align-items:center !important; justify-content:center !important; background:#f3f6fa !important; color:#002e76 !important; border:0 !important; -webkit-text-fill-color:#002e76; } .pwa-academy .pwa-editor-close:hover, .pwa-academy .pwa-editor-close:focus { background:#e7eef8 !important; color:#002e76 !important; -webkit-text-fill-color:#002e76; } .pwa-academy button:disabled, .pwa-academy .pwa-small-button:disabled, .pwa-academy .pwa-primary-cta:disabled { opacity:.45 !important; cursor:not-allowed !important; } .pwa-academy .pwa-bunny-card.is-current { border-color:#7eb59a; background:#f4fbf6; box-shadow:inset 0 0 0 1px rgba(38,122,61,.08); } .pwa-academy .pwa-bunny-current-badge { display:inline-flex; align-items:center; align-self:flex-start; margin-top:2px; padding:4px 8px; border-radius:999px; background:#eaf7ee; color:#267a3d; font-size:11px; font-weight:800; } .pwa-academy .pwa-bunny-card .pwa-primary-cta { min-width:118px; justify-content:center; text-align:center; } .pwa-academy .pwa-bunny-card .pwa-primary-cta.is-current { background:#eaf7ee !important; color:#267a3d !important; border:1px solid #a8d5b5 !important; -webkit-text-fill-color:#267a3d; cursor:default !important; opacity:1 !important; } /* v0.26.0 – Bunny-Verwaltung + robuste Button-Zustände */ .pwa-academy button.pwa-small-button,.pwa-academy a.pwa-small-button,.pwa-academy button.pwa-outline-button{background:#fff!important;color:#002e76!important;-webkit-text-fill-color:#002e76!important;border:1px solid #c8d5e4!important;opacity:1!important;visibility:visible!important} .pwa-academy button.pwa-small-button:hover,.pwa-academy button.pwa-small-button:focus,.pwa-academy button.pwa-small-button:active,.pwa-academy a.pwa-small-button:hover,.pwa-academy a.pwa-small-button:focus{background:#eef4fc!important;color:#002e76!important;-webkit-text-fill-color:#002e76!important;border-color:#002e76!important;opacity:1!important} .pwa-academy button.pwa-primary-cta,.pwa-academy a.pwa-primary-cta{background:#002e76!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border:1px solid #002e76!important;opacity:1!important;visibility:visible!important} .pwa-academy button.pwa-primary-cta:hover,.pwa-academy button.pwa-primary-cta:focus,.pwa-academy button.pwa-primary-cta:active,.pwa-academy a.pwa-primary-cta:hover,.pwa-academy a.pwa-primary-cta:focus{background:#063d91!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#063d91!important;opacity:1!important} .pwa-academy button:disabled{opacity:.55!important}.pwa-academy .pwa-primary-cta.is-current:disabled{opacity:1!important} .pwa-bunny-upload{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,.7fr) minmax(210px,.9fr) auto;gap:10px;align-items:end;margin:14px 0 16px;padding:14px;border:1px solid #dce5ef;border-radius:12px;background:#f8fbff}.pwa-bunny-upload>div{display:flex;flex-direction:column;gap:3px}.pwa-bunny-upload strong{color:#002e76}.pwa-bunny-upload small{color:#667085;line-height:1.35}.pwa-bunny-upload input[type=text],.pwa-bunny-upload input[type=file]{min-height:44px;border:1px solid #cfd9e6;border-radius:9px;padding:8px 10px;background:#fff;color:#17365e}.pwa-bunny-card-actions{display:flex;flex-direction:column;gap:7px;align-items:stretch;min-width:135px}.pwa-bunny-card-actions .pwa-primary-cta,.pwa-bunny-card-actions .pwa-small-button{margin:0!important;justify-content:center;text-align:center}.pwa-bunny-card-actions .pwa-danger-button:not(:disabled){color:#9f2f24!important;-webkit-text-fill-color:#9f2f24!important;border-color:#e5b8b3!important}.pwa-bunny-card-actions .pwa-danger-button:not(:disabled):hover{background:#fff2f0!important;color:#8a241b!important;-webkit-text-fill-color:#8a241b!important;border-color:#c96d63!important} @media(max-width:900px){.pwa-bunny-upload{grid-template-columns:1fr 1fr}.pwa-bunny-upload>div{grid-column:1/-1}}@media(max-width:620px){.pwa-bunny-upload{grid-template-columns:1fr}.pwa-bunny-upload>*{grid-column:1!important}.pwa-bunny-card-actions{width:100%}} /* v0.26.1 – Bunny-Verwendung direkt in der Videoliste */ .pwa-academy .pwa-bunny-usages{margin-top:5px;padding:7px 9px;border-radius:8px;background:#fff7ed;border:1px solid #fed7aa;color:#7c3f00;font-size:12px;line-height:1.4;display:flex;flex-direction:column;gap:2px} .pwa-academy .pwa-bunny-usages strong{color:#8a4600;font-size:12px} .pwa-academy .pwa-bunny-usages span{overflow-wrap:anywhere} .pwa-academy .pwa-bunny-unused{margin-top:5px;color:#16803b;font-size:12px;font-weight:700} .pwa-academy .pwa-bunny-card .pwa-danger-button:disabled{opacity:.55!important;cursor:not-allowed!important;color:#7a8490!important;-webkit-text-fill-color:#7a8490!important;background:#f5f7fa!important;border-color:#d9e0e8!important} /* v0.26.3: Bunny video name in block editor */ .pwa-academy .pwa-bunny-current-video{margin:0 0 8px;padding:9px 12px;border:1px solid #dbe5f0;border-radius:10px;background:#f8fbff;color:#52647d;font-size:14px} .pwa-academy .pwa-bunny-current-video strong{color:#002e76;font-weight:800} /* v0.27.0 – technische Versionsanzeige und Admin-Aktionsgruppen */ .pwa-plugin-version-footer{ max-width:1180px; margin:24px auto 10px; padding:8px 18px; text-align:right; font-size:11px; line-height:1.4; color:#7a8799; opacity:.9; } .pwa-section-title-actions, .pwa-editor-head-actions{ display:flex; align-items:center; justify-content:flex-end; gap:10px; flex-wrap:wrap; } .pwa-editor-head-actions .pwa-editor-close{flex:0 0 auto;} @media (max-width:760px){ .pwa-plugin-version-footer{text-align:center;margin-top:18px;} .pwa-section-title-actions,.pwa-editor-head-actions{width:100%;justify-content:flex-start;} } /* v0.27.1 – Kursformular: Kategorien, Pflichtfelder und Validierung */ .pwa-category-select-row{display:flex;align-items:stretch;gap:8px}.pwa-category-select-row select{flex:1 1 auto}.pwa-category-add{min-width:44px;font-size:22px!important;line-height:1!important;padding:6px 12px!important}.pwa-inline-create{margin-top:8px;padding:10px;border:1px solid #d9e2ee;border-radius:10px;background:#f8fafc;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pwa-inline-create[hidden]{display:none!important}.pwa-inline-create>input{flex:1 1 220px}.pwa-inline-create>small{flex:1 0 100%}.pwa-field-error{display:block!important;color:#b42318!important;font-weight:700!important;margin-top:2px}.pwa-management-form [aria-invalid="true"]{border-color:#d92d20!important;box-shadow:0 0 0 2px rgba(217,45,32,.08)!important}.pwa-admin-courses-table .pwa-order-controls{min-width:112px} /* v0.27.2 – kursbezogene Academy-Mediathek */ .pwa-media-field .pwa-media-input-row{align-items:center;flex-wrap:wrap;gap:8px} .pwa-media-scope-hint{display:block;margin-top:6px;color:#66758a;font-size:12px;font-weight:500} .pwa-media-field [data-media-upload], .pwa-media-field [data-media-library], .pwa-media-field [data-media-academy]{white-space:nowrap} @media (max-width:900px){.pwa-media-field .pwa-media-input-row>input:not([type="file"]){flex:1 1 100%}} /* v0.27.5 – category grouped course administration */ .pwa-course-filter-grid{grid-template-columns:minmax(280px,1fr) minmax(150px,190px) minmax(170px,230px) auto;align-items:center} .pwa-course-category-row td{background:#f5f8fc!important;color:#003b7a;border-top:2px solid #d9e4f0;padding:12px 14px!important} .pwa-course-category-row td strong{font-size:15px;margin-right:10px} .pwa-course-category-row td span{font-size:12px;color:#6c7c90} @media (max-width:900px){.pwa-course-filter-grid{grid-template-columns:1fr 1fr}.pwa-course-filter-grid input{grid-column:1/-1}} /* v0.27.6 – Haupt-/Unterkategorien und kompakte Kursübersicht */ .pwa-academy-admin{max-width:1480px} .pwa-course-filter-grid{grid-template-columns:minmax(260px,1fr) minmax(125px,155px) minmax(150px,190px) minmax(160px,205px) auto} .pwa-admin-courses-table{min-width:1240px;table-layout:auto} .pwa-admin-courses-table th,.pwa-admin-courses-table td{padding:10px 9px} .pwa-admin-courses-table th:nth-child(1),.pwa-admin-courses-table td:nth-child(1){width:108px} .pwa-admin-courses-table th:nth-child(2),.pwa-admin-courses-table td:nth-child(2){min-width:150px} .pwa-admin-courses-table th:nth-child(3),.pwa-admin-courses-table td:nth-child(3){min-width:125px} .pwa-admin-courses-table th:nth-child(4),.pwa-admin-courses-table td:nth-child(4){min-width:115px} .pwa-admin-courses-table th:nth-child(5),.pwa-admin-courses-table td:nth-child(5){min-width:100px} .pwa-admin-courses-table th:nth-child(6),.pwa-admin-courses-table td:nth-child(6){width:72px} .pwa-admin-courses-table th:nth-child(8),.pwa-admin-courses-table td:nth-child(8){width:82px} .pwa-admin-courses-table th:nth-child(9),.pwa-admin-courses-table td:nth-child(9){width:90px} .pwa-admin-courses-table th:nth-child(10),.pwa-admin-courses-table td:nth-child(10){width:78px} .pwa-admin-courses-table th:nth-child(11),.pwa-admin-courses-table td:nth-child(11){width:88px} .pwa-admin-courses-table th:last-child,.pwa-admin-courses-table td:last-child{min-width:140px} .pwa-admin-courses-table .pwa-table-actions{display:flex;flex-wrap:wrap;gap:5px} .pwa-admin-courses-table .pwa-table-actions .pwa-small-button{padding:7px 9px!important;font-size:12px!important;white-space:nowrap} @media(max-width:1100px){.pwa-course-filter-grid{grid-template-columns:1fr 1fr}.pwa-course-filter-grid input{grid-column:1/-1}} /* v0.29.0 – Lernfortschritt & Auswertungen */ .pwa-admin-filter-grid{display:grid;grid-template-columns:minmax(220px,2fr) repeat(3,minmax(150px,1fr));gap:10px;margin:14px 0}.pwa-admin-filter-grid input,.pwa-admin-filter-grid select{width:100%}.pwa-analytics-progress{display:inline-block;vertical-align:middle;width:100px;height:8px;background:#e9edf3;border-radius:999px;overflow:hidden;margin-right:8px}.pwa-analytics-progress span{display:block;height:100%;background:currentColor;border-radius:999px}@media(max-width:900px){.pwa-admin-filter-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.pwa-admin-filter-grid{grid-template-columns:1fr}} /* v0.29.2: separate participant / course-assignment metrics */ .pwa-progress-summary{grid-template-columns:repeat(5,minmax(0,1fr))} @media(max-width:1100px){.pwa-progress-summary{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:800px){.pwa-progress-summary{grid-template-columns:repeat(2,minmax(0,1fr))}} /* v0.29.3: pagination for progress analytics */ .pwa-progress-pager{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:12px 0;color:#667085;font-size:13px}.pwa-progress-pager label{display:flex;align-items:center;gap:8px}.pwa-progress-pager select{min-width:72px;padding:7px 30px 7px 10px;border:1px solid #d7e0ec;border-radius:8px;background:#fff;color:#0b2f6b}.pwa-progress-pager-buttons{display:flex;align-items:center;gap:10px}.pwa-progress-pager-buttons span{white-space:nowrap;color:#344054;font-weight:600}.pwa-progress-pager-info{font-weight:600;color:#344054}.pwa-progress-pager .pwa-small-button:disabled{opacity:.45;cursor:not-allowed} @media(max-width:700px){.pwa-progress-pager{align-items:flex-start;flex-direction:column}.pwa-progress-pager-buttons{width:100%;justify-content:space-between}} /* v0.30.2 – einheitliche Aktionen auf abgeschlossenen Kursen */ .pwa-completed-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.pwa-academy .pwa-completed-action,.pwa-academy button.pwa-completed-action,.pwa-academy a.pwa-completed-action{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:132px;min-height:42px;padding:10px 14px!important;border:1px solid #002e76!important;border-radius:9px!important;background:#002e76!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-decoration:none!important;font-size:13px!important;font-weight:800!important;line-height:1.1!important;cursor:pointer!important;box-shadow:none!important;opacity:1!important}.pwa-academy .pwa-completed-action:hover,.pwa-academy .pwa-completed-action:focus,.pwa-academy .pwa-completed-action:active{background:#001f51!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#001f51!important}.pwa-academy button.pwa-completed-action:disabled{opacity:.6!important;cursor:wait!important}@media(max-width:650px){.pwa-completed-actions{width:100%;align-items:stretch}.pwa-academy .pwa-completed-action,.pwa-academy button.pwa-completed-action,.pwa-academy a.pwa-completed-action{width:100%;min-width:0}} /* v0.31.0 Registrierung + editierbares Benutzerprofil */ .pwa-register{max-width:720px!important;margin:42px auto!important}.pwa-register-card,.pwa-profile-edit-card{background:#fff;border:1px solid #e1e7ef;border-radius:22px;padding:34px;box-shadow:0 14px 38px rgba(0,46,118,.08)}.pwa-register-card h2,.pwa-profile-edit-card h3{margin:5px 0 8px;color:#002e76;font-size:32px;line-height:1.15}.pwa-register-intro,.pwa-profile-edit-head p{color:#667085;margin:0 0 22px;line-height:1.6}.pwa-register-form,.pwa-profile-edit-form{display:grid;gap:17px}.pwa-register-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pwa-register-form label,.pwa-profile-edit-form label{display:grid;gap:7px;color:#16345f;font-weight:700}.pwa-register-form input,.pwa-profile-edit-form input{width:100%;box-sizing:border-box;border:1px solid #d7dfeb;border-radius:10px;padding:13px 14px;font:inherit;background:#fff;color:#182230}.pwa-profile-edit-form input:disabled{background:#f5f7fa;color:#667085}.pwa-register-form input:focus,.pwa-profile-edit-form input:focus{outline:2px solid rgba(0,46,118,.13);border-color:#002e76}.pwa-register-form .pwa-primary-cta,.pwa-profile-edit-form .pwa-primary-cta{border:0;cursor:pointer;justify-content:center}.pwa-check-row{display:flex!important;align-items:flex-start;grid-template-columns:none!important;gap:10px!important;font-weight:500!important;font-size:13px;line-height:1.5;color:#556070!important}.pwa-check-row input{width:auto!important;margin-top:3px}.pwa-check-row a,.pwa-auth-switch a{color:#002e76;font-weight:800}.pwa-auth-switch{text-align:center;margin-top:20px;color:#667085;font-size:14px}.pwa-profile-edit-card{margin-top:20px}.pwa-profile-save-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.pwa-profile-save-state{font-size:13px;font-weight:700;color:#236b3a}.pwa-profile-edit-form small{font-weight:400;color:#7b8491}.pwa-header-register{border:1px solid #d8e1ee!important;border-radius:9px;padding:8px 11px!important}.pwa-header-register:hover,.pwa-header-register.is-active{background:#f3f7fc!important;color:#002e76!important}.pwa-login .pwa-auth-switch{margin-top:18px} @media(max-width:700px){.pwa-register{margin:22px auto!important}.pwa-register-card,.pwa-profile-edit-card{padding:24px 20px}.pwa-register-grid{grid-template-columns:1fr}.pwa-profile-save-row{align-items:stretch;flex-direction:column}.pwa-profile-save-row .pwa-primary-cta{width:100%}} \n\n/* v0.31.1 – Rechtslinks, Footer und kontraststarke Auth-Buttons */\n.pwa-academy-header .pwa-auth-nav .pwa-header-login,\n.pwa-academy-header .pwa-header-nav .pwa-auth-nav a.pwa-header-login{\n display:inline-flex!important;align-items:center!important;justify-content:center!important;\n min-height:40px!important;padding:8px 15px!important;border:1px solid #002e76!important;border-radius:9px!important;\n background:#002e76!important;color:#fff!important;-webkit-text-fill-color:#fff!important;\n text-decoration:none!important;font-weight:800!important;opacity:1!important;visibility:visible!important;\n}\n.pwa-academy-header .pwa-auth-nav .pwa-header-login:hover,\n.pwa-academy-header .pwa-auth-nav .pwa-header-login:focus,\n.pwa-academy-header .pwa-auth-nav .pwa-header-login:active,\n.pwa-academy-header .pwa-auth-nav .pwa-header-login.is-active{\n background:#063d91!important;border-color:#063d91!important;color:#fff!important;-webkit-text-fill-color:#fff!important;\n}\n.pwa-academy-header .pwa-auth-nav .pwa-header-register,\n.pwa-academy-header .pwa-header-nav .pwa-auth-nav a.pwa-header-register{\n display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:40px!important;\n padding:8px 13px!important;border:1px solid #cbd7e6!important;border-radius:9px!important;\n background:#fff!important;color:#002e76!important;-webkit-text-fill-color:#002e76!important;\n text-decoration:none!important;font-weight:800!important;opacity:1!important;visibility:visible!important;\n}\n.pwa-academy-header .pwa-auth-nav .pwa-header-register:hover,\n.pwa-academy-header .pwa-auth-nav .pwa-header-register:focus,\n.pwa-academy-header .pwa-auth-nav .pwa-header-register.is-active{\n background:#f1f5fa!important;border-color:#002e76!important;color:#002e76!important;-webkit-text-fill-color:#002e76!important;\n}\n@media(max-width:760px){\n .pwa-academy-header .pwa-auth-nav .pwa-header-login,.pwa-academy-header .pwa-auth-nav .pwa-header-register{width:100%!important;}\n}\n /* v0.31.2 – Auth-Button kontrastfest + optionale Profildaten */ .pwa-header-login, a.pwa-header-login, .pwa-academy-header a.pwa-header-login, .pwa-academy-header .pwa-header-nav a.pwa-header-login, .pwa-academy-header .pwa-auth-nav a.pwa-header-login { background-color:#002e76!important; border-color:#002e76!important; color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; text-shadow:none!important; opacity:1!important; filter:none!important; } .pwa-header-login:link,.pwa-header-login:visited,.pwa-header-login:hover,.pwa-header-login:focus,.pwa-header-login:active, a.pwa-header-login:link,a.pwa-header-login:visited,a.pwa-header-login:hover,a.pwa-header-login:focus,a.pwa-header-login:active { color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; } .pwa-header-login:hover,.pwa-header-login:focus,.pwa-header-login:active{background-color:#063d91!important;border-color:#063d91!important;} .pwa-profile-address-head{margin-top:4px!important;padding-top:10px!important;border-top:1px solid #edf1f6!important;} .pwa-profile-address-head p{margin:4px 0 0!important;} \n\n/* v0.32.0 – OpenRouter Integration Stufe 1 */\n.pwa-api-access{max-width:1100px;margin:36px auto!important;}\n.pwa-openrouter-bridge{margin-top:18px;}\n.pwa-openrouter-bridge .orkm-self-wrap,.pwa-openrouter-bridge .orkm-admin-wrap,.pwa-openrouter-bridge .orkm-login-wrap{max-width:none!important;margin:0!important;font-family:inherit!important;}\n.pwa-openrouter-bridge .orkm-self-box,.pwa-openrouter-bridge .orkm-login-box{border-color:#dbe4ef!important;border-radius:14px!important;box-shadow:0 10px 30px rgba(0,46,118,.06)!important;}\n.pwa-openrouter-bridge button,.pwa-openrouter-bridge input[type=submit],.pwa-openrouter-bridge .orkm-self-btn{border-radius:8px!important;}\n.pwa-openrouter-admin-section{margin-top:18px;}\n.pwa-openrouter-admin-template[hidden]{display:none!important;}\n@media(max-width:760px){.pwa-api-access{margin:22px 14px!important;}}\n /* v0.32.1 – Academy-native OpenRouter overview */ .pwa-api-access .pwa-head{align-items:flex-start} .pwa-api-access-content{margin-top:22px} .pwa-api-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px} .pwa-api-summary-grid>div{background:#fff;border:1px solid #dfe7f2;border-radius:16px;padding:18px 20px;box-shadow:0 10px 28px rgba(0,46,118,.06)} .pwa-api-summary-grid span,.pwa-api-metrics span{display:block;color:#6b7890;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px} .pwa-api-summary-grid strong{font-size:24px;color:#002e76} .pwa-api-key-list{display:grid;gap:16px} .pwa-api-key-card{background:#fff;border:1px solid #dfe7f2;border-radius:18px;padding:22px;box-shadow:0 12px 34px rgba(0,46,118,.06)} .pwa-api-key-card.is-active{border-left:4px solid #238636}.pwa-api-key-card.is-disabled{border-left:4px solid #b42318} .pwa-api-key-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px} .pwa-api-key-head h3{margin:4px 0 4px;color:#002e76}.pwa-api-key-head p{margin:0;color:#64748b} .pwa-api-badge{display:inline-flex;align-items:center;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800;white-space:nowrap} .pwa-api-badge.is-active{background:#eaf7ed;color:#176b2b}.pwa-api-badge.is-disabled{background:#fff0ee;color:#9f241c} .pwa-api-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#e6ebf3;border:1px solid #e6ebf3;border-radius:13px;overflow:hidden;margin:20px 0 14px} .pwa-api-metrics>div{background:#f8fafc;padding:15px 17px}.pwa-api-metrics strong{font-size:18px;color:#0f2445} .pwa-api-key-foot{display:flex;flex-wrap:wrap;gap:10px 24px;color:#718096;font-size:12px} .pwa-api-empty{background:#fff;border:1px solid #dfe7f2;border-radius:18px;padding:30px;box-shadow:0 12px 34px rgba(0,46,118,.06)} .pwa-api-empty h3{color:#002e76;margin:5px 0 8px}.pwa-api-empty .pwa-primary-cta{display:inline-flex;margin-top:10px} @media(max-width:800px){.pwa-api-summary-grid{grid-template-columns:1fr 1fr}.pwa-api-metrics{grid-template-columns:1fr}.pwa-api-key-head{flex-direction:column}.pwa-api-badge{align-self:flex-start}} @media(max-width:520px){.pwa-api-summary-grid{grid-template-columns:1fr}} /* v0.33.2 – OpenRouter Firmenzuordnung */ .pwa-openrouter-company-assign{display:flex;gap:8px;align-items:center;min-width:290px} .pwa-openrouter-company-assign select{min-width:190px;max-width:260px;margin:0} .pwa-openrouter-company-assign .pwa-btn{white-space:nowrap;margin:0} .pwa-openrouter-assignment-message .pwa-success{margin:10px 0;padding:10px 12px;border:1px solid #b7e4c7;border-radius:10px;background:#f0fff4;color:#166534;font-weight:700} @media(max-width:900px){.pwa-openrouter-company-assign{min-width:240px;flex-direction:column;align-items:stretch}.pwa-openrouter-company-assign select{min-width:220px;max-width:none}} /* OpenRouter v0.34.0 */ .pwa-openrouter-stats{grid-template-columns:repeat(6,minmax(0,1fr));margin:18px 0} .pwa-or-table th,.pwa-or-table td{vertical-align:middle}.pwa-or-icon-actions{display:flex;gap:6px;align-items:center;white-space:nowrap} .pwa-or-icon{width:34px;height:34px;border:0;border-radius:7px;background:#344253;color:#fff;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.pwa-or-icon:hover{filter:brightness(1.08)}.pwa-or-icon.is-danger{background:#b42318} .pwa-or-detail-head{margin:0 0 14px}.pwa-or-detail-card{border:1px solid #dce4ee;border-radius:14px;background:#fff;padding:22px;margin:0 0 16px;box-shadow:0 10px 28px rgba(0,46,118,.05)}.pwa-or-detail-card h3{margin:0 0 16px;color:#002e76} .pwa-or-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}.pwa-or-detail-grid>div{padding:12px 0;border-bottom:1px solid #e6ebf1;min-width:0}.pwa-or-detail-grid span{display:block;font-size:12px;color:#68758a;margin-bottom:4px}.pwa-or-detail-grid strong{display:block;font-size:15px;color:#10233f;overflow-wrap:anywhere} .pwa-or-analytics-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:12px}.pwa-or-analytics-head h3,.pwa-or-analytics-head p{margin:0}.pwa-or-analytics-head label{font-size:12px;font-weight:700;color:#536176}.pwa-or-analytics-head select{display:block;margin-top:5px;min-width:155px;padding:9px;border:1px solid #cfd8e5;border-radius:8px;background:#fff} .pwa-or-edit-grid{display:grid;grid-template-columns:2fr .8fr 1fr auto;gap:10px;align-items:end}.pwa-or-edit-grid label{font-size:12px;font-weight:700;color:#43516a}.pwa-or-edit-grid input,.pwa-or-edit-grid select{width:100%;box-sizing:border-box;margin-top:5px;padding:10px 11px;border:1px solid #cfd8e5;border-radius:8px;background:#fff} .pwa-or-actions{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.pwa-or-delete{background:#b42318!important;color:#fff!important;border-color:#b42318!important}.pwa-openrouter-company-assign{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:10px;align-items:center}.pwa-openrouter-company-assign select{width:100%;padding:10px;border:1px solid #cfd8e5;border-radius:8px;background:#fff} @media(max-width:1100px){.pwa-openrouter-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.pwa-or-edit-grid{grid-template-columns:1fr 1fr}}@media(max-width:720px){.pwa-openrouter-stats{grid-template-columns:1fr 1fr}.pwa-or-detail-grid{grid-template-columns:1fr}.pwa-or-edit-grid{grid-template-columns:1fr}.pwa-openrouter-company-assign{grid-template-columns:1fr}.pwa-or-analytics-head{align-items:stretch;flex-direction:column}} /* v0.34.2 OpenRouter Admin */ .pwa-or-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.pwa-or-summary{background:#fff;border:1px solid #dce4ee;border-radius:12px;padding:16px;box-shadow:0 7px 22px rgba(0,46,118,.05);min-width:0}.pwa-or-summary span{display:block;color:#68758a;font-size:12px;margin-bottom:6px}.pwa-or-summary strong{display:block;color:#10233f;font-size:20px;line-height:1.2}.pwa-or-summary small{display:block;color:#7b8490;font-size:11px;margin-top:5px;line-height:1.35}.pwa-or-replace-panel{margin-top:16px;padding:18px;border:1px solid #f0c99f;border-radius:12px;background:#fff9f3}.pwa-or-replace-panel[hidden]{display:none!important}.pwa-or-replace-panel h4{margin:0 0 8px;color:#8a3d00;font-size:18px}.pwa-or-replace-panel p{margin:0 0 13px;color:#62482f;line-height:1.5}.pwa-or-replace-panel label{display:grid;gap:6px;color:#16345f;font-size:13px;font-weight:700}.pwa-or-replace-panel input{min-height:44px;padding:9px 11px;border:1px solid #cfd9e6;border-radius:9px;background:#fff;color:#17365e;font:inherit}.pwa-or-replace-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}.pwa-or-replace-actions button:disabled{opacity:.5;cursor:not-allowed}.pwa-or-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px} @media(max-width:1100px){.pwa-or-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.pwa-or-summary-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.pwa-or-summary-grid{grid-template-columns:1fr}} /* v0.35.0 – API-Key Kauf durch Academy-Anwender */ .pwa-api-buy{margin-top:22px;background:#fff;border:1px solid #dfe7f2;border-radius:18px;padding:24px;box-shadow:0 12px 34px rgba(0,46,118,.06)} .pwa-api-buy-copy h3{margin:5px 0 8px;color:#002e76;font-size:26px}.pwa-api-buy-copy p{margin:0;max-width:820px;color:#53627a;line-height:1.55} .pwa-api-packages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px} .pwa-api-package{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-height:102px;padding:17px 18px;border:1px solid #cfdaea;border-radius:13px;background:#f8fafc;color:#002e76;cursor:pointer;text-align:left;transition:.15s ease} .pwa-api-package:hover,.pwa-api-package:focus-visible{border-color:#002e76;background:#f2f6fc;transform:translateY(-1px);box-shadow:0 8px 22px rgba(0,46,118,.09)} .pwa-api-package:disabled{opacity:.6;cursor:wait;transform:none}.pwa-api-package span{font-size:12px;color:#6b7890;font-weight:700;text-transform:uppercase}.pwa-api-package strong{font-size:19px}.pwa-api-package small{font-size:12px;line-height:1.35;color:#667085;font-weight:600}.pwa-api-package em{position:absolute;right:10px;top:10px;background:#ff8a00;color:#fff;border-radius:999px;padding:4px 8px;font-size:10px;font-style:normal;font-weight:800} .pwa-api-buy-note{margin-top:16px;padding:12px 14px;border-left:3px solid #ff8a00;background:#fff7ed;color:#70420d;border-radius:8px;font-size:13px;line-height:1.5}.pwa-api-purchase-message{margin-top:10px;min-height:20px;color:#53627a;font-size:13px} @media(max-width:850px){.pwa-api-packages{grid-template-columns:1fr 1fr}} @media(max-width:520px){.pwa-api-packages{grid-template-columns:1fr}} /* v0.35.5 Firmenbudget */ .pwa-budget-cell{display:flex;flex-direction:column;gap:3px;min-width:170px}.pwa-budget-cell strong{color:#002e76}.pwa-budget-cell small{display:block;color:#64748b}.pwa-budget-cell .pwa-budget-warning{color:#9f2f24;font-weight:700} /* v0.35.6 – Firmenübersicht kompakt ohne horizontalen Scrollzwang */ .pwa-company-table-wrap{overflow-x:visible} .pwa-company-table{min-width:0!important;width:100%;table-layout:fixed;font-size:13px} .pwa-company-table th,.pwa-company-table td{padding:10px 8px;overflow-wrap:anywhere;word-break:normal} .pwa-company-table th{font-size:10px;line-height:1.25} .pwa-company-table th:nth-child(1),.pwa-company-table td:nth-child(1){width:12%} .pwa-company-table th:nth-child(2),.pwa-company-table td:nth-child(2){width:7%} .pwa-company-table th:nth-child(3),.pwa-company-table td:nth-child(3){width:10%} .pwa-company-table th:nth-child(4),.pwa-company-table td:nth-child(4){width:11%} .pwa-company-table th:nth-child(5),.pwa-company-table td:nth-child(5){width:15%} .pwa-company-table th:nth-child(6),.pwa-company-table td:nth-child(6){width:15%} .pwa-company-table th:nth-child(7),.pwa-company-table td:nth-child(7){width:15%} .pwa-company-table th:nth-child(8),.pwa-company-table td:nth-child(8){width:6%;text-align:center} .pwa-company-table th:nth-child(9),.pwa-company-table td:nth-child(9){width:9%} .pwa-company-table .pwa-budget-cell strong{display:block;font-size:12px;line-height:1.25} .pwa-company-table .pwa-budget-cell small{display:block;margin-top:3px;font-size:10px;line-height:1.25;color:#7a8490} .pwa-company-table .pwa-inline-actions{display:flex;flex-direction:column;align-items:stretch;gap:6px} .pwa-company-table .pwa-small-button{width:100%;padding:7px 6px;font-size:11px;line-height:1.2;white-space:normal} @media(max-width:900px){.pwa-company-table-wrap{overflow-x:auto}.pwa-company-table{min-width:980px!important;table-layout:auto}.pwa-company-table .pwa-small-button{white-space:nowrap}} /* v0.35.8 – benutzerbezogene OpenRouter-Key-Verwaltung im Profil */ .pwa-profile-api-card{margin-top:24px;padding:28px;border:1px solid #dfe6ef;border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(0,46,118,.05)} .pwa-profile-key-list{display:grid;gap:14px;margin-top:18px} .pwa-profile-key-row{border:1px solid #dfe6ef;border-radius:14px;padding:18px;background:#fff} .pwa-profile-key-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center} .pwa-profile-key-main h4{margin:4px 0 8px;color:#002e76;font-size:20px} .pwa-key-role{font-size:11px;font-weight:800;letter-spacing:.08em;color:#f07300} .pwa-profile-key-meta{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:14px;color:#667085} .pwa-profile-key-meta .is-active{color:#12823b;font-weight:700}.pwa-profile-key-meta .is-disabled{color:#9a6700;font-weight:700} .pwa-profile-key-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;max-width:420px} .pwa-profile-key-actions .pwa-outline-button{padding:9px 12px} .pwa-profile-key-detail{grid-column:1/-1;border-top:1px solid #e7ebf1;padding-top:16px;margin-top:2px} .pwa-key-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px} .pwa-key-detail-grid>div{padding:14px;background:#f7f9fc;border-radius:10px}.pwa-key-detail-grid span{display:block;font-size:12px;color:#667085;margin-bottom:4px}.pwa-key-detail-grid strong{color:#002e76} .pwa-additional-key-toggle{display:flex;align-items:center;gap:10px;margin:22px 0 14px;font-weight:700;color:#002e76} .pwa-additional-key-toggle input{width:18px;height:18px} .pwa-extra-key-panel{padding:20px;border:1px solid #dfe6ef;border-radius:14px;background:#f9fbfd} .pwa-extra-key-panel[hidden]{display:none!important}.pwa-field-help{font-size:13px;color:#667085;margin:8px 0 0} .pwa-api-empty.is-info{margin-top:16px} @media(max-width:900px){.pwa-profile-key-row{grid-template-columns:1fr}.pwa-profile-key-actions{justify-content:flex-start;max-width:none}.pwa-key-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:600px){.pwa-profile-api-card{padding:18px}.pwa-key-detail-grid{grid-template-columns:1fr}.pwa-profile-key-actions{display:grid;grid-template-columns:1fr 1fr}.pwa-profile-key-actions .pwa-outline-button{width:100%}} #academy-api-keys{scroll-margin-top:110px;} /* v0.35.12: sichtbarer Zahlungshinweis und einheitliche Key-Aktionsbuttons */ .pwa-api-payment-note{margin:16px 0 18px;padding:13px 15px;border-left:4px solid #f07300;border-radius:9px;background:#fff7ef;color:#5f5147;font-size:13px;line-height:1.5} .pwa-profile-key-actions .pwa-outline-button,.pwa-profile-key-actions a.pwa-outline-button,.pwa-profile-key-actions button.pwa-outline-button{margin-top:0!important;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 12px!important;border:1px solid #c8d5e4!important;background:#fff!important;color:#002e76!important;-webkit-text-fill-color:#002e76!important;border-radius:9px!important;font-weight:700!important;font-size:13px!important;line-height:1.2!important;text-decoration:none!important} .pwa-profile-key-actions .pwa-outline-button:hover,.pwa-profile-key-actions .pwa-outline-button:focus{background:#f3f7fc!important;border-color:#9fb4cf!important;color:#002e76!important;-webkit-text-fill-color:#002e76!important} /* v0.35.13 – kompakte Zusatz-Key-Tabelle, Detailfilter und Schließen-Aktion */ .pwa-profile-additional-block{margin-top:18px} .pwa-additional-list-head{margin-bottom:10px} .pwa-profile-key-table{width:100%;border-collapse:collapse;min-width:980px;background:#fff;border:1px solid #dfe6ef;border-radius:12px;overflow:hidden} .pwa-profile-key-table th,.pwa-profile-key-table td{padding:11px 10px;border-bottom:1px solid #e7ebf1;text-align:left;vertical-align:middle;font-size:13px;color:#536176} .pwa-profile-key-table th{background:#f7f9fc;color:#536176;font-size:11px;text-transform:uppercase;letter-spacing:.03em} .pwa-profile-key-table td strong{color:#002e76}.pwa-profile-key-table code{font-size:12px;color:#334155;background:transparent} .pwa-profile-key-table .is-active{color:#12823b;font-weight:700}.pwa-profile-key-table .is-disabled{color:#9a6700;font-weight:700} .pwa-table-key-actions{display:flex;gap:6px;flex-wrap:nowrap} .pwa-mini-key-button{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #c8d5e4;border-radius:8px;background:#fff;color:#002e76;font-weight:700;cursor:pointer} .pwa-mini-key-button:hover,.pwa-mini-key-button:focus{background:#f3f7fc;border-color:#9fb4cf} .pwa-additional-key-detail-row td{padding:0!important;background:#fbfcfe}.pwa-additional-key-detail-row .pwa-profile-key-detail{border-top:0;margin:0;padding:16px 18px} .pwa-profile-detail-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}.pwa-profile-detail-head>strong{font-size:16px;color:#002e76}.pwa-profile-detail-head label{font-size:12px;font-weight:700;color:#536176}.pwa-profile-detail-head select{display:block;margin-top:5px;min-width:150px;padding:8px 10px;border:1px solid #cfd8e5;border-radius:8px;background:#fff} .pwa-extra-key-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pwa-extra-key-actions .pwa-outline-button{min-height:44px;padding:10px 18px;border:1px solid #c8d5e4;background:#fff;color:#002e76;border-radius:9px;font-weight:700;cursor:pointer} @media(max-width:760px){.pwa-profile-detail-head{align-items:stretch;flex-direction:column}.pwa-profile-detail-head select{width:100%}} /* v0.35.14 – Profilbereiche und kompakte API-Key-Tabelle */ .pwa-profile-section-nav{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 0;padding:12px;border:1px solid #dfe6ef;border-radius:16px;background:#f7f9fc} .pwa-profile-section-button{appearance:none;border:1px solid #c8d5e4;border-radius:10px;background:#fff;color:#002e76;font:inherit;font-weight:700;padding:11px 16px;cursor:pointer} .pwa-profile-section-button:hover,.pwa-profile-section-button:focus{border-color:#9fb4cf;background:#f3f7fc} .pwa-profile-section-button.is-active{background:#002e76;border-color:#002e76;color:#fff} .pwa-profile-panel[hidden]{display:none!important} .pwa-profile-panel>.pwa-profile-edit-card,.pwa-profile-panel>.pwa-profile-api-card,.pwa-profile-panel>.pwa-redeem-card,.pwa-profile-panel>.pwa-invoices-card{margin-top:22px} .pwa-account-settings-card{margin-top:22px;padding:28px 30px;border:1px solid #e1e7ef;border-radius:20px;background:#fff;box-shadow:0 12px 34px rgba(0,46,118,.055)} .pwa-account-setting-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 0;border-top:1px solid #edf1f6} .pwa-account-setting-row:first-of-type{border-top:0}.pwa-account-setting-row p{margin:5px 0 0;color:#667085;font-size:14px} .pwa-account-setting-state{min-height:20px;margin-top:8px;color:#536176;font-size:13px} .pwa-profile-key-table{min-width:0!important;table-layout:fixed} .pwa-profile-key-table th,.pwa-profile-key-table td{padding:10px 7px;overflow-wrap:anywhere;word-break:normal} .pwa-profile-key-table th:nth-child(1),.pwa-profile-key-table td:nth-child(1){width:13%} .pwa-profile-key-table th:nth-child(2),.pwa-profile-key-table td:nth-child(2){width:22%} .pwa-profile-key-table th:nth-child(3),.pwa-profile-key-table td:nth-child(3){width:16%} .pwa-profile-key-table th:nth-child(4),.pwa-profile-key-table td:nth-child(4){width:9%} .pwa-profile-key-table th:nth-child(5),.pwa-profile-key-table td:nth-child(5){width:8%} .pwa-profile-key-table th:nth-child(6),.pwa-profile-key-table td:nth-child(6){width:9%} .pwa-profile-key-table th:nth-child(7),.pwa-profile-key-table td:nth-child(7){width:8%} .pwa-profile-key-table th:nth-child(8),.pwa-profile-key-table td:nth-child(8){width:15%} .pwa-table-key-actions{display:grid!important;grid-template-columns:34px 34px;gap:6px;justify-content:start;min-width:74px} @media(max-width:820px){.pwa-profile-key-table{min-width:760px!important}.pwa-account-setting-row{align-items:flex-start;flex-direction:column}.pwa-profile-section-nav{display:grid;grid-template-columns:1fr 1fr}.pwa-profile-section-button{width:100%}} @media(max-width:520px){.pwa-profile-section-nav{grid-template-columns:1fr}.pwa-account-settings-card{padding:22px 20px}} /* v0.35.15 – stabile Aktionsleiste und Löschen von Zusatz-Keys */ .pwa-profile-key-table th:nth-child(1),.pwa-profile-key-table td:nth-child(1){width:12%} .pwa-profile-key-table th:nth-child(2),.pwa-profile-key-table td:nth-child(2){width:20%} .pwa-profile-key-table th:nth-child(3),.pwa-profile-key-table td:nth-child(3){width:14%} .pwa-profile-key-table th:nth-child(4),.pwa-profile-key-table td:nth-child(4){width:8%} .pwa-profile-key-table th:nth-child(5),.pwa-profile-key-table td:nth-child(5){width:7%} .pwa-profile-key-table th:nth-child(6),.pwa-profile-key-table td:nth-child(6){width:9%} .pwa-profile-key-table th:nth-child(7),.pwa-profile-key-table td:nth-child(7){width:7%} .pwa-profile-key-table th:nth-child(8),.pwa-profile-key-table td:nth-child(8){width:23%} .pwa-table-key-actions{display:grid!important;grid-template-columns:repeat(3,32px)!important;gap:6px!important;justify-content:start;align-content:start;min-width:108px!important;width:max-content;max-width:100%} .pwa-mini-key-button{width:32px!important;height:32px!important;min-width:32px!important;padding:0!important;line-height:1!important} .pwa-mini-key-button.is-danger{border-color:#e7b8b8;color:#a61b1b;background:#fff} .pwa-mini-key-button.is-danger:hover,.pwa-mini-key-button.is-danger:focus{border-color:#d68d8d;background:#fff4f4;color:#8f1111} @media(max-width:900px){.pwa-profile-key-table{min-width:820px!important}.pwa-table-wrap{overflow-x:auto}} /* v0.35.18 – öffentliche Academy-Startseite /kurse/ */ .pwa-home{--home-navy:#002e76;--home-blue:#0e5fb8;--home-orange:#f47b00;--home-soft:#f4f8fd;--home-line:#dfe7f1;max-width:none!important;padding:0!important;color:#18324e;background:#fff} .pwa-home *{box-sizing:border-box}.pwa-home a{text-decoration:none!important}.pwa-home-hero{max-width:1240px;margin:0 auto;min-height:590px;padding:76px 28px 66px;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(430px,.98fr);gap:60px;align-items:center}.pwa-home-kicker,.pwa-home-section-head span,.pwa-home-benefits-copy>span,.pwa-home-ai-copy>span{display:inline-block;color:var(--home-orange);font-size:13px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;margin-bottom:14px}.pwa-home-hero h1{margin:0;color:var(--home-navy);font-size:clamp(48px,6vw,78px);line-height:.98;letter-spacing:-.045em;font-weight:900}.pwa-home-hero h1 em{font-style:normal;color:var(--home-orange)}.pwa-home-hero-copy>p{max-width:680px;margin:25px 0 0;font-size:19px;line-height:1.65;color:#526273}.pwa-home-hero-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:30px}.pwa-home-primary,.pwa-home-secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 20px;border-radius:10px;font-size:14px;font-weight:850}.pwa-home-primary{background:var(--home-navy);color:#fff!important;box-shadow:0 8px 18px rgba(0,46,118,.14)}.pwa-home-primary:hover{transform:translateY(-1px);background:#00408f}.pwa-home-secondary{border:1px solid #c9d5e4;background:#fff;color:var(--home-navy)!important}.pwa-home-secondary:hover{border-color:var(--home-navy);background:#f8fbff}.pwa-home-trust{display:flex;gap:15px;flex-wrap:wrap;margin-top:25px;color:#657487;font-size:12px;font-weight:700}.pwa-home-trust span{color:#15803d;font-weight:900}.pwa-home-hero-visual{position:relative}.pwa-home-hero-visual:before{content:"";position:absolute;inset:-18px -26px -26px 35px;border-radius:34px;background:linear-gradient(135deg,#edf5ff,#fff3e8);transform:rotate(2deg)}.pwa-home-browser{position:relative;border:1px solid #cad7e6;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 28px 70px rgba(0,46,118,.18)}.pwa-home-browserbar{height:44px;background:#f4f6f9;border-bottom:1px solid #e0e6ed;display:flex;align-items:center;gap:7px;padding:0 14px}.pwa-home-browserbar i{width:9px;height:9px;border-radius:50%;background:#c6ced8}.pwa-home-browserbar i:nth-child(1){background:#ef7e6e}.pwa-home-browserbar i:nth-child(2){background:#f2c45b}.pwa-home-browserbar i:nth-child(3){background:#67c28a}.pwa-home-browserbar b{margin-left:12px;color:#788493;font-size:11px}.pwa-home-browserbody{padding:24px;background:linear-gradient(160deg,#fff,#f7faff)}.pwa-home-mini-card{border:1px solid #d9e3ef;border-radius:14px;background:#fff;padding:18px;box-shadow:0 7px 18px rgba(0,46,118,.05)}.pwa-home-mini-card span{display:block;color:#6d7a89;font-size:11px;font-weight:800}.pwa-home-mini-card strong{display:block;margin-top:4px;color:var(--home-navy);font-size:19px}.pwa-home-mini-card small{display:block;color:var(--home-orange);font-size:11px;margin-top:6px;font-weight:800}.pwa-home-mini-main{min-height:130px;background:linear-gradient(135deg,#edf6ff,#fff);position:relative;overflow:hidden}.pwa-home-mini-main:after{content:"";position:absolute;right:-30px;bottom:-55px;width:180px;height:140px;border:18px solid rgba(14,95,184,.16);transform:skew(-25deg);border-radius:24px}.pwa-home-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.pwa-home-progress{margin-top:16px;padding:14px 16px;border-radius:12px;background:#f1f6fc}.pwa-home-progress>div:first-child{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#617084}.pwa-home-progress>div strong{color:var(--home-navy)}.pwa-home-progressbar{height:7px;margin-top:9px;border-radius:99px;background:#dce7f3;overflow:hidden}.pwa-home-progressbar i{display:block;width:75%;height:100%;background:linear-gradient(90deg,var(--home-navy),#2d7dcc);border-radius:99px} .pwa-home-pillars{max-width:1240px;margin:0 auto 80px;padding:0 28px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.pwa-home-pillars>a{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:15px;align-items:center;padding:22px;border:1px solid var(--home-line);border-radius:15px;background:#fff;color:inherit!important;box-shadow:0 8px 26px rgba(0,46,118,.04);transition:.18s ease}.pwa-home-pillars>a:hover{transform:translateY(-2px);border-color:#b7cbe2;box-shadow:0 14px 30px rgba(0,46,118,.08)}.pwa-home-icon{width:50px;height:50px;border-radius:13px;display:grid;place-items:center;background:#eaf3ff;color:var(--home-navy);font-size:21px;font-weight:900}.pwa-home-pillars a:nth-child(2) .pwa-home-icon{background:#fff0e3;color:var(--home-orange)}.pwa-home-pillars strong{display:block;color:var(--home-navy);font-size:17px;margin-bottom:5px}.pwa-home-pillars small{display:block;color:#687789;line-height:1.45}.pwa-home-pillars b{color:var(--home-orange);font-size:20px} .pwa-home-section{padding:80px 28px}.pwa-home-featured{background:var(--home-soft)}.pwa-home-section-head{max-width:1184px;margin:0 auto 28px;display:flex;align-items:end;justify-content:space-between;gap:24px}.pwa-home-section-head h2,.pwa-home-benefits h2,.pwa-home-ai h2{margin:0;color:var(--home-navy);font-size:clamp(30px,4vw,45px);line-height:1.08;letter-spacing:-.025em}.pwa-home-section-head p{margin:10px 0 0;color:#687789;max-width:700px;line-height:1.6}.pwa-home-section-head>a{white-space:nowrap;color:var(--home-navy)!important;font-weight:850;font-size:13px}.pwa-home-course-grid{max-width:1184px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.pwa-home-course{min-width:0;border:1px solid var(--home-line);border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 10px 25px rgba(0,46,118,.05)}.pwa-home-course-image{position:relative;display:block;aspect-ratio:16/9;background:#eaf3fb;overflow:hidden}.pwa-home-course-image img{width:100%;height:100%;object-fit:cover;display:block}.pwa-home-course-image>span{position:absolute;right:12px;top:12px;padding:6px 9px;border-radius:7px;background:#fff;color:var(--home-navy);font-size:11px;font-weight:900;box-shadow:0 4px 12px rgba(0,0,0,.08)}.pwa-home-course-placeholder{width:100%;height:100%;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(135deg,#dceeff,#f8fbff);position:relative;overflow:hidden}.pwa-home-course-placeholder:after{content:"";position:absolute;width:180px;height:180px;border:28px solid rgba(0,46,118,.1);right:-55px;top:-45px;border-radius:50%}.pwa-home-course-placeholder span{color:var(--home-orange);font-size:12px;font-weight:900;z-index:1}.pwa-home-course-placeholder strong{color:var(--home-navy);font-size:20px;margin-top:4px;z-index:1}.pwa-home-course-body{padding:20px}.pwa-home-course-body>small{color:var(--home-orange);font-weight:900;font-size:10px;letter-spacing:.08em}.pwa-home-course h3{margin:7px 0 8px;font-size:21px;line-height:1.22}.pwa-home-course h3 a{color:var(--home-navy)!important}.pwa-home-course p{min-height:44px;margin:0;color:#6a7889;font-size:13px;line-height:1.55}.pwa-home-course-meta{margin-top:14px;color:#8390a0;font-size:11px}.pwa-home-course-link{display:inline-flex;margin-top:16px;color:var(--home-navy)!important;font-weight:850;font-size:12px}.pwa-home-loading,.pwa-home-empty,.pwa-home-course-error{grid-column:1/-1;padding:30px;border:1px dashed #c8d4e1;border-radius:14px;background:#fff;color:#6f7c8b;text-align:center}.pwa-home-course-error{max-width:1184px;margin:20px auto 0;color:#9b3d25} .pwa-home-how{padding:82px 28px;background:#fff}.pwa-home-section-center{justify-content:center;text-align:center}.pwa-home-steps{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);gap:18px;position:relative}.pwa-home-steps:before{content:"";position:absolute;left:9%;right:9%;top:25px;height:1px;background:#dbe4ef}.pwa-home-steps>div{position:relative;text-align:center;padding:0 8px}.pwa-home-steps b{width:50px;height:50px;margin:0 auto 14px;display:grid;place-items:center;border-radius:50%;background:var(--home-navy);color:#fff;font-size:16px;box-shadow:0 0 0 7px #fff}.pwa-home-steps strong{display:block;color:var(--home-navy);font-size:15px}.pwa-home-steps small{display:block;margin-top:6px;color:#748293;line-height:1.45} .pwa-home-benefits{padding:80px 28px;background:var(--home-navy);color:#fff;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);gap:70px;align-items:center}.pwa-home-benefits>*{max-width:560px}.pwa-home-benefits-copy{justify-self:end}.pwa-home-benefits h2{color:#fff}.pwa-home-benefits-copy p{color:#c8d7ea;line-height:1.65;font-size:16px;margin:18px 0 0}.pwa-home-benefits .pwa-home-primary{margin-top:25px;background:#fff;color:var(--home-navy)!important}.pwa-home-benefit-list{display:grid;gap:14px}.pwa-home-benefit-list>div{display:flex;gap:13px;align-items:flex-start;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.13)}.pwa-home-benefit-list b{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:rgba(244,123,0,.18);color:#ff9a3d}.pwa-home-benefit-list span strong{display:block;color:#fff;font-size:15px}.pwa-home-benefit-list span small{display:block;margin-top:4px;color:#b9cae0;line-height:1.45} .pwa-home-ai{max-width:1240px;margin:0 auto;padding:86px 28px;display:grid;grid-template-columns:minmax(0,1fr) minmax(400px,.85fr);gap:65px;align-items:center}.pwa-home-ai-copy p{color:#667689;font-size:16px;line-height:1.65;max-width:700px}.pwa-home-primary-orange{background:var(--home-orange)!important}.pwa-home-ai-account{display:inline-flex;align-items:center;color:var(--home-navy)!important;font-weight:850;font-size:13px}.pwa-home-ai-art{padding:20px;border-radius:25px;background:linear-gradient(135deg,#ecf5ff,#fff3e8)}.pwa-home-ai-window{border-radius:17px;background:#fff;border:1px solid #d6e1ec;box-shadow:0 20px 45px rgba(0,46,118,.13);padding:18px}.pwa-home-ai-window>span{display:block;color:var(--home-navy);font-weight:900;font-size:13px;margin-bottom:13px}.pwa-home-ai-image{height:190px;position:relative;overflow:hidden;border-radius:12px;background:linear-gradient(180deg,#a9d0f0 0 45%,#d9bf87 45% 100%)}.pwa-home-ai-image i:nth-child(1){position:absolute;width:230px;height:100px;background:#f4f6f7;left:40px;top:68px;transform:skewX(-28deg);box-shadow:0 12px 20px rgba(0,0,0,.14)}.pwa-home-ai-image i:nth-child(2){position:absolute;width:85px;height:90px;background:#315c3a;border-radius:50% 50% 42% 42%;right:25px;top:28px}.pwa-home-ai-image i:nth-child(3){position:absolute;width:150px;height:20px;background:#775e4a;left:80px;bottom:24px;box-shadow:0 4px 10px rgba(0,0,0,.16)}.pwa-home-ai-controls{display:flex;gap:8px;margin-top:12px}.pwa-home-ai-controls b{height:8px;flex:1;border-radius:99px;background:#dfe7f0}.pwa-home-ai-controls b:first-child{background:#f0a050}.pwa-home-growing{padding:42px 28px 70px;text-align:center;background:#fff}.pwa-home-growing span{display:block;color:var(--home-navy);font-size:22px;font-weight:900}.pwa-home-growing p{margin:7px 0 0;color:#748293} @media(max-width:980px){.pwa-home-hero{grid-template-columns:1fr;padding-top:55px}.pwa-home-hero-visual{max-width:680px}.pwa-home-pillars{grid-template-columns:1fr}.pwa-home-course-grid{grid-template-columns:repeat(2,1fr)}.pwa-home-steps{grid-template-columns:repeat(3,1fr)}.pwa-home-steps:before{display:none}.pwa-home-benefits,.pwa-home-ai{grid-template-columns:1fr}.pwa-home-benefits>*{max-width:none}.pwa-home-benefits-copy{justify-self:auto}} @media(max-width:680px){.pwa-home-hero{padding:42px 18px 44px;gap:36px}.pwa-home-hero h1{font-size:46px}.pwa-home-hero-copy>p{font-size:16px}.pwa-home-hero-actions>*{width:100%}.pwa-home-pillars{padding:0 18px;margin-bottom:48px}.pwa-home-section,.pwa-home-how,.pwa-home-ai{padding:58px 18px}.pwa-home-section-head{align-items:flex-start;flex-direction:column}.pwa-home-course-grid{grid-template-columns:1fr}.pwa-home-course p{min-height:0}.pwa-home-steps{grid-template-columns:1fr;gap:25px}.pwa-home-benefits{padding:58px 18px;gap:38px}.pwa-home-mini-grid{grid-template-columns:1fr}.pwa-home-browserbody{padding:16px}.pwa-home-pillars>a{grid-template-columns:45px minmax(0,1fr) auto;padding:17px}.pwa-home-icon{width:42px;height:42px}.pwa-home-ai-art{padding:10px}} /* v0.35.19 – Firebase TOTP / Authenticator */ .pwa-mfa-setting-row{align-items:flex-start} .pwa-mfa-status{display:inline-block;margin-top:6px;font-weight:700;color:#60708a} .pwa-mfa-panel{margin:14px 0 0;padding:18px;border:1px solid #d9e3f1;border-radius:14px;background:#f8fbff} .pwa-mfa-auth-box h4{margin:0 0 8px;color:#002e76;font-size:20px} .pwa-mfa-auth-box p{margin:0 0 14px;color:#5f6f86} .pwa-mfa-auth-box form label{display:block;margin:0 0 12px;font-weight:700;color:#08285e} .pwa-mfa-auth-box input{width:100%;box-sizing:border-box;margin-top:6px;padding:12px 14px;border:1px solid #cfd9e7;border-radius:10px;background:#fff} .pwa-mfa-login-box{margin-top:14px;padding:18px;border:1px solid #d9e3f1;border-radius:14px;background:#f8fbff} .pwa-mfa-login-box p{margin:6px 0 12px;color:#5f6f86} .pwa-mfa-login-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap} .pwa-mfa-login-form input{max-width:180px;padding:12px 14px;border:1px solid #cfd9e7;border-radius:10px;font-size:20px;letter-spacing:.2em} .pwa-mfa-login-state,.pwa-mfa-state{margin-top:10px;color:#8a4b00} .pwa-mfa-setup-grid{display:grid;grid-template-columns:minmax(180px,240px) 1fr;gap:22px;align-items:center;margin:16px 0} .pwa-mfa-qr{display:flex;align-items:center;justify-content:center;min-height:200px;padding:10px;background:#fff;border:1px solid #d9e3f1;border-radius:12px} .pwa-mfa-qr svg{width:100%;height:auto;max-width:220px} .pwa-mfa-secret{font-family:ui-monospace,SFMono-Regular,Consolas,monospace} .pwa-mfa-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px} .pwa-success-box,.pwa-warning-box{padding:16px;border-radius:12px;background:#eefaf1;border:1px solid #ccebd3;color:#174d2a} .pwa-warning-box{background:#fff8ef;border-color:#f3d4aa;color:#744500} @media(max-width:700px){.pwa-mfa-setup-grid{grid-template-columns:1fr}.pwa-mfa-login-form{align-items:stretch}.pwa-mfa-login-form input{max-width:none}} /* v0.35.22 – Recovery-/Notfallzugang für TOTP */ .pwa-recovery-toggle{margin-top:12px;padding:0;border:0;background:transparent;color:#003b84;font:inherit;font-weight:700;text-decoration:underline;cursor:pointer} .pwa-recovery-login{margin-top:14px} .pwa-recovery-login-box{padding:16px;border:1px solid #d7e2f0;border-radius:12px;background:#fff} .pwa-recovery-login-box p{margin:7px 0 14px;color:#667085;line-height:1.55} .pwa-recovery-login-form{display:flex;flex-wrap:wrap;gap:10px;align-items:center} .pwa-recovery-login-form input{flex:1 1 210px;min-height:44px;padding:10px 12px;border:1px solid #cbd7e6;border-radius:9px;font:inherit;letter-spacing:.08em;text-transform:uppercase} .pwa-recovery-login-state{margin-top:10px;color:#9a5b00} .pwa-recovery-management{margin:18px 0;padding:16px;border:1px solid #dbe5f1;border-radius:12px;background:#f8fbff} .pwa-recovery-management h5{margin:0 0 6px;font-size:16px;color:#002e76} .pwa-recovery-status{margin:0 0 12px;color:#667085} .pwa-recovery-output{margin-top:14px} .pwa-recovery-codes-box{margin-top:14px;padding:16px;border:1px solid #cfe1d3;border-radius:12px;background:#f4fbf5} .pwa-recovery-codes-box h4{margin:0 0 8px;color:#176b2c} .pwa-recovery-codes-box p{margin:0 0 12px;color:#4f5f55;line-height:1.5} .pwa-recovery-code-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0 14px} .pwa-recovery-code-grid code{display:block;padding:9px 10px;border:1px solid #d1dfd4;border-radius:8px;background:#fff;color:#172033;text-align:center;font-size:14px;font-weight:700;letter-spacing:.06em} .pwa-warning-inline{margin:10px 0;padding:10px 12px;border-left:4px solid #e87600;background:#fff8ef;color:#7b4b11;border-radius:7px} @media (max-width:640px){.pwa-recovery-code-grid{grid-template-columns:1fr}.pwa-recovery-login-form{display:block}.pwa-recovery-login-form .pwa-primary-cta,.pwa-recovery-login-form .pwa-outline-button{margin-top:10px;margin-right:8px}} /* v0.35.34 – CCM19 / Bunny Stream consent guard without paid iframe blocker */ .pwa-consent-video{position:relative;min-height:360px;background:#f7f9fc;border-radius:18px;overflow:hidden} .pwa-video-consent-fallback{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;gap:12px;background:#f7f9fc} .pwa-video-consent-fallback strong{font-size:1.2rem;color:#002e76} .pwa-video-consent-fallback p{max-width:620px;margin:0;color:#5f6f86;line-height:1.55} .pwa-consent-video .pwa-bunny-frame{width:100%;aspect-ratio:16/9;border:0;display:block;background:#000} .pwa-video-consent-fallback[hidden]{display:none!important} /* v0.35.35 – persönliche Startseite „Meine Academy“ */ .pwa-dashboard{max-width:1240px;margin:0 auto;padding:38px 20px 70px}.pwa-dashboard-welcome{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.pwa-dashboard-welcome h1{margin:6px 0 8px;color:var(--navy);font-size:42px;line-height:1.08}.pwa-dashboard-welcome p{margin:0;color:#667085;font-size:16px}.pwa-dashboard-section{margin-top:34px}.pwa-dashboard-quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.pwa-dashboard-quick a{position:relative;display:flex;flex-direction:column;min-height:128px;padding:22px 52px 20px 22px;border:1px solid #e1e7ef;border-radius:16px;background:#fff;text-decoration:none!important;box-shadow:0 8px 24px rgba(0,46,118,.05)}.pwa-dashboard-quick strong{color:var(--navy);font-size:18px}.pwa-dashboard-quick span{margin-top:7px;color:#667085;font-size:13px;line-height:1.45}.pwa-dashboard-quick b{position:absolute;right:22px;top:50%;transform:translateY(-50%);color:var(--orange);font-size:22px}.pwa-dashboard-empty{padding:34px;border:1px solid #e1e7ef;border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(0,46,118,.06)}.pwa-dashboard-empty h2{color:var(--navy);margin:7px 0 8px}.pwa-dashboard-empty p{color:#667085;margin:0 0 20px}.pwa-dashboard .pwa-section-head>.pwa-outline-button{margin:0} @media(max-width:850px){.pwa-dashboard-quick{grid-template-columns:1fr}.pwa-dashboard-welcome{align-items:flex-start;flex-direction:column}.pwa-dashboard-welcome h1{font-size:34px}} /* v0.35.46 – E-Mail-Verifizierung: klare Sperrseite ohne schmale Profilspalten */ .pwa-verification-required{display:block;width:100%;max-width:820px;margin:10px auto;padding:34px 36px;border:1px solid #e1e7ef;border-radius:20px;background:#fff;box-shadow:0 12px 34px rgba(0,46,118,.07);box-sizing:border-box} .pwa-verification-required .pwa-eyebrow{display:block;margin-bottom:10px} .pwa-verification-required h3{margin:0 0 14px;color:#002e76;font-size:30px;line-height:1.18} .pwa-verification-required p{max-width:720px;margin:0 0 14px;color:#536174;font-size:16px;line-height:1.65} .pwa-verification-email{display:inline-block;max-width:100%;margin:4px 0 18px;padding:10px 14px;border-radius:10px;background:#f2f6fb;color:#002e76;font-size:16px;font-weight:800;overflow-wrap:anywhere;word-break:normal} .pwa-verification-required .pwa-profile-actions{margin-top:24px} .pwa-verification-required .pwa-auth-state{margin-top:14px;color:#536174;font-weight:650} .pwa-auth-nav-unverified{margin-left:0} @media(max-width:650px){.pwa-verification-required{padding:26px 20px}.pwa-verification-required h3{font-size:25px}.pwa-verification-required p{font-size:15px}} /* v0.35.48 – E-Mail-Verifizierungsstatus im Profil */ .pwa-email-verification-status{display:flex;align-items:center;gap:11px;margin:-3px 0 18px;padding:12px 14px;border:1px solid #dfe7f0;border-radius:12px;background:#f8fafc;color:#334155} .pwa-email-verification-status .pwa-email-verification-icon{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;font-size:15px;font-weight:900} .pwa-email-verification-status strong{display:block;color:var(--navy);font-size:14px;line-height:1.3} .pwa-email-verification-status small{display:block;margin-top:3px;color:#667085;font-size:12px;line-height:1.4} .pwa-email-verification-status.is-verified{border-color:#cfe8d5;background:#f1faf3} .pwa-email-verification-status.is-verified .pwa-email-verification-icon{background:#dff3e4;color:#18733a} .pwa-email-verification-status.is-unverified{border-color:#f2d2aa;background:#fff8ef} .pwa-email-verification-status.is-unverified .pwa-email-verification-icon{background:#ffead0;color:#a75400} /* v0.35.49 Favoriten / Merkliste */ .pwa-card{position:relative}.pwa-card-favorite{position:absolute;z-index:4;top:12px;left:12px}.pwa-favorite-button{display:inline-grid;place-items:center;width:38px;height:38px;border:1px solid #d7e0ec;background:rgba(255,255,255,.96);color:#073b82;border-radius:50%;padding:0;font:inherit;cursor:pointer;box-shadow:0 4px 14px rgba(8,48,105,.12);transition:.18s ease}.pwa-favorite-button span{font-size:24px;line-height:1;transform:translateY(-1px)}.pwa-favorite-button:hover,.pwa-favorite-button:focus{transform:scale(1.06);border-color:#ffb24a}.pwa-favorite-button.is-favorite{background:#fff7e8;border-color:#ffb24a;color:#d76400}.pwa-favorite-button:disabled{opacity:.55;cursor:wait}.pwa-detail-favorite{margin-top:14px}.pwa-favorite-course-card .pwa-my-course-topline{align-items:center}.pwa-favorite-course-card .pwa-favorite-button{margin-left:auto}.pwa-favorites-section{margin-top:28px}.pwa-my-course-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}.pwa-my-course-filters button{display:inline-flex;align-items:center;gap:7px;border:1px solid #dfe4ec;background:#fff;color:var(--navy);border-radius:999px;padding:9px 15px;cursor:pointer;font:inherit;font-size:13px;font-weight:700}.pwa-my-course-filters button span{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#eef3f9;color:#526070;font-size:11px}.pwa-my-course-filters button.is-active{background:var(--navy);border-color:var(--navy);color:#fff}.pwa-my-course-filters button.is-active span{background:rgba(255,255,255,.18);color:#fff}.pwa-my-course-filter-content>.pwa-my-course-section:first-child{margin-top:0}.pwa-my-course-filter-content>.pwa-empty:first-child{margin-top:0} /* v0.35.51 – Favoritenherz kollisionsfrei links oben auf Kurskarten */ @media(max-width:640px){.pwa-card-favorite{top:10px;left:10px}.pwa-favorite-button{width:36px;height:36px}.pwa-favorite-button span{font-size:22px}} /* v0.35.52 – Passwort anzeigen + deutlicher Versandhinweis */ .pwa-password-field{position:relative;display:flex;align-items:center}.pwa-password-field input{padding-right:96px!important}.pwa-password-toggle{position:absolute;right:7px;top:50%;transform:translateY(-50%);min-width:78px;padding:7px 10px;border:1px solid #c8d5e4;border-radius:8px;background:#f7f9fc;color:#002e76;font:inherit;font-size:12px;font-weight:800;line-height:1;cursor:pointer}.pwa-password-toggle:hover,.pwa-password-toggle:focus{background:#eef4fb;border-color:#9fb4cf;outline:none}.pwa-password-toggle:focus-visible{box-shadow:0 0 0 3px rgba(0,46,118,.14)} .pwa-account-setting-state{display:none;min-height:0;margin-top:16px;padding:14px 16px;border-radius:12px;font-size:13px;line-height:1.5}.pwa-account-setting-state.is-pending,.pwa-account-setting-state.is-success,.pwa-account-setting-state.is-error{display:flex;flex-direction:column;gap:3px}.pwa-account-setting-state strong{font-size:14px}.pwa-account-setting-state.is-pending{background:#f4f7fb;border:1px solid #dbe4ef;color:#16345f}.pwa-account-setting-state.is-success{background:#eefaf1;border:1px solid #ccebd3;color:#174d2a}.pwa-account-setting-state.is-error{background:#fff3f0;border:1px solid #f2c7bc;color:#8a2c1b} /* v0.35.64 – Firmenportal Tabs + Test-Reset + Summary-Feinschliff */ .pwa-api-summary-grid strong{display:block} .pwa-api-summary-grid small{display:block;margin-top:8px;color:#6b7890;font-size:12px;line-height:1.45;font-weight:400} .pwa-company-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 24px} .pwa-company-tab{appearance:none;border:1px solid #cad7e8;background:#fff;color:#002e76;border-radius:999px;padding:10px 16px;font:inherit;font-size:12px;font-weight:800;letter-spacing:.035em;cursor:pointer;box-shadow:0 4px 12px rgba(0,46,118,.04)} .pwa-company-tab:hover{border-color:#002e76} .pwa-company-tab.is-active{background:#002e76;color:#fff;border-color:#002e76} .pwa-company-panel[hidden]{display:none!important} .pwa-test-reset-section{border:1px solid #f2c9b5;background:#fffaf7} .pwa-test-reset-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px} .pwa-test-reset-actions>div{border:1px solid #eadfd8;border-radius:14px;padding:18px;background:#fff} .pwa-test-reset-actions h4{margin:0 0 8px;color:#002e76} .pwa-test-reset-actions p{margin:0 0 14px;color:#64748b;line-height:1.55} @media(max-width:760px){.pwa-company-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.pwa-company-tab{white-space:nowrap}.pwa-test-reset-actions{grid-template-columns:1fr}} /* v0.35.66: Mehrfachauswahl in der Test-Benutzerverwaltung */ .pwa-bulk-user-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0;padding:10px 12px;border:1px solid #d8e2ef;border-radius:12px;background:#f8fbff}.pwa-bulk-user-actions label{display:flex;align-items:center;gap:7px;font-weight:700;color:#17365e}.pwa-bulk-user-actions [data-admin-selected-count]{color:#667085}.pwa-user-select-cell{width:42px;text-align:center}.pwa-user-select-cell input{width:18px;height:18px}.pwa-bulk-user-actions .pwa-danger-button{margin-left:auto}@media(max-width:760px){.pwa-bulk-user-actions .pwa-danger-button{margin-left:0;width:100%}} /* v0.35.67: Spaltenfilter in der Admin-Benutzerverwaltung */ .pwa-user-filter-table .pwa-column-filter-row th{padding:8px 8px;background:#f3f7fb;text-transform:none;letter-spacing:0;vertical-align:middle} .pwa-user-filter-table .pwa-column-filter-row input,.pwa-user-filter-table .pwa-column-filter-row select{width:100%;min-width:92px;min-height:36px;padding:7px 9px;border:1px solid #cfd9e6;border-radius:8px;background:#fff;color:#17365e;font:inherit;font-size:12px} .pwa-user-filter-table .pwa-column-filter-row input:focus,.pwa-user-filter-table .pwa-column-filter-row select:focus{outline:2px solid rgba(0,46,118,.14);border-color:#002e76} .pwa-user-filter-table .pwa-column-filter-row th:nth-child(2){min-width:190px}.pwa-user-filter-table .pwa-column-filter-row th:nth-child(4){min-width:160px} /* v0.35.72 – Firestore-Datenbrowser + Inline-Benutzerverwaltung */ .pwa-table-select{min-width:150px;max-width:220px;padding:7px 9px;border:1px solid #d7dde7;border-radius:8px;background:#fff;font:inherit} .pwa-firestore-browser{display:grid;grid-template-columns:minmax(190px,250px) minmax(0,1fr);gap:18px;align-items:start;margin-top:18px} .pwa-firestore-collections{display:flex;flex-direction:column;gap:7px;padding:14px;border:1px solid #e1e6ee;border-radius:12px;background:#fafbfc;max-height:70vh;overflow:auto} .pwa-firestore-collections>strong{margin-bottom:4px} .pwa-firestore-collection{appearance:none;text-align:left;border:1px solid #dfe4eb;background:#fff;border-radius:8px;padding:9px 10px;cursor:pointer;color:inherit} .pwa-firestore-collection:hover,.pwa-firestore-collection.is-active{border-color:#002e76;background:#f2f6fc} .pwa-firestore-data{min-width:0} .pwa-firestore-toolbar{display:flex;gap:14px;align-items:end;flex-wrap:wrap;margin-bottom:12px} .pwa-firestore-toolbar label{display:flex;flex-direction:column;gap:4px;min-width:230px} .pwa-firestore-toolbar select{padding:8px 10px;border:1px solid #d7dde7;border-radius:8px;background:#fff} .pwa-firestore-table{white-space:nowrap} .pwa-firestore-table td{max-width:360px;overflow:hidden;text-overflow:ellipsis} @media(max-width:900px){.pwa-firestore-browser{grid-template-columns:1fr}.pwa-firestore-collections{max-height:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}} /* v0.35.76 – neues Planwerk-Academy-Logo im Header */ .pwa-academy-header .pwa-header-inner{min-height:96px} .pwa-academy-header .pwa-header-brand{display:inline-flex;align-items:center;line-height:1} .pwa-academy-header .pwa-header-logo{display:block;width:auto;height:78px;max-width:145px;object-fit:contain} @media(max-width:760px){ .pwa-academy-header .pwa-header-inner{min-height:72px} .pwa-academy-header .pwa-header-logo{height:56px;max-width:100px} } /* v0.35.77 – horizontaler Header-Wordmark wie im neuen Branding */ .pwa-academy-header .pwa-header-inner{min-height:92px} .pwa-academy-header .pwa-header-brand{display:inline-flex;align-items:center;gap:12px;line-height:1;text-decoration:none!important} .pwa-academy-header .pwa-header-symbol{display:block;width:auto;height:58px;max-width:none;object-fit:contain;flex:0 0 auto} .pwa-academy-header .pwa-header-wordmark{display:inline-flex;align-items:baseline;gap:9px;white-space:nowrap;letter-spacing:.02em} .pwa-academy-header .pwa-header-wordmark-planwerk{color:#002e76;font-size:26px;font-weight:850;letter-spacing:.08em} .pwa-academy-header .pwa-header-wordmark-academy{color:#e89022;font-size:25px;font-weight:300;letter-spacing:.05em} @media(max-width:760px){ .pwa-academy-header .pwa-header-inner{min-height:72px} .pwa-academy-header .pwa-header-brand{gap:8px} .pwa-academy-header .pwa-header-symbol{height:44px} .pwa-academy-header .pwa-header-wordmark{gap:6px} .pwa-academy-header .pwa-header-wordmark-planwerk{font-size:18px;letter-spacing:.06em} .pwa-academy-header .pwa-header-wordmark-academy{font-size:17px} } @media(max-width:430px){ .pwa-academy-header .pwa-header-symbol{height:38px} .pwa-academy-header .pwa-header-wordmark-planwerk{font-size:15px} .pwa-academy-header .pwa-header-wordmark-academy{font-size:14px} } /* v0.35.78 – Header in einer Zeile, alle Elemente vertikal sauber zentriert */ .pwa-academy-header .pwa-header-inner{ display:flex; align-items:center; } .pwa-academy-header .pwa-header-brand{ display:inline-flex; align-items:center; align-self:center; } .pwa-academy-header .pwa-header-symbol{ display:block; align-self:center; } .pwa-academy-header .pwa-header-wordmark{ display:inline-flex; align-items:center; align-self:center; line-height:1; } .pwa-academy-header .pwa-header-wordmark-planwerk, .pwa-academy-header .pwa-header-wordmark-academy{ display:inline-flex; align-items:center; line-height:1; } .pwa-academy-header .pwa-header-nav, .pwa-academy-header .pwa-auth-nav, .pwa-academy-header .pwa-auth-nav.is-authenticated{ align-items:center; align-self:center; } .pwa-academy-header .pwa-header-nav>a, .pwa-academy-header .pwa-auth-nav>a, .pwa-academy-header .pwa-header-logout{ display:inline-flex; align-items:center; justify-content:center; line-height:1.2; } @media(max-width:820px){ .pwa-academy-header .pwa-header-nav, .pwa-academy-header .pwa-auth-nav, .pwa-academy-header .pwa-auth-nav.is-authenticated{align-items:stretch;} } /* v0.35.79 – Mehrfachfelder für Kursdarstellung */ .pwa-course-multiselect{border:1px solid #d9e2ef;border-radius:12px;padding:14px 16px;margin:0;min-width:0} .pwa-course-multiselect legend{font-weight:700;color:#0a3577;padding:0 6px} .pwa-course-checkbox-grid{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:4px} .pwa-course-checkbox-grid .pwa-checkbox-row{margin:0;white-space:nowrap} .pwa-software-product-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid #e8eef6} .pwa-software-product-actions .pwa-small-button{margin:0} /* v0.35.81 – dynamisches Kurs-Schaufenster im Startseiten-Hero */ .pwa-home-hero-showcase{position:relative;min-height:500px} .pwa-home-showcase-card{position:relative;min-height:500px;border:1px solid #cad7e6;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 28px 70px rgba(0,46,118,.18);display:flex;flex-direction:column} .pwa-home-showcase-image{height:225px;background:linear-gradient(135deg,#e7f2ff,#fff3e8);overflow:hidden} .pwa-home-showcase-image img{display:block;width:100%;height:100%;object-fit:cover} .pwa-home-showcase-content{padding:25px 28px 54px;display:flex;flex-direction:column;flex:1} .pwa-home-showcase-kicker{display:block;color:var(--home-orange);font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px} .pwa-home-showcase-content h2{margin:0;color:var(--home-navy);font-size:clamp(27px,3vw,37px);line-height:1.08;letter-spacing:-.025em} .pwa-home-showcase-content>p{margin:12px 0 17px;color:#627184;font-size:14px;line-height:1.55} .pwa-home-showcase-content dl{display:grid;gap:9px;margin:0 0 18px} .pwa-home-showcase-content dl>div{display:grid;grid-template-columns:112px minmax(0,1fr);gap:10px;align-items:start} .pwa-home-showcase-content dt{color:#8491a0;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em} .pwa-home-showcase-content dd{margin:0;color:var(--home-navy);font-size:12px;font-weight:800;line-height:1.45} .pwa-home-showcase-link{display:inline-flex;align-items:center;gap:9px;align-self:flex-start;margin-top:auto;color:var(--home-navy)!important;font-size:13px;font-weight:900} .pwa-home-showcase-link span{color:var(--home-orange);font-size:18px} .pwa-home-showcase-nav{position:absolute;right:20px;bottom:18px;display:flex;gap:7px} .pwa-home-showcase-nav button{width:35px;height:35px;border:1px solid #cfdae7;border-radius:9px;background:#fff;color:var(--home-navy);font-size:24px;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0} .pwa-home-showcase-nav button:hover,.pwa-home-showcase-nav button:focus{border-color:var(--home-navy);background:#f7faff} .pwa-home-showcase-dots{position:absolute;left:28px;bottom:30px;display:flex;gap:7px} .pwa-home-showcase-dots button{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:#c7d2df;cursor:pointer;transition:.18s ease} .pwa-home-showcase-dots button.is-active{width:22px;background:var(--home-orange)} .pwa-home-showcase-loading,.pwa-home-showcase-empty{position:relative;min-height:500px;padding:36px;border:1px solid #d5e0ec;border-radius:22px;background:linear-gradient(145deg,#eef6ff,#fff5eb);box-shadow:0 28px 70px rgba(0,46,118,.12);display:flex;flex-direction:column;justify-content:center} .pwa-home-showcase-empty span{color:var(--home-orange);font-size:12px;font-weight:900;letter-spacing:.12em}.pwa-home-showcase-empty strong{margin-top:8px;color:var(--home-navy);font-size:28px;line-height:1.15}.pwa-home-showcase-empty small{margin-top:10px;color:#657487;font-size:14px;line-height:1.55} @media(max-width:980px){.pwa-home-hero-showcase,.pwa-home-showcase-card,.pwa-home-showcase-loading,.pwa-home-showcase-empty{min-height:0}.pwa-home-showcase-card{min-height:480px}} @media(max-width:680px){.pwa-home-showcase-card{min-height:0}.pwa-home-showcase-image{height:190px}.pwa-home-showcase-content{padding:22px 20px 60px}.pwa-home-showcase-content dl>div{grid-template-columns:1fr;gap:3px}.pwa-home-showcase-dots{left:20px;bottom:25px}.pwa-home-showcase-nav{right:16px;bottom:14px}} /* v0.35.82 – kompaktere Hero-Kurskarte und übersichtliche Software-/OS-Badges */ .pwa-home-showcase-image{height:195px} .pwa-home-showcase-content{padding-top:22px} .pwa-home-showcase-content>p{margin-bottom:15px} .pwa-home-showcase-meta{display:grid;gap:10px;margin:0 0 17px} .pwa-home-showcase-meta-row{display:grid;grid-template-columns:112px minmax(0,1fr);gap:10px;align-items:start} .pwa-home-showcase-meta-label{color:#8491a0;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding-top:6px} .pwa-home-showcase-badges{display:flex;flex-wrap:wrap;gap:6px} .pwa-home-showcase-badge{display:inline-flex;align-items:center;min-height:26px;padding:4px 9px;border:1px solid #d4e1f0;border-radius:999px;background:#f4f8fd;color:var(--home-navy);font-size:11px;font-weight:800;line-height:1.2} .pwa-home-showcase-badge-os{border-color:#f6d5b8;background:#fff7ef;color:#a94c00} @media(max-width:680px){.pwa-home-showcase-image{height:175px}.pwa-home-showcase-meta-row{grid-template-columns:1fr;gap:5px}.pwa-home-showcase-meta-label{padding-top:0}} /* v0.35.83 – Klassifizierte Kursauswahl in „Unsere Schulungen“ */ .pwa-home-course-classifications{display:flex;flex-wrap:wrap;gap:6px;margin:13px 0 2px} .pwa-home-course-badge{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border:1px solid #d4e1f0;border-radius:999px;background:#f4f8fd;color:var(--home-navy);font-size:10px;font-weight:800;line-height:1.2} .pwa-home-course-badge-os{border-color:#f6d5b8;background:#fff7ef;color:#a94c00} /* v0.35.84 – Startseite: Schulungskarten angleichen und Vorteile + Ablauf zusammenführen */ .pwa-home-featured .pwa-home-section-head{align-items:center} .pwa-home-course-grid{align-items:stretch} .pwa-home-course{display:flex;flex-direction:column;height:100%} .pwa-home-course-body{display:flex;flex-direction:column;flex:1} .pwa-home-course-body .pwa-home-course-link{margin-top:auto;padding-top:16px} .pwa-home-course-classifications{gap:5px} .pwa-home-course-badge{padding:4px 8px;font-size:10px} .pwa-home-why{grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);padding-bottom:54px} .pwa-home-why-flow{grid-column:1/-1;width:min(1120px,100%);margin:8px auto 0;padding-top:30px;border-top:1px solid rgba(255,255,255,.14)} .pwa-home-why-flow-label{display:block;margin-bottom:18px;color:#ff9a3d;font-size:12px;font-weight:900;letter-spacing:.13em;text-align:center} .pwa-home-why-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:12px} .pwa-home-why-steps>div{display:flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:8px 10px;border:1px solid rgba(255,255,255,.13);border-radius:10px;background:rgba(255,255,255,.05);color:#fff;font-size:13px;font-weight:800} .pwa-home-why-steps b{display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;border-radius:50%;background:rgba(244,123,0,.2);color:#ff9a3d;font-size:11px} @media(max-width:980px){.pwa-home-why{grid-template-columns:1fr}.pwa-home-why-flow{grid-column:1}.pwa-home-why-steps{grid-template-columns:repeat(3,1fr)}} @media(max-width:680px){.pwa-home-featured .pwa-home-section-head{align-items:flex-start}.pwa-home-why-steps{grid-template-columns:1fr}.pwa-home-why-steps>div{justify-content:flex-start}.pwa-home-course-body .pwa-home-course-link{margin-top:16px;padding-top:0}} /* v0.35.85 – kompakter öffentlicher KI-&-Rendering-Teaser */ .pwa-home-ai{padding-top:68px;padding-bottom:68px;gap:54px} .pwa-home-ai-copy p{margin:16px 0 0;max-width:650px} .pwa-home-ai-points{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:18px} .pwa-home-ai-points small{color:#53677c;font-size:12px;font-weight:750} .pwa-home-ai-copy .pwa-home-hero-actions{margin-top:22px} .pwa-home-ai-art{max-width:470px;justify-self:end;width:100%} .pwa-home-ai-image{height:155px} @media(max-width:980px){.pwa-home-ai-art{justify-self:start;max-width:620px}} @media(max-width:680px){.pwa-home-ai{padding-top:52px;padding-bottom:52px}.pwa-home-ai-points{display:grid;gap:8px}.pwa-home-ai-art{max-width:none}} /* v0.35.86 – kompakter FAQ-Bereich auf der öffentlichen Startseite */ .pwa-home-faq{padding:76px 28px;background:var(--home-soft);border-top:1px solid #edf2f7} .pwa-home-faq-inner{max-width:1184px;margin:0 auto;display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:72px;align-items:start} .pwa-home-faq-intro>span{display:inline-block;margin-bottom:14px;color:var(--home-orange);font-size:12px;font-weight:900;letter-spacing:.13em;text-transform:uppercase} .pwa-home-faq-intro h2{margin:0;color:var(--home-navy);font-size:clamp(30px,3.6vw,44px);line-height:1.08;letter-spacing:-.025em} .pwa-home-faq-intro p{margin:18px 0 0;color:#667689;font-size:15px;line-height:1.65} .pwa-home-faq-intro a{display:inline-flex;margin-top:22px;color:var(--home-navy)!important;font-size:13px;font-weight:850} .pwa-home-faq-list{border-top:1px solid #dbe4ef} .pwa-home-faq-list details{border-bottom:1px solid #dbe4ef;background:transparent} .pwa-home-faq-list summary{position:relative;list-style:none;cursor:pointer;padding:19px 46px 19px 0;color:var(--home-navy);font-size:15px;font-weight:850;line-height:1.4} .pwa-home-faq-list summary::-webkit-details-marker{display:none} .pwa-home-faq-list summary:after{content:"+";position:absolute;right:5px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:28px;height:28px;border:1px solid #cbd8e7;border-radius:8px;background:#fff;color:var(--home-navy);font-size:18px;font-weight:700} .pwa-home-faq-list details[open] summary:after{content:"–";border-color:#f0bd8b;color:var(--home-orange)} .pwa-home-faq-list details p{margin:0;padding:0 50px 20px 0;color:#667689;font-size:14px;line-height:1.65} .pwa-home-growing{padding-top:36px} @media(max-width:900px){.pwa-home-faq-inner{grid-template-columns:1fr;gap:36px}.pwa-home-faq-intro{max-width:700px}} @media(max-width:680px){.pwa-home-faq{padding:54px 18px}.pwa-home-faq-list summary{padding-top:17px;padding-bottom:17px;font-size:14px}.pwa-home-faq-list details p{padding-right:38px}.pwa-home-growing{padding-top:32px}} /* v0.35.88 – Informationsseite Online-Kurse */ .pwa-info-page{--info-navy:#002e76;--info-orange:#f47b00;--info-soft:#f5f8fc;color:#24364b;background:#fff} .pwa-info-page section{box-sizing:border-box}.pwa-info-hero,.pwa-info-section,.pwa-info-course-cta,.pwa-info-final{max-width:1184px;margin:0 auto;padding-left:28px;padding-right:28px} .pwa-info-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:72px;align-items:center;padding-top:92px;padding-bottom:88px} .pwa-info-kicker,.pwa-info-section-head>span,.pwa-info-course-cta>div>span,.pwa-info-final>span{display:inline-block;margin-bottom:14px;color:var(--info-orange);font-size:12px;font-weight:900;letter-spacing:.13em;text-transform:uppercase} .pwa-info-hero h1,.pwa-info-section h2,.pwa-info-course-cta h2,.pwa-info-final h2{margin:0;color:var(--info-navy);font-size:clamp(34px,4.4vw,58px);line-height:1.04;letter-spacing:-.035em}.pwa-info-section h2,.pwa-info-course-cta h2,.pwa-info-final h2{font-size:clamp(30px,3.4vw,44px)} .pwa-info-hero-copy>p,.pwa-info-section-head>p,.pwa-info-two-col>div>p,.pwa-info-course-cta p,.pwa-info-final p{margin:20px 0 0;color:#627286;font-size:16px;line-height:1.7}.pwa-info-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px} .pwa-info-hero-card{min-height:360px;padding:38px;border:1px solid #d9e4ef;border-radius:24px;background:linear-gradient(145deg,#eef6ff,#fff5ea);box-shadow:0 26px 70px rgba(0,46,118,.12);display:flex;flex-direction:column;justify-content:center}.pwa-info-hero-card>span{color:var(--info-orange);font-size:11px;font-weight:900;letter-spacing:.12em}.pwa-info-hero-card>strong{margin-top:10px;color:var(--info-navy);font-size:30px;line-height:1.15}.pwa-info-mini-flow{display:grid;grid-template-columns:34px 1fr;gap:10px 12px;align-items:center;margin-top:30px}.pwa-info-mini-flow i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--info-navy);color:#fff;font-style:normal;font-size:12px;font-weight:900}.pwa-info-mini-flow b{color:#30455d;font-size:14px} .pwa-info-section{padding-top:82px;padding-bottom:82px}.pwa-info-section-head{max-width:760px;margin-bottom:38px}.pwa-info-four-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.pwa-info-four-grid article,.pwa-info-five-grid article{padding:26px;border:1px solid #dfe7f0;border-radius:16px;background:#fff;box-shadow:0 8px 26px rgba(0,46,118,.045)}.pwa-info-four-grid article>b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#fff1e5;color:var(--info-orange);font-size:12px}.pwa-info-four-grid h3{margin:18px 0 0;color:var(--info-navy);font-size:18px}.pwa-info-four-grid p,.pwa-info-five-grid p{margin:10px 0 0;color:#65768a;font-size:14px;line-height:1.6} .pwa-info-soft{max-width:none;background:var(--info-soft)}.pwa-info-soft>.pwa-info-two-col,.pwa-info-company>.pwa-info-two-col{max-width:1128px;margin:0 auto}.pwa-info-two-col{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.pwa-info-checks{display:grid;gap:12px}.pwa-info-checks>div{display:flex;gap:14px;padding:16px 18px;border:1px solid #e0e8f1;border-radius:13px;background:#fff}.pwa-info-checks>div>b{color:var(--info-orange)}.pwa-info-checks span{display:grid;gap:4px}.pwa-info-checks strong{color:var(--info-navy);font-size:14px}.pwa-info-checks small{color:#68798d;font-size:13px;line-height:1.5} .pwa-info-five-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.pwa-info-five-grid strong{color:var(--info-navy);font-size:16px} .pwa-info-course-cta{display:flex;justify-content:space-between;gap:48px;align-items:center;margin-top:12px;margin-bottom:12px;padding-top:54px;padding-bottom:54px;border-radius:22px;background:var(--info-navy);color:#fff}.pwa-info-course-cta h2,.pwa-info-course-cta p{color:#fff}.pwa-info-course-cta p{max-width:700px;opacity:.78}.pwa-info-course-cta .pwa-home-primary{flex:0 0 auto;background:var(--info-orange)} .pwa-info-company-card{padding:30px;border:1px solid #dfe7f0;border-radius:18px;background:#f8fbff}.pwa-info-company-card strong{color:var(--info-navy);font-size:22px}.pwa-info-company-card p{margin:12px 0 0;color:#65768a;line-height:1.65}.pwa-info-company-card a{display:inline-flex;margin-top:18px;color:var(--info-navy)!important;font-weight:850} .pwa-info-faq-list{max-width:900px;border-top:1px solid #dbe4ef}.pwa-info-faq-list details{border-bottom:1px solid #dbe4ef}.pwa-info-faq-list summary{position:relative;list-style:none;cursor:pointer;padding:19px 46px 19px 0;color:var(--info-navy);font-weight:850}.pwa-info-faq-list summary::-webkit-details-marker{display:none}.pwa-info-faq-list summary:after{content:"+";position:absolute;right:4px;top:50%;transform:translateY(-50%);color:var(--info-orange);font-size:22px}.pwa-info-faq-list details[open] summary:after{content:"–"}.pwa-info-faq-list details p{margin:0;padding:0 44px 20px 0;color:#65768a;font-size:14px;line-height:1.65} .pwa-info-final{text-align:center;padding-top:78px;padding-bottom:90px}.pwa-info-final p{max-width:700px;margin-left:auto;margin-right:auto}.pwa-info-final .pwa-info-actions{justify-content:center} @media(max-width:980px){.pwa-info-hero{grid-template-columns:1fr;gap:38px}.pwa-info-hero-card{min-height:0}.pwa-info-four-grid{grid-template-columns:repeat(2,1fr)}.pwa-info-five-grid{grid-template-columns:repeat(3,1fr)}.pwa-info-two-col{grid-template-columns:1fr;gap:36px}.pwa-info-course-cta{align-items:flex-start;flex-direction:column}} @media(max-width:680px){.pwa-info-hero,.pwa-info-section,.pwa-info-final{padding-left:18px;padding-right:18px}.pwa-info-hero{padding-top:58px;padding-bottom:56px}.pwa-info-section{padding-top:56px;padding-bottom:56px}.pwa-info-four-grid,.pwa-info-five-grid{grid-template-columns:1fr}.pwa-info-hero-card{padding:26px}.pwa-info-course-cta{margin-left:18px;margin-right:18px;padding:34px 24px}.pwa-info-final{padding-top:58px;padding-bottom:68px}} /* v0.35.88 – Online-Kurse: Theme-Titel ausblenden und CTA-Farben unabhängig von Home-Variablen */ body.pwa-online-courses-info-page .entry-header, body.pwa-online-courses-info-page .entry-title, body.pwa-online-courses-info-page .page-title{display:none!important} .pwa-info-page .pwa-home-primary{background:var(--info-navy)!important;color:#fff!important;border-color:var(--info-navy)!important} .pwa-info-page .pwa-home-primary:hover,.pwa-info-page .pwa-home-primary:focus{background:#00408f!important;color:#fff!important} .pwa-info-page .pwa-home-secondary{background:#fff!important;color:var(--info-navy)!important;border:1px solid #c9d5e4!important} /* v0.35.89 – editierbare Gutenberg-Infoseite Online-Kurse */ .pwa-gutenberg-online-courses{max-width:none!important;margin:0!important;padding:0!important} .pwa-gutenberg-online-courses>.wp-block-group{box-sizing:border-box} .pwa-gutenberg-online-courses .pwa-info-hero>.wp-block-group{margin:0} .pwa-gutenberg-online-courses .pwa-info-hero-card p:first-child, .pwa-gutenberg-online-courses .pwa-info-section-head>p:first-child, .pwa-gutenberg-online-courses .pwa-info-section>.wp-block-columns>.wp-block-column>p:first-child, .pwa-gutenberg-online-courses .pwa-info-course-cta p:first-child, .pwa-gutenberg-online-courses .pwa-info-final>p:first-child{color:var(--info-orange);font-size:12px;font-weight:900;letter-spacing:.13em;text-transform:uppercase} .pwa-gutenberg-online-courses .pwa-info-hero-card h3{margin:10px 0 0;color:var(--info-navy);font-size:30px;line-height:1.15} .pwa-info-editable-flow{margin:28px 0 0;padding-left:28px;color:#30455d} .pwa-info-editable-flow li{padding:6px 0 6px 8px;font-weight:750} .pwa-info-editable-flow li::marker{color:var(--info-navy);font-weight:900} .pwa-gutenberg-online-courses .pwa-info-four-grid>.wp-block-column, .pwa-gutenberg-online-courses .pwa-info-five-grid>.wp-block-column{padding:26px;border:1px solid #dfe7f0;border-radius:16px;background:#fff;box-shadow:0 8px 26px rgba(0,46,118,.045)} .pwa-gutenberg-online-courses .pwa-info-four-grid h3, .pwa-gutenberg-online-courses .pwa-info-five-grid h3{margin:0;color:var(--info-navy)} .pwa-gutenberg-online-courses .pwa-info-soft>.wp-block-columns, .pwa-gutenberg-online-courses .pwa-info-company>.wp-block-columns{max-width:1128px;margin-left:auto;margin-right:auto} .pwa-gutenberg-online-courses .pwa-info-company-card{padding:30px;border:1px solid #dfe7f0;border-radius:18px;background:#f8fbff} .pwa-gutenberg-online-courses .wp-block-details{max-width:900px;border-bottom:1px solid #dbe4ef;padding:0;margin:0} .pwa-gutenberg-online-courses .wp-block-details:first-of-type{border-top:1px solid #dbe4ef} .pwa-gutenberg-online-courses .wp-block-details summary{padding:19px 10px 19px 0;color:var(--info-navy);font-weight:850;cursor:pointer} .pwa-gutenberg-online-courses .wp-block-details>p{margin:0;padding:0 44px 20px 0;color:#65768a;font-size:14px;line-height:1.65} .pwa-gutenberg-online-courses .wp-block-button.pwa-home-primary .wp-block-button__link{background:var(--info-navy)!important;color:#fff!important;border-radius:9px;font-weight:800;padding:13px 18px} .pwa-gutenberg-online-courses .pwa-info-course-cta .wp-block-button.pwa-home-primary .wp-block-button__link{background:var(--info-orange)!important} .pwa-gutenberg-online-courses .wp-block-button.pwa-home-secondary .wp-block-button__link{background:#fff!important;color:var(--info-navy)!important;border:1px solid #c9d5e4!important;border-radius:9px;font-weight:800;padding:13px 18px} .editor-styles-wrapper .pwa-gutenberg-online-courses{width:100%;max-width:none} .editor-styles-wrapper .pwa-gutenberg-online-courses .pwa-info-hero, .editor-styles-wrapper .pwa-gutenberg-online-courses .pwa-info-section, .editor-styles-wrapper .pwa-gutenberg-online-courses .pwa-info-final{outline:1px dashed rgba(0,46,118,.08)} @media(max-width:980px){.pwa-gutenberg-online-courses .pwa-info-hero{grid-template-columns:1fr!important}.pwa-gutenberg-online-courses .pwa-info-four-grid,.pwa-gutenberg-online-courses .pwa-info-five-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important}} @media(max-width:680px){.pwa-gutenberg-online-courses .pwa-info-four-grid,.pwa-gutenberg-online-courses .pwa-info-five-grid{grid-template-columns:1fr!important}} /* v0.35.92 – Informationsseite KI & Rendering */ body.pwa-ai-rendering-info-page .entry-header, body.pwa-ai-rendering-info-page .entry-title, body.pwa-ai-rendering-info-page .page-title{display:none!important} .pwa-ai-info .pwa-home-primary-orange{background:var(--info-orange)!important;border-color:var(--info-orange)!important;color:#fff!important} .pwa-ai-info .pwa-home-primary-orange:hover,.pwa-ai-info .pwa-home-primary-orange:focus{background:#d86500!important;border-color:#d86500!important} .pwa-ai-visual-card{min-height:360px;padding:38px;border:1px solid #d9e4ef;border-radius:24px;background:linear-gradient(145deg,#eef6ff,#fff5ea);box-shadow:0 26px 70px rgba(0,46,118,.12);display:flex;flex-direction:column;justify-content:center} .pwa-ai-visual-card>span{color:var(--info-orange);font-size:11px;font-weight:900;letter-spacing:.12em} .pwa-ai-visual-card>strong{margin-top:10px;color:var(--info-navy);font-size:30px;line-height:1.15} .pwa-ai-visual-stage{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin-top:30px} .pwa-ai-plan,.pwa-ai-render{min-height:128px;border-radius:18px;display:grid;place-items:center;text-align:center;font-size:13px;font-weight:900;letter-spacing:.08em} .pwa-ai-plan{border:2px dashed #9db0c7;color:#5b6e83;background:#fff} .pwa-ai-render{color:#fff;background:linear-gradient(145deg,#002e76,#f47b00);box-shadow:0 14px 30px rgba(0,46,118,.18)} .pwa-ai-arrow{color:var(--info-orange);font-size:28px;font-weight:900} .pwa-info-three-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px} .pwa-info-three-grid article{padding:26px;border:1px solid #dce5ef;border-radius:18px;background:#fff} .pwa-info-three-grid strong{display:block;color:var(--info-navy);font-size:17px} .pwa-info-three-grid p{margin:10px 0 0;color:#66778b;font-size:14px;line-height:1.6} @media(max-width:980px){.pwa-info-three-grid{grid-template-columns:1fr}.pwa-ai-visual-card{min-height:0}} @media(max-width:680px){.pwa-ai-visual-card{padding:26px}.pwa-ai-visual-stage{grid-template-columns:1fr}.pwa-ai-arrow{transform:rotate(90deg);text-align:center}.pwa-ai-plan,.pwa-ai-render{min-height:100px}} /* v0.35.93 – echte pCon.planner / KI-Rendering Beispiele */ .pwa-ai-hero-photo-card{overflow:hidden;justify-content:flex-start;padding:28px} .pwa-ai-hero-photo-card>strong{font-size:27px} .pwa-ai-hero-photo-card>img{display:block;width:100%;height:245px;object-fit:cover;margin-top:20px;border-radius:16px;box-shadow:0 12px 30px rgba(0,46,118,.13)} .pwa-ai-hero-photo-card>small{display:block;margin-top:10px;color:#687b90;font-size:12px} .pwa-ai-examples{padding-top:34px} .pwa-ai-example-list{display:grid;gap:28px;margin-top:34px} .pwa-ai-example-card{padding:24px;border:1px solid #dce5ef;border-radius:22px;background:#fff;box-shadow:0 18px 50px rgba(0,46,118,.07)} .pwa-ai-example-head{display:flex;align-items:baseline;gap:14px;margin-bottom:18px} .pwa-ai-example-head b{color:var(--info-orange);font-size:11px;letter-spacing:.12em} .pwa-ai-example-head strong{color:var(--info-navy);font-size:20px} .pwa-ai-before-after{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);align-items:center;gap:12px} .pwa-ai-before-after figure{margin:0;min-width:0} .pwa-ai-image-wrap{overflow:hidden;aspect-ratio:16/9;border-radius:15px;background:#edf2f7;border:1px solid #dce5ef} .pwa-ai-image-wrap img{display:block;width:100%;height:100%;object-fit:cover} .pwa-ai-before-after figcaption{display:flex;align-items:center;gap:9px;margin-top:11px;color:var(--info-navy);font-size:13px} .pwa-ai-before-after figcaption span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--info-navy);color:#fff;font-size:11px;font-weight:800} .pwa-ai-example-arrow{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#fff4e9;color:var(--info-orange);font-size:23px;font-weight:900} @media(max-width:760px){ .pwa-ai-before-after{grid-template-columns:1fr;gap:10px} .pwa-ai-example-arrow{margin:0 auto;transform:rotate(90deg)} .pwa-ai-example-card{padding:16px} .pwa-ai-example-head{display:block}.pwa-ai-example-head strong{display:block;margin-top:5px} .pwa-ai-hero-photo-card>img{height:auto;aspect-ratio:16/9} } /* v0.35.94 – interaktiver Vorher/Nachher-Vergleich im KI-Hero */ .pwa-ai-hero-compare-card{overflow:hidden;justify-content:flex-start;padding:28px} .pwa-ai-hero-compare-card>strong{font-size:27px} .pwa-ai-hero-compare{position:relative;overflow:hidden;width:100%;aspect-ratio:16/9;margin-top:20px;border-radius:16px;background:#edf2f7;box-shadow:0 12px 30px rgba(0,46,118,.13);touch-action:pan-y} .pwa-ai-hero-compare img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;user-select:none;pointer-events:none} .pwa-ai-hero-rendering-base{z-index:1;opacity:var(--pwa-render-opacity,.5);transition:opacity .08s linear} .pwa-ai-hero-planning-wrap{position:absolute;z-index:2;inset:0;width:100%;overflow:hidden;opacity:var(--pwa-plan-opacity,.5);transition:opacity .08s linear} .pwa-ai-hero-planning-wrap .pwa-ai-hero-planning{width:100%;height:100%;object-fit:cover;object-position:left center} .pwa-ai-hero-divider{position:absolute;z-index:4;top:0;bottom:0;left:var(--pwa-compare,50%);width:3px;background:#fff;box-shadow:0 0 0 1px rgba(0,46,118,.12),0 0 14px rgba(0,46,118,.25);transform:translateX(-50%);pointer-events:none} .pwa-ai-hero-divider span{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;transform:translate(-50%,-50%);background:#fff;color:var(--info-navy);font-size:17px;font-weight:900;box-shadow:0 6px 18px rgba(0,46,118,.22)} .pwa-ai-hero-range{position:absolute;z-index:5;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize} .pwa-ai-hero-label{position:absolute;z-index:4;top:12px;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.92);color:var(--info-navy)!important;font-size:10px!important;font-weight:900!important;letter-spacing:.07em!important;box-shadow:0 4px 14px rgba(0,46,118,.12);pointer-events:none} .pwa-ai-hero-label-before{left:12px} .pwa-ai-hero-label-after{right:12px;background:rgba(244,123,0,.94);color:#fff!important} .pwa-ai-hero-compare-card>small{display:block;margin-top:10px;color:#687b90;font-size:12px} @media(max-width:760px){.pwa-ai-hero-compare-card{padding:22px}.pwa-ai-hero-compare-card>strong{font-size:23px}.pwa-ai-hero-divider span{width:34px;height:34px}} /* v0.35.95 – Planungsbild links, KI-Rendering rechts; beide Bildpaare als Schieber */ .pwa-ai-example-list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start} .pwa-ai-example-compare{margin-top:0;aspect-ratio:16/9} .pwa-ai-example-compare .pwa-ai-hero-label{top:10px} @media(max-width:980px){.pwa-ai-example-list{grid-template-columns:1fr}} /* v0.35.96 – echte Überblendung: Regler nach rechts = mehr KI-Rendering */ .pwa-ai-hero-compare{--pwa-render-opacity:.5;--pwa-plan-opacity:.5} /* v0.35.97 – Informationsseite Planwerk Academy */ body.pwa-planwerk-info-page .entry-header, body.pwa-planwerk-info-page .entry-title, body.pwa-planwerk-info-page .page-title{display:none!important} .pwa-planwerk-system-card{background:linear-gradient(145deg,#eef6ff 0%,#fff8f0 100%)} .pwa-planwerk-journey{display:grid;grid-template-columns:1fr;gap:10px;margin-top:22px} .pwa-planwerk-journey>div{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.72);border:1px solid rgba(0,46,118,.08)} .pwa-planwerk-journey i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#002e76;color:#fff;font-style:normal;font-size:12px;font-weight:800;flex:0 0 28px} .pwa-planwerk-journey b{font-size:14px;color:#002e76} .pwa-planwerk-topic-grid{align-items:stretch} .pwa-planwerk-topic-card{display:flex;flex-direction:column;min-height:260px;padding:30px;border:1px solid #dce6f2;border-radius:20px;background:#fff;box-shadow:0 18px 45px rgba(0,46,118,.06)} .pwa-planwerk-topic-card>span{color:#f07300;font-size:12px;font-weight:900;letter-spacing:.12em} .pwa-planwerk-topic-card h3{margin:12px 0 10px;color:#002e76;font-size:25px;line-height:1.15} .pwa-planwerk-topic-card p{margin:0 0 22px;color:#5d6e82;line-height:1.65} .pwa-planwerk-topic-card a{margin-top:auto;color:#002e76;font-weight:800;text-decoration:none} .pwa-planwerk-topic-card a:hover,.pwa-planwerk-topic-card a:focus{color:#f07300} @media(max-width:760px){.pwa-planwerk-topic-card{min-height:0;padding:24px}.pwa-planwerk-topic-card h3{font-size:22px}} /* v0.35.98 – Vorher/Nachher-Schieber im KI-Teaser der Startseite */ .pwa-home-ai-compare-window{padding:18px} .pwa-home-ai-compare-window>span{margin-bottom:0} .pwa-home-ai-compare{margin-top:13px;aspect-ratio:16/9;box-shadow:none;border:1px solid #d6e1ec} .pwa-home-ai-compare-window>small{display:block;margin-top:10px;color:#687b90;font-size:12px;line-height:1.4} .pwa-home-ai-compare .pwa-ai-hero-label{top:10px} @media(max-width:680px){.pwa-home-ai-compare-window{padding:14px}.pwa-home-ai-compare-window>small{font-size:11px}} /* v0.35.100 – Firebase Authentication / Firestore users Abgleich */ .pwa-auth-audit-section{margin-top:34px;padding-top:28px;border-top:1px solid #dfe7f1} .pwa-auth-audit-summary{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 16px} .pwa-auth-audit-summary span{display:inline-flex;align-items:center;gap:5px;padding:8px 11px;border:1px solid #dbe4ef;border-radius:10px;background:#fff;color:#49627f;font-size:13px} .pwa-auth-audit-summary span.is-ok{border-color:#bfe3ce;background:#f3fbf6;color:#176b3a} .pwa-auth-audit-summary span.is-warning{border-color:#f4d2a7;background:#fff8ef;color:#9a5700} .pwa-auth-audit-summary span.is-danger{border-color:#efc0c0;background:#fff5f5;color:#9d2929} .pwa-auth-audit-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0} .pwa-auth-audit-badge{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap} .pwa-auth-audit-badge.is-ok{background:#e8f7ee;color:#176b3a} .pwa-auth-audit-badge.is-warning{background:#fff0dc;color:#9a5700} .pwa-auth-audit-badge.is-danger{background:#fde8e8;color:#9d2929} .pwa-danger-button{border-color:#e2a1a1!important;color:#9d2929!important;background:#fff!important} .pwa-danger-button:hover{background:#fff1f1!important} .pwa-auth-audit-table tr.is-auth-orphan td{background:#fffaf3} .pwa-auth-audit-table tr.is-auth-missing td{background:#fff7f7} .pwa-auth-audit-table td:nth-child(3){font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px} @media(max-width:820px){.pwa-auth-audit-summary{display:grid;grid-template-columns:1fr 1fr}.pwa-auth-audit-summary span{justify-content:center}} /* v0.35.106 – pCon-Kontextverwaltung */ .pwa-context-selector{border:1px solid #dce4ef;border-radius:10px;padding:16px;margin:4px 0 8px;background:#fbfcfe} .pwa-context-selector legend{font-weight:700;color:#002e76;padding:0 8px} .pwa-field-help{margin:0 0 10px;color:#64748b;font-size:13px} .pwa-context-selected{display:flex;flex-wrap:wrap;gap:7px;min-height:34px;align-items:center;margin-bottom:10px} .pwa-context-empty{font-size:13px;color:#64748b} .pwa-context-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 7px 5px 10px;border:1px solid #cbd5e1;border-radius:999px;background:#fff;color:#0f172a;font-size:13px;font-weight:700} .pwa-context-chip button{border:0;background:#e2e8f0;border-radius:999px;width:20px;height:20px;line-height:18px;padding:0;cursor:pointer;color:#334155;font-size:15px} .pwa-context-chip em{font-size:10px;color:#9a3412;font-style:normal}.pwa-context-chip.is-inactive{background:#fff7ed;border-color:#fed7aa} .pwa-context-picker{border:1px solid #cbd5e1;border-radius:8px;background:#fff;overflow:hidden} .pwa-context-picker summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;cursor:pointer;color:#002e76;font-weight:700;list-style:none} .pwa-context-picker summary::-webkit-details-marker{display:none}.pwa-context-picker summary strong{font-size:12px;color:#64748b;font-weight:600} .pwa-context-picker[open] summary{border-bottom:1px solid #e2e8f0} .pwa-context-picker-panel{padding:12px;max-height:430px;overflow:auto} .pwa-context-search-label{display:block;margin:0 0 12px;font-weight:700;color:#334155}.pwa-context-search-label input{display:block;width:100%;margin-top:5px} .pwa-context-group{margin-top:12px}.pwa-context-group:first-child{margin-top:0}.pwa-context-group>strong{display:block;margin-bottom:6px;color:#334155} .pwa-context-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:6px 10px} .pwa-context-option{display:flex;align-items:flex-start;gap:8px;padding:7px 9px;border:1px solid #e2e8f0;border-radius:7px;background:#fff;font-weight:500;cursor:pointer} .pwa-context-option:hover{border-color:#94a3b8;background:#f8fafc}.pwa-context-option input{margin-top:2px}.pwa-context-option span{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px}.pwa-context-option span strong{font-size:13px}.pwa-context-option code{font-size:10px;color:#64748b}.pwa-context-option em{font-size:10px;color:#9a3412;font-style:normal;font-weight:700} .pwa-context-option.is-inactive{background:#fff7ed;border-color:#fed7aa}.pwa-context-option[hidden],.pwa-context-group[hidden]{display:none!important} /* v0.35.111 – Bunny Collections + Thumbnail Upload */ .pwa-bunny-upload{grid-template-columns:minmax(210px,1.1fr) minmax(170px,.8fr) minmax(170px,.8fr) minmax(210px,1fr) minmax(210px,1fr) auto;align-items:end} .pwa-bunny-upload>label{display:flex;flex-direction:column;gap:5px;font-weight:700;color:#17365e} .pwa-bunny-upload>label small{font-weight:400} .pwa-bunny-upload select,.pwa-bunny-toolbar select{min-height:44px;border:1px solid #cfd9e6;border-radius:9px;padding:8px 10px;background:#fff;color:#17365e;font:inherit} .pwa-bunny-upload-intro{align-self:center} .pwa-bunny-toolbar{grid-template-columns:minmax(0,1fr) minmax(190px,.35fr) auto} .pwa-bunny-collection-label{font-size:12px!important;color:#3c5d83!important} @media(max-width:1180px){.pwa-bunny-upload{grid-template-columns:1fr 1fr 1fr}.pwa-bunny-upload-intro{grid-column:1/-1}.pwa-bunny-upload .pwa-primary-cta{align-self:end}} @media(max-width:760px){.pwa-bunny-upload{grid-template-columns:1fr}.pwa-bunny-upload>*{grid-column:1!important}.pwa-bunny-toolbar{grid-template-columns:1fr}} .pwa-inline-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:8px}.pwa-inline-tools small{flex:1;min-width:240px} .pwa-video-markers{margin-top:12px;padding:14px;border:1px solid #dbe5f0;border-radius:12px;background:#f8fbff}.pwa-marker-player{margin:10px 0}.pwa-marker-table{width:100%;border-collapse:collapse;margin-top:10px}.pwa-marker-table th,.pwa-marker-table td{padding:6px;text-align:left;border-top:1px solid #e2e8f0}.pwa-marker-table input{width:100%;box-sizing:border-box} /* v0.35.114 – Marker-Player direkt im Blockeditor */ .pwa-marker-player{width:100%;max-width:960px;background:#0b1f38;border-radius:10px;overflow:hidden} .pwa-marker-video,.pwa-marker-bunny-frame{display:block;width:100%;aspect-ratio:16/9;border:0;background:#000} .pwa-marker-bunny-frame{min-height:360px} @media (max-width:700px){.pwa-marker-bunny-frame{min-height:220px}} /* v0.35.117 – Marker-Navigation */ .pwa-marker-nav{display:flex;align-items:center;justify-content:flex-start;gap:8px;flex-wrap:wrap;margin:10px 0 4px}.pwa-marker-nav .pwa-small-button{min-width:88px}.pwa-marker-nav .pwa-marker-add-main{min-width:230px;font-weight:700}@media(max-width:700px){.pwa-marker-nav .pwa-small-button,.pwa-marker-nav .pwa-marker-add-main{flex:1 1 auto;min-width:120px}} /* v0.35.118 – Blockeditor mit Reitern */ .pwa-block-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:4px 0 18px;padding-bottom:8px;border-bottom:1px solid #d9e2ef} .pwa-block-tabs button{appearance:none;border:1px solid #cdd9e8;background:#f7f9fc;color:#063878;border-radius:9px 9px 0 0;padding:10px 16px;font:inherit;font-weight:700;cursor:pointer} .pwa-block-tabs button:hover{background:#eef4fb} .pwa-block-tabs button.is-active{background:#063878;color:#fff;border-color:#063878} .pwa-block-tab-panel{min-height:120px} .pwa-block-tab-panel[hidden]{display:none!important} .pwa-block-tab-actions{position:sticky;bottom:0;z-index:8;background:rgba(255,255,255,.96);padding:12px 0;margin-top:18px;border-top:1px solid #e0e7f0;backdrop-filter:blur(4px)} @media(max-width:700px){.pwa-block-tabs{gap:4px}.pwa-block-tabs button{flex:1 1 46%;padding:9px 10px}.pwa-block-tab-actions{position:static}} /* v0.35.120 – sichtbares Branding: WEGSCHEIDER ACADEMY + Wegscheider-Signet */ .pwa-academy-header .pwa-header-wordmark-wegscheider{ color:#002e76;font-size:26px;font-weight:850;letter-spacing:.055em; display:inline-flex;align-items:center;line-height:1; } .pwa-academy-header .pwa-header-wegscheider-signet{ display:block;width:auto;height:46px;object-fit:contain;flex:0 0 auto;margin-left:4px; } @media(max-width:1100px){ .pwa-academy-header .pwa-header-wordmark-wegscheider{font-size:22px;letter-spacing:.035em} .pwa-academy-header .pwa-header-wordmark-academy{font-size:21px} .pwa-academy-header .pwa-header-wegscheider-signet{height:40px;margin-left:0} } @media(max-width:760px){ .pwa-academy-header .pwa-header-wordmark-wegscheider{font-size:18px;letter-spacing:.025em} .pwa-academy-header .pwa-header-wegscheider-signet{height:34px} } @media(max-width:430px){ .pwa-academy-header .pwa-header-wordmark-wegscheider{font-size:14px;letter-spacing:.01em} .pwa-academy-header .pwa-header-wordmark-academy{font-size:13px} .pwa-academy-header .pwa-header-wegscheider-signet{height:28px} } /* v0.35.122 – sichtbarer Erfolgsstatus beim Zugangscode-Mailversand */ .pwa-code-mail-state{display:inline-flex;align-items:center;gap:7px;min-height:32px;color:#55708f;font-size:14px;font-weight:600} .pwa-code-mail-success{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#198754;color:#fff;font-size:16px;font-weight:800;line-height:1;box-shadow:0 1px 2px rgba(0,0,0,.12)} /* v0.35.132 – responsiver Bunny-Dialog + Collection anlegen */ .pwa-bunny-modal{box-sizing:border-box;padding:20px;overflow:hidden} .pwa-bunny-dialog{box-sizing:border-box;width:min(1100px,calc(100vw - 40px));max-width:calc(100vw - 40px);max-height:calc(100vh - 40px);overflow-x:hidden;overflow-y:auto} .pwa-bunny-upload{grid-template-columns:minmax(0,1.05fr) minmax(0,.9fr) minmax(0,1.15fr);align-items:end} .pwa-bunny-upload-intro{grid-column:1/-1} .pwa-bunny-upload>label,.pwa-bunny-upload>*{min-width:0} .pwa-bunny-upload input[type=text],.pwa-bunny-upload input[type=file],.pwa-bunny-upload select{box-sizing:border-box;width:100%;max-width:100%;min-width:0} .pwa-bunny-upload .pwa-primary-cta{justify-self:start} .pwa-bunny-collection-pick{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:stretch;min-width:0} .pwa-bunny-collection-pick .pwa-small-button{white-space:nowrap;margin:0!important} .pwa-bunny-card{grid-template-columns:135px minmax(0,1fr) 145px;max-width:100%;box-sizing:border-box} @media(max-width:900px){.pwa-bunny-dialog{width:calc(100vw - 24px);max-width:calc(100vw - 24px);max-height:calc(100vh - 24px)}.pwa-bunny-modal{padding:12px}.pwa-bunny-upload{grid-template-columns:1fr 1fr}.pwa-bunny-upload-intro{grid-column:1/-1}.pwa-bunny-card{grid-template-columns:120px minmax(0,1fr) 135px}} @media(max-width:680px){.pwa-bunny-upload{grid-template-columns:1fr}.pwa-bunny-upload>*{grid-column:1!important}.pwa-bunny-card{grid-template-columns:1fr}.pwa-bunny-thumb{width:100%;max-width:240px}.pwa-bunny-toolbar{grid-template-columns:1fr}.pwa-bunny-card-actions{width:100%}} /* v0.35.133 – eindeutiger Status für das aktuelle Bunny-Video */ .pwa-bunny-current-usage{display:inline-flex;align-items:center;margin-top:8px;padding:5px 10px;border-radius:999px;background:#eaf7ee;color:#177a35;font-weight:700;font-size:13px} /* v0.35.134 – neue Wow-Startseite */ .pwa-home-wow{--wow-navy:#002e76;--wow-orange:#ff7a00;overflow:hidden}.pwa-wow-hero{min-height:520px;display:grid;grid-template-columns:1.03fr .97fr;max-width:1500px;margin:0 auto;background:#f8fbff}.pwa-wow-hero-copy{padding:48px 48px 34px 56px;align-self:center;position:relative;z-index:2}.pwa-wow-hero-copy h1{margin:0;color:var(--wow-navy);font-size:clamp(48px,4.2vw,72px);line-height:.98;letter-spacing:-.045em;font-weight:950}.pwa-wow-hero-copy h1 em{font-style:normal;color:var(--wow-orange)}.pwa-wow-hero-copy>p{max-width:690px;margin:22px 0 0;font-size:18px;line-height:1.55;color:#40556d}.pwa-wow-benefits{display:flex;gap:18px;flex-wrap:wrap;margin-top:30px;color:#153d70;font-size:12px}.pwa-wow-benefits span{display:flex;gap:7px;align-items:center}.pwa-home-primary-orange{background:var(--wow-orange)!important}.pwa-home-primary-orange:hover{background:#e66e00!important}.pwa-wow-compare{position:relative;overflow:hidden;min-height:520px;background:#e8eef5}.pwa-wow-compare>img,.pwa-wow-plan-wrap,.pwa-wow-plan-wrap img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.pwa-wow-plan-wrap{width:var(--pwa-compare);overflow:hidden;z-index:2}.pwa-wow-plan-wrap img{width:calc(10000% / var(--pwa-compare));max-width:none}.pwa-wow-divider{position:absolute;z-index:4;left:var(--pwa-compare);top:0;bottom:0;width:2px;background:#fff;box-shadow:0 0 10px #0004}.pwa-wow-divider span{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--wow-navy);font-weight:900;box-shadow:0 5px 20px #001b4433}.pwa-wow-range{position:absolute;inset:0;z-index:6;width:100%;height:100%;opacity:0;cursor:ew-resize}.pwa-wow-label{position:absolute;z-index:5;bottom:24px;padding:8px 18px;background:#ffffffdf;border-radius:99px;color:var(--wow-navy);font-size:12px;font-weight:900}.pwa-wow-label-left{left:28px}.pwa-wow-label-right{right:28px}.pwa-wow-idea{position:absolute;z-index:5;right:8%;top:8%;font-size:clamp(24px,2.2vw,38px);line-height:1.1;text-align:center;color:var(--wow-navy);font-weight:800;font-style:italic;text-shadow:0 2px 12px #fff}.pwa-wow-idea b{font-size:1.12em}.pwa-wow-cards{max-width:1500px;margin:0 auto;padding:22px 48px 44px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;background:#fff}.pwa-wow-card{appearance:none;border:1px solid #d7e1ed;border-radius:16px;background:#fff;min-height:210px;padding:24px;display:grid;grid-template-columns:54px 1fr;gap:18px;text-align:left;color:inherit!important;position:relative;box-shadow:0 8px 24px rgba(0,46,118,.05);transition:.2s ease;cursor:pointer;font:inherit}.pwa-wow-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(0,46,118,.12);border-color:#b9cce2}.pwa-wow-card-icon{width:52px;height:52px;border-radius:14px;background:#eef5ff;display:grid;place-items:center;color:var(--wow-navy);font-size:25px;font-weight:900}.pwa-wow-card h2{margin:3px 0 10px;color:var(--wow-navy);font-size:21px;line-height:1.16}.pwa-wow-card p{margin:0 0 18px;color:#52667d;font-size:14px;line-height:1.55}.pwa-wow-card strong{color:#0758a7;font-size:13px}.pwa-wow-new{position:absolute;right:18px;top:14px;background:var(--wow-orange);color:#fff;padding:5px 9px;border-radius:99px;font-size:10px;font-weight:900}.pwa-wow-card-plugin{border-color:#c8d9eb}.pwa-wow-modal[hidden]{display:none!important}.pwa-wow-modal{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;padding:24px}.pwa-wow-modal-backdrop{position:absolute;inset:0;background:rgba(0,20,50,.78);backdrop-filter:blur(4px)}.pwa-wow-modal-box{position:relative;z-index:2;width:min(960px,94vw);max-height:92vh;overflow:auto;background:#fff;border-radius:20px;padding:26px;box-shadow:0 30px 100px #0007}.pwa-wow-modal-box>span{font-size:11px;letter-spacing:.14em;font-weight:900;color:var(--wow-orange)}.pwa-wow-modal-box h2{margin:6px 42px 18px 0;color:var(--wow-navy);font-size:30px}.pwa-wow-modal-box>p{color:#52667d;line-height:1.6;margin:18px 0 0}.pwa-wow-modal-close{position:absolute;right:18px;top:16px;width:40px;height:40px;border:0;border-radius:50%;background:#eef3f8;color:#234;font-size:25px;cursor:pointer}.pwa-wow-video{aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#061b35}.pwa-wow-video iframe{width:100%;height:100%;border:0}.pwa-wow-video-missing{padding:60px 20px;text-align:center;background:#f3f6fa;border-radius:14px;color:#667}.pwa-wow-demo-open.pwa-home-secondary{cursor:pointer}.pwa-home-wow .pwa-home-featured{padding-top:58px} @media(max-width:980px){.pwa-wow-hero{grid-template-columns:1fr}.pwa-wow-hero-copy{padding:48px 28px}.pwa-wow-compare{min-height:440px}.pwa-wow-cards{grid-template-columns:1fr;padding:22px 28px 38px}.pwa-wow-card{min-height:0}} @media(max-width:680px){.pwa-wow-hero-copy{padding:38px 18px 28px}.pwa-wow-hero-copy h1{font-size:45px}.pwa-wow-hero-copy>p{font-size:16px}.pwa-wow-compare{min-height:360px}.pwa-wow-cards{padding:16px 18px 34px}.pwa-wow-card{grid-template-columns:46px 1fr;padding:18px}.pwa-wow-card-icon{width:44px;height:44px}.pwa-wow-idea{font-size:23px}.pwa-wow-modal{padding:10px}.pwa-wow-modal-box{padding:18px}.pwa-wow-modal-box h2{font-size:24px}} /* v0.35.135 – Startseite eng am freigegebenen Mockup */ .pwa-home-wow{background:#fff}.pwa-home-wow .pwa-wow-hero-mockup{position:relative;display:block;max-width:none;width:100%;min-height:520px;overflow:hidden;background:#edf4fb}.pwa-home-wow .pwa-wow-hero-mockup .pwa-wow-compare{position:absolute;inset:0;min-height:520px}.pwa-home-wow .pwa-wow-hero-mockup .pwa-wow-compare:after{content:"";position:absolute;z-index:3;inset:0;background:linear-gradient(90deg,rgba(245,250,255,.97) 0%,rgba(245,250,255,.91) 24%,rgba(245,250,255,.58) 46%,rgba(245,250,255,.08) 62%,rgba(255,255,255,0) 72%);pointer-events:none}.pwa-home-wow .pwa-wow-hero-mockup .pwa-wow-plan-wrap img,.pwa-home-wow .pwa-wow-hero-mockup .pwa-wow-render{object-position:center center}.pwa-home-wow .pwa-wow-hero-mockup .pwa-wow-hero-copy{position:relative;z-index:8;width:min(760px,51vw);padding:38px 0 26px max(42px,calc((100vw - 1500px)/2 + 54px));align-self:auto}.pwa-home-wow .pwa-wow-hero-copy h1{font-size:clamp(48px,4vw,68px);line-height:.98}.pwa-home-wow .pwa-wow-hero-copy>p{max-width:570px;margin-top:20px;font-size:17px}.pwa-home-wow .pwa-wow-hero-copy .pwa-home-kicker{display:block;margin-bottom:20px;color:#f07800;font-size:13px;font-weight:900;letter-spacing:.12em}.pwa-home-wow .pwa-wow-hero-actions{margin-top:20px}.pwa-home-wow .pwa-wow-benefits{gap:24px;margin-top:26px;font-size:12px}.pwa-home-wow .pwa-wow-benefits span{line-height:1.25}.pwa-home-wow .pwa-wow-benefits b{font-size:21px;color:#073d7f}.pwa-home-wow .pwa-wow-hero-mockup .pwa-wow-range{z-index:6}.pwa-home-wow .pwa-wow-hero-mockup .pwa-wow-divider{z-index:7}.pwa-home-wow .pwa-wow-hero-mockup .pwa-wow-idea{z-index:7;right:9%;top:7%}.pwa-home-wow .pwa-wow-hero-mockup .pwa-wow-label{z-index:7}.pwa-home-wow .pwa-wow-hero-mockup .pwa-wow-label-left{left:54%}.pwa-home-wow .pwa-wow-cards{max-width:1540px;padding:20px 28px 38px;gap:18px}.pwa-home-wow .pwa-wow-card{min-height:220px;grid-template-columns:54px minmax(0,1fr) 34%;gap:14px;padding:22px;overflow:hidden}.pwa-home-wow .pwa-wow-card-copy{display:flex;flex-direction:column;min-width:0}.pwa-home-wow .pwa-wow-card-copy strong{margin-top:auto;padding-top:10px}.pwa-home-wow .pwa-wow-card-visual{align-self:stretch;min-height:150px;border-radius:13px;overflow:hidden;background:#edf3f9;position:relative}.pwa-home-wow .pwa-wow-card-visual img{width:100%;height:100%;object-fit:cover}.pwa-home-wow .pwa-wow-course-visual img{object-position:center}.pwa-home-wow .pwa-wow-ai-visual:after{content:"";position:absolute;left:40%;top:0;bottom:0;width:2px;background:#fff;box-shadow:0 0 8px #0004}.pwa-home-wow .pwa-wow-plugin-visual{background:linear-gradient(135deg,#f6f8fb,#dfe8f2);display:flex;align-items:flex-start;justify-content:center;padding-top:22px}.pwa-home-wow .pwa-wow-plugin-toolbar{background:#fff;border:1px solid #cbd7e4;border-radius:7px;padding:10px 8px;color:#183e6e;font-size:16px;box-shadow:0 8px 18px #173b6820;white-space:nowrap}.pwa-home-wow .pwa-wow-plugin-pointer{position:absolute;top:53px;right:28%;font-size:28px;color:#0758a7;transform:rotate(-20deg)}.pwa-home-wow .pwa-wow-plugin-tip{position:absolute;left:14%;right:8%;bottom:16px;background:#fff;border-radius:7px;padding:9px;text-align:center;color:#153d70;font-size:11px;font-weight:800;box-shadow:0 8px 18px #173b6820}.pwa-home-wow .pwa-home-featured{padding-top:44px} @media(max-width:1100px){.pwa-home-wow .pwa-wow-hero-mockup .pwa-wow-hero-copy{width:61vw;padding-left:34px}.pwa-home-wow .pwa-wow-card{grid-template-columns:46px 1fr}.pwa-home-wow .pwa-wow-card-visual{display:none}} @media(max-width:780px){.pwa-home-wow .pwa-wow-hero-mockup{min-height:760px}.pwa-home-wow .pwa-wow-hero-mockup .pwa-wow-compare{top:400px;min-height:360px}.pwa-home-wow .pwa-wow-hero-mockup .pwa-wow-compare:after{display:none}.pwa-home-wow .pwa-wow-hero-mockup .pwa-wow-hero-copy{width:auto;padding:34px 20px}.pwa-home-wow .pwa-wow-hero-copy h1{font-size:44px}.pwa-home-wow .pwa-wow-benefits{display:none}.pwa-home-wow .pwa-wow-hero-mockup .pwa-wow-label-left{left:18px}.pwa-home-wow .pwa-wow-cards{grid-template-columns:1fr;padding:16px 18px 30px}} /* v0.35.136: Hero proportions aligned to approved desktop mockup */ @media(min-width:1101px){ .pwa-home-wow .pwa-wow-hero-mockup{height:520px!important;min-height:520px!important} .pwa-home-wow .pwa-wow-hero-mockup .pwa-wow-compare{height:520px!important;min-height:520px!important} .pwa-home-wow .pwa-wow-hero-mockup .pwa-wow-hero-copy{box-sizing:border-box;width:58vw;max-width:900px;height:520px;padding-top:34px;padding-bottom:22px;display:flex;flex-direction:column;justify-content:center} .pwa-home-wow .pwa-wow-hero-copy h1{font-size:clamp(46px,3.55vw,64px)!important;line-height:.98!important;letter-spacing:-.045em} .pwa-home-wow .pwa-wow-hero-copy h1>span{display:block;white-space:nowrap} .pwa-home-wow .pwa-wow-hero-copy>p{max-width:610px;margin-top:16px!important;font-size:16px!important;line-height:1.45} .pwa-home-wow .pwa-wow-hero-copy .pwa-home-kicker{margin-bottom:15px!important} .pwa-home-wow .pwa-wow-hero-actions{margin-top:17px!important} .pwa-home-wow .pwa-wow-benefits{margin-top:20px!important;gap:20px!important} .pwa-home-wow .pwa-wow-hero-mockup .pwa-wow-compare:after{background:linear-gradient(90deg,rgba(245,250,255,.98) 0%,rgba(245,250,255,.94) 28%,rgba(245,250,255,.72) 45%,rgba(245,250,255,.16) 58%,rgba(255,255,255,0) 68%)} .pwa-home-wow .pwa-wow-hero-mockup .pwa-wow-label-left{left:50%} .pwa-home-wow .pwa-wow-cards{padding-top:16px!important;padding-bottom:28px!important} .pwa-home-wow .pwa-wow-card{min-height:190px!important;padding:19px!important} .pwa-home-wow .pwa-wow-card-visual{min-height:140px!important} .pwa-home-wow .pwa-wow-card h2{font-size:19px!important} .pwa-home-wow .pwa-wow-card p{font-size:13px!important;line-height:1.45!important;margin-bottom:12px!important} } @media(min-width:1500px){.pwa-home-wow .pwa-wow-hero-mockup .pwa-wow-hero-copy{width:55vw}.pwa-home-wow .pwa-wow-hero-copy h1{font-size:60px!important}} /* v0.35.137 – Hero Before/After: keep both images full-size and reveal pCon via clipping. */ .pwa-home-wow .pwa-wow-hero-mockup .pwa-wow-plan-wrap{ position:absolute!important; inset:0!important; width:100%!important; height:100%!important; overflow:hidden!important; z-index:2!important; clip-path:inset(0 calc(100% - var(--pwa-compare)) 0 0); -webkit-clip-path:inset(0 calc(100% - var(--pwa-compare)) 0 0); } .pwa-home-wow .pwa-wow-hero-mockup .pwa-wow-plan-wrap img{ position:absolute!important; inset:0!important; width:100%!important; height:100%!important; max-width:none!important; object-fit:cover!important; object-position:center center!important; } /* v0.35.138 – Before/After slider: full-width pointer/touch dragging, including the visible handle. */ .pwa-home-wow .pwa-wow-hero-mockup{touch-action:pan-y} .pwa-home-wow .pwa-wow-hero-mockup .pwa-wow-divider, .pwa-home-wow .pwa-wow-hero-mockup .pwa-wow-divider span{pointer-events:none!important} .pwa-home-wow .pwa-wow-hero-mockup .pwa-wow-range{cursor:ew-resize;touch-action:none} \n/* v0.35.140 – Startseite: Lernen direkt in pCon */ .pwa-home-pro-flow{padding:72px 32px 68px;background:#062f6c;color:#fff;overflow:hidden}.pwa-home-pro-flow-head{max-width:900px;margin:0 auto 38px;text-align:center}.pwa-home-pro-flow-head>span{display:block;color:#ff942e;font-size:12px;font-weight:900;letter-spacing:.14em;margin-bottom:12px}.pwa-home-pro-flow-head h2{margin:0;color:#fff;font-size:clamp(32px,3.4vw,50px);line-height:1.05;letter-spacing:-.025em}.pwa-home-pro-flow-head p{max-width:780px;margin:16px auto 0;color:#c9d9eb;font-size:16px;line-height:1.65}.pwa-home-pro-stage{width:min(1180px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:20px;align-items:stretch}.pwa-home-pro-screen{position:relative;min-height:390px;border-radius:18px;overflow:hidden;background:#edf3f8;border:1px solid rgba(255,255,255,.18);box-shadow:0 24px 60px rgba(0,0,0,.2)}.pwa-home-pro-screen img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.9)}.pwa-home-pro-screen:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 50%,rgba(0,46,118,.08));pointer-events:none}.pwa-home-pro-command{position:absolute;left:22px;top:20px;padding:8px 12px;border-radius:8px;background:#fff;color:#123d72;font-size:12px;font-weight:850;box-shadow:0 8px 22px #001a3c2c}.pwa-home-pro-info{position:absolute;z-index:3;right:26%;top:28%;width:54px;height:54px;border:5px solid #fff;border-radius:50%;background:#ff7a00;color:#fff;font-size:25px;font-weight:900;box-shadow:0 0 0 8px rgba(255,122,0,.18),0 12px 30px #001a3c45;cursor:pointer;animation:pwaInfoPulse 2.4s ease-in-out infinite}.pwa-home-pro-callout{position:absolute;z-index:2;right:6%;top:44%;padding:13px 17px;border-radius:11px;background:#fff;color:#294c75;font-size:13px;line-height:1.35;box-shadow:0 12px 28px #001a3c30}.pwa-home-pro-callout b{color:#073d7f}.pwa-home-pro-video{border-radius:18px;background:#fff;padding:25px;color:#173e70;box-shadow:0 24px 60px rgba(0,0,0,.17);display:flex;flex-direction:column}.pwa-home-pro-video>span{font-size:10px;color:#f07800;font-weight:900;letter-spacing:.13em}.pwa-home-pro-video>strong{margin-top:6px;font-size:22px}.pwa-home-pro-video-frame{margin-top:18px;min-height:170px;border-radius:13px;background:linear-gradient(145deg,#eaf2fa,#d8e6f4);display:grid;place-items:center;text-align:center;padding:18px}.pwa-home-pro-video-frame b{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#073d7f;color:#fff;font-size:20px}.pwa-home-pro-video-frame small{display:block;color:#536b84;line-height:1.4}.pwa-home-pro-markers{display:flex;gap:7px;margin:14px 0 18px}.pwa-home-pro-markers i{font-style:normal;padding:5px 8px;border-radius:6px;background:#eef4fa;color:#0758a7;font-size:10px;font-weight:850}.pwa-home-pro-video .pwa-home-secondary{margin-top:auto;width:100%;cursor:pointer}.pwa-home-pro-steps{width:min(1180px,100%);margin:26px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.pwa-home-pro-steps>div{display:flex;gap:12px;align-items:flex-start;padding:16px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.055)}.pwa-home-pro-steps b{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:rgba(255,139,32,.18);color:#ff9a3d}.pwa-home-pro-steps strong{display:block;color:#fff;font-size:14px}.pwa-home-pro-steps small{display:block;margin-top:4px;color:#b9cbe0;line-height:1.4}.pwa-home-pro-flow+.pwa-home-featured{padding-top:62px}@keyframes pwaInfoPulse{0%,100%{box-shadow:0 0 0 7px rgba(255,122,0,.12),0 12px 30px #001a3c45}50%{box-shadow:0 0 0 14px rgba(255,122,0,.04),0 12px 30px #001a3c45}}@media(max-width:900px){.pwa-home-pro-stage{grid-template-columns:1fr}.pwa-home-pro-video{max-width:none}.pwa-home-pro-steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.pwa-home-pro-flow{padding:54px 18px}.pwa-home-pro-screen{min-height:280px}.pwa-home-pro-info{right:18%;top:25%}.pwa-home-pro-callout{right:4%;top:48%}.pwa-home-pro-steps{grid-template-columns:1fr}}\n/* v0.35.141 – real pCon.planner PRO plugin workflow on homepage */ .pwa-home-pro-flow{background:#f7faff;color:#073d7f;padding-top:58px}.pwa-home-pro-flow-head{margin-bottom:26px}.pwa-home-pro-flow-head h2{color:#073d7f}.pwa-home-pro-flow-head p{color:#526d8b}.pwa-home-pro-steps-top{margin:0 auto 26px}.pwa-home-pro-steps-top>div{background:#fff;border:1px solid #dbe7f2;box-shadow:0 8px 24px rgba(0,46,118,.06)}.pwa-home-pro-steps-top strong{color:#073d7f}.pwa-home-pro-steps-top small{color:#5c7188}.pwa-home-pro-steps-top b{background:#eaf3fb;color:#073d7f}.pwa-home-pro-stage-real{grid-template-columns:minmax(0,1.55fr) minmax(330px,.65fr);align-items:stretch}.pwa-home-pro-realshot,.pwa-home-pro-realvideo{background:#fff;border:1px solid #dbe7f2;border-radius:18px;box-shadow:0 20px 50px rgba(0,46,118,.11);overflow:hidden}.pwa-home-pro-realshot{display:flex;align-items:center;justify-content:center}.pwa-home-pro-realshot img{display:block;width:100%;height:100%;min-height:430px;object-fit:cover;object-position:center}.pwa-home-pro-realvideo{padding:22px;display:flex;flex-direction:column}.pwa-home-pro-realvideo>span{color:#f07800;font-size:11px;font-weight:900;letter-spacing:.12em}.pwa-home-pro-realvideo>strong{display:block;margin:6px 0 14px;color:#073d7f;font-size:21px}.pwa-home-pro-video-shot{overflow:hidden;border-radius:12px;border:1px solid #dce7f1;background:#eef4f9}.pwa-home-pro-video-shot img{display:block;width:100%;height:250px;object-fit:cover;object-position:center}.pwa-home-pro-realvideo p{color:#526d8b;line-height:1.55;font-size:14px}.pwa-home-pro-realvideo .pwa-home-secondary{margin-top:auto;width:100%;cursor:pointer}@media(max-width:900px){.pwa-home-pro-stage-real{grid-template-columns:1fr}.pwa-home-pro-realshot img{min-height:0}.pwa-home-pro-video-shot img{height:auto}}@media(max-width:620px){.pwa-home-pro-flow{padding-top:44px}.pwa-home-pro-steps-top{margin-bottom:20px}} /* v0.35.142 – homepage story: courses → AI → companies → about/FAQ */ .pwa-home-pro-realshot img{object-position:center center} .pwa-home-pro-flow+.pwa-home-featured{padding-top:46px} .pwa-home-company{padding:74px 32px;background:#073d7f;color:#fff}.pwa-home-company-inner{width:min(1180px,100%);margin:auto;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;align-items:center}.pwa-home-company-copy>span,.pwa-home-about>span{display:block;color:#ff8a00;font-size:11px;font-weight:900;letter-spacing:.14em;margin-bottom:10px}.pwa-home-company-copy h2{margin:0;color:#fff;font-size:clamp(32px,3.2vw,48px);line-height:1.06}.pwa-home-company-copy p{max-width:580px;color:#d2dfed;line-height:1.65;margin:18px 0 24px}.pwa-home-company-copy .pwa-home-primary{display:inline-flex;background:#ff7a00}.pwa-home-company-panel{display:grid;gap:10px}.pwa-home-company-panel>div{display:grid;grid-template-columns:46px 1fr;column-gap:14px;padding:18px 20px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(255,255,255,.07)}.pwa-home-company-panel b{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff;color:#073d7f}.pwa-home-company-panel strong{color:#fff;font-size:16px}.pwa-home-company-panel small{color:#c8d8e9;margin-top:4px;line-height:1.45}.pwa-home-about-faq{padding:74px 32px 82px;background:#f7faff;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:54px;width:100%}.pwa-home-about-faq>*{width:100%;max-width:570px}.pwa-home-about{justify-self:end;padding:28px 12px}.pwa-home-about h2{margin:0;color:#073d7f;font-size:clamp(30px,3vw,44px);line-height:1.08}.pwa-home-about p{color:#526d8b;line-height:1.7;font-size:16px}.pwa-home-about a,.pwa-home-faq-more{color:#073d7f;font-weight:850;text-decoration:none}.pwa-home-faq-compact{padding:0;background:transparent}.pwa-home-faq-compact .pwa-home-faq-intro{margin-bottom:16px}.pwa-home-faq-compact .pwa-home-faq-intro h2{margin-bottom:0}.pwa-home-faq-more{display:inline-block;margin-top:16px}.pwa-home-ai{margin-top:0} @media(max-width:900px){.pwa-home-company-inner,.pwa-home-about-faq{grid-template-columns:1fr;gap:32px}.pwa-home-about-faq>*{max-width:none}.pwa-home-about{justify-self:stretch}.pwa-home-company{padding:58px 22px}.pwa-home-about-faq{padding:58px 22px}} /* v0.35.143 – Startseiten-Navigation */ html{scroll-behavior:smooth} #schulungen,#pcon-plugin,#ki-rendering,#unternehmen,#ueber-uns{scroll-margin-top:92px} .pwa-academy-header .pwa-header-plugin-link{gap:5px} .pwa-academy-header .pwa-header-plugin-link small{display:inline-flex;align-items:center;justify-content:center;padding:2px 5px;border-radius:999px;background:#fff1e5;color:#f47a00;font-size:8px;font-weight:800;letter-spacing:.04em;line-height:1} @media(max-width:1100px){.pwa-academy-header .pwa-header-nav{gap:10px}.pwa-academy-header .pwa-header-nav>a{font-size:12px}} /* v0.35.144 – Dozenten im Über-uns-Bereich */ .pwa-home-trainers{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0 20px} .pwa-home-trainers article{display:flex;align-items:center;gap:13px;padding:12px;border:1px solid #dce7f3;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(7,61,127,.05)} .pwa-home-trainers img{width:72px;height:72px;flex:0 0 72px;object-fit:cover;border-radius:12px;background:#e8eef5} .pwa-home-trainers strong{display:block;color:#073d7f;font-size:15px;line-height:1.25;margin-bottom:5px} .pwa-home-trainers small{display:block;color:#607894;font-size:12px;line-height:1.4} @media(max-width:1100px){.pwa-home-trainers{grid-template-columns:1fr}} /* v0.35.145 – Startseiten-Feinschliff: KI-Vergleich, kompaktere Kurse, FAQ */ .pwa-home-featured{padding-top:64px;padding-bottom:64px} .pwa-home-featured .pwa-home-course-grid{gap:18px} .pwa-home-featured .pwa-home-course-image{aspect-ratio:16/8.25} .pwa-home-featured .pwa-home-course-body{padding:16px 18px 17px} .pwa-home-featured .pwa-home-course h3{margin:5px 0 6px;font-size:19px} .pwa-home-featured .pwa-home-course p{min-height:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12.5px;line-height:1.45} .pwa-home-featured .pwa-home-course-classifications{margin-top:10px} .pwa-home-featured .pwa-home-course-meta{margin-top:10px} .pwa-home-featured .pwa-home-course-body .pwa-home-course-link{padding-top:12px} .pwa-home-ai{max-width:1280px;grid-template-columns:minmax(320px,.72fr) minmax(520px,1.28fr);gap:56px;padding-top:76px;padding-bottom:76px} .pwa-home-ai-art{max-width:680px;padding:16px;border-radius:28px} .pwa-home-ai-window{padding:12px;border-radius:20px} .pwa-home-ai-compare{margin-top:0;aspect-ratio:16/9;border-radius:14px} .pwa-home-ai-compare .pwa-ai-hero-divider span{width:48px;height:48px;font-size:18px;box-shadow:0 8px 24px rgba(0,46,118,.22)} .pwa-home-ai-compare .pwa-ai-hero-label{font-size:11px;padding:6px 9px} .pwa-home-faq-list details[open]{background:rgba(255,255,255,.58)} .pwa-home-faq-list details[open] summary{color:#f47a00} @media(max-width:980px){.pwa-home-ai{grid-template-columns:1fr}.pwa-home-ai-art{max-width:760px;justify-self:stretch}} @media(max-width:680px){.pwa-home-featured{padding-top:50px;padding-bottom:50px}.pwa-home-featured .pwa-home-course-image{aspect-ratio:16/9}.pwa-home-ai-art{padding:8px}.pwa-home-ai-window{padding:8px}.pwa-home-ai-compare .pwa-ai-hero-divider span{width:42px;height:42px}} /* v0.35.146 – Passwort vergessen auf der Login-Seite */ .pwa-forgot-row{display:flex;justify-content:flex-end;margin-top:-8px}.pwa-forgot-link{appearance:none;border:0;background:transparent;padding:0;color:#002e76;font:inherit;font-size:14px;font-weight:800;text-decoration:underline;cursor:pointer}.pwa-forgot-link:hover{color:#ff7900}.pwa-forgot-panel{margin-top:-6px;padding:16px;border:1px solid #dbe5f1;border-radius:12px;background:#f7faff}.pwa-forgot-panel p{margin:0 0 12px;color:#5c6b80;font-size:14px;line-height:1.5}.pwa-forgot-panel label{font-size:14px}.pwa-forgot-panel .pwa-outline-button{margin-top:12px;cursor:pointer}.pwa-forgot-state{margin-top:10px;color:#16345f;font-size:13px;line-height:1.45} \n\n/* v0.35.147 – Header-Proportionen und klare Trennung von Branding/Navigation */ .pwa-academy-header .pwa-header-inner{ max-width:1400px; gap:0; } .pwa-academy-header .pwa-header-brand{ flex:0 0 auto; margin-right:42px; } .pwa-academy-header .pwa-header-nav{ flex:1 1 auto; margin-left:0; gap:10px; justify-content:flex-end; } .pwa-academy-header .pwa-header-nav>a{ padding-left:9px; padding-right:9px; } .pwa-academy-header .pwa-auth-nav{ flex:0 0 auto; margin-left:12px; } @media(max-width:1180px){ .pwa-academy-header .pwa-header-toggle{display:inline-grid;place-items:center;margin-left:auto} .pwa-academy-header .pwa-header-nav{display:none;position:absolute;left:16px;right:16px;top:76px;z-index:9999;align-items:stretch;flex-direction:column;padding:12px;border:1px solid #dfe6ef;border-radius:14px;background:#fff;box-shadow:0 18px 45px rgba(0,46,118,.16)} .pwa-academy-header.is-open .pwa-header-nav{display:flex} .pwa-academy-header .pwa-header-inner{position:relative} .pwa-academy-header .pwa-header-nav>a,.pwa-academy-header .pwa-auth-nav>a{width:100%;justify-content:flex-start} .pwa-academy-header .pwa-auth-nav,.pwa-academy-header .pwa-auth-nav.is-authenticated{width:100%;margin-left:0;align-items:stretch;flex-direction:column} } @media(max-width:760px){ .pwa-academy-header .pwa-header-brand{margin-right:16px} } /* v0.35.151 – Admin-Header: Abmelden bleibt auf breiten Desktopansichten sichtbar */ @media(min-width:1181px){ .pwa-academy-header .pwa-header-inner{max-width:1760px;padding-left:24px;padding-right:24px} .pwa-academy-header .pwa-header-brand{margin-right:32px} .pwa-academy-header .pwa-header-nav{gap:6px} .pwa-academy-header .pwa-auth-nav.is-authenticated{gap:5px;margin-left:8px} .pwa-academy-header .pwa-auth-nav.is-authenticated>a{padding-left:8px;padding-right:8px} .pwa-academy-header .pwa-auth-nav.is-authenticated .pwa-header-logout{display:inline-flex!important;flex:0 0 auto;visibility:visible!important;margin:0;padding:9px 12px;white-space:nowrap} } /* v0.35.154 Portal-Aktivität: Benachrichtigungen & Einstellungen */ .pwa-activity-settings-grid{display:grid;grid-template-columns:minmax(280px,1fr) minmax(180px,260px);gap:18px;margin:18px 0}.pwa-activity-settings-grid label{display:flex;flex-direction:column;gap:7px;font-weight:600}.pwa-activity-settings-grid input,.pwa-activity-settings-grid select{min-height:42px;padding:8px 10px;border:1px solid #cfd8e6;border-radius:7px;background:#fff}.pwa-activity-master{display:flex;align-items:center;gap:8px;margin:14px 0 18px}.pwa-activity-check-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:9px 20px;margin:10px 0 20px}.pwa-activity-check{display:flex;align-items:center;gap:8px}.pwa-activity-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pwa-activity-actions [data-notify-status]{font-weight:600;color:#456}@media(max-width:720px){.pwa-activity-settings-grid,.pwa-activity-check-grid{grid-template-columns:1fr}} /* v0.35.155 – mobiler Academy-Adminbereich für iPhone */ .pwa-mobile-admin{max-width:560px;margin:0 auto;min-height:calc(100vh - 20px);padding:18px 14px 92px;background:#f4f7fb;color:#172033} .pwa-mobile-admin-head{display:flex;align-items:center;justify-content:space-between;padding:8px 4px 18px}.pwa-mobile-admin-head h2{margin:2px 0 0;color:#002e76;font-size:28px}.pwa-mobile-admin-head .pwa-status{font-size:12px;color:#557089;background:#fff;border-radius:999px;padding:7px 10px;box-shadow:0 2px 12px #153a6412} .pwa-mobile-title{display:flex;justify-content:space-between;align-items:center;margin:6px 2px 14px}.pwa-mobile-title h3{margin:2px 0 0;font-size:24px;color:#102f5b}.pwa-mobile-title button{border:0;background:#fff;border-radius:50%;width:40px;height:40px;font-size:22px;box-shadow:0 2px 12px #153a6418}.pwa-mobile-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.pwa-mobile-kpis article{background:#fff;border-radius:16px;padding:16px;box-shadow:0 4px 18px #153a6410}.pwa-mobile-kpis strong{display:block;color:#002e76;font-size:29px;line-height:1}.pwa-mobile-kpis span{display:block;margin-top:7px;color:#64758a;font-size:13px}.pwa-mobile-card{background:#fff;border-radius:18px;padding:16px;margin:0 0 12px;box-shadow:0 4px 20px #153a6410}.pwa-mobile-card h4{margin:0 0 12px;color:#173d70;font-size:16px}.pwa-mobile-card-head{display:flex;justify-content:space-between;align-items:center}.pwa-mobile-card-head button{border:0;background:none;color:#ff7a00;font-weight:700}.pwa-mobile-event{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid #edf1f5}.pwa-mobile-event:first-of-type{border-top:0}.pwa-mobile-event div{min-width:0}.pwa-mobile-event strong,.pwa-mobile-event span{display:block}.pwa-mobile-event span{font-size:12px;color:#718096;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px}.pwa-mobile-event time{font-size:11px;color:#718096;white-space:nowrap}.pwa-mobile-statusrow{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid #edf1f5}.pwa-mobile-statusrow strong{color:#0b7a43}.pwa-mobile-user{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid #edf1f5}.pwa-mobile-user:first-child{border-top:0}.pwa-mobile-user strong,.pwa-mobile-user span{display:block}.pwa-mobile-user span{font-size:12px;color:#718096}.pwa-mobile-avatar{width:38px;height:38px;border-radius:12px;background:#e9f1fb;color:#002e76;display:grid;place-items:center;font-weight:800}.pwa-mobile-admin-nav{position:fixed;z-index:999;left:50%;bottom:10px;transform:translateX(-50%);width:min(calc(100% - 20px),540px);display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border-radius:20px;padding:8px;box-shadow:0 10px 35px #0b2d5550}.pwa-mobile-admin-nav button{border:0;background:none;color:#758398;font-size:10px;padding:5px 2px}.pwa-mobile-admin-nav button span{display:block;font-size:20px;line-height:22px}.pwa-mobile-admin-nav button.is-active{color:#002e76;font-weight:800}.pwa-mobile-form label:not(.pwa-mobile-check){display:block;margin:12px 0}.pwa-mobile-form label>span{display:block;font-size:12px;font-weight:700;margin-bottom:5px}.pwa-mobile-form input[type=email],.pwa-mobile-form select{box-sizing:border-box;width:100%;padding:12px;border:1px solid #d8e0e9;border-radius:10px;background:#fff;font-size:16px}.pwa-mobile-check{display:flex;gap:9px;align-items:center;padding:8px 0}.pwa-mobile-check.master{font-weight:800;color:#002e76}.pwa-mobile-checks{display:grid;grid-template-columns:1fr 1fr;gap:2px 10px}.pwa-mobile-primary,.pwa-mobile-secondary{width:100%;border-radius:12px;padding:13px;margin-top:10px;font-weight:800}.pwa-mobile-primary{border:0;background:#002e76;color:#fff}.pwa-mobile-secondary{border:1px solid #ccd7e4;background:#fff;color:#002e76}.pwa-mobile-empty{padding:18px;text-align:center;color:#718096} @media(max-width:380px){.pwa-mobile-checks{grid-template-columns:1fr}.pwa-mobile-event span{max-width:190px}} /* v0.35.156 – KI Customer Journey Tests */ .pwa-ai-testset{display:flex;justify-content:space-between;gap:16px;padding:14px 16px;margin:8px 0;border:1px solid #dce5f0;border-radius:10px;background:#f8fbff}.pwa-ai-testset span{color:#667085}.pwa-ai-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0}.pwa-ai-form label{display:flex;flex-direction:column;gap:6px;font-weight:600}.pwa-ai-form label.wide{grid-column:1/-1}.pwa-ai-form input,.pwa-ai-form select,.pwa-ai-form textarea{width:100%;box-sizing:border-box;border:1px solid #cfd8e3;border-radius:8px;padding:10px;background:#fff}.pwa-ai-form textarea{min-height:92px;resize:vertical}.pwa-ai-form label:has(input[type=checkbox]){flex-direction:row;align-items:center}@media(max-width:760px){.pwa-ai-form{grid-template-columns:1fr}.pwa-ai-form label.wide{grid-column:auto}.pwa-ai-testset{flex-direction:column}} /* v0.35.157 – ausführbare Persona-Regeln */ .pwa-ai-rules{border:1px solid #dce5f0;border-radius:12px;background:#f8fbff;padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.pwa-ai-rules h4{grid-column:1/-1;margin:0;color:#002e76}.pwa-ai-rules label.wide{grid-column:1/-1}.pwa-ai-permissions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px}.pwa-ai-form .pwa-ai-check{display:flex;flex-direction:row;align-items:flex-start;gap:10px;font-weight:400;border:1px solid #dce5f0;border-radius:10px;padding:12px;background:#fff}.pwa-ai-form .pwa-ai-check input[type=checkbox]{width:auto;min-width:16px;margin-top:3px}.pwa-ai-check span{display:flex;flex-direction:column;gap:3px}.pwa-ai-check small,.pwa-ai-rules small{color:#667085;font-weight:400;line-height:1.35}.pwa-ai-form .pwa-ai-active{justify-self:start;min-width:300px;background:#f8fbff}.pwa-ai-form label:has(input[type=checkbox]){align-items:flex-start}@media(max-width:760px){.pwa-ai-rules,.pwa-ai-permissions{grid-template-columns:1fr}.pwa-ai-rules h4,.pwa-ai-rules label.wide,.pwa-ai-permissions{grid-column:auto}.pwa-ai-form .pwa-ai-active{min-width:0;width:100%;box-sizing:border-box}} /* v0.35.158 – KI-Testlauf Vorbereitung */ .pwa-ai-run-prepare{display:grid;gap:18px;max-width:980px} .pwa-ai-run-prepare>label{display:grid;gap:7px;font-weight:700} .pwa-ai-run-prepare input[type="text"],.pwa-ai-run-prepare input:not([type]){width:100%;padding:12px 14px;border:1px solid #ccd8e8;border-radius:8px} .pwa-ai-run-select{display:grid;gap:10px} .pwa-ai-run-personas{display:grid;gap:12px} .pwa-ai-run-card{display:flex;gap:18px;align-items:center;justify-content:space-between;border:1px solid #dbe4ef;border-radius:12px;padding:15px 16px;background:#fff} .pwa-ai-run-card>div{display:grid;gap:5px;min-width:0} .pwa-ai-run-card small{color:#5b6b82;line-height:1.4} @media(max-width:760px){.pwa-ai-run-card{align-items:stretch;flex-direction:column}.pwa-ai-run-card .pwa-primary-button{width:100%}} .pwa-ai-persona-cell{display:grid;gap:4px}.pwa-ai-persona-cell small{display:block;color:#68778c;font-size:13px;font-weight:400}.pwa-ai-run-toolbar{display:flex;align-items:center;gap:14px;margin:0 0 16px}.pwa-ai-run-toolbar span{font-weight:700;color:#50627a}.pwa-ai-persona-run-status{display:inline-block;margin-top:4px;font-size:12px;color:#607188}.pwa-ai-result-panel{margin-top:18px;padding:18px;border:1px solid #dbe4ef;border-radius:12px;background:#f8fbff}.pwa-ai-result-panel h4{margin:0 0 7px}.pwa-ai-result-panel p{margin:0;color:#52647b} /* v0.35.160 – Browserbase configuration */ .pwa-ai-browserbase{margin:0 0 26px;padding:20px;border:1px solid #dbe4ef;border-radius:14px;background:#f8fbff}.pwa-ai-browserbase h4{margin:2px 0 4px}.pwa-ai-browserbase p{margin:0}.pwa-ai-bb-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0}.pwa-ai-bb-grid label{display:grid;gap:6px;font-weight:700}.pwa-ai-bb-grid input{width:100%;box-sizing:border-box;border:1px solid #cfd8e3;border-radius:8px;padding:11px;background:#fff}.pwa-ai-bb-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pwa-ai-bb-actions [data-bb-status]{color:#52647b}.pwa-ai-bb-badge{padding:7px 10px;border-radius:999px;background:#fff0e6;color:#9a4a00;font-weight:700;font-size:13px}.pwa-ai-bb-badge.is-ready{background:#eaf7ef;color:#17643a}@media(max-width:760px){.pwa-ai-bb-grid{grid-template-columns:1fr}} /* v0.35.181 – Untertitel / zentrales Fachwörterbuch */ .pwa-subtitle-box{grid-column:1/-1;border:1px solid #d9e2ef;border-radius:10px;padding:14px;background:#f8fbff}.pwa-subtitle-head{display:flex;gap:14px;align-items:center;justify-content:space-between;margin-bottom:10px}.pwa-subtitle-status{display:flex;gap:24px;flex-wrap:wrap;margin-bottom:10px}.pwa-subtitle-box small{display:block;margin-top:8px;color:#64748b}.pwa-subtitle-dict-modal .pwa-bunny-dialog{max-width:850px}.pwa-dict-row{display:grid;grid-template-columns:1fr auto 1fr auto;gap:8px;align-items:center;margin:8px 0}.pwa-dict-row input{width:100%;min-width:0}@media(max-width:700px){.pwa-dict-row{grid-template-columns:1fr auto}.pwa-dict-row span{display:none}} /* v0.35.182 – Wörterbuch-Dialog: eindeutige Hinzufügen-/Speichern-Aktionen */ .pwa-subtitle-dict-modal .pwa-bunny-dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.pwa-subtitle-dict-modal .pwa-bunny-dialog-head>div{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.pwa-subtitle-dict-modal .pwa-bunny-dialog-head small{color:#667085}.pwa-subtitle-dict-modal .pwa-dict-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:1px solid #e1e7ef}.pwa-subtitle-dict-modal .pwa-dict-add,.pwa-subtitle-dict-modal .pwa-dict-save,.pwa-subtitle-dict-modal .pwa-dict-delete,.pwa-subtitle-dict-modal .pwa-dict-close{font:inherit;font-weight:800;cursor:pointer;border-radius:9px;min-height:40px;padding:8px 14px}.pwa-subtitle-dict-modal .pwa-dict-add{background:#fff;color:#002e76;border:1px solid #002e76}.pwa-subtitle-dict-modal .pwa-dict-save{background:#002e76;color:#fff;border:1px solid #002e76}.pwa-subtitle-dict-modal .pwa-dict-save:disabled{opacity:.55;cursor:wait}.pwa-subtitle-dict-modal .pwa-dict-delete,.pwa-subtitle-dict-modal .pwa-dict-close{min-width:40px;padding:6px 10px;background:#fff;color:#002e76;border:1px solid #cfd9e6}.pwa-subtitle-dict-modal .pwa-dict-message{font-size:13px;font-weight:700;color:#267a3d}.pwa-subtitle-dict-modal .pwa-dict-row input{min-height:42px;border:1px solid #aebbd0;border-radius:5px;padding:8px 10px;font:inherit;color:#26384f;background:#fff}.pwa-subtitle-dict-modal .pwa-dict-row input:focus{outline:2px solid rgba(0,46,118,.15);border-color:#002e76} .pwa-subtitle-lang{display:flex;align-items:flex-start;gap:14px;padding:10px 0;border-top:1px solid #e2e8f0}.pwa-subtitle-lang>strong{min-width:72px;padding-top:8px}.pwa-subtitle-editor-modal .pwa-bunny-dialog{max-width:1000px}.pwa-subtitle-editor-modal textarea{width:100%;min-height:480px;margin-top:14px;padding:14px;border:1px solid #aebbd0;border-radius:7px;font:14px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre;resize:vertical}.pwa-subtitle-editor-modal .pwa-dict-actions{display:flex;align-items:center;gap:10px;margin-top:12px} /* v0.35.218 – Persönliche Sprechstunde im Lernbereich */ .pwa-consultation-course-box{margin:16px 0;padding:16px;border:1px solid rgba(0,46,118,.16);border-radius:14px;background:#f7f9fc;display:flex;align-items:center;justify-content:space-between;gap:16px} .pwa-consultation-course-box>div{display:grid;gap:4px} .pwa-consultation-course-box strong{font-size:16px} .pwa-consultation-course-box small{display:block;max-width:620px;line-height:1.45} @media(max-width:700px){.pwa-consultation-course-box{align-items:flex-start;flex-direction:column}} /* v0.35.219 – Sprechstundenformular */ .pwa-consultation-form{display:block!important;max-width:none} .pwa-consultation-form .pwa-consultation-field{display:block;width:100%;margin:0 0 14px} .pwa-consultation-form .pwa-consultation-field label{display:block;width:100%;font-weight:650} .pwa-consultation-form .pwa-consultation-field input,.pwa-consultation-form .pwa-consultation-field select,.pwa-consultation-form .pwa-consultation-field textarea{display:block;box-sizing:border-box;width:100%;max-width:none;margin-top:6px} .pwa-consultation-form .pwa-consultation-field textarea{min-height:180px;resize:vertical} .pwa-consultation-summary{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:18px 20px;margin:0 0 16px;border:1px solid rgba(0,46,118,.14);border-radius:14px;background:#f7f9fc} .pwa-consultation-summary>div:first-child{display:grid;gap:5px}.pwa-consultation-summary strong{font-size:19px;color:#002e76} .pwa-consultation-balance{min-width:155px;text-align:right;display:grid;gap:2px}.pwa-consultation-balance span{font-size:12px}.pwa-consultation-balance b{font-size:20px;color:#002e76} .pwa-consultation-upload-preview{margin:18px 0;padding:16px;border:1px solid rgba(0,46,118,.16);border-radius:10px} .pwa-consultation-upload-placeholder{padding:18px;border:2px dashed rgba(0,46,118,.18);border-radius:10px;display:grid;gap:5px;text-align:center;background:#fafbfd}.pwa-consultation-upload-placeholder span{font-size:13px} @media(max-width:700px){.pwa-consultation-summary{align-items:flex-start;flex-direction:column}.pwa-consultation-balance{text-align:left}} /* v0.35.221 – kompakter Header für angemeldete Academy-Nutzer */ .pwa-academy-header .pwa-auth-nav.is-authenticated{display:flex;align-items:center;gap:18px;flex-wrap:wrap} .pwa-academy-header .pwa-auth-nav.is-authenticated a{white-space:nowrap} /* v0.35.222 – echte Academy-Seiten inkl. Sprechstunde: Theme-Header sicher ersetzen */ body.pwa-academy-shell #masthead, body.pwa-academy-shell header#masthead, body.pwa-academy-shell .site-header, body.pwa-academy-shell .ast-header-break-point, body.pwa-academy-shell .ast-above-header-wrap, body.pwa-academy-shell .ast-main-header-wrap, body.pwa-academy-shell .ast-primary-header-bar, body.pwa-academy-shell .ast-below-header-wrap, body.pwa-academy-shell .main-header-bar-wrap { display:none!important; } /* v0.35.223 – Sprechstunden-Dateiupload */ .pwa-consultation-dropzone{display:grid!important;place-items:center;gap:5px;min-height:105px;padding:18px;border:2px dashed rgba(0,46,118,.22);border-radius:10px;background:#fafbfd;text-align:center;cursor:pointer}.pwa-consultation-dropzone.is-dragging{background:#f0f5fb;border-color:#002e76}.pwa-consultation-dropzone input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important}.pwa-consultation-file-list{display:grid;gap:8px;margin-top:12px}.pwa-consultation-file-row{position:relative;padding:10px 86px 14px 12px;border:1px solid rgba(0,46,118,.14);border-radius:8px}.pwa-consultation-file-row>span{display:flex;gap:10px}.pwa-consultation-file-row button{position:absolute;right:10px;top:8px;border:0;background:transparent;cursor:pointer}.pwa-upload-progress{position:absolute;left:12px;right:12px;bottom:6px;height:3px;background:#e8edf4}.pwa-upload-progress i{display:block;height:100%;background:currentColor} .pwa-consultation-admin-content{display:grid;gap:18px}.pwa-admin-request{border:1px solid #dbe3ee;border-radius:12px;padding:20px;background:#fff}.pwa-admin-request-head{display:flex;justify-content:space-between;gap:20px}.pwa-admin-request dl{display:grid;grid-template-columns:140px 1fr;gap:8px 14px}.pwa-admin-request dd{margin:0}.pwa-admin-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px solid #e7ebf0}.pwa-admin-actions input{width:78px}.pwa-admin-actions button{border:0;border-radius:7px;padding:10px 14px;background:#002e76;color:#fff;font-weight:700} /* v0.35.229 integrated consultation admin */ .pwa-consultation-request{margin-bottom:18px}.pwa-consultation-actions{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin-top:16px}.pwa-consultation-actions label{display:flex;align-items:center;gap:7px}.pwa-consultation-actions input{width:78px} /* v0.35.231 */ .pwa-link-button{border:0;background:transparent;padding:2px 0;color:#002e76;text-decoration:underline;font:inherit;font-weight:700;cursor:pointer}.pwa-link-button:hover{color:#ff8a00}.pwa-link-button:disabled{opacity:.6;cursor:wait} /* v0.35.231 */ .pwa-consult-overage{display:block;margin-top:8px;font-weight:600}.pwa-consult-overage input{margin-right:6px} /* v0.35.233 participant consultation history */ .pwa-consultation-history{margin:0 0 28px}.pwa-consultation-history-head{margin-bottom:12px}.pwa-consultation-history-head h3{margin:4px 0 0;color:#002e76;font-size:22px}.pwa-consultation-history-list{display:grid;gap:12px}.pwa-consultation-history-card{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:16px 18px;border:1px solid rgba(0,46,118,.15);border-radius:12px;background:#fff}.pwa-consultation-history-main{min-width:0;flex:1}.pwa-consultation-history-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pwa-consultation-history-title strong{font-size:17px;color:#002e76}.pwa-consultation-history-course{margin-top:4px;color:#566274}.pwa-consultation-history-meta{display:flex;gap:16px;flex-wrap:wrap;margin-top:10px;font-size:13px}.pwa-consultation-status{display:inline-flex;padding:4px 8px;border-radius:999px;background:#eef2f7;font-size:12px;font-weight:700}.pwa-consultation-status.is-appointment_offered{background:#fff3e8;color:#a84b00}.pwa-consultation-status.is-completed{background:#edf7ef;color:#286b35}.pwa-consultation-booking{white-space:nowrap}.pwa-consultation-history+.pwa-consultation-form{padding-top:4px}@media(max-width:700px){.pwa-consultation-history-card{align-items:flex-start;flex-direction:column}.pwa-consultation-booking{width:100%;text-align:center}} /* v0.35.241 – Admin-Steuerung Lernfortschritt */ .pwa-progress-actionbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.pwa-progress-actionbar label{display:flex;align-items:center;gap:7px;font-weight:700;color:#173f78}.pwa-progress-block-select{display:flex;align-items:flex-start;gap:8px}.pwa-progress-block-select input{margin-top:4px}.pwa-progress-block-select span{display:flex;flex-direction:column;gap:2px} /* v0.35.242 – Zertifikat direkt nach Kursabschluss */ .pwa-course-certificate-box{max-width:620px;margin:24px auto 0;padding:22px;border:1px solid #d7e3f3;border-radius:16px;background:#fff;text-align:center}.pwa-course-certificate-box h2{margin:5px 0 8px;color:var(--navy);font-size:22px}.pwa-course-certificate-box p{margin:0 auto;color:#667085;line-height:1.55}.pwa-course-certificate-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:16px}.pwa-course-certificate-actions .pwa-outline-button,.pwa-course-certificate-actions .pwa-primary-cta{margin-top:0}.pwa-course-certificate-error{margin-top:12px;color:#b42318;font-weight:700}.pwa-course-certificate-error[hidden]{display:none}@media(max-width:650px){.pwa-course-certificate-actions{flex-direction:column}.pwa-course-certificate-actions button{width:100%;justify-content:center}} /* v0.35.256: permanente Video-/pCon-Version-Kennzeichnung */ .pwa-chip-new-version,.pwa-learning-meta .pwa-learning-new-version{background:#fff1e6!important;border-color:#ffd0ad!important;color:#a44900!important;font-weight:900}.pwa-chip-pcon-version,.pwa-learning-meta .pwa-learning-pcon-version{background:#eef4fc!important;border-color:#cbdcf3!important;color:#002e76!important;font-weight:800} /* v0.35.290 – optional Bunny multi-audio language bar */ .pwa-audio-language-bar:not([hidden]){display:flex;align-items:center;justify-content:flex-end;gap:14px;margin:0 0 10px;font-size:14px;color:#153765}.pwa-audio-language-bar [role=group]{display:flex;gap:3px;border:1px solid #ccd7e7;border-radius:8px;padding:3px}.pwa-audio-language-bar button{border:0;border-radius:5px;padding:7px 13px;background:transparent;color:#153765;cursor:pointer}.pwa-audio-language-bar button[aria-pressed=true]{background:#002e76;color:white}.pwa-audio-language-bar[hidden]{display:none!important} /* v0.35.293: language controls below video and HLS fallback */ .pwa-video-wrap video.pwa-hls-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000} .pwa-video-wrap iframe[hidden]{display:none!important} .pwa-audio-language-bar:not([hidden]){margin:12px 0 0;justify-content:flex-end;flex-wrap:wrap} @media(max-width:620px){.pwa-audio-language-bar:not([hidden]){justify-content:center}} /* v0.35.311: übersichtliches Kursbestellformular */ .pwa-purchase-panel.pwa-order-panel{display:block;padding:28px 30px} .pwa-order-intro{display:flex;justify-content:space-between;align-items:center;gap:28px} .pwa-order-intro>div{min-width:0;flex:1} .pwa-order-intro p{margin:8px 0} .pwa-order-intro .pwa-order-open{flex-shrink:0} .pwa-course-order-form[hidden]{display:none!important} .pwa-course-order-form{margin-top:28px;padding-top:24px;border-top:1px solid #dbe3ec;width:100%;max-width:none} .pwa-course-order-form h3{margin:0 0 18px;color:#002e76} .pwa-order-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 22px} .pwa-order-fields label{display:block!important;margin:0!important;font-size:14px;font-weight:600;color:#253955} .pwa-order-fields input,.pwa-order-fields select,.pwa-order-fields textarea{display:block;width:100%;box-sizing:border-box;margin-top:5px;padding:11px;border:1px solid #cdd8e4;border-radius:7px;background:#fff;color:#1b2940;font:inherit} .pwa-order-fields input[type=number]{max-width:160px} .pwa-order-fields .pwa-order-full{grid-column:1/-1} .pwa-order-fields h4{margin:12px 0 0;color:#002e76} .pwa-order-company[hidden]{display:none!important} .pwa-order-review{margin:26px 0 18px;background:#f5f8fc;border:1px solid #dbe3ec;border-radius:12px;padding:18px 22px} .pwa-order-review h4{margin:0 0 12px;color:#002e76} .pwa-order-review>div{display:flex;justify-content:space-between;gap:20px;padding:8px 0;border-bottom:1px solid #e0e6ef} .pwa-order-review .pwa-order-total{font-size:18px;color:#002e76;border-bottom:0} .pwa-order-review p{font-size:12px;line-height:1.6;margin-top:12px} .pwa-order-notice{font-size:13px;line-height:1.6;margin:12px 0!important} .pwa-order-consent{display:flex;align-items:flex-start;gap:8px;margin:16px 0!important;font-size:13px} .pwa-order-consent input{margin-top:3px} @media(max-width:760px){.pwa-order-intro{flex-direction:column;align-items:stretch}.pwa-order-fields{grid-template-columns:1fr}.pwa-purchase-panel.pwa-order-panel{padding:22px}.pwa-order-review>div{gap:12px}} /* 0.35.312: Kundentyp als sichtbare Auswahl */ .pwa-order-type>strong{display:block;margin-bottom:9px}.pwa-order-type-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pwa-order-type-choices label{position:relative;cursor:pointer}.pwa-order-type-choices input{position:absolute;opacity:0;width:1px!important;height:1px!important}.pwa-order-type-choices span{display:block;padding:16px 20px;border:2px solid #d6e0ec;border-radius:10px;background:white;font-weight:700;color:#002e76}.pwa-order-type-choices input:checked+span{border-color:#002e76;background:#eef4fc}.pwa-order-type-choices input:focus-visible+span{outline:3px solid #ff8a00;outline-offset:2px}.pwa-order-business-field[hidden]{display:none!important}.pwa-order-admin-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:12px 0}.pwa-order-admin-fields label{display:block;font-weight:600}.pwa-order-admin-fields input{display:block;width:100%;padding:10px;margin-top:6px;border:1px solid #cbd5e1;border-radius:6px}.pwa-order-admin-table{width:100%;border-collapse:collapse;margin-top:10px}.pwa-order-admin-table th,.pwa-order-admin-table td{padding:10px;text-align:left;border-bottom:1px solid #e2e8f0}.pwa-order-admin-table th{background:#f3f6fb}@media(max-width:760px){.pwa-order-type-choices,.pwa-order-admin-fields{grid-template-columns:1fr}} /* 0.35.313: Bestellbestätigung */ .pwa-order-success{text-align:center;padding:42px 28px!important}.pwa-order-success-icon{display:flex;align-items:center;justify-content:center;margin:0 auto 18px;width:64px;height:64px;border-radius:50%;background:#e5f6ec;color:#13844b;font-size:38px;font-weight:700}.pwa-order-success-number{display:inline-block;margin:14px auto 20px;padding:14px 20px;background:#f1f5fb;border-radius:10px;color:#002E76}.pwa-order-success .pwa-primary-cta{display:inline-block;margin-top:12px;text-decoration:none} /* 0.35.314: Systemcheck-Pflichtdialog vor dem Absenden */ .pwa-systemcheck-modal[hidden]{display:none!important} .pwa-systemcheck-modal{position:fixed;inset:0;z-index:999999;background:rgba(9,28,58,.68);display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto} .pwa-systemcheck-dialog{background:#fff;color:#15243b;border-radius:16px;padding:28px;width:min(100%,550px);max-height:calc(100vh - 40px);overflow-y:auto;box-shadow:0 18px 70px rgba(0,0,0,.28)} .pwa-systemcheck-dialog h2{font-size:23px;color:#002e76;margin:0 0 14px} .pwa-systemcheck-dialog p{line-height:1.6} .pwa-systemcheck-info{background:#f2f6fc;border-radius:10px;padding:17px;margin:20px 0} .pwa-systemcheck-info .pwa-primary-cta{display:inline-block;text-decoration:none;margin-top:6px} .pwa-systemcheck-ack{display:flex;align-items:flex-start;gap:11px;line-height:1.5;font-weight:600;margin:22px 0} .pwa-systemcheck-ack input{width:19px;height:19px;flex:none;margin-top:3px} .pwa-systemcheck-actions{border-top:1px solid #e3e9f2;padding-top:18px;display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap} .pwa-systemcheck-cancel{padding:11px 19px;border:1px solid #ccd5e2;border-radius:7px;background:#fff;color:#002e76;cursor:pointer} .pwa-systemcheck-send:disabled{opacity:.45;cursor:not-allowed} body.pwa-systemcheck-open{overflow:hidden} /* v0.35.323: order confirmation and private buyer order history */ .pwa-order-success#academy-order-confirmation{margin:0 0 28px;scroll-margin-top:24px;border:1px solid #c9e7d7;border-radius:18px;background:#f8fffb} .pwa-customer-order{display:block;margin:12px 0;padding:20px;border:1px solid #e0e7f1;border-radius:12px} .pwa-customer-order details{margin-top:12px}.pwa-customer-order summary{cursor:pointer;color:#002E76;font-weight:700} .pwa-customer-order-details{padding:12px 0}.pwa-order-code-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:9px 0;border-bottom:1px solid #e6ebf2}.pwa-order-code-row code{font-size:14px;word-break:break-all}.pwa-order-code-row .pwa-outline-button{margin:0} /* v0.35.337: kompakte Sprechstunden-Adminübersicht */ .pwa-consultation-compact{padding:0!important;margin:0 0 10px!important;border:1px solid #d9e1eb;border-radius:12px;overflow:hidden;background:#fff} .pwa-consultation-compact .pwa-consultation-summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px;cursor:pointer;padding:14px 18px} .pwa-consultation-compact .pwa-consultation-summary::-webkit-details-marker{display:none} .pwa-consultation-summary-main{display:flex;flex-direction:column;gap:4px;min-width:0}.pwa-consultation-summary-main strong{font-size:16px;color:#002e76}.pwa-consultation-summary-main small{color:#64748b;overflow-wrap:anywhere} .pwa-consultation-summary-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.pwa-consultation-summary-right small{white-space:nowrap;color:#475569}.pwa-consultation-status-pill{padding:5px 10px;border-radius:20px;background:#eef3fa;color:#002e76;font-size:12px;font-weight:700;white-space:nowrap}.pwa-consultation-status-pill.is-cancelled{background:#fce8e8;color:#a32d2d}.pwa-consultation-chevron{font-size:22px;line-height:1}.pwa-consultation-compact[open] .pwa-consultation-chevron{transform:rotate(180deg)}.pwa-consultation-details{border-top:1px solid #e5eaf1;padding:16px 18px}.pwa-consultation-compact:not([open]) .pwa-consultation-details{display:none}@media(max-width:700px){.pwa-consultation-compact .pwa-consultation-summary{align-items:flex-start;flex-direction:column}.pwa-consultation-summary-right{justify-content:flex-start}} /* Course rich text editor, v0.35.351 */ .pwa-rich-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:7px 0}.pwa-rich-toolbar select{width:auto;min-width:115px;padding:7px;border:1px solid #cbd5e1;border-radius:6px}.pwa-rich-edit{min-height:120px;padding:12px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;line-height:1.6;overflow-wrap:anywhere;outline-offset:2px}.pwa-rich-edit:focus{outline:2px solid #4184b9}.pwa-rich-label{font-weight:600}.pwa-rich-small{font-size:12px}.pwa-rich-normal{font-size:inherit}.pwa-rich-large{font-size:18px}.pwa-rich-edit{font-size:15px}.pwa-rich-edit ul,.pwa-description ul{list-style:disc outside;padding-left:1.6em;margin:.5em 0}.pwa-rich-edit ol,.pwa-description ol{list-style:decimal outside;padding-left:1.6em;margin:.5em 0}.pwa-rich-edit li,.pwa-description li{display:list-item;margin:.15em 0}.pwa-rich-edit p,.pwa-description p{margin:.4em 0}.pwa-rich-edit div,.pwa-description div{margin:.2em 0} /* v0.35.359: Unaufdringliche Netto-/Bruttopreise unter der Kursbeschreibung. */ .pwa-card-price-line{font-size:12px;line-height:1.55;color:#667085;margin:0 0 12px;overflow-wrap:anywhere} .pwa-card-price-line strong{font-weight:700;color:#253956} .pwa-card-price-line span{font-weight:400} /* v0.35.360: gleiche Kartenhoehen und einheitliche Preiszeile */ .pwa-grid{align-items:stretch} .pwa-grid .pwa-card{display:flex;flex-direction:column;height:100%} .pwa-grid .pwa-card>.pwa-image{flex-shrink:0} .pwa-grid .pwa-card>.pwa-body{display:flex;flex-direction:column;flex:1;min-width:0} .pwa-grid .pwa-card>.pwa-body>.pwa-card-price-line{margin-top:auto;min-height:19px} .pwa-grid .pwa-card>.pwa-body>.pwa-meta{margin-top:0} .pwa-grid .pwa-card>.pwa-body>.pwa-button{margin-top:auto} .pwa-grid .pwa-card-price-free strong{color:#267a3d}