:root{--blau:#1f7aa8;--blau-dunkel:#155a7d;--blau-hell:#e8f2f8;--tinte:#21272c;--grau:#5b6770;--linie:#d4dbe0;--papier:#f4f6f8;--karte:#fff;--gruen:#1e7d43;--gruen-hell:#e6f4ea;--rot:#b3372f;--rot-hell:#faeceb;--gelb-hell:#fdf6e3;color:var(--tinte);font-family:-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--papier);margin:0;line-height:1.55}.kopf{background:var(--blau-dunkel);color:#fff;align-items:baseline;gap:.9rem;padding:.7rem 1.2rem;display:flex}.marke{color:#fff;font-size:1.05rem;font-weight:700;text-decoration:none}.brotkrumen{color:#cfe3ee;font-size:.9rem}.inhalt{max-width:60rem;margin:0 auto;padding:1.4rem 1.2rem 3rem}.fuss{text-align:center;color:var(--grau);padding:1rem;font-size:.8rem}h1{color:var(--blau-dunkel);font-size:1.6rem}h2{color:var(--blau-dunkel);margin-top:2rem;font-size:1.25rem}.hero p{max-width:44rem}.kartenraster{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.8rem;display:grid}.karte{background:var(--karte);border:1px solid var(--linie);color:inherit;border-radius:10px;flex-direction:column;gap:.25rem;padding:.9rem 1rem;text-decoration:none;display:flex}.karte-aktiv{border-color:var(--blau);box-shadow:0 1px 3px #1f7aa826}.karte-aktiv:hover{background:var(--blau-hell)}.karte-geplant{opacity:.55}.karte-nr{color:var(--blau);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:700}.karte-titel{font-weight:600}.karte-meta{color:var(--grau);font-size:.82rem}.kapitel-kopf{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;display:flex}.abschnitt{background:var(--karte);border:1px solid var(--linie);border-radius:12px;margin-top:1.2rem;padding:1.1rem 1.4rem}.abschnitt-nr{color:var(--blau)}.theorie h3{color:var(--blau-dunkel);margin:1.1rem 0 .4rem;font-size:1.05rem}.theorie table{border-collapse:collapse;margin:.6rem 0}.theorie th,.theorie td{border:1px solid var(--linie);text-align:left;padding:.35rem .6rem;font-size:.92rem}.theorie th{background:var(--blau-hell)}.merksatz{background:var(--gelb-hell);border-left:4px solid var(--blau);border-radius:0 8px 8px 0;margin:.7rem 0;padding:.6rem .9rem;font-weight:500}.quelle{color:var(--grau);margin-bottom:0;font-size:.78rem}.leerhinweis{color:var(--grau);font-style:italic}.beispiel{border-top:1px dashed var(--linie);margin-top:1.3rem;padding-top:1rem}.beispiel h4{color:var(--blau-dunkel);margin:0 0 .3rem}.beispiel h5{color:var(--blau-dunkel);margin:1rem 0 .4rem}.tkonto-grid{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));align-items:start;gap:1rem 1.2rem;margin:.8rem 0;display:grid}.tkonto{font-variant-numeric:tabular-nums;min-width:0;font-size:.9rem;overflow:hidden}.tk-name{background:var(--blau);color:#fff;text-align:center;border-radius:6px 6px 0 0;padding:.25rem .5rem;font-weight:600}.tk-kopf{color:var(--grau);grid-template-columns:1fr 1fr;font-size:.78rem;font-weight:600;display:grid}.tk-kopf span{padding:.15rem .4rem}.tk-kopf span:last-child{text-align:right}.tk-body{border-top:2px solid var(--tinte);grid-template-columns:1fr 1fr;min-height:2.2rem;display:grid}.tk-seite{flex-direction:column;gap:.2rem;min-width:0;padding:.25rem .4rem .4rem;display:flex}.tk-soll{border-right:1.5px solid var(--tinte)}.tk-zeile{grid-template-columns:auto 1fr auto;align-items:baseline;gap:.35rem;min-width:0;display:grid}.tk-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--grau);font-size:.82rem;overflow:hidden}.tk-betrag{white-space:nowrap;text-align:right}.tk-saldo{color:var(--blau-dunkel);border-top:1px solid var(--linie);margin-top:auto;padding-top:.2rem;font-style:italic}.tk-totals{border-top:3px double var(--tinte);grid-template-columns:1fr 1fr;font-weight:600;display:grid}.tk-totals .tk-betrag{text-align:right;min-width:0;padding:.15rem .4rem;overflow:hidden}.tk-name,.tk-kopf span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.kreis{border:1.5px solid var(--blau);width:1.25em;height:1.25em;color:var(--blau);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.78em;font-style:normal;font-weight:700;display:inline-flex}.kreis.leer{border-color:#0000}.journal{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.9rem}.journal th,.journal td{border:1px solid var(--linie);text-align:left;padding:.3rem .55rem}.journal th{background:var(--blau-hell);color:var(--blau-dunkel)}.journal .j-nr{text-align:center;width:2.2rem}.journal .j-datum{white-space:nowrap}.journal .j-betrag{text-align:right;white-space:nowrap}.themenliste{flex-direction:column;gap:.5rem;margin:1rem 0;display:flex}.themenzeile{background:var(--karte);border:1px solid var(--linie);color:inherit;border-radius:10px;justify-content:space-between;gap:1rem;padding:.7rem 1rem;text-decoration:none;display:flex}.themenzeile:hover{background:var(--blau-hell)}.themenstand{color:var(--blau-dunkel);white-space:nowrap;font-weight:600}.uebungskarte{background:var(--karte);border:1px solid var(--linie);border-radius:12px;margin-top:1rem;padding:1.2rem 1.4rem}.uebung-meta{color:var(--grau);justify-content:space-between;gap:1rem;font-size:.85rem;display:flex}.aufgabentext{margin:.8rem 0 1.1rem;font-size:1.08rem}.antwortraster{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.8rem;display:grid}.antwortraster label{color:var(--grau);flex-direction:column;gap:.25rem;font-size:.85rem;font-weight:600;display:flex}.antwortraster select,.antwortraster input{font:inherit;border:1px solid var(--linie);color:var(--tinte);background:#fff;border-radius:8px;padding:.45rem .5rem}.knopfzeile{flex-wrap:wrap;gap:.6rem;margin-top:1rem;display:flex}.knopf{font:inherit;border:1px solid var(--blau);color:var(--blau-dunkel);cursor:pointer;background:#fff;border-radius:8px;padding:.45rem 1rem;text-decoration:none;display:inline-block}.knopf:hover{background:var(--blau-hell)}.knopf-primaer{background:var(--blau);color:#fff}.knopf-primaer:hover{background:var(--blau-dunkel)}.knopf-leise{border-color:var(--linie);color:var(--grau)}.knopf:disabled{opacity:.5;cursor:default}.fb{border-radius:8px;margin:.8rem 0 0;padding:.55rem .9rem}.fb-ok{background:var(--gruen-hell);color:var(--gruen);font-weight:600}.fb-fehler{background:var(--rot-hell);color:var(--rot);font-weight:600}.fb-hinweis{background:var(--gelb-hell);color:var(--tinte)}.fb-neutral{background:var(--blau-hell);color:var(--blau-dunkel)}.musterloesung{border-top:1px dashed var(--linie);margin-top:.9rem;padding-top:.6rem}.ml-label{color:var(--blau-dunkel);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.8rem;font-weight:700}.antwortraster select.feld-falsch,.antwortraster input.feld-falsch{border-color:var(--rot);background:var(--rot-hell)}.buchungssatz{margin:.2rem 0 .4rem}@media (width<=40rem){.inhalt{padding:1rem .8rem 2.5rem}.abschnitt,.uebungskarte{padding:.9rem 1rem}}.kopf{justify-content:flex-start}.benutzer{color:#fff;background:#ffffff1f;border-radius:999px;align-items:center;gap:.45rem;margin-left:auto;padding:.25rem .6rem .25rem .3rem;font-size:.88rem;text-decoration:none;display:flex}.benutzer:hover{background:#ffffff38}.benutzer-leer{padding:.3rem .8rem}.benutzer-kreis{width:1.7rem;height:1.7rem;color:var(--blau-dunkel);background:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.benutzer-cert{color:#cfe3ee;font-weight:700}.gesamtstand{background:var(--karte);border:1px solid var(--linie);border-radius:10px;flex-wrap:wrap;align-items:center;gap:.9rem;margin-top:.8rem;padding:.7rem 1rem;display:flex}.gesamtstand>span:first-child{font-weight:600}.hinweiskarte{background:var(--gelb-hell);border-left:4px solid var(--blau);border-radius:0 8px 8px 0;padding:.6rem .9rem}.cert{background:var(--linie);border-radius:999px;flex:none;justify-content:flex-end;align-items:center;min-width:6.5rem;height:1.4rem;padding:0 .5rem;font-size:.8rem;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.cert-fuellung{background:var(--grau);position:absolute;inset:0 auto 0 0}.cert-zahl{color:var(--tinte);position:relative}.cert-offen .cert-fuellung{background:0 0}.cert-unsicher .cert-fuellung{background:#f2b8b4}.cert-ordentlich .cert-fuellung{background:#ffe08a}.cert-sattelfest .cert-fuellung{background:#9bd8b1}.karte .cert{align-self:flex-start;margin-top:.4rem}.themenzeile-schwach{border-color:var(--rot);background:var(--rot-hell)}.benutzerzeile{font:inherit;text-align:left;cursor:pointer;align-items:center}.benutzerzeile-aktiv{border-color:var(--blau);background:var(--blau-hell)}
