:root{--akzent:#0b5d8a;--akzent-dunkel:#084767;--akzent-hell:#e8eef3;--bg:#fafaf8;--flaeche:#fff;--ink:#18202c;--muted:#687484;--linie:#dfe4e9;--gut:#1c7a4a;--warn:#9a5b12;--radius:10px;--schatten:0 1px 2px #18202c0f, 0 4px 16px #18202c0d}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:17px;line-height:1.6}h1,h2,h3{margin:0 0 .5em;line-height:1.25}h1{letter-spacing:-.01em;font-size:2rem}h2{font-size:1.4rem}h3{font-size:1.1rem}p{max-width:68ch;margin:0 0 1em}a{color:var(--akzent)}.huelle{max-width:1060px;margin:0 auto;padding:0 24px 96px}.schmal{max-width:760px}.kopf{background:var(--flaeche);border-bottom:1px solid var(--linie);z-index:20;position:sticky;top:0}.kopf-inhalt{flex-wrap:wrap;align-items:center;gap:28px;max-width:1060px;margin:0 auto;padding:14px 24px;display:flex}.marke{color:var(--akzent);letter-spacing:-.01em;font-weight:700;text-decoration:none}.nav{flex-wrap:wrap;gap:20px;margin-left:auto;display:flex}.nav a{color:var(--muted);font-size:.95rem;text-decoration:none}.nav a:hover,.nav a.router-link-active{color:var(--ink)}.karte{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--radius);box-shadow:var(--schatten);padding:24px}.kasten{background:var(--akzent-hell);border-left:4px solid var(--akzent);border-radius:0 var(--radius) var(--radius) 0;margin:0 0 20px;padding:18px 22px}.kasten p:last-child{margin-bottom:0}.merke{background:var(--akzent);color:#fff;border-radius:var(--radius);padding:28px 30px;font-size:1.25rem;font-weight:600;line-height:1.45}.knopf{background:var(--akzent);color:#fff;border:1px solid var(--akzent);font:inherit;cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:11px 20px;font-weight:600;text-decoration:none;display:inline-flex}.knopf:hover{background:var(--akzent-dunkel);border-color:var(--akzent-dunkel)}.knopf[disabled]{opacity:.45;cursor:not-allowed}.knopf.sekundaer{color:var(--akzent);background:0 0}.knopf.sekundaer:hover{background:var(--akzent-hell)}.knopf.klein{padding:7px 13px;font-size:.9rem}label{margin-bottom:6px;font-size:.92rem;font-weight:600;display:block}input[type=text],input[type=email],input[type=password]{width:100%;font:inherit;border:1px solid var(--linie);background:#fff;border-radius:8px;padding:11px 13px}input:focus-visible,button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--akzent);outline-offset:2px}.balken{background:var(--akzent-hell);border-radius:5px;height:9px;overflow:hidden}.balken>span{background:var(--akzent);border-radius:5px;height:100%;display:block}.badge{background:var(--flaeche);border:1px solid var(--linie);border-radius:999px;align-items:center;gap:8px;padding:6px 14px 6px 8px;font-size:.9rem;display:inline-flex}.badge .siegel{background:var(--akzent);color:#fff;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:.68rem;font-weight:700;display:grid}.modulliste{margin-top:8px}.modulliste summary{cursor:pointer;color:var(--akzent);width:fit-content;padding:2px 0;font-size:.88rem;list-style-position:inside}.modulliste summary .muted{font-size:.85rem}.modulliste ul{border-top:1px solid var(--linie);margin:10px 0 4px;padding:0;list-style:none}.modulliste li{border-bottom:1px solid var(--linie);grid-template-columns:18px 34px 1fr auto;align-items:center;gap:10px;padding:7px 0;font-size:.9rem;display:grid}.modulliste .nr{color:var(--akzent);font-size:.78rem;font-weight:700}.modulliste .titel{color:var(--ink);text-decoration:none}.modulliste a.titel:hover{color:var(--akzent);text-decoration:underline}.modulliste .stand{color:var(--muted);white-space:nowrap;font-size:.8rem}.modulliste li.bestanden .stand{color:var(--gut)}.modulliste li.in_vorbereitung{opacity:.55}.sammlung{gap:18px;display:grid}.sammel-reihe{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.sammel-kopf{align-items:center;gap:10px;min-width:210px;display:flex}.sammel-kopf div{line-height:1.3;display:grid}.siegel-reihe{flex-wrap:wrap;gap:6px;display:flex}.siegel-reihe a{border-radius:50%}.siegel-reihe a:hover svg{transform:scale(1.15)}@media (width<=640px){.modulliste li{grid-template-columns:18px 30px 1fr}.modulliste .stand{grid-column:3}}.raster{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.kachel{text-align:left;width:100%;font:inherit;color:inherit;background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--radius);cursor:pointer;padding:15px 17px;display:block}.kachel:hover{border-color:var(--akzent)}.kachel .nr{color:var(--akzent);letter-spacing:.04em;font-size:.78rem;font-weight:700}.kachel .t{margin:4px 0 8px;font-size:.95rem}.kachel .fuss{color:var(--muted);font-size:.8rem}.kachel.gesperrt{opacity:.55;cursor:default;background:0 0}.kachel.gesperrt:hover{border-color:var(--linie)}.kachel.fertig{border-color:var(--gut)}.marker{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);border:1px solid var(--linie);border-radius:4px;padding:1px 6px;font-size:.72rem;display:inline-block}.abschnitt{margin:0 0 40px;scroll-margin-top:80px}.abschnitt>.kopfzeile{border-bottom:1px solid var(--linie);align-items:baseline;gap:12px;margin-bottom:18px;padding-bottom:8px;display:flex}.abschnitt .schritt{color:#fff;background:var(--akzent);border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:.78rem;font-weight:700;display:grid}video{border-radius:var(--radius);background:#000;width:100%;display:block}.video-platz{aspect-ratio:16/9;border-radius:var(--radius);background:var(--akzent);color:#fff;text-align:center;place-content:center;gap:10px;padding:32px;display:grid}.antwort{text-align:left;width:100%;font:inherit;cursor:pointer;background:var(--flaeche);border:1px solid var(--linie);border-radius:8px;margin-bottom:10px;padding:14px 16px;display:block}.antwort:hover{border-color:var(--akzent)}.antwort.richtig{border-color:var(--gut);background:#f1f8f4}.antwort.falsch{background:#fbf2f2;border-color:#b23b3b}.antwort[disabled]{cursor:default}.vorfuehrung{z-index:50;color:#e6eaf0;background:#1f2733;border-radius:10px;max-width:310px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.82rem;position:fixed;bottom:16px;right:16px;box-shadow:0 8px 28px #00000047}.vorfuehrung header{cursor:pointer;letter-spacing:.04em;text-transform:uppercase;color:#9fb0c4;justify-content:space-between;gap:12px;padding:9px 13px;font-size:.72rem;display:flex}.vorfuehrung .koerper{gap:9px;padding:0 13px 13px;display:grid}.vorfuehrung input{color:#e6eaf0;font:inherit;background:#2b3543;border-color:#3c4857}.vorfuehrung button{font:inherit;cursor:pointer;text-align:left;color:#e6eaf0;background:#2b3543;border:1px solid #3c4857;border-radius:6px;padding:8px 11px}.vorfuehrung button:hover{background:#36424f}.vorfuehrung .hinweis{color:#8fa0b4;line-height:1.45}.zertifikat{border:2px solid var(--akzent);text-align:center;background:#fff;border-radius:4px;padding:25px 52px}.zertifikat p{max-width:100%;margin-left:auto;margin-right:auto}.zertifikat .linie{background:var(--akzent);width:56px;height:3px;margin:26px auto}.zertifikat .anlass{color:var(--muted)}.zertifikat .name{max-width:none;margin:14px auto 18px;font-size:2.1rem;font-weight:700;line-height:1.2}.zertifikat .werte{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:0;margin:32px auto;display:flex}.zertifikat .wert{flex:150px;max-width:220px;padding:0 10px}.zertifikat .wert b{color:var(--akzent);font-size:1.8rem;line-height:1.2;display:block}.zertifikat .wert span{color:var(--muted);margin-top:2px;font-size:.82rem;display:block}.zertifikat .pfad{margin:0 auto 20px}.zertifikat .pfad span{color:var(--muted)}.zertifikat .badges{flex-direction:column;align-items:center;gap:8px;margin:0 auto 8px;display:flex}.zertifikat .aufstellung{max-width:900px;color:var(--muted);margin:18px auto 0;font-size:.7rem;line-height:1.45}.zertifikat .aufstellung p{margin:0 auto 5px}.zertifikat .aufstellung strong{color:var(--ink);font-weight:600}.zertifikat .fuss{color:var(--muted);margin:0 auto;font-size:.82rem;line-height:1.6}.zertifikat.druck{border-width:1px;padding:22px 34px}.zertifikat.druck .linie{margin:16px auto}.zertifikat.druck .name{margin:8px auto 10px}.zertifikat.druck .werte{margin:18px auto}.zertifikat.druck .pfad{margin-bottom:12px}.zertifikat.druck .badges{gap:5px}.zertifikat.druck .badge{padding:4px 12px 4px 6px;font-size:.82rem}.zertifikat.druck .aufstellung{margin-top:12px;font-size:.66rem}@media print{.kopf,.vorfuehrung,.knopf{display:none!important}.zertifikat{border-width:1px;padding:40px}}.stapel{gap:16px;display:grid}.reihe{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.muted{color:var(--muted)}.klein{font-size:.88rem}.mono-zahl{font-variant-numeric:tabular-nums}@media (width<=640px){body{font-size:16px}h1{font-size:1.55rem}.huelle{padding:0 16px 80px}.karte,.zertifikat{padding:20px}.vorfuehrung{max-width:none;left:16px;right:16px}}