:root{--ff-orange: #e8722a;--ff-orange-hover: #cf6022;--ff-orange-tint: #fff8f4;--ff-orange-border: #fbd5be;--ff-focus-ring: 0 0 0 3px rgba(232, 114, 42, .12);--ff-ink: #2d3436;--ff-body: #4a5568;--ff-muted: #636e72;--ff-subtle: #b2bec3;--ff-page: #f5f5f5;--ff-card: #ffffff;--ff-block: #f8f9fa;--ff-border: #dfe6e9;--ff-error: #c0392b;--ff-error-bg: #fff5f5;--ff-radius-card: 10px;--ff-radius-btn: 7px;--ff-radius-input: 6px;--ff-radius-block: 8px;--ff-shadow-card: 0 2px 16px rgba(0, 0, 0, .1);--ff-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--ff-space-1: .25rem;--ff-space-2: .5rem;--ff-space-3: .75rem;--ff-space-4: 1rem;--ff-space-6: 1.5rem;--ff-space-8: 2rem;--ff-space-10: 2.5rem;--ff-touch-min: 48px;--ff-content-max: 960px;--ff-form-max: 520px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--ff-page);color:var(--ff-body);font-family:var(--ff-font);font-size:1rem;line-height:1.6}h1,h2,h3{color:var(--ff-ink);line-height:1.25;margin:0 0 var(--ff-space-3);font-weight:700}h1{font-size:clamp(1.6rem,4vw,2.2rem)}h2{font-size:1.3rem}h3{font-size:1.05rem}p{margin:0 0 var(--ff-space-4)}a{color:var(--ff-orange)}a:hover{color:var(--ff-orange-hover)}:focus-visible{outline:none;box-shadow:var(--ff-focus-ring);border-radius:4px}.wrap{max-width:var(--ff-content-max);margin:0 auto;padding:0 16px}.card{background:var(--ff-card);border-radius:var(--ff-radius-card);box-shadow:var(--ff-shadow-card);padding:var(--ff-space-8) var(--ff-space-6)}.btn{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:var(--ff-touch-min);padding:0 var(--ff-space-6);border:0;border-radius:var(--ff-radius-btn);background:var(--ff-orange);color:#fff;font:700 1rem var(--ff-font);cursor:pointer;text-decoration:none;transition:background .12s ease-out}.btn:hover{background:var(--ff-orange-hover);color:#fff}.btn:disabled{background:var(--ff-subtle);cursor:not-allowed}.hint{background:var(--ff-block);border-left:3px solid var(--ff-orange);border-radius:var(--ff-radius-block);padding:var(--ff-space-4);color:var(--ff-body)}.pill{display:inline-block;border:1px solid var(--ff-orange-border);background:var(--ff-orange-tint);color:var(--ff-ink);border-radius:999px;padding:2px 12px;font-size:.85rem;font-weight:600}.muted{color:var(--ff-muted);font-size:.9rem}.micro{color:var(--ff-subtle);font-size:.8rem}.logo{display:inline-flex;align-items:center;gap:10px;color:var(--ff-ink);font-weight:700;text-decoration:none}.logo-mark{width:36px;height:36px;border-radius:8px;background:var(--ff-orange);display:inline-flex;align-items:center;justify-content:center;font-size:20px}.kf{display:grid;gap:14px}.kf-feld{display:grid;gap:4px}.kf-feld label{color:var(--ff-ink);font-size:.88rem;font-weight:600}.kf input[type=email],.kf input:not([type]),.feld-input{width:100%;min-height:var(--ff-touch-min);padding:0 12px;border:1px solid var(--ff-border);border-radius:var(--ff-radius-input);font:1rem var(--ff-font);color:var(--ff-ink);background:#fff}.kf input:focus,.feld-input:focus{outline:none;border-color:var(--ff-orange);box-shadow:var(--ff-focus-ring)}.kf-check{display:grid;grid-template-columns:22px 1fr;gap:8px;align-items:start;font-size:.88rem;color:var(--ff-body);cursor:pointer}.kf-check input{width:18px;height:18px;margin-top:2px;accent-color:var(--ff-orange)}.kf-check-fehler span{color:var(--ff-error)}.kf-fehler{color:var(--ff-error);background:var(--ff-error-bg);border-radius:var(--ff-radius-input);padding:6px 10px;font-size:.88rem;margin:0}.lb-main{padding-top:24px;padding-bottom:64px}.lb-vorschau{background:var(--ff-orange-tint);border-bottom:1px solid var(--ff-orange-border);font-size:.88rem;padding:8px 0;color:var(--ff-ink)}.lb-kopf{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.lb-zurueck{display:inline-block;color:var(--ff-muted);text-decoration:none;font-size:.9rem;margin-bottom:12px}.lb-zurueck:hover{color:var(--ff-orange)}.btn-link{background:none;border:0;color:var(--ff-muted);font:inherit;font-size:.9rem;cursor:pointer;text-decoration:underline;padding:10px 0;display:inline-block}.btn-link:hover{color:var(--ff-orange)}.btn-zweit{background:#fff;color:var(--ff-ink);border:1px solid var(--ff-border)}.btn-zweit:hover{background:var(--ff-orange-tint);color:var(--ff-ink)}.chip{border:1px solid var(--ff-border);background:#fff;border-radius:999px;padding:4px 12px;font:600 .85rem var(--ff-font);color:var(--ff-ink);cursor:pointer;min-height:36px}.chip-aktiv{background:var(--ff-orange);border-color:var(--ff-orange);color:#fff}.chip-klein{min-height:0;padding:1px 8px;font-size:.75rem;font-weight:500;cursor:default;color:var(--ff-muted)}.lb-kennzahlen{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:8px 0 20px}@media(max-width:560px){.lb-kennzahlen{grid-template-columns:repeat(2,1fr)}}.lb-zahl{background:#fff;border:1px solid var(--ff-border);border-radius:var(--ff-radius-card);padding:12px;display:grid;gap:2px}.lb-zahl-wert{color:var(--ff-ink);font-size:1.4rem;font-weight:700}.lb-check{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:16px 18px;text-decoration:none;color:var(--ff-body);border-left:3px solid var(--ff-orange)}.lb-check:hover{background:var(--ff-orange-tint)}.lb-pfeil{color:var(--ff-orange);font-size:1.3rem;font-weight:700}.lb-link{text-decoration:none;color:inherit}.lb-link:hover{border-color:var(--ff-orange-border);background:var(--ff-orange-tint)}.lb-gesperrt{opacity:.6}.lb-modul-text{min-width:0}.ks-nr-fertig{background:var(--ff-orange);border-color:var(--ff-orange);color:#fff}.balken{height:8px;background:var(--ff-block);border:1px solid var(--ff-border);border-radius:999px;overflow:hidden;margin:6px 0 4px}.balken-fuell{height:100%;background:var(--ff-orange);border-radius:999px;transition:width .3s ease-out}.lb-lektionen{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:12px}.lb-lektion{display:grid;gap:16px;padding:20px}@media(min-width:700px){.lb-lektion{grid-template-columns:1fr 200px;align-items:center}}.lb-arten{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.lk{max-width:680px;margin:0 auto}.lk-kopf{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.lk-kopf .lb-zurueck{margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lk-schritt{margin-top:12px;padding:24px 20px}.lk-schritt h2{font-size:1.25rem}.lk-schritt .btn{margin-top:12px}.lk-fuss{position:sticky;bottom:0;background:linear-gradient(to top,var(--ff-page) 70%,transparent);padding:16px 0 12px;display:grid;gap:6px;text-align:center}.lk-ende{max-width:560px;margin:0 auto;text-align:center;display:grid;gap:8px;justify-items:center}.lk-ende .btn{margin-top:8px}.ue-art{display:inline-block;color:var(--ff-orange);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.ue-liste{padding-left:20px;margin:0 0 16px}.ue-liste li{margin-bottom:6px}.ue-optionen{display:grid;gap:8px;margin:12px 0}.opt{display:flex;gap:10px;align-items:flex-start;width:100%;text-align:left;min-height:var(--ff-touch-min);padding:12px 14px;background:#fff;border:1px solid var(--ff-border);border-radius:var(--ff-radius-btn);font:1rem var(--ff-font);color:var(--ff-ink);cursor:pointer;transition:border-color .12s ease-out,background .12s ease-out}.opt:hover:not(:disabled){border-color:var(--ff-orange-border);background:var(--ff-orange-tint)}.opt:disabled{cursor:default}.opt-an{border-color:var(--ff-orange);background:var(--ff-orange-tint);box-shadow:var(--ff-focus-ring)}.opt-richtig{border-color:var(--ff-orange);background:var(--ff-orange-tint)}.opt-falsch{border-color:var(--ff-error);background:var(--ff-error-bg)}.opt-marke{flex:0 0 20px;font-weight:700;color:var(--ff-orange)}.opt-falsch .opt-marke{color:var(--ff-error)}.rm{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start;padding:12px 14px;border-radius:var(--ff-radius-block);margin:12px 0;font-size:.95rem}.rm-titel{display:block;color:var(--ff-ink);margin-bottom:2px}.rm-zeichen{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:#fff;background:var(--ff-muted)}.rm-richtig{background:var(--ff-orange-tint);border:1px solid var(--ff-orange-border)}.rm-richtig .rm-zeichen{background:var(--ff-orange)}.rm-falsch{background:var(--ff-error-bg);border:1px solid #f3c9c4}.rm-falsch .rm-zeichen{background:var(--ff-error)}.rm-ok{background:var(--ff-block);border:1px solid var(--ff-border)}.rm-ok .rm-zeichen{background:var(--ff-orange-hover)}.rm-info{background:var(--ff-block);border:1px solid var(--ff-border)}.ue-video{width:100%;border-radius:var(--ff-radius-block);background:#000;aspect-ratio:16 / 9}.ue-audio{width:100%;margin:8px 0}.ue-tempo{display:flex;gap:6px;margin-bottom:8px}.ue-platzhalter{aspect-ratio:16 / 9;max-height:280px;width:100%;background:var(--ff-block);border:1px dashed var(--ff-border);border-radius:var(--ff-radius-block);display:grid;place-content:center;justify-items:center;gap:4px;text-align:center;padding:16px}.ue-platzhalter-icon{width:52px;height:52px;border-radius:50%;background:var(--ff-orange);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:6px}.ue-kapitel{list-style:none;padding:0;margin:12px 0;display:grid;gap:2px}.ue-kapitel button{background:none;border:0;padding:8px 4px;font:.95rem var(--ff-font);color:var(--ff-ink);cursor:pointer;text-align:left;width:100%}.ue-kapitel button:disabled{cursor:default;color:var(--ff-body)}.ue-kapitel button .micro{display:inline-block;width:40px}.ue-transkript{margin-top:12px;border:1px solid var(--ff-border);border-radius:var(--ff-radius-block);padding:10px 14px;background:#fff}.ue-transkript summary{cursor:pointer;font-weight:600;color:var(--ff-ink)}.ue-transkript p{margin:10px 0 0;font-size:.95rem}.wf-karte{min-height:150px;display:grid;place-content:center;gap:8px;text-align:center;padding:24px;margin:12px 0;background:#fff;border:1px solid var(--ff-border);border-left:3px solid var(--ff-orange);border-radius:var(--ff-radius-card);box-shadow:var(--ff-shadow-card);touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab}.wf-karte p{color:var(--ff-ink);font-size:1.1rem;font-weight:600;margin:0}.wf-knoepfe{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wf-knoepfe .btn{margin-top:0}.rf-liste{list-style:none;padding:0;margin:12px 0;display:grid;gap:6px}.rf-eintrag{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:8px 8px 8px 12px;background:#fff;border:1px solid var(--ff-border);border-radius:var(--ff-radius-btn);color:var(--ff-ink)}.rf-nr{width:26px;height:26px;border-radius:50%;background:var(--ff-block);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem}.rf-pfeile{display:flex;gap:4px}.rf-pfeile button{width:40px;height:40px;border:1px solid var(--ff-border);border-radius:var(--ff-radius-input);background:#fff;font-size:1.1rem;cursor:pointer;color:var(--ff-ink)}.rf-pfeile button:disabled{opacity:.35;cursor:default}.zo-raster{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.zo-spalte{display:grid;gap:8px;align-content:start}.zo-spalte .opt{font-size:.9rem;padding:10px;min-height:64px}.lt-text{line-height:2.4;font-size:1.05rem;color:var(--ff-ink)}.lt-feld{font:600 1rem var(--ff-font);color:var(--ff-ink);padding:4px 8px;margin:0 4px;border:1px solid var(--ff-orange-border);border-radius:var(--ff-radius-input);background:var(--ff-orange-tint);min-height:38px}.lt-richtig{border-color:var(--ff-orange)}.lt-falsch{border-color:var(--ff-error);background:var(--ff-error-bg)}.sz-situation{background:var(--ff-block);border-left:3px solid var(--ff-orange);border-radius:var(--ff-radius-block);padding:14px 16px}.sz-situation p{margin:0;color:var(--ff-ink)}.hs-szene{width:100%;border:1px solid var(--ff-border);border-radius:var(--ff-radius-block);background:#fff;cursor:crosshair;display:block;margin:12px 0;touch-action:manipulation}.hs-liste{padding-left:20px;font-size:.92rem}.hs-liste li{margin-bottom:4px}.kk-karte{width:100%;min-height:180px;display:grid;place-content:center;gap:10px;text-align:center;padding:24px;margin:12px 0;background:#fff;border:1px solid var(--ff-border);border-radius:var(--ff-radius-card);box-shadow:var(--ff-shadow-card);font:inherit;cursor:pointer}.kk-hinten{background:var(--ff-orange-tint);border-color:var(--ff-orange-border);cursor:default}.kk-text{color:var(--ff-ink);font-size:1.15rem;font-weight:600}.lb-main .micro{color:var(--ff-muted)}.pr{max-width:680px;margin:0 auto}.pr-liste{padding-left:20px;margin:0 0 16px}.pr-liste li{margin-bottom:6px}.pr-name{display:grid;gap:2px;margin:8px 0 16px}.pr-name-wert{color:var(--ff-ink);font-size:1.15rem}.pr-name .btn-link{justify-self:start;padding:4px 0 0}.pr-navi{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.pr-navi .btn{margin:0}.pr-alle{margin-top:8px;background:#fff;border:1px solid var(--ff-border);border-radius:var(--ff-radius-block);padding:10px 14px}.pr-alle summary{cursor:pointer;font-weight:600;color:var(--ff-ink)}.pr-raster{list-style:none;padding:0;margin:12px 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:6px}.pr-nr{width:100%;height:44px;border:1px solid var(--ff-border);border-radius:var(--ff-radius-input);background:#fff;font:600 .95rem var(--ff-font);color:var(--ff-muted);cursor:pointer}.pr-nr-ok{background:var(--ff-orange-tint);border-color:var(--ff-orange-border);color:var(--ff-ink)}.pr-nr-aktiv{border-color:var(--ff-orange);box-shadow:var(--ff-focus-ring)}.pr-zertifikat{border-left:3px solid var(--ff-orange)}.ue-ki{margin:4px 0 0}.ks-hero{background:var(--ff-card);border-bottom:1px solid var(--ff-border);padding:40px 0}.ks-hero-grid{display:grid;gap:32px;grid-template-columns:1fr;align-items:start}@media(min-width:820px){.ks-hero-grid{grid-template-columns:1.4fr 1fr}}.ks-lead{font-size:1.05rem}.ks-facts{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px 20px;color:var(--ff-ink)}.ks-facts li:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--ff-orange);margin-right:8px;vertical-align:middle}.ks-preis{padding:24px}.ks-preis-betrag{color:var(--ff-ink);font-size:2.2rem;font-weight:700;line-height:1.1}.ks-check{list-style:none;padding:0;margin:0 0 20px}.ks-check li{padding-left:26px;position:relative;margin-bottom:6px}.ks-check li:before{content:"✓";position:absolute;left:0;color:var(--ff-orange);font-weight:700}.ks-section{padding-top:40px}.ks-grid4{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.ks-tile{background:var(--ff-card);border:1px solid var(--ff-border);border-radius:var(--ff-radius-card);padding:16px}.ks-module{list-style:none;padding:0;margin:0;display:grid;gap:8px}.ks-modul{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;background:var(--ff-card);border:1px solid var(--ff-border);border-radius:var(--ff-radius-card);padding:12px 16px}.ks-nr{width:32px;height:32px;border-radius:50%;background:var(--ff-orange-tint);border:1px solid var(--ff-orange-border);color:var(--ff-ink);font-weight:700;display:inline-flex;align-items:center;justify-content:center}.ks-min{white-space:nowrap}.ks-zwei{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.ks-footer{padding:40px 16px;text-align:center}.lb-module{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:8px}
