*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background:#f9fafb;color:#222;-webkit-tap-highlight-color:transparent;min-height:100vh}button{cursor:pointer;border:none;background:none}button,input,select,textarea{font-family:inherit}img{max-width:100%;display:block}svg{flex-shrink:0}.screen{min-height:100vh;padding-bottom:2rem}.container{max-width:24rem;margin:0 auto;padding:1rem}.container-wide{max-width:42rem;margin:0 auto;padding:1rem}.center{display:flex;align-items:center;justify-content:center;text-align:center}.stack>*+*{margin-top:.75rem}.topbar{background:#c8102e;color:#fff;padding:1.25rem 1rem}.topbar-back{display:inline-flex;align-items:center;gap:.25rem;font-size:.875rem;opacity:.9;margin-bottom:.75rem;color:#fff}.topbar h2{font-size:1.125rem;font-weight:700}.topbar-sub{font-size:.875rem;opacity:.9;margin-top:.125rem}.topbar-pill{font-size:.75rem;padding:.25rem .5rem;display:inline-block}.topbar-pill,.topbar-progress{border-radius:999px;background:hsla(0,0%,100%,.2)}.topbar-progress{margin-top:.75rem;height:6px;overflow:hidden}.topbar-progress>div{height:100%;background:#fff;transition:width .3s}.card{background:#fff;border-radius:1rem;border:1px solid #e5e7eb;box-shadow:0 1px 2px rgba(0,0,0,.03);padding:1rem}.card-lg{padding:1.5rem}.card-locked{opacity:.6}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;width:100%;padding:.75rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:600;transition:transform .05s}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:#c8102e;color:#fff}.btn-outline{border:2px solid #c8102e;color:#c8102e;background:#fff}.btn-secondary{border:1px solid #d1d5db;color:#374151;background:#fff}.btn-ghost{color:#6b7280;padding:.5rem;font-size:.875rem;font-weight:400}.btn-dark{background:#222;color:#fff}.btn-row{display:flex;gap:.5rem}.btn-row .btn{flex:1 1}.input{width:100%;padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem}.input:focus{outline:2px solid #c8102e;outline-offset:-1px}.input-icon-wrap{position:relative}.input-icon-wrap .input{padding-left:2.5rem}.input-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.label{display:block;font-size:.813rem;font-weight:600;color:#374151;margin-bottom:.25rem}.label .required{color:#c8102e}.checkbox-row{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem 0}.checkbox-row input[type=checkbox]{margin-top:.125rem;accent-color:#c8102e}.checkbox-row label{font-size:.75rem;color:#4b5563;line-height:1.4;cursor:pointer}.pill{display:inline-block;font-size:.75rem;padding:.25rem .5rem;border-radius:999px;font-weight:500}.pill-red{background:#fef3f2;color:#c8102e}.pill-grey{background:#f3f4f6;color:#6b7280}.pill-yellow{background:#fef3c7;color:#b45309}.pill-green{background:#dcfce7;color:#166534}.progress{flex:1 1;height:8px;background:#e5e7eb;border-radius:999px;overflow:hidden}.progress>div{height:100%;background:#c8102e;transition:width .3s}.icon-circle{width:2.5rem;height:2.5rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.icon-circle-lg{width:3.5rem;height:3.5rem}.icon-circle-xl{width:5rem;height:5rem}.icon-circle-red{background:#fef3f2;color:#c8102e}.icon-circle-grey{background:#f3f4f6;color:#6b7280}.icon-circle-solid{background:#c8102e;color:#fff}.ampel{width:.625rem;height:.625rem;border-radius:999px;display:inline-block}.ampel-green{background:#22c55e}.ampel-yellow{background:#f59e0b}.ampel-red{background:#ef4444}.ampel-grey{background:#d1d5db}.title{font-size:1.5rem}.title,.title-sm{font-weight:700;color:#222}.title-sm{font-size:1.125rem}.h-course{font-size:1rem;font-weight:600;color:#222}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-muted{color:#6b7280}.text-mute-lt{color:#9ca3af}.text-red{color:#c8102e}.text-green{color:#166534}.uppercase-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;font-weight:600}.bold{font-weight:700}.semibold{font-weight:600}.medium{font-weight:500}.row{display:flex;align-items:center;gap:.5rem}.row-start{display:flex;align-items:flex-start;gap:.75rem}.row-between{display:flex;align-items:center;justify-content:space-between}.space-y>*+*{margin-top:.5rem}.space-y-lg>*+*{margin-top:1rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.info-box{padding:.75rem;border-radius:.5rem;background:#f3f4f6;color:#4b5563;font-size:.75rem;display:flex;align-items:flex-start;gap:.5rem;line-height:1.5}.notice-box{padding:.875rem;color:#7f1d1d;border-left:3px solid #c8102e}.notice-box,.success-box{border-radius:.5rem;background:#fef3f2;font-size:.75rem;line-height:1.5}.success-box{padding:1rem;color:#222}.warning-box{background:#fef3c7;color:#92400e;font-size:.75rem;line-height:1.5}.quiz-option,.warning-box{padding:.75rem;border-radius:.5rem}.quiz-option{width:100%;text-align:left;border:2px solid #e5e7eb;background:#fff;transition:all .15s;display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:#222}.quiz-option.selected{border-color:#c8102e;background:#fef3f2}.radio-dot{width:1.25rem;height:1.25rem;border-radius:999px;border:2px solid #d1d5db;flex-shrink:0;display:flex;align-items:center;justify-content:center}.quiz-option.selected .radio-dot{border-color:#c8102e}.radio-dot-inner{width:.625rem;height:.625rem;border-radius:999px;background:#c8102e}.dash-header{background:#c8102e;color:#fff;padding:1.25rem 1rem}.dash-avatar{width:2.5rem;height:2.5rem;border-radius:999px;background:hsla(0,0%,100%,.2);display:flex;align-items:center;justify-content:center;font-weight:700}.time-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background:hsla(0,0%,100%,.15);border-radius:.5rem;font-size:.75rem;margin-top:.5rem}.stat-row{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:.5rem;gap:.5rem}.stat-row>div{text-align:left}.user-list{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;overflow:hidden}.user-item{padding:.75rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f3f4f6;gap:.5rem}.user-item:last-child{border-bottom:none}.user-item .info{flex:1 1;min-width:0}.user-item .name{font-size:.875rem;font-weight:500;color:#222}.user-item .meta,.user-item .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-item .meta{font-size:.75rem;color:#6b7280}.user-item .meta-row{display:flex;align-items:center;gap:.375rem;margin-top:.125rem}.cert-page{background:#fff;max-width:42rem;margin:0 auto;border:2px solid #c8102e;box-shadow:0 4px 12px rgba(0,0,0,.1)}.cert-content{padding:0 2rem 2rem}.cert-header-img{width:100%}.cert-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem;margin:1rem 0}.cert-signature{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem;margin-top:1.5rem;padding-top:1rem}.cert-signature>div{text-align:center}.cert-signature .line{border-bottom:1px solid #6b7280;height:2rem;margin-bottom:.25rem}.cert-divider{border-top:1px solid #e5e7eb;padding-top:1rem;text-align:center;margin-top:1.5rem}.cert-toolbar{background:#fff;border-bottom:1px solid #e5e7eb;padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:10}.cert-toolbar .btn{width:auto;padding:.5rem 1rem}.token-list{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:.5rem}.token-item{padding:.625rem;border-bottom:1px dashed #e5e7eb;font-family:ui-monospace,monospace;font-size:.75rem;color:#374151}.token-item:last-child{border-bottom:none}.token-item .link{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:.375rem;color:#4b5563}.token-item .actions{display:flex;gap:.375rem}.token-item .copy-btn,.token-item .test-btn{flex:1 1;padding:.375rem .5rem;border-radius:.375rem;font-size:.688rem;font-weight:600;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:4px;cursor:pointer}.token-item .copy-btn{border:1px solid #c8102e;color:#c8102e;background:#fff}.token-item .test-btn{border:1px solid #c8102e;color:#fff;background:#c8102e}.token-item .copy-btn.copied{background:#dcfce7;border-color:#22c55e;color:#166534}.welcome-card{background:#fff;border-radius:1rem;padding:1.5rem;text-align:center}.welcome-logo{width:100%;border-radius:.5rem;margin-bottom:1rem}@media print{body{background:#fff}.no-print{display:none!important}.cert-page{box-shadow:none!important;border:2px solid #c8102e;margin:0;max-width:100%}.container-wide{padding:0}}.fade-in{animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.pdf-rahmen{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:.5rem;min-height:300px;display:flex;justify-content:center;align-items:flex-start;overflow:hidden}.pdf-rahmen canvas{border-radius:.375rem;display:block}.laden{text-align:center;padding:3rem 1rem;color:#6b7280;font-size:.875rem}.fehler-box{padding:.875rem;border-radius:.5rem;background:#fef2f2;color:#991b1b;font-size:.813rem;line-height:1.5;border-left:3px solid #dc2626}.modul-zeile{width:100%;text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:.875rem;display:flex;align-items:center;gap:.75rem;font-family:inherit;color:#222}.modul-zeile:disabled{opacity:.55;cursor:not-allowed}.modul-nummer{width:2.25rem;height:2.25rem;border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.938rem;background:#fef3f2;color:#c8102e;flex-shrink:0}.modul-nummer.fertig{background:#c8102e;color:#fff}.modul-zeile .info{flex:1 1;min-width:0}.modul-zeile .name{font-size:.938rem;font-weight:600}.modul-zeile .meta{font-size:.75rem;color:#6b7280;margin-top:.125rem}.schritt-karte{width:100%;text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:1rem;font-family:inherit;color:#222;display:flex;align-items:flex-start;gap:.75rem}.schritt-karte:disabled{opacity:.55;cursor:not-allowed}.input{min-height:2.75rem;font-size:1rem}.checkbox-row input[type=checkbox]{width:1.25rem;height:1.25rem}.btn{min-height:2.875rem;font-size:.938rem}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.25rem}.container-lese{max-width:62rem;margin:0 auto;padding:1rem}.pdf-rahmen{overflow:auto}.zoom-leiste{display:flex;gap:.5rem;margin-bottom:.75rem}.zoom-knopf,.zoom-leiste{align-items:center;justify-content:center}.zoom-knopf{width:2.5rem;height:2.5rem;border-radius:.5rem;border:1px solid #d1d5db;background:#fff;color:#374151;display:inline-flex;font-size:1.25rem;font-weight:700;font-family:inherit;cursor:pointer}.zoom-knopf:hover:not(:disabled){border-color:#c8102e;color:#c8102e}.zoom-knopf:disabled{opacity:.4;cursor:not-allowed}.zoom-anzeige{min-width:4.5rem;text-align:center;font-size:.875rem;font-weight:600;color:#374151}.dash-header,.topbar{background:linear-gradient(135deg,#c8102e,#a00d25)}.termin-karte{background:#fff;border:1px solid #e5e7eb;border-left:4px solid #c8102e;border-radius:1rem;padding:1rem;display:flex;gap:.875rem;align-items:flex-start}.termin-karte .inhalt{flex:1 1;min-width:0}.termin-karte .zeile{display:flex;align-items:center;gap:.4rem;margin-top:.25rem}.modul-kachel{width:100%;text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:.875rem;display:flex;align-items:center;gap:.875rem;font-family:inherit;color:#222;transition:border-color .15s,transform .05s}.modul-kachel:hover{border-color:#c8102e}.modul-kachel:active{transform:scale(.995)}.modul-symbol{width:3rem;height:3rem;border-radius:.875rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#fef3f2;color:#c8102e;position:relative}.modul-symbol.fertig{background:#dcfce7;color:#166534}.modul-haken{position:absolute;right:-4px;bottom:-4px;width:1.25rem;height:1.25rem;border-radius:999px;background:#166534;color:#fff;display:flex;align-items:center;justify-content:center;border:2px solid #fff}.modul-kachel .info{flex:1 1;min-width:0}.modul-kachel .name{font-size:1rem;font-weight:600}.modul-kachel .meta{font-size:.8rem;color:#6b7280;margin-top:.125rem}.modul-balken{height:5px;background:#e5e7eb;border-radius:999px;overflow:hidden;margin-top:.5rem}.modul-balken>div{height:100%;background:#c8102e;transition:width .3s}.willkommen-flaeche{background:radial-gradient(circle at 88% 18%,hsla(0,0%,100%,.14) 0 34%,transparent 35%),radial-gradient(circle at 12% 82%,hsla(0,0%,100%,.1) 0 28%,transparent 29%),linear-gradient(135deg,#c8102e,#a00d25)}.kurs-kopf{gap:.875rem;margin-bottom:.75rem}.kurs-kopf,.kurs-kopf .symbol{display:flex;align-items:center}.kurs-kopf .symbol{width:3.25rem;height:3.25rem;background:#fef3f2;color:#c8102e;justify-content:center}.kurs-kopf .symbol,.modul-bild{border-radius:.875rem;flex-shrink:0}.modul-bild{width:4.25rem;height:4.25rem;object-fit:cover;position:relative}.modul-bild-huelle{position:relative;flex-shrink:0;line-height:0}.modul-bild-huelle .modul-haken{right:-5px;bottom:-5px}.modul-bild-huelle.fertig .modul-bild{outline:3px solid #166534;outline-offset:-3px}.kopf-bild{width:100%;height:9.5rem;object-fit:cover;border-radius:1rem;display:block}.kopf-bild-huelle{position:relative}.kopf-bild-schild{position:absolute;left:.75rem;bottom:.75rem;background:hsla(0,0%,100%,.94);color:#222;border-radius:999px;padding:.3rem .7rem;font-size:.8rem;font-weight:600;display:inline-flex;align-items:center;gap:.35rem}.willkommen-bild{height:8rem;border-radius:1rem}.start-bild,.willkommen-bild{width:100%;object-fit:cover;display:block}.start-bild{height:10rem}.start-karte{background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.06)}.start-inhalt{padding:1.25rem;text-align:center}.start-logo{width:100%;max-width:15rem;margin:-3rem auto 1rem;border-radius:.5rem;position:relative;box-shadow:0 2px 8px rgba(0,0,0,.14)}.start-schritt{display:flex;align-items:center;gap:.75rem;text-align:left;padding:.55rem 0}.start-schritt .nummer{width:1.75rem;height:1.75rem;border-radius:999px;background:#fef3f2;color:#c8102e;font-weight:700;font-size:.8rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}